.account-edit-container{max-width:750px;color:#7d7d7d}.account-edit-container span,.account-edit-container .recurring-billing-label{line-height:160%;font-size:16px}@media all and (max-width: 400px){.account-edit-container{width:100%}}.account-edit-container #automatic_renewal,.account-edit-container [for='automatic_renewal']{cursor:pointer}.account-edit-container input[type='number']{max-width:100px}.account-edit-container input[name='name']{min-width:30%}.account-edit-container label{display:block}.account-edit-container .divider-line{margin:40px 0}.account-edit-container .account-edit-field{margin-top:15px}.account-edit-container .change-email-text{font-style:italic;margin-top:10px;color:#eb5757;font-size:16px;font-weight:400;line-height:144%;letter-spacing:0.5px;max-width:450px}.account-edit-container .change-email-text-link{text-decoration:underline;cursor:pointer;font-weight:500}.account-edit-container .top-notice{font-size:14px;margin-top:10px;margin-bottom:10px}.account-edit-container #email-text{font-size:16px}.account-edit-container #save-button{margin-top:35px}.account-edit-container .account-type-buttons button.action-button{display:inline-flex;font-weight:400;font-size:18.04px;transition:box-shadow 100ms linear;padding-left:20px;padding-right:20px;color:#949494;border:0;background-color:#e5e5e5}@media all and (max-width: 400px){.account-edit-container .account-type-buttons button{font-size:14.432px}}.account-edit-container .account-type-buttons button.active{color:rgba(255,255,255,0.95);background-color:#40c2ff;box-shadow:0 3px 13px rgba(0,0,0,0.2)}.account-edit-container .account-type-buttons button:first-child{border-radius:3px 0px 0px 3px}.account-edit-container .account-type-buttons button:last-child{border-radius:0px 3px 3px 0px}.account-edit-container .card-play-button{padding-left:17px;padding-right:17px}.account-edit-container .card-play-button.after-pay-button{width:210px;margin:40px auto auto auto}.account-edit-container .plan-seat-details-group{display:flex;flex-direction:column}.account-edit-container.react-table-wrapper{background-color:#fcfcfc}.account-edit-container.react-table-wrapper.pay-bills{margin-right:auto;margin-left:auto}.account-edit-container .time-zone-select{color:#777777;font-size:16px;line-height:3;max-width:406px}.account-edit-container .time-zone-select__control{border:1px solid #eee;box-shadow:inset 0 1px 2px rgba(0,0,0,0.06);border-radius:2px}.account-edit-container .time-zone-select__value-container{height:56px}.account-billing-page .pay-bills .top-notice{font-size:18px;color:#484848}.account-billing-page .pay-bills .update-creditcard-text{font-size:15px;font-weight:400;color:#000000;font-style:italic;letter-spacing:0px;margin-top:7px;line-height:21px}.account-billing-page .pay-bills .rt-tr-group{height:50px}.account-billing-page .pay-bills .show-more-bills .light-divider{width:100%;height:2px;background-color:#d3d3d3;margin:21px 0 28px 0}.account-billing-page .pay-bills .show-more-bills .show-more-button{display:flex;align-items:center;justify-content:center;width:156px;border:2px solid #767676;border-radius:3px;height:50px;color:#484848;font-weight:400;cursor:pointer}.account-billing-page .to-be-paid-container{display:flex;justify-content:space-between;width:160px}@media all and (max-width: 800px){.account-billing-page .card{width:100%}}.account-billing-page .react-table-wrapper .react-table .rt-tbody{padding:none !important}.account-billing-page .react-table-wrapper .react-table .rt-table{background-color:#fcfcfc}.account-billing-page .react-table{border:none !important}.account-billing-page .react-table .rt-thead{border-bottom:1px solid lightgray;padding-left:0 !important;padding-right:0 !important}.account-billing-page .react-table .rt-th{padding-left:0 !important;padding-right:0 !important;outline:none}.account-billing-page .react-table .rt-tr-group{padding-top:10px}.account-billing-page .react-table .rt-resizable-header-content{font-weight:900 !important;font-size:14px !important;color:black !important}.account-billing-page .react-table.pay-bills{color:black}.account-billing-page .react-table .rt-td{font-size:14px;font-weight:400 !important;letter-spacing:0.5px !important;padding-left:0 !important;padding-right:0 !important}.account-billing-page .react-table .rt-tbody{padding:none;padding-left:0 !important;padding-right:0 !important}.account-billing-page .react-table .paid{color:#5fbd86}.account-billing-page .react-table .overdue{color:#eb5757}.account-billing-page .react-table .un-paid{color:#f2994a}.account-billing-page .react-table .book-a-lesson{width:78px;height:32px;padding:0;margin-top:0;margin-bottom:40px;font-size:15px}.account-billing-page .react-table .book-a-lesson.pay-now{transform:translateY(-5px)}.dashboard-container .card-container .account-edit.card-item{overflow:visible}.input-wrapper-friend{border-radius:2px;background:rgba(255,255,255,0.86);height:2.75em;border:1px solid #eee;box-shadow:inset 0 1px 2px rgba(0,0,0,0.06);padding:5px 12px;margin-bottom:1em;display:flex;align-items:center}.input-wrapper-friend input{font-size:16px;line-height:3;transition:color 0.1s;width:100%;height:100%;border:none;outline:none;font-family:Lato, 'Helvetica Neue';font-size:16px;font-weight:300;letter-spacing:1px}.input-wrapper-friend input::-moz-placeholder{color:#767676}.input-wrapper-friend input::placeholder{color:#767676}.input-wrapper-friend input:disabled{cursor:not-allowed}.input-wrapper-friend .line-through{text-decoration:line-through}.teaching-window-btn{font-family:Lato, 'Helvetica Neue';font-style:normal;width:201px;height:52px;left:509px;top:275px;border-radius:4px;font-weight:700;font-size:15px;line-height:18px;display:flex;align-items:center;text-align:center}.google-calendar-btn{font-family:Lato, 'Helvetica Neue';font-style:normal;height:52px;left:509px;top:275px;border-radius:4px;line-height:18px;display:flex;align-items:center;text-align:center}.pr-15{padding-right:15px !important}.pl-15{padding-left:15px !important}.fw-700{font-weight:700 !important}.flex{display:flex}.items-center{align-items:center}.mt-10{margin-top:10px}.border-b{border-bottom:1px solid #dfdfdf;margin:auto;width:310px}.my-21{margin:21px 0 21px 0}.pb-21{padding:0 0 21px 0}.line{height:10px;transform:rotate(90deg);border:1px solid #535353}.mr-1{margin-right:1px}.mr-20{margin-right:20px}.mr-34{margin-right:34px}.mr-45{margin-right:45px}.mb-39{margin-bottom:39px !important}.mr-42{margin-right:42px}.mr-44{margin-right:44px}.ml-10{margin-left:10px}.ml-15{margin-left:15px}.ml-22{margin-left:22px}.ml-28{margin-left:28px}.mr-22{margin-right:22px}.custom-modal .announcement-modal{width:380px !important}.teaching-window-modal{background-color:#fff}.teaching-window-modal .window-content{font-size:13px;text-align:center;font-weight:400;max-width:75%;margin:0 auto;line-height:21px;left:867px;top:245px}.teaching-window-modal .window-content .window-content-h2{color:black;margin-top:35px;font-weight:600;font-size:19px;line-height:23px}.teaching-window-modal .desc-text{font-family:Lato, 'Helvetica Neue';font-style:normal;font-weight:400;font-size:13px;line-height:21px;letter-spacing:0.01em;text-align:justify;width:258px;margin:0 auto;color:#434343}.teaching-window-modal .day{margin-top:5px;width:47px;font-weight:600;font-size:12px;line-height:15px;letter-spacing:0.04em;color:#525252}.teaching-window-modal .day-of-week{display:flex;align-items:center;width:310px;margin:auto;justify-content:space-between}.teaching-window-modal .day-of-week .time-field{margin-right:13px;align-items:center;width:81px;height:34px;font-weight:600;font-size:12px;line-height:15px;border-radius:4px;letter-spacing:0.04em;height:5;border:'1px solid #535353'}.teaching-window-modal .day-of-week .time-field-2{margin-left:13px;margin-right:20px;width:81px;height:34px;font-weight:600;font-size:12px;line-height:15px;border-radius:4px;letter-spacing:0.04em}.teaching-window-modal .day-of-week .empty-window{width:217px;height:34px;left:896px;top:445px;font-family:'Inter';font-style:normal;font-weight:400;font-size:13px;line-height:21px;align-items:center;letter-spacing:0.01em;color:#a0a0a0}.teaching-window-modal .window-block{display:inline-block;width:100%}.teaching-window-modal .underline{width:400px;height:0px;margin:0 auto;margin-top:21px;border:1px solid #dfdfdf}.dropdown-options::-webkit-scrollbar{width:5px;height:5px;background-color:#f1f1f1;border-radius:5px}.dropdown-options::-webkit-scrollbar-thumb{background-color:#888888;border-radius:5px}.dropdown-options::-webkit-scrollbar-thumb:hover{background-color:#555555}.dropdown-header{border:1px solid #535353;padding:10px 7px;border-radius:4px;font-size:16px}.dropdown-header:hover{border-color:#b3b3b3}.dropdown-header:focus{border-color:blue}.dropdown-options{width:88px;padding:8px 0;border:1px solid #CCCCCC;border-radius:6px;z-index:10;box-shadow:0 1px 5px #004a1026;background-color:white;position:relative;overflow-y:scroll;overflow-x:hidden;max-height:20rem;margin-top:8px}.dropdown-option{padding:10px;cursor:pointer}.dropdown-option:hover{background:#ddebff}.dropdown-option-selected{background:#2584ff;color:white}.dropdown-option-selected:hover{background:#2584ff;color:white}.m-0{margin:0 !important}.btn-border{border:2px solid #29c1b4 !important}.whitespace-nowrap{white-space:nowrap}.fs-15{font-size:15px !important}.bottom-line{width:405px;margin-top:36px;border:1px solid #dcdcdc;margin-bottom:27px}.saved{font-weight:800;font-size:12px;line-height:15px;letter-spacing:0.04em;color:#29c1b4}.justify-center{justify-content:center}.error-message{color:red;padding-bottom:10px;font-size:13px;width:297px;margin:auto}.overlap-error-message{color:red;font-size:13px;width:316px}.pt-21{padding-top:21px}.pointer{cursor:pointer}@media screen and (min-width: 550px){.error-txt{display:flex;justify-content:center}}@media screen and (max-width: 550px){.error-txt{margin-left:10px}}.demo-modal svg{top:3% !important}.icon-calander{height:2rem;width:3rem}.account-page-wrapper{height:100%}.tab-rapper{position:fixed;height:9%;top:9%;z-index:1;width:100%;display:flex;flex-direction:row;justify-content:left;align-items:center;background:#1e5b78;color:rgba(255,255,255,0.7)}.tab-rapper.not-for-teacher{display:none}.tab-rapper .fantabulous{margin-left:30px;position:relative;height:100%;display:flex;align-items:center;cursor:pointer;text-transform:uppercase;font-size:12px;font-weight:400;padding:inherit}.tab-rapper .fantabulous.selected{color:white}.tab-rapper .fantabulous .feat-underline{height:5px;width:100%;background:#40c2ff;bottom:0;position:absolute}.dab-wrapper{top:9%;position:relative;margin-bottom:0px !important}.dab-wrapper.not-for-teacher{top:0}@media all and (max-width: 650px){.dab-wrapper.card-container .card .card-item{width:85%}}.dab-wrapper.card-container .card .card-item .account-type-buttons .action-button{font-size:16px;width:100px;line-height:120%;box-shadow:none}.dab-wrapper .react-table-wrapper{padding:0}.dab-wrapper .card{margin-bottom:40px !important}.dab-wrapper h3{text-transform:uppercase;font-size:13px;margin:40px 0 12px 0;font-weight:400;color:#8c8c8c}.dab-wrapper .top-notice{font-size:16px;line-height:150%;letter-spacing:0px}.dab-wrapper .card-button{font-size:16px;font-weight:400;margin-top:35px;padding-left:25px;padding-right:25px;letter-spacing:0.5px;line-height:160%}.dab-wrapper .card-button.border-text-button{margin-top:29px;padding-left:10px;padding-right:10px}.mt-30{margin-top:30px}.radio-head{overflow:hidden}.radio-head .radio-head-in-rainbows{display:flex;flex-direction:row;justify-content:space-between;margin-top:5px}.radio-head .radio-option{background-color:#e4f1f0;border:1px solid #29c1b4;border-radius:50px;font-size:18px;color:white;height:30px;width:140px;display:flex;align-items:center;cursor:pointer}.radio-head .radio-option.unselected{background-color:white;color:#29c1b4}.radio-head .radio-option.unselected .outer-circle{border:2px solid #29c1b4;box-sizing:border-box}.radio-head .radio-option.unselected .outer-circle .inner-circle{display:none}@media all and (max-width: 400px){.radio-head .radio-option{width:100px}}.radio-head .radio-option span{display:inline-block;cursor:pointer;margin-left:15px;margin-top:-2px}@media all and (max-width: 400px){.radio-head .radio-option span{font-size:12px}}.header-a-la-button{display:flex;flex-direction:row;align-items:center}button.border-text-button,a.border-text-button{color:#29c1b4;border-radius:25px;padding:5px 10px;font-size:14px;margin:0 0 0 15px;font-weight:400;transition:border 150ms linear, color 150ms linear}button.border-text-button:hover,a.border-text-button:hover{border:1px solid #2ccabc;color:#2ccabc}button.border-text-button.curved,a.border-text-button.curved{border-radius:999px;padding:12px 25px;font-size:16px;line-height:16px}.notifications .add-teacher-modal .announcement-modal{font-size:16px;max-width:600px}.notifications .add-teacher-modal .announcement-modal .wrapper-div{padding:40px 60px}.notifications .announcement.in-app-payment-modal .announcement-modal{max-width:550px}.notifications .in-app-payment-modal .announcement-modal{max-width:570px}.payment-confirmation-container{display:inline-block;width:100%;background:white;text-align:center;margin-bottom:0 !important}.toggle-row{display:flex;align-items:center;margin-bottom:30px}.toggle-row .toggle{min-width:48px;margin-right:22px}.toggle-row .toggle-copy{font-weight:400;letter-spacing:0.5px;color:#333333}.stripe-btn{cursor:pointer;width:auto;padding:12px 25px;font-size:16px;border:0;color:#fff;background:#29c1b4;border-radius:50px;font-weight:400}.stripe-btn-container{padding:40px 0px;font-size:16px}.stripe-setup-container{display:inline-block;width:100%;height:auto;font-weight:400}.font-weight-700{font-weight:700}.mt-40{margin-top:40px}.mt-15{margin-top:15px !important}.d-flex{display:flex}.mr-20{margin-right:20px}.gift-card-button{border:2px solid #023C64;border-radius:33px;font-size:12px;text-align:center;color:#023C64;height:35px;width:149px}.gift-card-button:hover{background-color:#023C64;color:#FFFFFF}.gift-card-title{color:#484848;font-size:20px}.text-black{color:#000000}.referral-page{padding:36px 40px 24px}.referral-page .referral-page__title{margin:0 0 14px;color:#292929;font-size:20px;line-height:1.25;letter-spacing:0}.referral-page .referral-page__content{max-width:820px}.referral-page .referral-page__copy,.referral-page .referral-page__summary,.referral-page .referral-page__empty-state{margin:0;color:#484848;font-size:19px;line-height:1.58;letter-spacing:0}.referral-page .referral-page__copy+.referral-page__copy{margin-top:14px}.referral-page .referral-page__link-row{display:flex;align-items:stretch;max-width:620px;margin:28px 0 18px}.referral-page .referral-page__link-anchor{flex:1 1 auto;display:flex;align-items:center;min-width:0;height:52px;box-sizing:border-box;border:1px solid #cfe2ea;border-right:none;border-radius:10px 0 0 10px;background:#f8fcfe;color:#1890ca;font-size:16px;font-weight:400;line-height:1.4;padding:0 18px;box-shadow:inset 0 1px 2px rgba(0,0,0,0.03);cursor:pointer;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.referral-page .referral-page__link-anchor:hover{text-decoration:underline}.referral-page .referral-page__copy-button{flex:0 0 auto;min-width:132px;height:52px;box-sizing:border-box;border:none;border-radius:0 10px 10px 0;background:#2da0e3;color:white;font-size:14px;font-weight:700;letter-spacing:0.02em;padding:0 22px;cursor:pointer;transition:background-color 150ms linear, transform 150ms linear}.referral-page .referral-page__copy-button:hover{background:#2194d6}.referral-page .referral-page__copy-button:active{transform:translateY(1px)}.referral-page .referral-page__summary{display:inline-flex;align-items:center;flex-wrap:wrap;color:#292929;font-size:16px;font-weight:400;line-height:1.5}.referral-page .referral-page__summary-count{color:#1890ca;font-size:16px;font-weight:700;margin:0 4px}.referral-page .referral-page__empty-state{max-width:620px;color:#5a5a5a}@media all and (max-width: 800px){.referral-page{padding:28px 24px 24px}.referral-page .referral-page__title{font-size:18px;margin-bottom:12px}.referral-page .referral-page__copy,.referral-page .referral-page__summary,.referral-page .referral-page__empty-state{font-size:17px}.referral-page .referral-page__link-row{flex-direction:column;gap:12px;max-width:100%}.referral-page .referral-page__link-anchor{border-right:1px solid #cfe2ea;border-radius:10px}.referral-page .referral-page__copy-button{width:100%;border-radius:10px}}@media all and (max-width: 500px){.referral-page{padding:22px 18px 20px}.referral-page .referral-page__title{font-size:17px;margin-bottom:10px}.referral-page .referral-page__copy,.referral-page .referral-page__summary,.referral-page .referral-page__empty-state{font-size:15px;line-height:1.5}.referral-page .referral-page__link-row{margin:22px 0 16px}.referral-page .referral-page__link-anchor{height:48px;font-size:14px;padding:0 14px}.referral-page .referral-page__copy-button{min-width:0;height:48px;font-size:13px}.referral-page .referral-page__summary{display:block}.referral-page .referral-page__summary-count{font-size:14px}}.radio-head.you-want-to-toggle .radio-head-in-rainbows{flex-direction:column}.radio-head.you-want-to-toggle .radio-option{border:none;background:none;color:grey;width:100%}.radio-head.you-want-to-toggle .radio-option .outer-circle{width:22px;height:22px;border-radius:50%;background-color:#e4f1f0;position:relative;margin:2px;align-items:center;justify-content:center;box-sizing:border-box;border:1px solid #b8d8e1}.radio-head.you-want-to-toggle .radio-option .outer-circle .inner-circle{width:12px;height:12px;border-radius:50%;background-color:#60c6d6;position:absolute;left:4px;top:4px}.radio-head.you-want-to-toggle .radio-option.unselected{background-color:none}.radio-head.you-want-to-toggle .radio-option.unselected .outer-circle{border:1px solid #b8d8e1;width:20px;height:20px;border-radius:50%}.price-strike-through{text-decoration:line-through}.discount-rate{color:#ffc700;font-weight:400}.bank-error{color:#ffc700;margin-top:30px;font-weight:400}.purchase-summary-wrapper{color:#000000;font-size:16px;margin-bottom:30px}.purchase-summary-wrapper span{display:block;line-height:160%;font-size:16px;cursor:default;-webkit-user-select:text;-moz-user-select:text;user-select:text}.purchase-summary-wrapper h3{margin:12px auto}.its-a-plan-stan{color:gray}.its-a-plan-stan .dope-checkbox-label{display:inline-block;text-transform:none;margin-top:11px;position:relative;width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.its-a-plan-stan .dope-checkbox-label span b{color:gray;font-size:16px;margin-left:5%}@media all and (max-width: 400px){.its-a-plan-stan .dope-checkbox-label span b{font-size:10px}}.its-a-plan-stan .dope-checkbox-label .dank-recurring-checkbox{display:inline-block;width:50%;margin-left:-1px;margin-top:-12px;font-size:18px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.its-a-plan-stan .dope-checkbox-label .checkmark-v2{margin-left:1.5px;z-index:10;height:52px;width:22px;position:absolute;left:1px;top:-9px}.its-a-plan-stan .dope-checkbox-label .dope-checkbox{margin-left:3.5px;height:18px;width:18px;position:absolute;border-radius:2px;z-index:1;vertical-align:middle;background-color:#e4f1f0;border:1px solid #b8d8e1;top:0;left:0}.its-a-plan-stan .recurring-billing-label{display:inline-block;text-transform:none;margin-top:10px}.its-a-plan-stan .recurring-billing-label input[type='checkbox']{margin-top:3px;height:18px;width:18px;background-color:#eee;vertical-align:middle;margin-left:10px;position:relative;top:0px}iframe[title='payment-modal']{border:none;height:337px}iframe[title='bill-payment-modal']{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;border:none}.bill-payment-iframe-container{position:relative;overflow:hidden;width:100%;height:60vh;width:100%}.payment-container{width:100%}.payment-container-2{width:100%}.flash-alert,.flash-rapper #flash_alert,.flash-rapper #flash_notice{z-index:2;padding:10px 14px;background:rgba(0,0,0,0.33);color:rgba(255,255,255,0.95);font-size:14px;border-radius:2px;line-height:normal}.flash-rapper{display:flex;justify-content:center;align-items:center;width:100%;height:0px}.flash-rapper #flash_alert,.flash-rapper #flash_notice{display:block;top:4%;position:absolute}@media all and (max-height: 600px){.flash-rapper #flash_alert,.flash-rapper #flash_notice{top:0%}}.alert-msg{position:absolute !important;margin-top:0;top:5%}.chart-container{position:relative;width:100%}.chart-container .labels{position:relative;color:#b5b5b5;font-size:13px;width:20px}.chart-container .labels .x-label{position:absolute;top:10px;left:0px;width:90px}.chart-container .labels .y-label{transform:rotate(270deg);position:absolute;right:20px;top:-31px}.chart-container .progress-chart{margin:0;width:100%;height:100%;border-bottom:1px solid rgba(0,0,0,0.15)}.chart-container .progress-chart .extra-axis-container{height:100%;width:100%;position:absolute;top:0;display:flex;flex-direction:column;justify-content:space-between}.chart-container .progress-chart .x-type-axis{border-top:1px solid #e6e6e6;height:25%;margin:0 auto;width:100%;position:relative}.chart-container .progress-chart .x-type-axis .axis-label{position:absolute;left:-30px;top:-10px;color:#b5b5b5;font-size:12px}.chart-container .progress-chart .resize-chart-wrapper{padding:0px 50px 0px 15px}.chart-container .progress-chart .data-container{position:relative;width:100%;height:250px}.chart-container .progress-chart .data-container .dot{position:absolute;bottom:0%;width:10px;height:10px;margin-bottom:-5px;border-radius:9999px;background-color:#c7c7c7;transition:all 180ms linear;cursor:pointer}.chart-container .progress-chart .data-container .dot:hover{box-shadow:0px 2px 10px rgba(0,0,0,0.3)}.chart-container .progress-chart .data-container .dot:last-child{background-color:#ffc700;box-shadow:0px 1px 3px rgba(0,0,0,0.18);width:19px;height:19px}.chart-container .progress-chart .session-points-text{color:#ffc700;position:absolute;top:0;left:35px;width:110px;text-align:left;font-weight:400;font-size:15px;animation:longerExpandAndContract15 3s infinite}.ear-training-game-container{overflow:hidden}.ear-training-game-container .ear-training-game-background-image{position:absolute;width:100%;height:91%;top:9%;background-image:url("https://tunelark-images.s3-us-west-1.amazonaws.com/flat-design-mountain-landscape.jpg");background-position:60% 30%;background-size:auto 100%}.ear-training-game-container .app-header{opacity:1}.ear-training-game-container .app-header .game-title{position:absolute;height:100%;color:white;display:flex;justify-content:center;align-items:center;transform:translateY(-3px);letter-spacing:1px;opacity:.8}.ear-training-game-container .game-feedback-text-wrapper{display:none;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;top:9%;background:transparent;z-index:0;color:rgba(255,255,255,0.95);width:100%;text-align:center}.ear-training-game-container .feedback-container{position:absolute;width:100%;height:62%;top:11.25%;display:flex;justify-content:center;align-items:center;flex-direction:column;margin:0}.ear-training-game-container .feedback-container.clicked .feedback{box-shadow:0 0 150px 80px #2af0f7;transition:box-shadow 100ms linear}.ear-training-game-container .feedback{width:300px;height:300px;justify-content:center;align-items:center;display:flex;margin-top:20px}@media all and (min-height: 600px){.ear-training-game-container .feedback{transform:scale(1.3)}}@media all and (max-height: 450px){.ear-training-game-container .feedback{transform:scale(0.7)}}@media all and (max-height: 400px){.ear-training-game-container .feedback{transform:scale(0.6);margin-top:-30px}}.ear-training-game-container .play-again-icon-wrapper{position:absolute;display:flex;justify-content:center;align-items:center;width:100%;bottom:30%;height:50px;z-index:1}.ear-training-game-container .play-again-icon-wrapper .helper-sound-button{display:flex;align-items:center;transition:transform 200ms linear}.ear-training-game-container .play-again-icon-wrapper .helper-sound-button:hover{transform:scale(0.95)}.ear-training-game-container .play-again-icon-wrapper .helper-sound-button:hover .play-helper-sound{color:white}.ear-training-game-container .play-again-icon-wrapper .helper-sound-button.animate-play-chord-again{animation-name:longerExpandAndContract15;animation-timing-function:ease-in;animation-delay:0ms;animation-duration:700ms}.ear-training-game-container .play-again-icon-wrapper .play-chord-root-button-wrapper{margin-left:30px}.ear-training-game-container .play-again-icon-wrapper .speaker-icon-no-fill{width:30px;cursor:pointer;transition:width 200ms linear}.ear-training-game-container .play-again-icon-wrapper .play-helper-sound{font-size:18px;color:rgba(255,255,255,0.9);margin-left:12px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color 200ms linear}@media all and (max-width: 400px),all and (max-height: 400px){.ear-training-game-container .play-again-icon-wrapper{margin-bottom:10px}.ear-training-game-container .play-again-icon-wrapper .play-helper-sound{font-size:12px;margin-left:7px}.ear-training-game-container .play-again-icon-wrapper .speaker-icon-no-fill{width:20px}}.ear-training-game-container .ear-training-note-visual-box{display:flex;flex-direction:row}.ear-training-game-container .note{float:none;margin-left:0;margin-right:0;padding:30px 10px}.ear-training-game-container .note.audible-now svg{transform:scale(1.3) !important;transition:transform 500ms cubic-bezier(0, 0, 0.35, 1.33)}.ear-training-game-container .note svg{transition:transform 800ms cubic-bezier(0, 0, 0.35, 1.33);transform:scale(1);overflow:visible}.ear-training-game-container .note svg:hover{transition:transform 300ms;transform:scale(1.1)}.ear-training-game-container .note svg:active{transition:transform 300ms;transform:scale(1)}.ear-training-game-container .note-label-wrapper,.ear-training-game-container .treble-clef,.ear-training-game-container .ledger-line-container{display:none}.ghost{filter:drop-shadow(0px 2px 12px rgba(0,0,0,0.34))}.welcome-to-chord-quality .icon.lives,.welcome-to-sightreading .icon.lives{display:none}.welcome-to-chord-quality .bob-marley-content-area .title-text{text-transform:capitalize}@media all and (min-width: 400px){.welcome-to-chord-quality .bob-marley-content-area .slide-2 .title-text,.welcome-to-chord-quality .bob-marley-content-area .slide-3 .title-text{margin-bottom:15px}}@media all and (min-width: 400px) and (max-height: 400px){.welcome-to-chord-quality .bob-marley-content-area .slide-2 .title-text,.welcome-to-chord-quality .bob-marley-content-area .slide-3 .title-text{margin-bottom:10px}}@media all and (max-height: 400px){.welcome-to-chord-quality .bob-marley-content-area .slide-2 .main-textarea p,.welcome-to-chord-quality .bob-marley-content-area .slide-3 .main-textarea p{margin-top:0}}@media all and (max-height: 600px){.welcome-to-chord-quality .bob-marley-content-area .slide-5 .title-text{display:none}}.welcome-to-chord-quality .bob-marley-content-area .slide-5 .how-to-play-chord-quality-image{margin-bottom:0}@media all and (max-height: 600px){.welcome-to-chord-quality .bob-marley-content-area .slide-5 .how-to-play-chord-quality-image{margin-top:0}}@font-face{font-family:'Lato';font-style:normal;font-weight:300;src:url(//d18k0o1f3va2cz.cloudfront.net/assets/Lato_300.eot?#iefix) format("embedded-opentype"),url(//d18k0o1f3va2cz.cloudfront.net/assets/Lato_300.woff) format("woff"),url(//d18k0o1f3va2cz.cloudfront.net/assets/Lato_300.woff2) format("woff2"),url(//d18k0o1f3va2cz.cloudfront.net/assets/Lato_300.svg#Lato) format("svg"),url(//d18k0o1f3va2cz.cloudfront.net/assets/Lato_300.ttf) format("truetype")}@font-face{font-family:'Lato';font-style:normal;font-weight:400;src:url(//d18k0o1f3va2cz.cloudfront.net/assets/Lato_400.eot?#iefix) format("embedded-opentype"),url(//d18k0o1f3va2cz.cloudfront.net/assets/Lato_400.woff) format("woff"),url(//d18k0o1f3va2cz.cloudfront.net/assets/Lato_400.woff2) format("woff2"),url(//d18k0o1f3va2cz.cloudfront.net/assets/Lato_400.svg#Lato) format("svg"),url(//d18k0o1f3va2cz.cloudfront.net/assets/Lato_400.ttf) format("truetype")}@font-face{font-family:'Lato';font-style:normal;font-weight:700;src:url(//d18k0o1f3va2cz.cloudfront.net/assets/Lato_700.eot?#iefix) format("embedded-opentype"),url(//d18k0o1f3va2cz.cloudfront.net/assets/Lato_700.woff) format("woff"),url(//d18k0o1f3va2cz.cloudfront.net/assets/Lato_700.woff2) format("woff2"),url(//d18k0o1f3va2cz.cloudfront.net/assets/Lato_700.svg#Lato) format("svg"),url(//d18k0o1f3va2cz.cloudfront.net/assets/Lato_700.ttf) format("truetype")}@font-face{font-family:'Playfair Display';font-style:normal;font-weight:700;src:url(//d18k0o1f3va2cz.cloudfront.net/assets/PlayfairDisplay-VariableFont_wght.ttf) format("truetype")}@font-face{font-family:'Source Sans Pro';font-style:normal;font-weight:400;src:url(//d18k0o1f3va2cz.cloudfront.net/assets/SourceSansPro-Regular.ttf) format("truetype")}::-moz-selection{background:#ffc700}::selection{background:#ffc700}html,body{overflow-x:hidden}html,body,.container{height:100%;width:100%}@media all and (max-width: 500px){html,body,.container{height:calc(100% + 1px)}}a{touch-action:none}input{-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type='checkbox']{-webkit-appearance:checkbox;-moz-appearance:checkbox;appearance:checkbox}p{margin:0}select{width:215px;outline:none;height:26px;border-radius:3px;padding:5px 8px;border:1px solid #bfbfbf;box-shadow:none;background-color:transparent}[href='mailto:team@tunelark.com']{color:#30a7df}.link{color:#2d9cdb;border-bottom:1px solid #2d9cdb;padding-bottom:1px;transition:color 150ms linear, border-bottom 150ms linear}.link:hover{color:#2d79db;border-bottom:1px solid #2d79db}.green-link{color:#29c1b4;font-size:22px;text-decoration:underline;font-weight:bold;padding:0;text-align:left}.green-link:hover{color:#2ccabc}.container{position:absolute;top:0;left:0}body{font-family:"Lato", "Helvetica Neue";background-color:#f4f6fa;margin:0;justify-content:center}h1{color:rgba(255,255,255,0.85);font-size:23px;font-weight:400;margin-bottom:20px}video{outline:none}audio{outline:none}.p-with-blue-background{color:rgba(255,255,255,0.85);font-size:18.04px;font-weight:300;margin-bottom:20px;line-height:32px;max-width:438px}@media all and (max-width: 450px){.p-with-blue-background{font-size:14.432px;line-height:28px}}.p-with-blue-background a{color:rgba(255,255,255,0.8);border-bottom:1px solid rgba(255,255,255,0.9);font-weight:400;transition:color 150ms linear;cursor:pointer;outline:none}.p-with-blue-background a:hover{color:rgba(255,255,255,0.95)}h2{font-weight:300;color:white;font-size:18px;margin-bottom:20px}@media all and (max-width: 400px){h2{font-size:14px}}ul{color:white;opacity:0.9;font-size:1rem;margin-bottom:20px}button{cursor:pointer;outline:none;font-family:'Lato', 'Helvetica Neue';font-weight:300;letter-spacing:0.5px;-webkit-appearance:none;background-color:inherit;color:inherit;border:inherit}button.disabled{cursor:not-allowed}u{text-decoration:underline}.full-container{width:100%;height:100%;position:absolute;font-family:"Lato", "Helvetica Neue";font-weight:300;background-color:#fcfcfc}.settings-menu-trigger{cursor:pointer}.action-button{-webkit-appearance:none;outline:none;font-family:'Lato', 'Helvetica Neue';display:flex;padding:15px;justify-content:center;align-items:center;color:white;font-weight:300;font-size:16px;border-radius:2px;line-height:normal;cursor:pointer;border:none;box-shadow:0px 0px 0px rgba(0,0,0,0);transition:background-color 150ms linear, box-shadow 750ms linear}.action-button.center{margin:0 auto;padding-left:10px;padding-right:10px}.action-button.yellow{background-color:#29c1b4}.action-button.green{background-color:#29c1b4;color:rgba(255,255,255,0.9);transition:background-color 150ms linear, box-shadow 150ms linear}.action-button.green:hover{background-color:#2ccabc}.action-button.white{background-color:rgba(255,255,255,0.9);color:#1890ca;transition:background-color 150ms linear, color 150ms linear, box-shadow 150ms linear;box-shadow:0px 1px 3px rgba(0,0,0,0.25)}.action-button.white:hover{background-color:white;color:#118cc7}.action-button.facebook-blue{background-color:#3b5998;color:rgba(255,255,255,0.9);font-weight:300;transition:background-color 150ms linear, box-shadow 150ms linear}.action-button.facebook-blue:hover{background-color:#385490}.action-button:hover{background-color:#2ccabc;box-shadow:0px 3px 8px rgba(0,0,0,0.25)}*{text-decoration:none}.make-text-bold{font-weight:400;opacity:0.95}.logo{background-image:url(//d18k0o1f3va2cz.cloudfront.net/assets/svg-src/new-logo.svg);background-size:149px 32px;width:149px;height:32px;margin-left:5%}@media all and (max-height: 500px){.logo{margin-left:5px}}.sign-in-or-out{color:blue;margin-right:5%;font-weight:300;opacity:0.8;transition:opacity 200ms linear}.sign-in-or-out:hover{opacity:1}@media all and (max-height: 500px){.sign-in-or-out{color:#2d9cdb}}.classy-white-button{border:1px solid rgba(255,255,255,0.8);background:rgba(0,0,0,0);color:rgba(255,255,255,0.8);padding:9px 18px;letter-spacing:3px;font-weight:300;margin:30px}.classy-white-button:hover{transition:all 180ms linear;border:1px solid white;color:white}.add-margin-bottom{margin-bottom:10px}.main-container{position:absolute;display:flex;align-items:center;justify-content:center;width:100%;height:91%;margin-top:9%;overflow:hidden;opacity:0}.main-container.main-container-loaded{transition:opacity 2s;opacity:1}.basic-text-box{top:50px;position:absolute;color:white;padding:50px;font-weight:300}@media all and (max-width: 450px){.basic-text-box{margin-top:40px}}.basic-text-box span{font-weight:500;font-size:22px}.basic-text-box span.legal-doc-sub-heading{font-size:18px;font-weight:500}.pay-us-modal-wrapper .announcement-modal{overflow:auto}.pay-us-modal-wrapper .close-icon{display:none}.pay-us-modal-wrapper p{text-align:left;padding:0 2%}.pay-us-modal-wrapper a.close-button.card-play-button{width:auto;padding:12px 25px;margin:0 25px}@media all and (max-width: 650px){.pay-us-modal-wrapper .flex-friend.row{flex-direction:column}}.pay-us-modal-wrapper .flex-friend.row a{text-align:center;margin:0 25px}@media all and (max-width: 650px){.pay-us-modal-wrapper .flex-friend.row a{width:80%;margin-bottom:15px}}.green-light-icon{width:11px;height:11px;background-color:#66e89c;box-shadow:0px 2px 5px rgba(102,232,156,0.65);border-radius:100%;display:block;margin-right:6px;margin-top:0.5rem}.account-page-btn{background-color:#f5bd52;border:0.2rem solid #f5bd52;border-radius:100px;display:inline-block;color:black;font-family:"SourceSansPro-Bold", Helvetica, sans-serif;font-size:16px;line-height:1;letter-spacing:2px;text-align:center;text-transform:uppercase;text-decoration:none;padding:1rem 1rem;cursor:pointer;font-weight:bold;transition:color 0.4s ease 0s, background-color 0.4s ease 0s, border 0.4s ease 0s}.account-page-btn:hover{background-color:transparent;color:#f5bd52;opacity:1 !important;border:3px solid #f5bd52}.magic-link-btn{font-size:12px}.page-text h1,.page-text p,.page-text a{color:#19394C}.page-text a{border-color:#19394C}.page-text a:hover{color:inherit}.authentication-inner-wrapper h2{color:#19394C}.dropout-styles,.dashboard-container .card-container .card-delete-menu{background-color:#fcfcfc;border-radius:5px;box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);display:flex;align-items:center;position:absolute;top:90%;padding:16px;flex-direction:column;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:16px}@media all and (max-height: 450px){.dropout-styles,.dashboard-container .card-container .card-delete-menu{top:100%}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes inputFlash{0%{border-color:#40c2ff;box-shadow:inset 0px 0px 5px #40c2ff}70%{border-color:#c7c7c7;box-shadow:inset 0px 0px 0px #c7c7c7}100%{border-color:#40c2ff;box-shadow:inset 0px 0px 5px #40c2ff}}@keyframes gloat{0%{transform:scale(1) rotate(0deg)}60%{transform:scale(1.3) rotate(180deg)}100%{transform:scale(1) rotate(365deg)}}@keyframes createClassButton{0%{transform:scale(1)}70%{transform:scale(0.95)}100%{transform:scale(1)}}@keyframes handIconFloating{0%{transform:scale(1)}25%{transform:scale(1.17)}50%{transform:scale(1.05)}75%{transform:scale(1.1)}100%{transform:scale(1)}}@keyframes loseLife{0%{transform:scale(1) rotate(0deg);fill:#b9372c}33%{transform:scale(1.3) rotate(350deg)}66%{transform:scale(0.01) rotate(720deg)}67%{opacity:0;transform:scale(1) rotate(0deg);fill:#d8d8d8}100%{opacity:1;transform:scale(1) rotate(0deg)}}@keyframes loseLastLife{0%{transform:scale(1) rotate(0deg);fill:#b9372c}50%{transform:scale(0.01) rotate(360deg)}51%{transform:scale(0.01) rotate(-360deg);fill:#d8d8d8}100%{transform:scale(1) rotate(0deg);fill:#d8d8d8}}@keyframes ThreeTwoOneGo{0%{opacity:0}12.5%{opacity:1}25%{opacity:0}37.5%{opacity:1}50%{opacity:0}62.5%{opacity:1}75%{opacity:0}87.5%{opacity:1}100%{opacity:0}}@keyframes ThreeTwoOneGoColorRotation{0%{background-color:rgba(223,66,36,0.85)}24.9%{background-color:rgba(223,66,36,0.85)}28%{background-color:rgba(255,118,48,0.85)}49.9%{background-color:rgba(255,118,48,0.85)}53%{background-color:rgba(255,199,0,0.85)}74.9%{background-color:rgba(255,199,0,0.85)}78%{background-color:rgba(48,183,13,0.85)}100%{background-color:rgba(48,183,13,0.85)}}@keyframes expandAndContract10{0%{transform:scale(1)}30%{transform:scale(1.1)}100%{transform:scale(1)}}@keyframes expandAndContract15{0%{transform:scale(1)}50%{transform:scale(1.15)}100%{transform:scale(1)}}@keyframes longerExpandAndContract15{0%{transform:scale(1)}25%{transform:scale(1.15)}50%{transform:scale(1.05)}75%{transform:scale(1.25)}100%{transform:scale(1)}}@keyframes longerExpandAndContractBiggerSmaller15{0%{transform:scale(0.9)}25%{transform:scale(1.05)}50%{transform:scale(0.95)}75%{transform:scale(1.05)}100%{transform:scale(0.9)}}@keyframes expandAndContract30{0%{transform:scale(1)}50%{transform:scale(1.3) rotate(-15deg)}100%{transform:scale(1)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes slideRight{0%{transform:translateX(-100vw);opacity:0}60%{transform:translateX(0%);opacity:1}100%{transform:translateX(0%);opacity:0}}@keyframes slideLeft{0%{transform:translateX(100vw);opacity:0}60%{transform:translateX(0%);opacity:1}100%{transform:translateX(0%);opacity:0}}@keyframes fadeToZero{100%{opacity:0}}@keyframes fadeToZeroMicrophoneInput{0%{opacity:0}5%{opacity:0.5}100%{opacity:0}}@keyframes playAlongFall{0%{bottom:500px;opacity:0}20%{opacity:1}100%{bottom:0px}}@keyframes loadResponseBoardAfterDelay{0%{transform:translateY(200px)}30%{transform:translateY(200px)}100%{transform:translateY(0px)}}@keyframes loaderKeyframe{0%{opacity:0}50%{opacity:1}}@keyframes incorrectNoteGlowWhite{0%{background-color:rgba(255,255,255,0.9)}5%{background-color:#dc4a38}100%{background-color:rgba(255,255,255,0.9)}}@keyframes incorrectNoteGlowBlack{0%{background-color:#23212b}5%{background-color:#dc4a38}100%{background-color:#23212b}}@keyframes shake{10%,90%{transform:translate3d(-1px, 0, 0)}20%,80%{transform:translate3d(2px, 0, 0)}30%,50%,70%{transform:translate3d(-4px, 0, 0)}40%,60%{transform:translate3d(4px, 0, 0)}}.oldster-box-container{display:flex;flex-flow:row wrap;width:100%;max-width:990px;margin:25px auto 0 auto}@media all and (max-width: 1000px){.oldster-box-container{width:660px}}@media all and (max-width: 700px){.oldster-box-container{width:330px}}.oldster-box-container.no-classrooms{align-items:center;flex-direction:column}.oldster-box{width:280px;height:280px;margin:25px;display:flex;flex-direction:column;cursor:pointer;box-sizing:border-box;transition:transform 500ms, box-shadow 500ms}.oldster-box:hover{transform:scale(1.015);box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24)}.oldster-box:active{transform:scale(1);box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);transition:transform 100ms, box-shadow 100ms}.oldster-box .name-heading{padding:20px;align-items:flex-start;justify-content:flex-start;font-size:32px;line-height:46px;font-weight:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}.oldster-box .fat-bottom{font-size:16px;line-height:30px;font-family:Lato}.oldster-box.student .name-heading{height:100%}.oldster-box.dashed{border:2px dashed #29c1b4;align-items:center;justify-content:center;font-weight:bold}.oldster-box.dashed:hover{box-shadow:none}.oldster-box.dashed:active{box-shadow:none}.oldster-box.classroom{box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);color:#808080;font-weight:400}.oldster-box.classroom:hover{transform:scale(1.015);box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23)}.oldster-box.classroom:active{transform:scale(1);box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24)}.oldster-box .name-heading{height:80%;padding:15px 25px;background:white}.oldster-box .fat-bottom{height:20%;padding:15px;background-color:#f2f2f2}.oldster-box .big-plus{font-size:74px;margin-bottom:25px}.oldster-box .small-students-icon{width:30px;height:30px;margin:8px 12px 0 0}.oldster-box .students-card-count{font-size:18px;font-weight:400;text-align:center}.no-classrooms>.oldster-box{margin:50px}.create-classroom-dash-text{text-align:center}.create-classroom-dash-text p{color:#737373;font-size:22px;line-height:30px;font-weight:300;letter-spacing:0px}.bold-yellow-text-under-button{color:#f3bd00;font-weight:400}.dashboard-logo{background-image:url(//d18k0o1f3va2cz.cloudfront.net/assets/svg-src/new-logo.svg);background-size:37.2px 49.95px;background-repeat:no-repeat;width:40.2px;height:53.95px;position:absolute;left:31px;top:42%;transform:translateY(-20px);display:flex;align-items:center}.dashboard-logo .logo-title{height:33.95px}@media all and (max-height: 450px){.dashboard-logo{background-size:18px 24.25px;width:18px;height:24.25px;transform:translateY(-14px);top:50%}}@media all and (max-width: 400px){.dashboard-logo{left:8px}}.app-header .logo-title.app-header-text{margin-left:52.2px;margin-bottom:-2px;font-weight:700;letter-spacing:0.3px}.app-header .logo-title.app-header-text:hover{margin-left:53.2px}.dashboard-container{width:100%;height:100%;position:relative;font-family:'Lato', 'Helvetica Neue';font-weight:300;letter-spacing:1px}.dashboard-container.teacher-managing-game-center .card-container .card{width:640px}.dashboard-container.teacher-managing-game-center .card-container .card .favorite-container{padding-top:0px}.dashboard-container .app-header-title a{color:white;margin:10px;height:58%;display:flex;align-items:center;border-radius:100px;padding:0 16px;font-weight:400}.dashboard-container .app-header-title a.selected{background-color:#2894c7;box-shadow:inset 0px 1px 3px #2a88b5}.dashboard-container .app-header-title .trop-buttons-selector{height:100%;display:flex;justify-content:center;align-items:center}.dashboard-container .feedback-button{position:fixed;bottom:40px;right:40px;width:300px;height:50px;color:rgba(255,255,255,0.8);font-size:16px;border-radius:30px;background-color:#ff7630;text-align:center;vertical-align:middle;line-height:50px;box-shadow:0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.1);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:0}@media all and (max-width: 900px){.dashboard-container .feedback-button{bottom:28px;right:20px;font-size:12px;width:245px;height:40px;line-height:40px}}@media all and (max-width: 400px){.dashboard-container .feedback-button{left:0;bottom:0;font-size:16px;width:100%;border-radius:0px;height:60px;line-height:60px}}.dashboard-container .feedback-button.feedback-button-loaded{transition:opacity 500ms linear;opacity:1;animation-name:wiggle;animation-timing-function:ease-in;animation-duration:2s}@keyframes wiggle{0%{padding:0px}25%{padding:20px}50%{padding:0px}75%{padding:20px}100%{padding:0px}}.dashboard-container .feedback-button:hover{transition:background-color 200ms linear, box-shadow 200ms linear;background-color:#f56116;box-shadow:0 14px 28px rgba(0,0,0,0.25),0 10px 10px rgba(0,0,0,0.22)}.dashboard-container .card-container.recommendation-card{background:#4877aa;padding-bottom:40px}.dashboard-container .card-container.recommendation-card .card{box-shadow:0px 4px 21px rgba(0,0,0,0.25),0px 3px 9px rgba(0,0,0,0.17);border:none}@media all and (max-width: 550px){.dashboard-container .card-container.recommendation-card{text-align:center}}.dashboard-container .card-container.recommendation-card .card-content-div{width:auto;float:none;margin:0 auto}@media all and (max-width: 550px){.dashboard-container .card-container.recommendation-card .card-content-div{width:100%;display:inline-block}}.dashboard-container .card-container.recommendation-card .card-button-div svg{width:100%;height:100px;max-width:130px;transform:translateX(15px)}@media all and (max-width: 550px){.dashboard-container .card-container.recommendation-card .card-button-div{width:50%;margin:0 auto;float:none;padding-bottom:20px}.dashboard-container .card-container.recommendation-card .card-button-div svg{height:75px;transform:translateX(0)}}.dashboard-container .card-container.recommendation-card .card-item{height:100px;overflow:visible}@media all and (max-width: 550px){.dashboard-container .card-container.recommendation-card .card-item{height:inherit}}.dashboard-container .card-container.recommendation-card .favorite-container{float:left;margin-top:2px}.dashboard-container .cards-container{position:absolute;width:100%}.dashboard-container .card-container{color:#6d6d6d;padding-top:40px}.dashboard-container .card-container:last-of-type{margin-bottom:80px}.dashboard-container .card-container .card{width:90%;max-width:1000px;border-radius:5px;background-color:#fcfcfc;transition:box-shadow 200ms linear;margin:0 auto;opacity:0;box-shadow:0px 2px 18px rgba(0,0,0,0.06);transform:translateY(50px);transition:opacity 2s, transform 2s;transition-timing-function:cubic-bezier(0.22, 0.21, 0, 1.04)}@media all and (max-width: 650px){.dashboard-container .card-container .card{width:85%}}.dashboard-container .card-container .card.card-loaded{opacity:1;transform:translateY(0px)}.dashboard-container .card-container .card-footer{font-size:14px;color:#888888;background-color:#f7f7f7;text-align:center;padding:10px 10px 20px 10px;font-weight:400;letter-spacing:0.5px;text-transform:uppercase;min-width:90%}@media all and (max-width: 400px),all and (max-height: 400px){.dashboard-container .card-container .card-footer{font-size:12px;padding-top:15px;padding-bottom:15px}}.dashboard-container .card-container .card-item{width:90%;margin:0 auto;padding-top:30px;padding-bottom:30px;overflow:auto;animation-name:fadeIn;animation-timing-function:ease-in;animation-delay:0ms;animation-duration:700ms}@media all and (max-width: 900px){.dashboard-container .card-container .card-item{width:90%}}.dashboard-container .card-container .card-item .card-content-div.middle-earth-text .card-item-header.subtitled-header{flex-direction:column;align-items:flex-start}.dashboard-container .card-container .card-item .skill-completion-assignment-name{display:block;white-space:nowrap;text-overflow:ellipsis;width:100%;overflow:hidden}.dashboard-container .card-container .card-item .skill-completion-status{font-size:13px;line-height:19px;display:block;margin-top:5px}@media all and (max-width: 450px){.dashboard-container .card-container .card-item .skill-completion-status{font-size:10px;line-height:12px}}@media all and (max-width: 1000px){.dashboard-container .card-container .card-item .skill-completion-status{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.dashboard-container .card-container .card-item .skill-completion-status.complete{color:#8acf7f}.dashboard-container .card-container .card-item .skill-completion-status.incomplete{color:#ffa273}.dashboard-container .card-container .card-item .skill-completion-status.pending{color:#7ebdc2}.dashboard-container .card-container .card-item .gray-button-refresh{background-color:#c5c5c5;color:white;transition:background-color 150ms linear}.dashboard-container .card-container .card-item .gray-button-refresh:hover{background-color:#a7a7a7}.dashboard-container .card-container .card-item:last-child{border-bottom:none}.dashboard-container .card-container .card-item .favorite-container{float:right;cursor:pointer}.dashboard-container .card-container .card-item .new-workspace-name.step-active{animation-name:inputFlash;animation-timing-function:ease-in-out;animation-duration:2000ms;animation-iteration-count:infinite}.dashboard-container .card-container .card-item #new-workspace-button.step-active{animation-name:createClassButton;animation-timing-function:ease-in-out;animation-duration:2000ms;animation-iteration-count:infinite}.dashboard-container .card-container .card-delete-menu{box-shadow:0 2px 5px rgba(0,0,0,0.1);border:1px solid #d9d9d9;padding:10px 0px 10px 0px}.dashboard-container .card-container .card-delete-menu .card-delete-menu-text{width:100px;text-align:left;letter-spacing:1px;font-size:14px;margin-top:1px;margin-bottom:1px;text-align:center}.dashboard-container .card-container .card-delete-menu .card-delete-menu-text span,.dashboard-container .card-container .card-delete-menu .card-delete-menu-text a{color:#d63617;cursor:pointer;transition:color 150ms linear}.dashboard-container .card-container .card-delete-menu .card-delete-menu-text span:hover,.dashboard-container .card-container .card-delete-menu .card-delete-menu-text a:hover{color:#e42c08}.dashboard-container .card-container .card-button-div{width:25%;max-width:160px;height:100%;float:left;margin-left:0;margin-right:30px}@media all and (max-width: 550px){.dashboard-container .card-container .card-button-div{margin-left:10px;margin-right:15px}}.dashboard-container .card-container .card-button-div .card-button{font-size:16px;font-weight:700}@media all and (max-width: 450px){.dashboard-container .card-container .card-button-div .card-button{font-size:12px;border-radius:3px}}.dashboard-container .card-container .card-button-div .card-button.card-more-info-button{background:white;border:1px solid #d6d6d6;color:#b2b2b2;letter-spacing:1px;transition:background 100ms linear}.dashboard-container .card-container .card-button-div .card-button.card-more-info-button:hover{background:#f7f7f7}.dashboard-container .card-container .card-button-div .card-coming-soon-text{font-size:14px;text-align:center;padding-top:8px;letter-spacing:0px;color:#b3b3b3;cursor:default;line-height:130%}@media all and (max-width: 900px){.dashboard-container .card-container .card-button-div .card-coming-soon-text{font-size:13px}}@media all and (max-width: 400px),all and (max-height: 400px){.dashboard-container .card-container .card-button-div .card-coming-soon-text{font-size:11px}}.dashboard-container .card-container .card-content-div{width:calc(75% - 40px);height:100%;float:left}.dashboard-container .card-container .card-content-div.top-card{padding-top:25px}@media all and (max-width: 550px){.dashboard-container .card-container .card-content-div.top-card{padding-top:0px}}.dashboard-container .card-container .card-content-div.middle-earth-text .card-item-header{height:43px;display:flex;align-items:center}@media all and (max-width: 550px){.dashboard-container .card-container .card-content-div.middle-earth-text .card-item-header{height:38px}}@media all and (max-width: 1200px){.dashboard-container .card-container .card-content-div{width:calc(75% - 60px)}}@media all and (max-width: 900px){.dashboard-container .card-container .card-content-div{width:calc(75% - 85px)}}.dashboard-container .card-container .card-content-div .default-text-div{width:100%}.dashboard-container .card-container .card-content-div .card-item-header{position:relative;display:block;margin-bottom:10px;color:#505050;font-size:16px;font-weight:400;letter-spacing:0px;top:-1px}@media all and (max-width: 400px),all and (max-height: 400px){.dashboard-container .card-container .card-content-div .card-item-header{font-size:12px}}.dashboard-container .card-container .card-content-div .card-item-text{display:block;color:#6d6d6d;font-size:16px;letter-spacing:0px;line-height:130%;letter-spacing:0px}.dashboard-container .card-container .card-content-div .card-item-text.mission{font-size:13px;font-weight:bold}.dashboard-container .card-container .card-content-div .card-item-text.review{color:#ffa273}.dashboard-container .card-container .card-content-div .card-item-text.complete{color:#f3bd00}.dashboard-container .card-container .card-content-div .card-item-text.play-more{color:#7ebdc2}@media all and (max-width: 400px),all and (max-height: 400px){.dashboard-container .card-container .card-content-div .card-item-text{font-size:12px}}.dashboard-container .card-container.empty-class-container .card-content-div{width:100%}.disclosure-arrow{fill:#797979;width:10px;margin-bottom:0px;margin-left:2px;transform:rotate(90deg);cursor:pointer}.delete-class-disclosure-arrow{width:15px;opacity:0.7;transition:opacity 150ms linear;margin-top:3px;margin-left:10px}@media all and (max-width: 400px){.delete-class-disclosure-arrow{margin-top:0px}}.delete-class-disclosure-arrow:hover{opacity:1}.workspace-container .no-transform{transform:rotate(0deg)}.workspace-container .remove-icon{width:16px;height:16px;cursor:pointer;fill:rgba(0,0,0,0.75);transition:fill 100ms linear}.workspace-container .remove-icon:hover{fill:rgba(0,0,0,0.9)}.workspace-container .remove-form{display:flex;flex-wrap:none;justify-content:flex-end}.workspace-container .tooltip-link{position:relative;display:inline-block}.workspace-container .tooltip-text{visibility:hidden;white-space:nowrap;background-color:rgba(0,0,0,0.8);color:rgba(255,255,255,0.95);padding:2px 8px;border-radius:4px;text-align:center;position:absolute;bottom:0px;right:28px}.workspace-container .tooltip-link:hover .tooltip-text{visibility:visible;position:absolute;right:28px}.workspace-container .tooltip-link .tooltip-text::after{content:' ';position:absolute;top:50%;left:100%;margin-top:-6px;border-width:6px;border-style:solid;border-color:transparent transparent transparent rgba(0,0,0,0.8)}.workspace-container .remove-cell{overflow:visible !important;padding-right:25px !important}.workspace-container .remove-cell .row-remove{float:right;position:relative;top:1px;right:5px}.workspace-container .spinning-icon{display:block;animation-name:spin;animation-duration:5s;animation-iteration-count:infinite;animation-timing-function:linear}.tracks-flex{display:flex;justify-content:center}@media all and (max-width: 900px){.tracks-flex{flex-direction:column-reverse}}.tracks-flex .card-container{padding:40px}@media all and (max-width: 500px){.tracks-flex .card-container{padding:20px}}@media all and (max-width: 900px){.tracks-flex .card-container{max-width:500px;margin:0 auto}}.tracks-flex .card-container .card{width:100%}.tracks-flex .mastery-box-container .card-container{padding-left:0}.tracks-flex .mastery-box-container .card-container:not(:last-child){padding-bottom:0}@media all and (max-width: 900px){.tracks-flex .mastery-box-container .card-container{padding:40px 40px 0 40px}}@media all and (max-width: 500px){.tracks-flex .mastery-box-container .card-container{padding:20px 20px 0 20px}}.track-explore-container{width:750px}@media all and (max-width: 900px){.track-explore-container{width:100%}}.mastery-box-container{width:525px}@media all and (max-width: 900px){.mastery-box-container{width:100%}}@media all and (max-width: 1200px){.mastery-box-container .card-item .card-content-div{width:calc(75% - 60px)}}.card-item__blank-slate{text-align:center;font-weight:700;letter-spacing:initial;color:#9a9a9a}.card-header{font-size:14px;color:#888888;border-bottom:1px solid #ececec;text-align:center;padding-top:30px;padding-bottom:30px;padding-left:10px;padding-right:10px;font-weight:400;letter-spacing:0.5px;text-transform:uppercase}.card-header.split{display:flex;justify-content:space-between;padding:30px}@media all and (max-width: 400px),all and (max-height: 400px){.card-header{font-size:12px;padding-top:15px;padding-bottom:15px}}.view-more{margin-top:-6.5% !important;position:relative;padding-bottom:20px;font-weight:700;color:#29c1b4;text-align:center;cursor:pointer;font-size:13px !important}.gradient-assignment-item{opacity:0.2}.hidden-skill-completion-status{color:#e0e3e3 !important}.gradient-assignment-btn{background-image:linear-gradient(to bottom, #29c1b4 31%, #f2e7e7 108%);border-radius:40px;box-sizing:border-box;color:#29c1b4;display:block;font-size:16px;font-weight:700;height:45px;letter-spacing:1px;margin:0 auto;padding:2px;position:relative;text-decoration:none;z-index:2}.gradient-assignment-btn span{align-items:center;background:#fcfcfc;border-radius:40px;display:flex;justify-content:center;height:100%;transition:background .5s ease;width:100%}@media (max-width: 450px){.gradient-assignment-btn{font-size:12px;border-radius:3px;padding:2.5px}.gradient-assignment-btn span{align-items:center;background:#fcfcfc;border-radius:3px;display:flex;justify-content:center;height:97%;transition:background .5s ease;width:99%}}.dropout-styles{background-color:#fcfcfc;border-radius:5px;box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);display:flex;align-items:center;position:absolute;top:90%;padding:16px;flex-direction:column;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:16px}@media all and (max-height: 450px){.dropout-styles{top:100%}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes inputFlash{0%{border-color:#40c2ff;box-shadow:inset 0px 0px 5px #40c2ff}70%{border-color:#c7c7c7;box-shadow:inset 0px 0px 0px #c7c7c7}100%{border-color:#40c2ff;box-shadow:inset 0px 0px 5px #40c2ff}}@keyframes gloat{0%{transform:scale(1) rotate(0deg)}60%{transform:scale(1.3) rotate(180deg)}100%{transform:scale(1) rotate(365deg)}}@keyframes createClassButton{0%{transform:scale(1)}70%{transform:scale(0.95)}100%{transform:scale(1)}}@keyframes handIconFloating{0%{transform:scale(1)}25%{transform:scale(1.17)}50%{transform:scale(1.05)}75%{transform:scale(1.1)}100%{transform:scale(1)}}@keyframes loseLife{0%{transform:scale(1) rotate(0deg);fill:#b9372c}33%{transform:scale(1.3) rotate(350deg)}66%{transform:scale(0.01) rotate(720deg)}67%{opacity:0;transform:scale(1) rotate(0deg);fill:#d8d8d8}100%{opacity:1;transform:scale(1) rotate(0deg)}}@keyframes loseLastLife{0%{transform:scale(1) rotate(0deg);fill:#b9372c}50%{transform:scale(0.01) rotate(360deg)}51%{transform:scale(0.01) rotate(-360deg);fill:#d8d8d8}100%{transform:scale(1) rotate(0deg);fill:#d8d8d8}}@keyframes ThreeTwoOneGo{0%{opacity:0}12.5%{opacity:1}25%{opacity:0}37.5%{opacity:1}50%{opacity:0}62.5%{opacity:1}75%{opacity:0}87.5%{opacity:1}100%{opacity:0}}@keyframes ThreeTwoOneGoColorRotation{0%{background-color:rgba(223,66,36,0.85)}24.9%{background-color:rgba(223,66,36,0.85)}28%{background-color:rgba(255,118,48,0.85)}49.9%{background-color:rgba(255,118,48,0.85)}53%{background-color:rgba(255,199,0,0.85)}74.9%{background-color:rgba(255,199,0,0.85)}78%{background-color:rgba(48,183,13,0.85)}100%{background-color:rgba(48,183,13,0.85)}}@keyframes expandAndContract10{0%{transform:scale(1)}30%{transform:scale(1.1)}100%{transform:scale(1)}}@keyframes expandAndContract15{0%{transform:scale(1)}50%{transform:scale(1.15)}100%{transform:scale(1)}}@keyframes longerExpandAndContract15{0%{transform:scale(1)}25%{transform:scale(1.15)}50%{transform:scale(1.05)}75%{transform:scale(1.25)}100%{transform:scale(1)}}@keyframes longerExpandAndContractBiggerSmaller15{0%{transform:scale(0.9)}25%{transform:scale(1.05)}50%{transform:scale(0.95)}75%{transform:scale(1.05)}100%{transform:scale(0.9)}}@keyframes expandAndContract30{0%{transform:scale(1)}50%{transform:scale(1.3) rotate(-15deg)}100%{transform:scale(1)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes slideRight{0%{transform:translateX(-100vw);opacity:0}60%{transform:translateX(0%);opacity:1}100%{transform:translateX(0%);opacity:0}}@keyframes slideLeft{0%{transform:translateX(100vw);opacity:0}60%{transform:translateX(0%);opacity:1}100%{transform:translateX(0%);opacity:0}}@keyframes fadeToZero{100%{opacity:0}}@keyframes fadeToZeroMicrophoneInput{0%{opacity:0}5%{opacity:0.5}100%{opacity:0}}@keyframes playAlongFall{0%{bottom:500px;opacity:0}20%{opacity:1}100%{bottom:0px}}@keyframes loadResponseBoardAfterDelay{0%{transform:translateY(200px)}30%{transform:translateY(200px)}100%{transform:translateY(0px)}}@keyframes loaderKeyframe{0%{opacity:0}50%{opacity:1}}@keyframes incorrectNoteGlowWhite{0%{background-color:rgba(255,255,255,0.9)}5%{background-color:#dc4a38}100%{background-color:rgba(255,255,255,0.9)}}@keyframes incorrectNoteGlowBlack{0%{background-color:#23212b}5%{background-color:#dc4a38}100%{background-color:#23212b}}@keyframes shake{10%,90%{transform:translate3d(-1px, 0, 0)}20%,80%{transform:translate3d(2px, 0, 0)}30%,50%,70%{transform:translate3d(-4px, 0, 0)}40%,60%{transform:translate3d(4px, 0, 0)}}.assignment-box{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:25px}.assignment-box .card.card-loaded .card-item{overflow:hidden}.assignment-box .progress-bar-item{width:100%;padding:0px 0px 20px 0px;letter-spacing:0px}.assignment-box .progress-title{width:50%;float:left;font-size:13px;margin-bottom:10px}@media all and (max-width: 1200px){.assignment-box .progress-title{width:100%}}.assignment-box .progress-title-day-week{size:16px;letter-spacing:0px}.assignment-box .progress-title-1{width:65%}.assignment-box .progress-title-2{font-weight:400;float:right;text-align:right;width:35%}@media all and (max-width: 1200px){.assignment-box .progress-title-2{float:left}}.assignment-box .outer-progress-bar{margin:10px auto}.assignment-box .progress-sub-title{font-weight:300;color:#b5b5b5}.assignment-box .settings-icon-gear{width:20px;height:20px;cursor:pointer}.assignment-box .assignment-details-btn{color:#29c1b4;height:40px;width:113px;margin-right:25px;margin-left:0px}.assignment-box .assignment-update-counters{display:flex;flex-direction:row;width:211px;align-items:center;justify-content:space-between}.assignment-box .assignment-update-counters .assignment-status{height:36px;width:36px;color:white;display:flex;align-items:center;justify-content:center;margin-right:15px;border-radius:3px}.assignment-box .assignment-update-counters .assignment-status.completed{background-color:#6fcf97}.assignment-box .assignment-update-counters .assignment-status.late{background-color:#f6c823}.assignment-box .assignment-update-counters .assignment-status.uncompleted{background-color:#eb5757;margin-right:30px}.assignment-box .assignment-update-counters .assignment-status .gear{margin-left:15px}.assignment-box .assignment-update-counters .status{height:36px;display:flex;align-items:center;justify-content:space-between;margin-right:15px}.assignment-box .assignment-update-counters .status.completed{color:#6fcf97;font-weight:700}.assignment-box .assignment-update-counters .status.uncompleted{color:#eb5757;font-weight:700}.assignment-box .assignment-update-counters .status.late{color:#f6c823;font-weight:700}.assignment-box .assignment-name{width:calc(100% - 559px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.assignment-box .assignment-date{width:130px;margin-right:25px}.upcoming-lesson-box__fade-enter{opacity:0}.upcoming-lesson-box__fade-exit{opacity:1}.upcoming-lesson-box__fade-enter-active{opacity:1}.upcoming-lesson-box__fade-exit-active{opacity:0}.upcoming-lesson-box__fade-enter-active,.upcoming-lesson-box__fade-exit-active{transition:opacity 500ms}.current-lesson-box{color:#292929;font-weight:bold;padding:35px 54px}@media all and (max-width: 470px){.current-lesson-box{padding:25px 10%}}.current-lesson-box .current-lesson-box__time{font-size:24px;margin-bottom:10px}@media all and (max-width: 470px){.current-lesson-box .current-lesson-box__time{font-size:16.8px}}.current-lesson-box .current-lesson-box__instructor-name{font-size:18px}@media all and (max-width: 470px){.current-lesson-box .current-lesson-box__instructor-name{font-size:12.6px}}.current-lesson-box .current-lesson-box__accent{color:#b5b5b5}.current-lesson-box .card-button.card-play-button{font-size:16px;padding:12px 20px;line-height:120%;display:inline-block;margin-top:40px;font-weight:700;box-shadow:0px 2.45751px 12.2875px rgba(30,143,133,0.37)}.current-lesson-box .card-button.card-play-button.button-disabled{box-shadow:none}@media all and (max-width: 470px){.current-lesson-box .card-button.card-play-button{font-size:12px;margin-top:25px}}.current-lesson-box .time-to-lesson-countdown{font-weight:400;font-size:14.4px;color:#595959;font-style:italic;line-height:21px;letter-spacing:0.03em;max-width:41ch}@media all and (max-width: 470px){.current-lesson-box .time-to-lesson-countdown{font-size:11.34px;margin-top:15px;line-height:18px}}.current-lesson-box .payment-reminder-text{font-weight:400;font-size:14.4px;color:#eb5757;line-height:21px;letter-spacing:0.03em;max-width:41ch;margin-top:14px}@media all and (max-width: 470px){.current-lesson-box .payment-reminder-text{font-size:11.34px;margin-top:15px;line-height:18px}}.link-to-upcoming-lesson{margin-top:14px}.my-progress-text{font-weight:400;font-size:14.4px !important}.manage-lesson-text{cursor:pointer;color:#29c1b4 !important}.current-lesson-box-payment-modal{padding-left:100px !important;width:390px !important;padding-right:107px !important;padding-top:67px !important;padding-bottom:65px !important}.current-lesson-box-payment-modal .close-icon{top:30px !important}.payment-reminder-modal-title{font-family:'Lato';font-style:normal;font-weight:700;font-size:30px}.payment-reminder-modal-body{font-family:'Lato';font-style:normal;font-weight:400;font-size:20px;line-height:144%;width:451px}.payment-reminder-pay-button{width:165px;border:1px solid #29C1B4;border-radius:72px;background:#29C1B4;font-family:'Lato';font-style:normal;font-weight:700;font-size:18px;line-height:144%;align-items:center;text-align:center;color:#FFFFFF;padding-top:13px;padding-left:28px;padding-right:29px;padding-bottom:14px;cursor:pointer}.mt-10{margin-top:10px}.dropout-styles{background-color:#fcfcfc;border-radius:5px;box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);display:flex;align-items:center;position:absolute;top:90%;padding:16px;flex-direction:column;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:16px}@media all and (max-height: 450px){.dropout-styles{top:100%}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes inputFlash{0%{border-color:#40c2ff;box-shadow:inset 0px 0px 5px #40c2ff}70%{border-color:#c7c7c7;box-shadow:inset 0px 0px 0px #c7c7c7}100%{border-color:#40c2ff;box-shadow:inset 0px 0px 5px #40c2ff}}@keyframes gloat{0%{transform:scale(1) rotate(0deg)}60%{transform:scale(1.3) rotate(180deg)}100%{transform:scale(1) rotate(365deg)}}@keyframes createClassButton{0%{transform:scale(1)}70%{transform:scale(0.95)}100%{transform:scale(1)}}@keyframes handIconFloating{0%{transform:scale(1)}25%{transform:scale(1.17)}50%{transform:scale(1.05)}75%{transform:scale(1.1)}100%{transform:scale(1)}}@keyframes loseLife{0%{transform:scale(1) rotate(0deg);fill:#b9372c}33%{transform:scale(1.3) rotate(350deg)}66%{transform:scale(0.01) rotate(720deg)}67%{opacity:0;transform:scale(1) rotate(0deg);fill:#d8d8d8}100%{opacity:1;transform:scale(1) rotate(0deg)}}@keyframes loseLastLife{0%{transform:scale(1) rotate(0deg);fill:#b9372c}50%{transform:scale(0.01) rotate(360deg)}51%{transform:scale(0.01) rotate(-360deg);fill:#d8d8d8}100%{transform:scale(1) rotate(0deg);fill:#d8d8d8}}@keyframes ThreeTwoOneGo{0%{opacity:0}12.5%{opacity:1}25%{opacity:0}37.5%{opacity:1}50%{opacity:0}62.5%{opacity:1}75%{opacity:0}87.5%{opacity:1}100%{opacity:0}}@keyframes ThreeTwoOneGoColorRotation{0%{background-color:rgba(223,66,36,0.85)}24.9%{background-color:rgba(223,66,36,0.85)}28%{background-color:rgba(255,118,48,0.85)}49.9%{background-color:rgba(255,118,48,0.85)}53%{background-color:rgba(255,199,0,0.85)}74.9%{background-color:rgba(255,199,0,0.85)}78%{background-color:rgba(48,183,13,0.85)}100%{background-color:rgba(48,183,13,0.85)}}@keyframes expandAndContract10{0%{transform:scale(1)}30%{transform:scale(1.1)}100%{transform:scale(1)}}@keyframes expandAndContract15{0%{transform:scale(1)}50%{transform:scale(1.15)}100%{transform:scale(1)}}@keyframes longerExpandAndContract15{0%{transform:scale(1)}25%{transform:scale(1.15)}50%{transform:scale(1.05)}75%{transform:scale(1.25)}100%{transform:scale(1)}}@keyframes longerExpandAndContractBiggerSmaller15{0%{transform:scale(0.9)}25%{transform:scale(1.05)}50%{transform:scale(0.95)}75%{transform:scale(1.05)}100%{transform:scale(0.9)}}@keyframes expandAndContract30{0%{transform:scale(1)}50%{transform:scale(1.3) rotate(-15deg)}100%{transform:scale(1)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes slideRight{0%{transform:translateX(-100vw);opacity:0}60%{transform:translateX(0%);opacity:1}100%{transform:translateX(0%);opacity:0}}@keyframes slideLeft{0%{transform:translateX(100vw);opacity:0}60%{transform:translateX(0%);opacity:1}100%{transform:translateX(0%);opacity:0}}@keyframes fadeToZero{100%{opacity:0}}@keyframes fadeToZeroMicrophoneInput{0%{opacity:0}5%{opacity:0.5}100%{opacity:0}}@keyframes playAlongFall{0%{bottom:500px;opacity:0}20%{opacity:1}100%{bottom:0px}}@keyframes loadResponseBoardAfterDelay{0%{transform:translateY(200px)}30%{transform:translateY(200px)}100%{transform:translateY(0px)}}@keyframes loaderKeyframe{0%{opacity:0}50%{opacity:1}}@keyframes incorrectNoteGlowWhite{0%{background-color:rgba(255,255,255,0.9)}5%{background-color:#dc4a38}100%{background-color:rgba(255,255,255,0.9)}}@keyframes incorrectNoteGlowBlack{0%{background-color:#23212b}5%{background-color:#dc4a38}100%{background-color:#23212b}}@keyframes shake{10%,90%{transform:translate3d(-1px, 0, 0)}20%,80%{transform:translate3d(2px, 0, 0)}30%,50%,70%{transform:translate3d(-4px, 0, 0)}40%,60%{transform:translate3d(4px, 0, 0)}}.individual-goals .card-header{display:flex;flex-direction:row;align-items:center}.individual-goals .title{padding-left:20px;margin:0 auto}.individual-goals .card.card-loaded .card-header{padding:25px 10px}@media all and (max-width: 400px),all and (max-height: 400px){.individual-goals .card.card-loaded .card-header{font-size:12px;padding-top:15px;padding-bottom:15px}}.individual-goals .setting-icon{height:30px;width:30px;position:relative;right:15px;cursor:pointer}@media all and (max-width: 400px){.individual-goals .setting-icon{height:30px;width:30px}}.individual-goals .settings-old-black{fill:#707070;opacity:0.65}.individual-goals .settings-old-black:hover{opacity:0.95;transition:opacity 0.15s}.individual-goals .card.card-loaded .card-item{overflow:hidden}.individual-goals .card-item:last-child{padding-top:20px}@media all and (max-width: 400px){.individual-goals .card-item:last-child{padding-top:5px}}.individual-goals .progress-bar-item{width:100%;padding:0px}.individual-goals .progress-title{width:50%;float:right;font-size:13px;margin-bottom:10px;padding-top:8px}@media all and (max-width: 1200px){.individual-goals .progress-title{width:100%}}.individual-goals .progress-title-2{font-weight:400;float:left;text-align:left;font-size:100%;padding-bottom:3px;letter-spacing:0px}@media all and (max-width: 1200px){.individual-goals .progress-title-2{float:left;text-align:left}}@media all and (max-width: 400px){.individual-goals .progress-title-2{font-size:12px}}.individual-goals .outer-progress-bar{margin:10px auto}.individual-goals .progress-sub-title{font-weight:300;color:#b5b5b5}.dropout-styles{background-color:#fcfcfc;border-radius:5px;box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);display:flex;align-items:center;position:absolute;top:90%;padding:16px;flex-direction:column;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:16px}@media all and (max-height: 450px){.dropout-styles{top:100%}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes inputFlash{0%{border-color:#40c2ff;box-shadow:inset 0px 0px 5px #40c2ff}70%{border-color:#c7c7c7;box-shadow:inset 0px 0px 0px #c7c7c7}100%{border-color:#40c2ff;box-shadow:inset 0px 0px 5px #40c2ff}}@keyframes gloat{0%{transform:scale(1) rotate(0deg)}60%{transform:scale(1.3) rotate(180deg)}100%{transform:scale(1) rotate(365deg)}}@keyframes createClassButton{0%{transform:scale(1)}70%{transform:scale(0.95)}100%{transform:scale(1)}}@keyframes handIconFloating{0%{transform:scale(1)}25%{transform:scale(1.17)}50%{transform:scale(1.05)}75%{transform:scale(1.1)}100%{transform:scale(1)}}@keyframes loseLife{0%{transform:scale(1) rotate(0deg);fill:#b9372c}33%{transform:scale(1.3) rotate(350deg)}66%{transform:scale(0.01) rotate(720deg)}67%{opacity:0;transform:scale(1) rotate(0deg);fill:#d8d8d8}100%{opacity:1;transform:scale(1) rotate(0deg)}}@keyframes loseLastLife{0%{transform:scale(1) rotate(0deg);fill:#b9372c}50%{transform:scale(0.01) rotate(360deg)}51%{transform:scale(0.01) rotate(-360deg);fill:#d8d8d8}100%{transform:scale(1) rotate(0deg);fill:#d8d8d8}}@keyframes ThreeTwoOneGo{0%{opacity:0}12.5%{opacity:1}25%{opacity:0}37.5%{opacity:1}50%{opacity:0}62.5%{opacity:1}75%{opacity:0}87.5%{opacity:1}100%{opacity:0}}@keyframes ThreeTwoOneGoColorRotation{0%{background-color:rgba(223,66,36,0.85)}24.9%{background-color:rgba(223,66,36,0.85)}28%{background-color:rgba(255,118,48,0.85)}49.9%{background-color:rgba(255,118,48,0.85)}53%{background-color:rgba(255,199,0,0.85)}74.9%{background-color:rgba(255,199,0,0.85)}78%{background-color:rgba(48,183,13,0.85)}100%{background-color:rgba(48,183,13,0.85)}}@keyframes expandAndContract10{0%{transform:scale(1)}30%{transform:scale(1.1)}100%{transform:scale(1)}}@keyframes expandAndContract15{0%{transform:scale(1)}50%{transform:scale(1.15)}100%{transform:scale(1)}}@keyframes longerExpandAndContract15{0%{transform:scale(1)}25%{transform:scale(1.15)}50%{transform:scale(1.05)}75%{transform:scale(1.25)}100%{transform:scale(1)}}@keyframes longerExpandAndContractBiggerSmaller15{0%{transform:scale(0.9)}25%{transform:scale(1.05)}50%{transform:scale(0.95)}75%{transform:scale(1.05)}100%{transform:scale(0.9)}}@keyframes expandAndContract30{0%{transform:scale(1)}50%{transform:scale(1.3) rotate(-15deg)}100%{transform:scale(1)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes slideRight{0%{transform:translateX(-100vw);opacity:0}60%{transform:translateX(0%);opacity:1}100%{transform:translateX(0%);opacity:0}}@keyframes slideLeft{0%{transform:translateX(100vw);opacity:0}60%{transform:translateX(0%);opacity:1}100%{transform:translateX(0%);opacity:0}}@keyframes fadeToZero{100%{opacity:0}}@keyframes fadeToZeroMicrophoneInput{0%{opacity:0}5%{opacity:0.5}100%{opacity:0}}@keyframes playAlongFall{0%{bottom:500px;opacity:0}20%{opacity:1}100%{bottom:0px}}@keyframes loadResponseBoardAfterDelay{0%{transform:translateY(200px)}30%{transform:translateY(200px)}100%{transform:translateY(0px)}}@keyframes loaderKeyframe{0%{opacity:0}50%{opacity:1}}@keyframes incorrectNoteGlowWhite{0%{background-color:rgba(255,255,255,0.9)}5%{background-color:#dc4a38}100%{background-color:rgba(255,255,255,0.9)}}@keyframes incorrectNoteGlowBlack{0%{background-color:#23212b}5%{background-color:#dc4a38}100%{background-color:#23212b}}@keyframes shake{10%,90%{transform:translate3d(-1px, 0, 0)}20%,80%{transform:translate3d(2px, 0, 0)}30%,50%,70%{transform:translate3d(-4px, 0, 0)}40%,60%{transform:translate3d(4px, 0, 0)}}.leaderboard{margin-bottom:0;font-size:16px;font-weight:300;letter-spacing:1px;color:#6d6d6d}@media all and (max-width: 400px){.leaderboard{font-size:12px}}.leaderboard .leaderboard-header{font-size:14px;color:#888888;text-align:center;padding-top:30px;padding-left:10px;padding-right:10px;font-weight:400;letter-spacing:0.5px;text-transform:uppercase}@media all and (max-width: 400px){.leaderboard .leaderboard-header{font-size:12px;padding-top:15px}}.leaderboard .leaderboard-selector-container{text-align:center;margin-left:50px;margin-right:50px;padding-top:30px;display:flex;flex-direction:row;justify-content:space-around;padding-bottom:10px;letter-spacing:0px}@media all and (max-width: 400px){.leaderboard .leaderboard-selector-container{margin-left:0px;margin-right:0px}}.leaderboard .leaderboard-selector-container p{border-bottom:2px solid #ececec;flex:1;padding-bottom:13px}.leaderboard .leaderboard-selector-container p:hover,.leaderboard .leaderboard-selector-container .active{color:#38b0e9;border-bottom:2px solid #ececec;border-bottom-color:#38b0e9;flex:1;padding-bottom:13px;letter-spacing:0px;cursor:pointer}.leaderboard .leaderboard-rankings-container{display:flex;flex-direction:column;margin-left:50px;margin-right:50px;justify-content:flex-start;margin-top:30px;padding-bottom:13px}@media all and (max-width: 400px){.leaderboard .leaderboard-rankings-container{margin-left:20px;margin-right:20px}}.leaderboard .leaderboard-player{display:flex;flex-direction:row;justify-content:flex-start;position:relative;margin-bottom:18px}.leaderboard .leaderboard-player:first-child p{color:#ffc700;font-weight:bold}.leaderboard .leaderboard-circle{border-radius:50%;height:31px;width:31px;text-align:center;color:white;display:flex;justify-content:center;align-items:center;margin-right:20px}.leaderboard .circle-1-place{background-color:#ffc700}.leaderboard .circle-2-place{background-color:#86ACD4}.leaderboard .circle-3-place{background-color:#71B4C6}.leaderboard .circle-4-place{background-color:#71C6B1}.leaderboard .circle-5-place{background-color:#8AD7A5}.leaderboard .text-align-name{line-height:2;white-space:nowrap;text-overflow:ellipsis;max-width:50%;overflow:hidden}.leaderboard .xp-points-leaderboard{line-height:2;position:absolute;right:12%}.leaderboard .active{color:#38b0e9;border-bottom:2px solid #ececec;border-bottom-color:#38b0e9;flex:1}.dropout-styles{background-color:#fcfcfc;border-radius:5px;box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);display:flex;align-items:center;position:absolute;top:90%;padding:16px;flex-direction:column;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:16px}@media all and (max-height: 450px){.dropout-styles{top:100%}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes inputFlash{0%{border-color:#40c2ff;box-shadow:inset 0px 0px 5px #40c2ff}70%{border-color:#c7c7c7;box-shadow:inset 0px 0px 0px #c7c7c7}100%{border-color:#40c2ff;box-shadow:inset 0px 0px 5px #40c2ff}}@keyframes gloat{0%{transform:scale(1) rotate(0deg)}60%{transform:scale(1.3) rotate(180deg)}100%{transform:scale(1) rotate(365deg)}}@keyframes createClassButton{0%{transform:scale(1)}70%{transform:scale(0.95)}100%{transform:scale(1)}}@keyframes handIconFloating{0%{transform:scale(1)}25%{transform:scale(1.17)}50%{transform:scale(1.05)}75%{transform:scale(1.1)}100%{transform:scale(1)}}@keyframes loseLife{0%{transform:scale(1) rotate(0deg);fill:#b9372c}33%{transform:scale(1.3) rotate(350deg)}66%{transform:scale(0.01) rotate(720deg)}67%{opacity:0;transform:scale(1) rotate(0deg);fill:#d8d8d8}100%{opacity:1;transform:scale(1) rotate(0deg)}}@keyframes loseLastLife{0%{transform:scale(1) rotate(0deg);fill:#b9372c}50%{transform:scale(0.01) rotate(360deg)}51%{transform:scale(0.01) rotate(-360deg);fill:#d8d8d8}100%{transform:scale(1) rotate(0deg);fill:#d8d8d8}}@keyframes ThreeTwoOneGo{0%{opacity:0}12.5%{opacity:1}25%{opacity:0}37.5%{opacity:1}50%{opacity:0}62.5%{opacity:1}75%{opacity:0}87.5%{opacity:1}100%{opacity:0}}@keyframes ThreeTwoOneGoColorRotation{0%{background-color:rgba(223,66,36,0.85)}24.9%{background-color:rgba(223,66,36,0.85)}28%{background-color:rgba(255,118,48,0.85)}49.9%{background-color:rgba(255,118,48,0.85)}53%{background-color:rgba(255,199,0,0.85)}74.9%{background-color:rgba(255,199,0,0.85)}78%{background-color:rgba(48,183,13,0.85)}100%{background-color:rgba(48,183,13,0.85)}}@keyframes expandAndContract10{0%{transform:scale(1)}30%{transform:scale(1.1)}100%{transform:scale(1)}}@keyframes expandAndContract15{0%{transform:scale(1)}50%{transform:scale(1.15)}100%{transform:scale(1)}}@keyframes longerExpandAndContract15{0%{transform:scale(1)}25%{transform:scale(1.15)}50%{transform:scale(1.05)}75%{transform:scale(1.25)}100%{transform:scale(1)}}@keyframes longerExpandAndContractBiggerSmaller15{0%{transform:scale(0.9)}25%{transform:scale(1.05)}50%{transform:scale(0.95)}75%{transform:scale(1.05)}100%{transform:scale(0.9)}}@keyframes expandAndContract30{0%{transform:scale(1)}50%{transform:scale(1.3) rotate(-15deg)}100%{transform:scale(1)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes slideRight{0%{transform:translateX(-100vw);opacity:0}60%{transform:translateX(0%);opacity:1}100%{transform:translateX(0%);opacity:0}}@keyframes slideLeft{0%{transform:translateX(100vw);opacity:0}60%{transform:translateX(0%);opacity:1}100%{transform:translateX(0%);opacity:0}}@keyframes fadeToZero{100%{opacity:0}}@keyframes fadeToZeroMicrophoneInput{0%{opacity:0}5%{opacity:0.5}100%{opacity:0}}@keyframes playAlongFall{0%{bottom:500px;opacity:0}20%{opacity:1}100%{bottom:0px}}@keyframes loadResponseBoardAfterDelay{0%{transform:translateY(200px)}30%{transform:translateY(200px)}100%{transform:translateY(0px)}}@keyframes loaderKeyframe{0%{opacity:0}50%{opacity:1}}@keyframes incorrectNoteGlowWhite{0%{background-color:rgba(255,255,255,0.9)}5%{background-color:#dc4a38}100%{background-color:rgba(255,255,255,0.9)}}@keyframes incorrectNoteGlowBlack{0%{background-color:#23212b}5%{background-color:#dc4a38}100%{background-color:#23212b}}@keyframes shake{10%,90%{transform:translate3d(-1px, 0, 0)}20%,80%{transform:translate3d(2px, 0, 0)}30%,50%,70%{transform:translate3d(-4px, 0, 0)}40%,60%{transform:translate3d(4px, 0, 0)}}.mastery-box{margin-bottom:0;font-size:15px;font-weight:300;letter-spacing:1px;color:#6d6d6d}.mastery-container{width:30%}.inner-mastery{display:flex;align-items:center;padding:0 8% 5% 8%}.inner-mastery p{margin-left:20px;letter-spacing:0px;font-size:16px;margin-bottom:8px}@media all and (max-width: 400px),all and (max-height: 400px){.inner-mastery p{font-size:12px;margin-left:15px}}.inner-mastery svg{padding:0}.inner-mastery img,.inner-mastery svg{width:50px}@media all and (max-width: 500px){.inner-mastery img,.inner-mastery svg{width:38px}}.inner-mastery.inner-mastery-bottom{padding:0 8%}.inner-mastery:last-child{padding-bottom:0}.mastery-card-item{padding:15px 10px 30px 15px;display:flex;justify-content:center;flex-direction:column}.private-lesson-dashboard{display:flex}.private-lesson-dashboard__wrapper{margin:0 auto;padding:30px;max-width:1275px}@media all and (max-width: 950px){.private-lesson-dashboard__wrapper{margin-top:25px;padding:0 10px}}.private-lesson-dashboard__wrapper .top-section{display:grid;grid-template-columns:repeat(4, 180px);grid-gap:60px;margin-top:58px;margin-bottom:85px}@media all and (max-width: 950px){.private-lesson-dashboard__wrapper .top-section{grid-gap:30px;grid-template-columns:repeat(4, 170px);margin-bottom:50px}}@media all and (max-width: 850px){.private-lesson-dashboard__wrapper .top-section{grid-gap:30px;grid-template-columns:repeat(2, 170px);margin-top:10px}}@media all and (max-width: 400px){.private-lesson-dashboard__wrapper .top-section{grid-gap:20px;grid-template-columns:repeat(2, 140px)}}.private-lesson-dashboard__wrapper .classrooms__wrapper{display:grid;grid-gap:60px}.private-lesson-dashboard__wrapper .classrooms__wrapper:first-child{margin-top:15px}.private-lesson-dashboard__wrapper .classrooms__wrapper.columns-3{grid-template-columns:repeat(3, 365px)}.private-lesson-dashboard__wrapper .classrooms__wrapper.columns-2{grid-template-columns:repeat(2, 365px)}@media all and (max-width: 1325px){.private-lesson-dashboard__wrapper .classrooms__wrapper.columns-2,.private-lesson-dashboard__wrapper .classrooms__wrapper.columns-3{grid-template-columns:repeat(2, 365px)}}@media all and (max-width: 850px){.private-lesson-dashboard__wrapper .classrooms__wrapper.columns-2,.private-lesson-dashboard__wrapper .classrooms__wrapper.columns-3{grid-template-columns:repeat(1, 365px);grid-gap:30px}}@media all and (max-width: 400px){.private-lesson-dashboard__wrapper .classrooms__wrapper.columns-2,.private-lesson-dashboard__wrapper .classrooms__wrapper.columns-3{display:flex;flex-direction:column}}.private-lesson-dashboard__wrapper .icon-box{color:#292929;cursor:pointer}.private-lesson-dashboard__wrapper .classrooms{padding-bottom:50px}@media all and (max-width: 950px){.private-lesson-dashboard__wrapper .classrooms{margin:0}}.private-lesson-dashboard__wrapper .classrooms__title{font-style:normal;font-weight:bold;font-size:23px;color:#b2b2b2;margin-bottom:35px;letter-spacing:0.04em}.private-lesson-dashboard__wrapper .classroom-detail{display:flex;flex-direction:column;color:inherit;margin-left:45px;margin-bottom:20px;font-weight:bold}.private-lesson-dashboard__wrapper .classroom-detail:last-child{margin-bottom:30px}@media all and (max-width: 470px){.private-lesson-dashboard__wrapper .classroom-detail{margin-left:35px}}.private-lesson-dashboard__wrapper .classroom-detail__label{color:#b5b5b5;font-size:12px;margin-bottom:10px;letter-spacing:0.03em}@media all and (max-width: 470px){.private-lesson-dashboard__wrapper .classroom-detail__label{font-size:10px}}.private-lesson-dashboard__wrapper .classroom-detail__content{color:#292929;font-size:22px;display:flex;align-items:center}.private-lesson-dashboard__wrapper .classroom-detail__content .green-light-icon{margin-left:-18px;margin-bottom:7px}@media all and (max-width: 470px){.private-lesson-dashboard__wrapper .classroom-detail__content{font-size:16px}}@media all and (max-width: 470px){.private-lesson-dashboard__wrapper .green-link{font-size:16px}}.private-lesson-dashboard__wrapper .icon-box{width:180px;min-height:180px;box-shadow:0px 3px 12px rgba(230,232,237,0.7),0px 3px 27px #e6e8ed;border-radius:9px;background:white;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;box-sizing:border-box;padding:24px 16px 20px;transition:box-shadow 200ms;text-decoration:none}.private-lesson-dashboard__wrapper .icon-box:hover{box-shadow:0px 5px 17px rgba(212,213,216,0.9),3px 20px 27px #e6e8ed}@media all and (max-width: 950px){.private-lesson-dashboard__wrapper .icon-box{width:170px;min-height:170px}}@media all and (max-width: 400px){.private-lesson-dashboard__wrapper .icon-box{width:140px;min-height:140px;padding:18px 12px 16px}}.private-lesson-dashboard__wrapper .icon-box.icon-box--with-subtitle{padding-bottom:18px}@media all and (max-width: 400px){.private-lesson-dashboard__wrapper .icon-box.icon-box--with-subtitle{padding-bottom:14px}}.private-lesson-dashboard__wrapper .icon-box .icon-box__body{margin-top:auto;width:100%;display:flex;flex-direction:column;align-items:center;gap:6px}.private-lesson-dashboard__wrapper .icon-box .icon-box__icon{display:block;flex:0 0 auto;width:70px;margin-top:8px}@media all and (max-width: 470px){.private-lesson-dashboard__wrapper .icon-box .icon-box__icon{width:55px}}.private-lesson-dashboard__wrapper .icon-box .icon-box__title{font-weight:700;font-size:16px;margin:0;letter-spacing:0.01em;text-align:center}@media all and (max-width: 400px){.private-lesson-dashboard__wrapper .icon-box .icon-box__title{font-size:13px}}.private-lesson-dashboard__wrapper .icon-box .icon-box__subtitle{margin:0;max-width:145px;font-size:14px;font-weight:400;line-height:18px;text-align:center;color:#292929;letter-spacing:0}@media all and (max-width: 400px){.private-lesson-dashboard__wrapper .icon-box .icon-box__subtitle{max-width:116px;font-size:12px;line-height:15px}}.box-with-color-on-top{width:365px;height:300px;display:flex;flex-direction:column;background:white;box-shadow:0px 3px 12px rgba(230,232,237,0.7),0px 3px 27px #e6e8ed;border-radius:9px;position:relative}@media all and (max-width: 470px){.box-with-color-on-top{width:100%;height:auto;margin:0}}.box-with-color-on-top:last-child{margin-right:0}.box-with-color-on-top .card-right-arrow{position:absolute;bottom:25px;right:25px;width:53px;height:53px;background-color:#29c1b4;border-radius:100%;display:flex;align-items:center;justify-content:center;box-shadow:0px 3px 15px rgba(30,143,133,0.37);transition:box-shadow 150ms linear}.box-with-color-on-top .card-right-arrow:hover{box-shadow:0px 5px 27px rgba(30,143,133,0.55)}.card-top-color{border-radius:9px}.add-new-classroom{width:362px;height:300px;background:transparent;border:3px solid #e0e0e0;transition:border 100ms;box-sizing:border-box;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:#7d7d7d;font-weight:bold;font-size:22px;cursor:pointer;line-height:31px}.add-new-classroom:hover{border-color:#cccccc}@media all and (max-width: 470px){.add-new-classroom{padding:40px 0;height:auto;width:100%}}@media all and (max-width: 850px){.add-new-classroom{margin:0}}.add-new-classroom .add-new-classroom-text{margin-top:50px}.ongoing_lesson_timer_container{padding-bottom:10px;background:#FCFCFC;border:1px solid #DEDEDE;box-sizing:border-box;border-radius:9px;margin-bottom:41px;padding-top:-19px;font-family:Lato;font-style:normal;font-weight:normal;font-size:18px;display:inline-block}.ongoing_lesson_timer_text{margin-top:8px;margin-left:15px}.ongoing_lesson_timer_bold{font-weight:600;cursor:pointer}@media all and (max-width: 568px){.ongoing_lesson_timer_text{position:absolute;margin-top:5px}}.recorded-assignment{width:70%;margin:0 auto}.recorded-assignment .cards-container .card-container .card{max-width:650px}.recorded-assignment .record-button-and-tip-wrapper{display:flex;flex-direction:column;align-items:center;margin-top:70px}.recorded-assignment .record-button-and-tip-wrapper .demo-subtitle{max-width:380px;text-align:center;margin-top:20px}.recorded-assignment .assignment-description{line-height:28px;letter-spacing:0;font-size:18px;white-space:pre-wrap}.recorded-assignment .assignment-description.teacher-name{font-weight:700}.recorded-assignment .video-flow-page{display:flex;align-items:center;justify-content:center;flex-direction:column;margin-top:-50px}.recorded-assignment video{width:250px}.recorded-assignment .mic-emoji{font-size:100px;margin-top:50px}.recorded-assignment .create-a-thing-flow .nav button{width:auto}.recorded-assignment .create-a-thing-flow video{width:300px;max-width:60%;margin-top:30px}.recorded-assignment .loader{height:100%}.recorded-assignment .loader p{margin-top:-200px}.recorded-assignment .selected-upload-name{font-size:24px;color:#4e4e4e;font-weight:700;width:100%;text-align:center}.recorded-assignment .begin-recording{margin-bottom:15px}.recorded-assignment .demo-subtitle{max-width:329px;letter-spacing:0;line-height:19px;color:#9a9a9a}.video-display-case video{width:250px}.teacher-video-display-case{height:100%;min-height:250px;max-height:600px;max-width:600px;overflow:auto;margin:0 auto}.card-header{font-size:13px;color:#9a9a9a;font-weight:700}.teacher-video-display{width:calc(100% - 10px)}.teacher-video-display .card-header{padding:40px 0px 10px 0px;border-bottom:0}.teacher-video-display video{width:100%;margin-bottom:30px}.teacher-video-display audio{margin-bottom:30px;width:100%}.view-assignment-recording .announcement .announcement-modal{max-width:650px}.locked-and-loader.exploraboratory,.locked-and-loader.exploraboratory:before,.locked-and-loader.exploraboratory:after{background:#29c1b4;color:#29c1b4}.shared-files-box .shared-files-cards-wrapper{max-height:329px;padding:30px}.shared-files-box .shared-files-card .shared-files-card-content{margin:0;margin-right:10px}.questionably-dirty-box{position:absolute;bottom:0}.dropout-styles{background-color:#fcfcfc;border-radius:5px;box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);display:flex;align-items:center;position:absolute;top:90%;padding:16px;flex-direction:column;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:16px}@media all and (max-height: 450px){.dropout-styles{top:100%}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes inputFlash{0%{border-color:#40c2ff;box-shadow:inset 0px 0px 5px #40c2ff}70%{border-color:#c7c7c7;box-shadow:inset 0px 0px 0px #c7c7c7}100%{border-color:#40c2ff;box-shadow:inset 0px 0px 5px #40c2ff}}@keyframes gloat{0%{transform:scale(1) rotate(0deg)}60%{transform:scale(1.3) rotate(180deg)}100%{transform:scale(1) rotate(365deg)}}@keyframes createClassButton{0%{transform:scale(1)}70%{transform:scale(0.95)}100%{transform:scale(1)}}@keyframes handIconFloating{0%{transform:scale(1)}25%{transform:scale(1.17)}50%{transform:scale(1.05)}75%{transform:scale(1.1)}100%{transform:scale(1)}}@keyframes loseLife{0%{transform:scale(1) rotate(0deg);fill:#b9372c}33%{transform:scale(1.3) rotate(350deg)}66%{transform:scale(0.01) rotate(720deg)}67%{opacity:0;transform:scale(1) rotate(0deg);fill:#d8d8d8}100%{opacity:1;transform:scale(1) rotate(0deg)}}@keyframes loseLastLife{0%{transform:scale(1) rotate(0deg);fill:#b9372c}50%{transform:scale(0.01) rotate(360deg)}51%{transform:scale(0.01) rotate(-360deg);fill:#d8d8d8}100%{transform:scale(1) rotate(0deg);fill:#d8d8d8}}@keyframes ThreeTwoOneGo{0%{opacity:0}12.5%{opacity:1}25%{opacity:0}37.5%{opacity:1}50%{opacity:0}62.5%{opacity:1}75%{opacity:0}87.5%{opacity:1}100%{opacity:0}}@keyframes ThreeTwoOneGoColorRotation{0%{background-color:rgba(223,66,36,0.85)}24.9%{background-color:rgba(223,66,36,0.85)}28%{background-color:rgba(255,118,48,0.85)}49.9%{background-color:rgba(255,118,48,0.85)}53%{background-color:rgba(255,199,0,0.85)}74.9%{background-color:rgba(255,199,0,0.85)}78%{background-color:rgba(48,183,13,0.85)}100%{background-color:rgba(48,183,13,0.85)}}@keyframes expandAndContract10{0%{transform:scale(1)}30%{transform:scale(1.1)}100%{transform:scale(1)}}@keyframes expandAndContract15{0%{transform:scale(1)}50%{transform:scale(1.15)}100%{transform:scale(1)}}@keyframes longerExpandAndContract15{0%{transform:scale(1)}25%{transform:scale(1.15)}50%{transform:scale(1.05)}75%{transform:scale(1.25)}100%{transform:scale(1)}}@keyframes longerExpandAndContractBiggerSmaller15{0%{transform:scale(0.9)}25%{transform:scale(1.05)}50%{transform:scale(0.95)}75%{transform:scale(1.05)}100%{transform:scale(0.9)}}@keyframes expandAndContract30{0%{transform:scale(1)}50%{transform:scale(1.3) rotate(-15deg)}100%{transform:scale(1)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes slideRight{0%{transform:translateX(-100vw);opacity:0}60%{transform:translateX(0%);opacity:1}100%{transform:translateX(0%);opacity:0}}@keyframes slideLeft{0%{transform:translateX(100vw);opacity:0}60%{transform:translateX(0%);opacity:1}100%{transform:translateX(0%);opacity:0}}@keyframes fadeToZero{100%{opacity:0}}@keyframes fadeToZeroMicrophoneInput{0%{opacity:0}5%{opacity:0.5}100%{opacity:0}}@keyframes playAlongFall{0%{bottom:500px;opacity:0}20%{opacity:1}100%{bottom:0px}}@keyframes loadResponseBoardAfterDelay{0%{transform:translateY(200px)}30%{transform:translateY(200px)}100%{transform:translateY(0px)}}@keyframes loaderKeyframe{0%{opacity:0}50%{opacity:1}}@keyframes incorrectNoteGlowWhite{0%{background-color:rgba(255,255,255,0.9)}5%{background-color:#dc4a38}100%{background-color:rgba(255,255,255,0.9)}}@keyframes incorrectNoteGlowBlack{0%{background-color:#23212b}5%{background-color:#dc4a38}100%{background-color:#23212b}}@keyframes shake{10%,90%{transform:translate3d(-1px, 0, 0)}20%,80%{transform:translate3d(2px, 0, 0)}30%,50%,70%{transform:translate3d(-4px, 0, 0)}40%,60%{transform:translate3d(4px, 0, 0)}}@media all and (max-width: 900px){.dashboard-container.tracks-dashboard-container .desktop-only{display:none}}.dashboard-container.tracks-dashboard-container .cards-container,.dashboard-container.tracks-dashboard-container .track-explore-container{position:static}.dashboard-container.tracks-dashboard-container .cards-container .card-container,.dashboard-container.tracks-dashboard-container .track-explore-container .card-container{padding-bottom:0}.dashboard-container.tracks-dashboard-container .cards-container .card-item .status-icon,.dashboard-container.tracks-dashboard-container .cards-container .card-item .card-button-div,.dashboard-container.tracks-dashboard-container .track-explore-container .card-item .status-icon,.dashboard-container.tracks-dashboard-container .track-explore-container .card-item .card-button-div{float:left}.dashboard-container.tracks-dashboard-container .cards-container .card-item .card-button-div,.dashboard-container.tracks-dashboard-container .track-explore-container .card-item .card-button-div{margin-left:20px;margin-right:20px}@media all and (max-width: 550px){.dashboard-container.tracks-dashboard-container .cards-container .card-item .card-button-div,.dashboard-container.tracks-dashboard-container .track-explore-container .card-item .card-button-div{margin-left:15px;margin-right:15px}}.dashboard-container.tracks-dashboard-container .cards-container .card-item .status-icon,.dashboard-container.tracks-dashboard-container .track-explore-container .card-item .status-icon{width:50px;margin-top:-3px}@media all and (max-width: 450px){.dashboard-container.tracks-dashboard-container .cards-container .card-item .status-icon,.dashboard-container.tracks-dashboard-container .track-explore-container .card-item .status-icon{margin-top:0px;width:45px}}.dashboard-container.tracks-dashboard-container .cards-container .card-item .status-icon svg,.dashboard-container.tracks-dashboard-container .cards-container .card-item .status-icon img,.dashboard-container.tracks-dashboard-container .track-explore-container .card-item .status-icon svg,.dashboard-container.tracks-dashboard-container .track-explore-container .card-item .status-icon img{width:100%;position:relative}.dashboard-container.tracks-dashboard-container .cards-container .card-item .status-icon img,.dashboard-container.tracks-dashboard-container .track-explore-container .card-item .status-icon img{top:11px}.dashboard-container.tracks-dashboard-container .cards-container .card-item .refresh-icon,.dashboard-container.tracks-dashboard-container .track-explore-container .card-item .refresh-icon{margin-top:6px}@media all and (max-width: 450px){.dashboard-container.tracks-dashboard-container .cards-container .card-item .refresh-icon,.dashboard-container.tracks-dashboard-container .track-explore-container .card-item .refresh-icon{margin-top:4px}}.dashboard-container.tracks-dashboard-container .cards-container .card-item .mountain-icon,.dashboard-container.tracks-dashboard-container .track-explore-container .card-item .mountain-icon{margin-top:-2px}.tracks-flex{display:flex;justify-content:center}@media all and (max-width: 900px){.tracks-flex{flex-direction:column-reverse}}.tracks-flex .assignment-container{display:flex;justify-content:center;flex-flow:row wrap;width:100%}.tracks-flex .track-explore-container{width:750px}@media all and (max-width: 900px){.tracks-flex .track-explore-container{width:100%}}@media all and (max-width: 650px){.tracks-flex .track-explore-container{width:100%}}.tracks-flex .track-explore-container .card-content-div{width:calc(64% - 50px)}@media all and (max-width: 1200px){.tracks-flex .track-explore-container .card-content-div{width:calc(72% - 100px)}}@media all and (max-width: 900px){.tracks-flex .track-explore-container .card-content-div{width:calc(72% - 110px)}}@media all and (max-width: 550px){.tracks-flex .track-explore-container .card-content-div{width:calc(72% - 70px)}}.tracks-flex .mastery-box-container .card-container{margin-bottom:0}@media all and (min-width: 900px){.tracks-flex .mastery-box-container{width:525px}}@media all and (max-width: 950px){.under-header-container.upcoming-lessons{top:5%;height:95%}}.upcoming-lessons{padding:58px 25px;max-width:1330px;box-sizing:border-box;margin:0 auto;left:0;right:0}@media all and (max-width: 950px){.upcoming-lessons{padding-right:25px;padding-left:25px}}.upcoming-lessons .top-section,.upcoming-lessons .lessons,.upcoming-lessons .top-section__wrapper{display:flex;flex-wrap:wrap;margin:0 auto}@media all and (max-width: 1325px){.upcoming-lessons .top-section,.upcoming-lessons .lessons,.upcoming-lessons .top-section__wrapper{width:850px}}@media all and (max-width: 950px){.upcoming-lessons .top-section,.upcoming-lessons .lessons,.upcoming-lessons .top-section__wrapper{width:auto;flex-direction:column;align-items:center}}@media all and (max-width: 470px){.upcoming-lessons .top-section,.upcoming-lessons .lessons,.upcoming-lessons .top-section__wrapper{padding-right:0;padding-left:0}}.upcoming-lessons .top-section__wrapper{padding:0}.upcoming-lessons .box-content{display:flex;flex-direction:column;height:100%}.upcoming-lessons .top-section__wrapper{width:100%}.upcoming-lessons .wide-icon-box{margin-bottom:40px;margin-right:60px;cursor:pointer;transition:box-shadow 200ms}.upcoming-lessons .wide-icon-box:hover{box-shadow:0px 5px 17px rgba(212,213,216,0.9),3px 20px 27px #e6e8ed}@media all and (max-width: 950px){.upcoming-lessons .wide-icon-box{margin-right:0}}.upcoming-lessons .lessons__loader{width:100%;display:flex;justify-content:center;align-items:center;height:100%;margin-top:100px}.upcoming-lessons .lessons__loader .locked-and-loader,.upcoming-lessons .lessons__loader .locked-and-loader:before,.upcoming-lessons .lessons__loader .locked-and-loader:after{background:#b2b2b2;color:#b2b2b2}.upcoming-lessons .lessons__title{font-style:normal;font-weight:bold;font-size:23px;color:#b2b2b2;margin-top:45px;width:100%;align-self:left}@media all and (max-width: 470px){.upcoming-lessons .lessons__title{margin-top:35px;margin-bottom:35px}}.upcoming-lessons .mb-25{margin-bottom:25px}.upcoming-lessons .mb-50{margin-bottom:50px}.upcoming-lessons .lessons__wrapper{width:100%;display:flex;flex-wrap:wrap}@media all and (max-width: 950px){.upcoming-lessons .lessons__wrapper{align-items:center;flex-direction:column}}.upcoming-lessons .lesson-info{margin:25px;margin-top:0;color:#333333;font-weight:bold;font-size:22px;height:100%;display:flex;flex-direction:column}@media all and (max-width: 470px){.upcoming-lessons .lesson-info{font-size:19px}}.upcoming-lessons .lesson-info .lesson-info__time{font-size:30px;margin-bottom:15px}@media all and (max-width: 470px){.upcoming-lessons .lesson-info .lesson-info__time{font-size:25px}}.upcoming-lessons .lesson-info .lesson-info__date{margin-bottom:20px}@media all and (min-width: 470px){.upcoming-lessons .lesson-info .lesson-info__date{margin-top:-10px}}.upcoming-lessons .lesson-info .lesson-info__teacher{line-height:1.4em}.upcoming-lessons .lesson-info .lesson-info__accent{color:#b5b5b5}.upcoming-lessons .lesson-info .lesson-info__links{margin-top:auto;font-size:16px;font-weight:bold;display:flex;align-items:center}@media all and (max-width: 470px){.upcoming-lessons .lesson-info .lesson-info__links{font-size:3.5vw}}.upcoming-lessons .lesson-info .lesson_info__instructor_profile_link{color:#292929;text-decoration:underline}.upcoming-lessons .lesson-info .lesson-info__button{color:white;font-weight:bold;padding:12px;margin:0;box-shadow:0px 2.45751px 12.2875px rgba(30,143,133,0.37);min-width:90px}@media all and (max-width: 470px){.upcoming-lessons .lesson-info .lesson-info__button{font-size:3.5vw;margin-right:10px}}.upcoming-lessons .lesson-info .lesson-info__reschedule{margin:0;margin-left:auto;color:#b5b5b5;text-decoration:underline;font-size:16px;font-weight:bold;padding:0}.upcoming-lessons .lesson-info .lesson-info__happening_now{font-size:11px;color:#b5b5b5;display:flex;align-items:center;margin-top:17px}.wide-icon-box{width:363px;max-width:363px;height:80px;font-size:16px;background:white;box-shadow:0px 3px 12px rgba(230,232,237,0.7),0px 3px 27px #e6e8ed;border-radius:9px;display:flex;align-items:center;flex-shrink:0;color:#292929}@media all and (max-width: 470px){.wide-icon-box{width:100%}}.wide-icon-box .wide-icon-box__title{margin-left:25px;margin-right:15px}.wide-icon-box .wide-icon-box__icon{height:100%}.color-card{width:365px;max-width:365px;height:300px;display:flex;flex-direction:column;background:white;box-shadow:0px 3px 12px rgba(230,232,237,0.7),0px 3px 27px #e6e8ed;border-radius:9px;margin-right:60px;margin-bottom:45px}@media all and (max-width: 950px){.color-card{margin-right:0}}@media all and (max-width: 470px){.color-card{width:100%;margin-bottom:25px}}.color-card:last-child{margin-right:0}.card-top-color{border-radius:9px 9px 0 0;margin-bottom:15px}@media all and (min-width: 470px){.card-top-color{margin-bottom:10px}}.no-selectable{-webkit-user-select:none;-moz-user-select:none;user-select:none}.px-0{padding:0px}.activeLessonSeries{max-width:735px;margin-bottom:2rem;font-size:16px;line-height:23px;text-align:justify}@media all and (max-width: 950px){.activeLessonSeries{max-width:none !important}}@media all and (max-width: 950px){.book-lesson{margin-top:30px !important}}.font-size-15{font-size:15px}.activeLessonSeriesInstructor{max-width:674px;margin-bottom:2rem;font-size:15px;line-height:23px;font-weight:400}.activeLessonSeriesInstructor2{max-width:950px;margin-bottom:2rem;font-size:15px;line-height:23px;font-weight:400}.activeLessonSeriesInstructor2 .widthset{max-width:942px !important}.text-underline{text-decoration:underline;cursor:pointer;border:none;color:#000;font-weight:700;font-size:16px;background:none;cursor:pointer}.lesson_caution{font-size:15px;font-weight:700;color:#fc7520}@media all and (max-width: 950px){.lesson-width{max-width:365px}}.flex-col{flex-direction:column}.letter-spacing-0{letter-spacing:0px}.video-modal h1{text-align:center;font-size:22px;font-weight:400;color:#5a5a5a}@media all and (max-width: 550px){.video-modal h1{font-size:16px;font-weight:700}}.video-modal span{font-size:16px}.video-modal .announcement .announcement-modal{max-width:720px}.video-modal .welcome-video-container{position:relative;width:100%;height:0;padding-bottom:56.25%;margin:0 auto}.video-modal .welcome-video{position:absolute;top:0;left:0;width:100%;height:100%}.yellow-button,.end-game-modal .score-display-card .continue-to-dashboard-button{-webkit-appearance:none;font-weight:400;letter-spacing:1px;border-bottom:1px solid rgba(0,0,0,0);padding-top:0px;padding-bottom:3px;transition:border-bottom, 400ms;cursor:pointer;color:#29c1b4}.yellow-button:hover,.end-game-modal .score-display-card .continue-to-dashboard-button:hover{color:#2ccabc;border-bottom:1px solid #2ccabc;padding-bottom:3px;text-decoration:none}.end-game-modal{position:absolute;width:100%;height:calc(100% - 9%);top:9%;z-index:2;background-color:rgba(0,0,0,0.35);align-items:center;justify-content:center;transition:opacity 500ms ease-in-out;display:flex}@media all and (max-height: 600px),all and (max-width: 600px){.end-game-modal .mobile-transparent-gradient{position:absolute;bottom:50px;height:50px;width:100%;background-image:linear-gradient(top, rgba(228,98,58,0.001) 0%, #e4623a 100%)}}.end-game-modal .top-section{box-sizing:border-box;display:flex;color:white;overflow-y:auto}@media all and (max-width: 1000px){.end-game-modal .top-section{height:calc(100% - 100px)}}@media all and (max-height: 600px),all and (max-width: 600px){.end-game-modal .top-section{height:calc(100% - 50px)}}@media all and (min-height: 600px),all and (min-width: 1000px){.end-game-modal .top-section{max-height:500px}}.end-game-modal .top-section .top-section-content{width:450px;margin:10px auto;text-align:center;padding:3%;padding-bottom:5%}@media all and (max-height: 600px),all and (max-width: 600px){.end-game-modal .top-section .top-section-content{margin:auto}}@media all and (min-height: 600px),all and (min-width: 1000px){.end-game-modal .top-section .top-section-content{padding:1%}}.end-game-modal .top-section .image,.end-game-modal .top-section .title-text{padding:10px}@media all and (max-height: 600px),all and (max-width: 600px){.end-game-modal .top-section .image,.end-game-modal .top-section .title-text{padding:0}}.end-game-modal .top-section .title-text{color:rgba(255,255,255,0.95)}.end-game-modal .top-section .end-game-top-image,.end-game-modal .top-section .trophy-icon{width:100px}.end-game-modal .top-section h1{font-size:24px}.end-game-modal .top-section h1 span{font-size:12px;color:rgba(255,255,255,0.75)}.end-game-modal .top-section .horizontal-line{margin-top:15px;margin-bottom:15px;padding:1px;background:rgba(0,0,0,0.1)}.end-game-modal .top-section .game-stats{width:200px;white-space:nowrap;text-align:left}@media all and (max-width: 800px){.end-game-modal .top-section .game-stats{margin:auto}}.end-game-modal .top-section .progress-bar-text{text-align:left;font-weight:lighter;color:rgba(255,255,255,0.75);margin-top:10px}@media all and (max-width: 800px){.end-game-modal .top-section .progress-bar-text{text-align:center}}.end-game-modal .score-display-card{width:63%;border-radius:10px;box-shadow:0px 4px 14px rgba(0,0,0,0.15),0px 0px 5px rgba(0,0,0,0.15);background:#e36141;overflow:hidden}@media all and (max-width: 1000px){.end-game-modal .score-display-card{width:100%;height:100%;padding:0;border-radius:0px}}.end-game-modal .score-display-card .footer{width:100%;max-width:100%;height:100px;background:#f2f2f2;display:flex;position:relative;justify-content:center;align-items:center;flex-direction:row;border-radius:0px 0px 10px 10px;box-shadow:0px -1px 5px rgba(0,0,0,0.15)}@media all and (max-height: 600px),all and (max-width: 600px){.end-game-modal .score-display-card .footer{position:absolute;bottom:0;height:50px;border-radius:0}}.end-game-modal .score-display-card .card-button{width:20%;min-width:148px;height:50%;padding:0;display:flex;justify-content:center;align-items:center;font-size:17px}.end-game-modal .score-display-card .continue-to-dashboard-button{position:absolute;display:flex;align-items:center;justify-content:center;left:8%}@media all and (max-height: 600px),all and (max-width: 600px){.end-game-modal .score-display-card .card-button,.end-game-modal .score-display-card .continue-to-dashboard-button{height:100%;width:100%;position:static;border-radius:0;border:0;padding:0}}.end-game-modal .score-display-card .switch-games-icon{width:24px;margin-right:10px;margin-top:2px;fill:#29c1b4;stroke:#29c1b4}.end-game-modal .score-display-card .green-text{font-size:17px;color:#29c1b4;font-weight:500}.end-game-modal.xp-page{font-size:22px}.end-game-modal.xp-page .end-game-xp-num{color:white;opacity:0.7}.end-game-modal.xp-page .end-game-xp-text{color:white;opacity:0.9;margin-top:40px;margin-bottom:40px;font-weight:300;line-height:160%}.end-game-modal.xp-page .top-section-content{width:410px}.yellow-button{-webkit-appearance:none;font-weight:400;letter-spacing:1px;border-bottom:1px solid rgba(0,0,0,0);padding-top:0px;padding-bottom:3px;transition:border-bottom, 400ms;cursor:pointer;color:#29c1b4}.yellow-button:hover{color:#2ccabc;border-bottom:1px solid #2ccabc;padding-bottom:3px;text-decoration:none}.end-of-trial-modal .announcement .announcement-modal{max-width:600px}.end-of-trial-modal h1{letter-spacing:0;text-align:center;font-size:22px;font-weight:400;color:#5a5a5a;margin-top:30px}@media all and (max-width: 550px){.end-of-trial-modal h1{font-size:24px;font-weight:700;margin-bottom:35px}}.end-of-trial-modal p{letter-spacing:0;margin-top:10px;margin-bottom:20px !important;text-align:center;line-height:160%;font-size:16px;color:rgba(0,0,0,0.8)}@media all and (max-width: 550px){.end-of-trial-modal p{font-size:18px}}.end-of-trial-modal .message a.learn-more-here{color:#29c1b4;font-weight:bold;border-bottom-width:2px;border-bottom-style:solid}.end-of-trial-modal .message a.email-link{text-decoration:none;color:black}.end-of-trial-modal .message div.button-container{display:flex;flex-direction:row;justify-content:center}.end-of-trial-modal .message div.button-container .card-button{margin:10px}.end-of-trial-modal .message a.close-button{color:#fff}.end-of-trial-modal .message a.button-outline{color:#29c1b4}.end-of-trial-modal .invite-text-field-wrapper{padding-top:30px}.bob-marley-content-area .fade-in{opacity:0;transition-delay:0s}.bob-marley-content-area .michael-jackson-active-slide .fade-in-speed-1s{transition:opacity 1s}.bob-marley-content-area .michael-jackson-active-slide .fade-in-speed-2s{transition:opacity 2s}.bob-marley-content-area .michael-jackson-active-slide .fade-in-delay-500ms{transition-delay:500ms}.bob-marley-content-area .michael-jackson-active-slide .fade-in-delay-1s{transition-delay:1s}.bob-marley-content-area .michael-jackson-active-slide .fade-in-delay-2s{transition-delay:2s}.bob-marley-content-area .michael-jackson-active-slide .fade-in-delay-3s{transition-delay:3s}.bob-marley-content-area .michael-jackson-active-slide .fade-in-delay-4s{transition-delay:4s}.bob-marley-content-area .michael-jackson-active-slide .fade-in-delay-5s{transition-delay:5s}.bob-marley-content-area .michael-jackson-active-slide .fade-in-delay-8s{transition-delay:8s}.bob-marley-content-area .michael-jackson-active-slide .fade-in-delay-700ms{transition-delay:700ms}.bob-marley-content-area .michael-jackson-active-slide .fade-in-delay-1400ms{transition-delay:1400ms}.bob-marley-content-area .michael-jackson-active-slide .fade-in-delay-2100ms{transition-delay:2100ms}.bob-marley-content-area .michael-jackson-active-slide .fade-in-delay-2800ms{transition-delay:2800ms}.bob-marley-content-area .michael-jackson-active-slide .fade-in{opacity:1}@keyframes burn{0%{text-shadow:-0.1em 0 0.3em #fefcc9, 0.1em -0.1em 0.3em #feec85, -0.2em -0.2em 0.4em #ffae34, 0.2em -0.3em 0.3em #ec760c, -0.2em -0.4em 0.4em #cd4606, 0.1em -0.5em 0.7em #973716, 0.1em -0.7em 0.7em #451b0e}45%{text-shadow:0.1em -0.2em 0.5em #fefcc9, 0.15em 0 0.4em #feec85, -0.1em -0.25em 0.5em #ffae34, 0.15em -0.45em 0.5em #ec760c, -0.1em -0.5em 0.6em #cd4606, 0 -0.8em 0.6em #973716, 0.2em -1em 0.8em #451b0e}70%{text-shadow:-0.1em 0 0.3em #fefcc9, 0.1em -0.1em 0.3em #feec85, -0.2em -0.2em 0.6em #ffae34, 0.2em -0.3em 0.4em #ec760c, -0.2em -0.4em 0.7em #cd4606, 0.1em -0.5em 0.7em #973716, 0.1em -0.7em 0.9em #451b0e}100%{text-shadow:-0.1em -0.2em 0.6em #fefcc9, -0.15em 0 0.6em #feec85, 0.1em -0.25em 0.6em #ffae34, -0.15em -0.45em 0.5em #ec760c, 0.1em -0.5em 0.6em #cd4606, 0 -0.8em 0.6em #973716, -0.2em -1em 0.8em #451b0e}}.burn{animation:burn 1.5s linear infinite alternate}.yellow-button{-webkit-appearance:none;font-weight:400;letter-spacing:1px;border-bottom:1px solid rgba(0,0,0,0);padding-top:0px;padding-bottom:3px;transition:border-bottom, 400ms;cursor:pointer;color:#29c1b4}.yellow-button:hover{color:#2ccabc;border-bottom:1px solid #2ccabc;padding-bottom:3px;text-decoration:none}.construction-game-container .react-piano .piano-wrapper .piano .key,.record-construction-container .react-piano .piano-wrapper .piano .key,.freeplay-piano-wrapper .react-piano .piano-wrapper .piano .key{background:rgba(255,255,255,0.9)}.construction-game-container .react-piano .piano-wrapper .piano .black .key,.record-construction-container .react-piano .piano-wrapper .piano .black .key,.freeplay-piano-wrapper .react-piano .piano-wrapper .piano .black .key{border-radius:0px 0px 5px 5px;background:#23212b;width:5.2%;margin-left:2.0%}.construction-game-container .react-piano .piano-wrapper .piano .black .key.d-or-g-flat,.record-construction-container .react-piano .piano-wrapper .piano .black .key.d-or-g-flat,.freeplay-piano-wrapper .react-piano .piano-wrapper .piano .black .key.d-or-g-flat{margin-left:9.2%}.construction-game-container .react-piano .piano-wrapper .piano .black .key:first-child,.record-construction-container .react-piano .piano-wrapper .piano .black .key:first-child,.freeplay-piano-wrapper .react-piano .piano-wrapper .piano .black .key:first-child{margin-left:4.2%}.construction-game-container .react-piano .piano-wrapper .piano .white .key,.record-construction-container .react-piano .piano-wrapper .piano .white .key,.freeplay-piano-wrapper .react-piano .piano-wrapper .piano .white .key{border-radius:0;border-right:2px solid #bbbbbb;border-left:2px solid #bbbbbb}.construction-game-container .react-piano .piano-wrapper .piano .white .key:first-of-type,.record-construction-container .react-piano .piano-wrapper .piano .white .key:first-of-type,.freeplay-piano-wrapper .react-piano .piano-wrapper .piano .white .key:first-of-type{border-left:0}.construction-game-container .react-piano .piano-wrapper .piano .white .key:last-of-type,.record-construction-container .react-piano .piano-wrapper .piano .white .key:last-of-type,.freeplay-piano-wrapper .react-piano .piano-wrapper .piano .white .key:last-of-type{border-right:0}.container div.freeplay-piano-wrapper{height:100%}.container div.freeplay-piano-wrapper .piano-wrapper{width:100%;padding-left:0;bottom:0%}.container div.freeplay-piano-wrapper .react-piano{height:100%}.container div.freeplay-piano-wrapper div.react-piano .piano-wrapper .piano .white .key{border-radius:0;border-right:2px solid #bbbbbb;border-left:2px solid #bbbbbb}.yellow-button{-webkit-appearance:none;font-weight:400;letter-spacing:1px;border-bottom:1px solid rgba(0,0,0,0);padding-top:0px;padding-bottom:3px;transition:border-bottom, 400ms;cursor:pointer;color:#29c1b4}.yellow-button:hover{color:#2ccabc;border-bottom:1px solid #2ccabc;padding-bottom:3px;text-decoration:none}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes inputFlash{0%{border-color:#40c2ff;box-shadow:inset 0px 0px 5px #40c2ff}70%{border-color:#c7c7c7;box-shadow:inset 0px 0px 0px #c7c7c7}100%{border-color:#40c2ff;box-shadow:inset 0px 0px 5px #40c2ff}}@keyframes gloat{0%{transform:scale(1) rotate(0deg)}60%{transform:scale(1.3) rotate(180deg)}100%{transform:scale(1) rotate(365deg)}}@keyframes createClassButton{0%{transform:scale(1)}70%{transform:scale(0.95)}100%{transform:scale(1)}}@keyframes handIconFloating{0%{transform:scale(1)}25%{transform:scale(1.17)}50%{transform:scale(1.05)}75%{transform:scale(1.1)}100%{transform:scale(1)}}@keyframes loseLife{0%{transform:scale(1) rotate(0deg);fill:#b9372c}33%{transform:scale(1.3) rotate(350deg)}66%{transform:scale(0.01) rotate(720deg)}67%{opacity:0;transform:scale(1) rotate(0deg);fill:#d8d8d8}100%{opacity:1;transform:scale(1) rotate(0deg)}}@keyframes loseLastLife{0%{transform:scale(1) rotate(0deg);fill:#b9372c}50%{transform:scale(0.01) rotate(360deg)}51%{transform:scale(0.01) rotate(-360deg);fill:#d8d8d8}100%{transform:scale(1) rotate(0deg);fill:#d8d8d8}}@keyframes ThreeTwoOneGo{0%{opacity:0}12.5%{opacity:1}25%{opacity:0}37.5%{opacity:1}50%{opacity:0}62.5%{opacity:1}75%{opacity:0}87.5%{opacity:1}100%{opacity:0}}@keyframes ThreeTwoOneGoColorRotation{0%{background-color:rgba(223,66,36,0.85)}24.9%{background-color:rgba(223,66,36,0.85)}28%{background-color:rgba(255,118,48,0.85)}49.9%{background-color:rgba(255,118,48,0.85)}53%{background-color:rgba(255,199,0,0.85)}74.9%{background-color:rgba(255,199,0,0.85)}78%{background-color:rgba(48,183,13,0.85)}100%{background-color:rgba(48,183,13,0.85)}}@keyframes expandAndContract10{0%{transform:scale(1)}30%{transform:scale(1.1)}100%{transform:scale(1)}}@keyframes expandAndContract15{0%{transform:scale(1)}50%{transform:scale(1.15)}100%{transform:scale(1)}}@keyframes longerExpandAndContract15{0%{transform:scale(1)}25%{transform:scale(1.15)}50%{transform:scale(1.05)}75%{transform:scale(1.25)}100%{transform:scale(1)}}@keyframes longerExpandAndContractBiggerSmaller15{0%{transform:scale(0.9)}25%{transform:scale(1.05)}50%{transform:scale(0.95)}75%{transform:scale(1.05)}100%{transform:scale(0.9)}}@keyframes expandAndContract30{0%{transform:scale(1)}50%{transform:scale(1.3) rotate(-15deg)}100%{transform:scale(1)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes slideRight{0%{transform:translateX(-100vw);opacity:0}60%{transform:translateX(0%);opacity:1}100%{transform:translateX(0%);opacity:0}}@keyframes slideLeft{0%{transform:translateX(100vw);opacity:0}60%{transform:translateX(0%);opacity:1}100%{transform:translateX(0%);opacity:0}}@keyframes fadeToZero{100%{opacity:0}}@keyframes fadeToZeroMicrophoneInput{0%{opacity:0}5%{opacity:0.5}100%{opacity:0}}@keyframes playAlongFall{0%{bottom:500px;opacity:0}20%{opacity:1}100%{bottom:0px}}@keyframes loadResponseBoardAfterDelay{0%{transform:translateY(200px)}30%{transform:translateY(200px)}100%{transform:translateY(0px)}}@keyframes loaderKeyframe{0%{opacity:0}50%{opacity:1}}@keyframes incorrectNoteGlowWhite{0%{background-color:rgba(255,255,255,0.9)}5%{background-color:#dc4a38}100%{background-color:rgba(255,255,255,0.9)}}@keyframes incorrectNoteGlowBlack{0%{background-color:#23212b}5%{background-color:#dc4a38}100%{background-color:#23212b}}@keyframes shake{10%,90%{transform:translate3d(-1px, 0, 0)}20%,80%{transform:translate3d(2px, 0, 0)}30%,50%,70%{transform:translate3d(-4px, 0, 0)}40%,60%{transform:translate3d(4px, 0, 0)}}.full-page-flow-modal{display:flex;align-items:flex-start;justify-content:center;background-color:#f4f6fa;height:100%;padding-top:50px}@media all and (max-width: 950px),all and (max-height: 550px){.full-page-flow-modal{padding:0px}}.full-page-flow-modal.incorrect-length .outer-input-wrapper-friend button{background-color:#bfbfbf}.full-page-flow-modal .classroom-placeholder{padding:15px}.full-page-flow-modal input{margin-right:0;width:100%;border-radius:5px;max-width:478px;height:100%;background:#FFFFFF;border:1px solid #D7D7D7;box-sizing:border-box;border-radius:5px;font-size:21px;line-height:22px;top:0}.full-page-flow-modal input.action-button{border:none}.full-page-flow-modal input::-moz-placeholder{font-family:"Lato";font-style:normal;font-size:21px;font-weight:300;line-height:30px;color:#c7c7c7}.full-page-flow-modal input::placeholder{font-family:"Lato";font-style:normal;font-size:21px;font-weight:300;line-height:30px;color:#c7c7c7}@media all and (max-width: 550px){.full-page-flow-modal input::-moz-placeholder{font-size:16px;line-height:23px}.full-page-flow-modal input::placeholder{font-size:16px;line-height:23px}}@media all and (max-width: 550px){.full-page-flow-modal input{height:64px;font-size:16px;line-height:23px;font-weight:700}}.full-page-flow-modal .full-screen-card{display:flex;flex-direction:column;height:60%;width:900px;radius:9px;background:#fcfcfc;box-shadow:0 3px 9px rgba(0,0,0,0.07);border-radius:4px;position:relative;padding-bottom:28px;justify-content:flex-start}@media all and (max-width: 950px),all and (max-height: 550px){.full-page-flow-modal .full-screen-card{width:100%;height:91% !important;position:fixed;margin-bottom:0px}}.full-page-flow-modal .full-screen-card .question{margin-top:20px}.full-page-flow-modal .close-icon{fill:#9D9D9D;position:absolute;right:25px;top:25px;height:18px;cursor:pointer;opacity:.15;transition:opacity 200ms linear}.full-page-flow-modal .close-icon:hover{opacity:.35}.full-page-flow-modal .error-message{text-align:center;background-color:#fcfcfc}.full-page-flow-modal .flow-modal-header-wrapper{display:flex;justify-content:center;height:20%;align-items:center;z-index:1}.full-page-flow-modal .flow-modal-header-wrapper h1{font-family:"Lato";font-style:normal;font-size:22px;font-weight:400;line-height:29px;text-align:center;color:#5a5a5a}@media all and (max-width: 550px){.full-page-flow-modal .flow-modal-header-wrapper h1{flex-wrap:wrap;padding-right:10px;padding-left:10px}}.full-page-flow-modal .outer-input-wrapper-friend{display:flex;justify-content:center;height:40%;background:#fcfcfc;box-sizing:border-box;align-items:center}.full-page-flow-modal .outer-input-wrapper-friend .input-wrapper-friend{max-width:400px;width:90%;height:76px;padding:0;border:none}.full-page-flow-modal .outer-input-wrapper-friend .input-wrapper-friend.shake{animation:shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;transform:translate3d(0, 0, 0)}.full-page-flow-modal .outer-input-wrapper-friend button{margin:0 0 0 -98px;width:98px;font-family:"Lato";font-weight:400;font-size:21px;border-radius:0 5px 5px 0;line-height:0;height:100%;z-index:1;color:rgba(255,255,255,0.9);cursor:pointer;border:0;background-color:#38b0e9;transition:background-color 150ms linear, box-shadow 150ms linear;box-shadow:0px 1px 3px rgba(0,0,0,0.24)}@media all and (max-width: 550px){.full-page-flow-modal .outer-input-wrapper-friend button{height:64px;font-size:16px;line-height:23px}}.full-page-flow-modal .not-joining-class-link-wrapper{display:flex;justify-content:center;height:40%;align-items:flex-end;background:#fcfcfc}.full-page-flow-modal .not-joining-class-link-wrapper a{color:#38b0e9;margin-bottom:30px}@media all and (max-width: 550px){.full-page-flow-modal .not-joining-class-link-wrapper a{margin-bottom:60px}}.construction-game-container,.record-construction-container{position:absolute;width:100%;height:91%;display:flex;top:9%;flex-direction:column;background-image:url("https://tunelark-images.s3-us-west-1.amazonaws.com/blue-mountains-background.jpg");background-size:cover;overflow:hidden}.construction-game-container .end-game-modal,.record-construction-container .end-game-modal{top:0;height:100%}.construction-game-container .in-game-header,.record-construction-container .in-game-header{align-self:flex-start}.construction-game-container .construction-question-container,.record-construction-container .construction-question-container{height:60%;z-index:1;width:100%;position:absolute;display:flex;align-items:center;flex-direction:column;background-image:url("https://tunelark-images.s3-us-west-1.amazonaws.com/blue-mountains-background.jpg");background-size:cover}@media all and (max-width: 600px){.construction-game-container .construction-question-container,.record-construction-container .construction-question-container{height:70%}}.construction-game-container .react-piano,.record-construction-container .react-piano{align-self:flex-end;height:40%}@media all and (max-width: 600px){.construction-game-container .react-piano,.record-construction-container .react-piano{height:30%}}.construction-game-container .piano-wrapper,.record-construction-container .piano-wrapper{padding:0;width:100%;height:100%;bottom:0}.construction-game-container .piano-wrapper .piano,.record-construction-container .piano-wrapper .piano{max-width:none}.construction-game-container .hint,.record-construction-container .hint{display:flex;align-items:center;opacity:0.9;transition:opacity 150ms linear}.construction-game-container .hint:hover,.record-construction-container .hint:hover{opacity:1}.construction-game-container .question-mark,.record-construction-container .question-mark{border:.05em solid white;border-radius:100%;width:1.2em;height:1.2em;text-align:center;background:rgba(0,0,0,0.35);margin-right:.4em}.construction-game-container .inner-question-container,.record-construction-container .inner-question-container{height:50%;display:flex;position:relative;align-items:center;margin-left:10%;margin-right:10%}.construction-game-container .question-text,.record-construction-container .question-text{line-height:160%}.construction-game-container .inner-hint-container,.record-construction-container .inner-hint-container{cursor:pointer;margin-left:10%;margin-right:10%}.construction-game-container .construction-question-container,.record-construction-container .construction-question-container{font-size:30px;text-shadow:0px 5px 28px rgba(0,0,0,0.5),0px 3px 5px #503033;color:rgba(255,255,255,0.95)}@media all and (max-width: 700px){.construction-game-container .construction-question-container,.record-construction-container .construction-question-container{font-size:25px}}@media all and (max-width: 450px){.construction-game-container .construction-question-container,.record-construction-container .construction-question-container{font-size:16px}}@media all and (max-height: 450px){.construction-game-container .construction-question-container,.record-construction-container .construction-question-container{font-size:16px}}.construction-game-container .construction-question-container .hint,.construction-game-container .construction-question-container .hint-text,.record-construction-container .construction-question-container .hint,.record-construction-container .construction-question-container .hint-text{font-size:20px;font-weight:500}@media all and (max-width: 700px){.construction-game-container .construction-question-container .hint,.construction-game-container .construction-question-container .hint-text,.record-construction-container .construction-question-container .hint,.record-construction-container .construction-question-container .hint-text{font-size:14px}}.construction-game-container .react-piano .piano-wrapper .piano .key,.record-construction-container .react-piano .piano-wrapper .piano .key{background:rgba(255,255,255,0.9)}.construction-game-container .react-piano .piano-wrapper .piano .black .key,.record-construction-container .react-piano .piano-wrapper .piano .black .key{border-radius:0px 0px 5px 5px;background:#23212b;width:5.2%;margin-left:2.0%}.construction-game-container .react-piano .piano-wrapper .piano .black .key.d-or-g-flat,.record-construction-container .react-piano .piano-wrapper .piano .black .key.d-or-g-flat{margin-left:9.2%}.construction-game-container .react-piano .piano-wrapper .piano .black .key:first-child,.record-construction-container .react-piano .piano-wrapper .piano .black .key:first-child{margin-left:4.2%}.construction-game-container .react-piano .piano-wrapper .piano .white .key,.record-construction-container .react-piano .piano-wrapper .piano .white .key{border-radius:0;border-right:2px solid #bbbbbb;border-left:2px solid #bbbbbb}.construction-game-container .react-piano .piano-wrapper .piano .white .key:first-of-type,.record-construction-container .react-piano .piano-wrapper .piano .white .key:first-of-type{border-left:0}.construction-game-container .react-piano .piano-wrapper .piano .white .key:last-of-type,.record-construction-container .react-piano .piano-wrapper .piano .white .key:last-of-type{border-right:0}.construction-v2.construction-very-top-level .construction-game-container .main-content{height:100%}.construction-v2.construction-very-top-level .construction-game-container .main-content .inner-question-container{width:100%;height:100%;justify-content:center}.construction-v2.construction-very-top-level .construction-game-container .main-content .construction-question-container{position:relative;height:40%;z-index:1;font-size:24px;text-shadow:none}@media all and (max-width: 1050px){.construction-v2.construction-very-top-level .construction-game-container .main-content .construction-question-container{height:55%}}@media all and (max-width: 800px){.construction-v2.construction-very-top-level .construction-game-container .main-content .construction-question-container{height:60%}}@media all and (max-width: 550px){.construction-v2.construction-very-top-level .construction-game-container .main-content .construction-question-container{height:65%}}@media all and (max-width: 450px){.construction-v2.construction-very-top-level .construction-game-container .main-content .construction-question-container{font-size:18px;font-weight:300;height:73%}}.construction-v2.construction-very-top-level .construction-game-container .main-content .construction-v2-end-audio-container{position:absolute;display:flex;flex-direction:row;height:75%;width:75%;align-items:center}@media all and (max-width: 450px){.construction-v2.construction-very-top-level .construction-game-container .main-content .construction-v2-end-audio-container{flex-direction:column;width:100%;justify-content:center}}.construction-v2.construction-very-top-level .construction-game-container .main-content .construction-v2-question-box{width:100%;display:flex;flex-direction:row}@media all and (max-width: 450px){.construction-v2.construction-very-top-level .construction-game-container .main-content .construction-v2-question-box{width:90%;justify-content:center;line-height:150%;display:flex;flex-direction:column}}.construction-v2.construction-very-top-level .construction-game-container .main-content .construction-v2-question-box p{white-space:nowrap}.construction-v2.construction-very-top-level .construction-game-container .main-content .construction-v2-question-box>p{text-align:center;align-self:center}@media all and (max-width: 450px){.construction-v2.construction-very-top-level .construction-game-container .main-content .construction-v2-question-box:nth-of-type(2){width:100%}}.construction-v2.construction-very-top-level .construction-game-container .main-content .icon-button-container{font-size:12px;letter-spacing:.5px;font-weight:400;width:100%;justify-content:flex-end;display:flex;flex-direction:row}@media all and (max-width: 450px){.construction-v2.construction-very-top-level .construction-game-container .main-content .icon-button-container{font-size:11px;justify-content:center}}.construction-v2.construction-very-top-level .construction-game-container .main-content .no-question{justify-content:center}.construction-v2.construction-very-top-level .construction-game-container .main-content .icon-box{justify-content:center;align-items:center;display:flex;flex-direction:column}@media all and (max-width: 450px){.construction-v2.construction-very-top-level .construction-game-container .main-content .icon-box{margin-top:40px}}.construction-v2.construction-very-top-level .construction-game-container .main-content .icon-box:nth-of-type(2){margin-left:60px}@media all and (max-width: 450px){.construction-v2.construction-very-top-level .construction-game-container .main-content .icon-box:nth-of-type(2){margin-left:40px}}.construction-v2.construction-very-top-level .construction-game-container .main-content .button-text{margin-top:15px;text-align:center}.construction-v2.construction-very-top-level .construction-game-container .main-content .hint-text{font-size:12px;letter-spacing:.5px;font-weight:400;text-align:center;max-width:70px;margin-top:15px;margin-left:-5px}.construction-v2.construction-very-top-level .construction-game-container .main-content .icon-end-audio{width:66px;cursor:pointer;-webkit-tap-highlight-color:transparent}.construction-v2.construction-very-top-level .construction-game-container .main-content .play-pause-position{position:absolute}@media all and (min-width: 450px){.construction-v2.construction-very-top-level .construction-game-container .main-content .play-pause-position{left:5%}}.construction-v2.construction-very-top-level .construction-game-container .main-content .circle-shadow{width:57px;height:57px;border-radius:50%;background:transparent;transition:box-shadow 0.3s ease-in-out;box-shadow:0px 2px 8px rgba(0,0,0,0.25)}.construction-v2.construction-very-top-level .construction-game-container .main-content .circle-shadow:hover{box-shadow:0px 3px 18px rgba(0,0,0,0.28)}.construction-v2.construction-very-top-level .construction-game-container .main-content .icon-control{width:57px;z-index:1;cursor:pointer;-webkit-tap-highlight-color:transparent}.construction-v2.construction-very-top-level .construction-game-container .main-content .react-piano{height:60%}@media all and (max-width: 1050px){.construction-v2.construction-very-top-level .construction-game-container .main-content .react-piano{height:45%}}@media all and (max-width: 800px){.construction-v2.construction-very-top-level .construction-game-container .main-content .react-piano{height:40%}}@media all and (max-width: 550px){.construction-v2.construction-very-top-level .construction-game-container .main-content .react-piano{height:35%}}@media all and (max-width: 450px){.construction-v2.construction-very-top-level .construction-game-container .main-content .react-piano{height:27%}}.construction-v2.construction-very-top-level .construction-game-container .main-content .piano-wrapper{height:100%}.record-mode .react-mic-tool{z-index:5;display:flex;flex-direction:row;flex-wrap:wrap;width:85%;left:10%;position:relative;height:50%;justify-content:center}.record-mode .oscilloscope{width:90%;border:3px solid white;height:20%}.record-mode .audio-controls{height:30px;margin-top:-10px;margin-left:10%}.record-mode .record-btns{display:flex;flex-direction:row;width:100%;height:40px;justify-content:space-evenly;align-self:flex-end}.record-mode .question-id{font-size:18px;font-weight:bolder}.record-mode .individual-input-area{width:100%;text-align:center}.record-mode .individual-input-area.question{width:100%;left:5%;position:relative}.record-mode .hint-input{width:20px}.record-mode input{border:0px solid;background:#fff}.record-mode input:focus{outline:0 none}.record-mode label{margin-left:2%;color:white}.record-mode .area-for-question{width:100%;height:10%;display:flex;flex-direction:column;align-self:flex-end;align-content:center;justify-content:space-evenly;margin-top:-1%}.record-mode .sequenced-question{width:100%;text-align:center}.record-mode .keys-played-info{color:white;display:flex;flex-direction:row;width:100%;justify-content:center;align-self:center;margin-top:1%;max-height:60px;overflow:hidden;opacity:0.75}.record-mode .keys-played-info>p{margin-right:2%}.record-mode .jsx-piano-settings{top:-100px;left:50px}.record-mode .question-text-input{width:50%}.jsx-piano-settings{position:absolute;bottom:52.5%;z-index:3;left:10%;color:white;font-size:14px;width:200px}@media all and (max-width: 1000px){.jsx-piano-settings{bottom:42.5%}}@media all and (max-width: 800px){.jsx-piano-settings{font-size:10px}}.jsx-piano-settings label{font-family:'Kanit', sans-serif;text-transform:uppercase}.jsx-piano-settings select{margin-left:10px;margin-top:15px;width:50px;color:white;border-radius:0}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes inputFlash{0%{border-color:#40c2ff;box-shadow:inset 0px 0px 5px #40c2ff}70%{border-color:#c7c7c7;box-shadow:inset 0px 0px 0px #c7c7c7}100%{border-color:#40c2ff;box-shadow:inset 0px 0px 5px #40c2ff}}@keyframes gloat{0%{transform:scale(1) rotate(0deg)}60%{transform:scale(1.3) rotate(180deg)}100%{transform:scale(1) rotate(365deg)}}@keyframes createClassButton{0%{transform:scale(1)}70%{transform:scale(0.95)}100%{transform:scale(1)}}@keyframes handIconFloating{0%{transform:scale(1)}25%{transform:scale(1.17)}50%{transform:scale(1.05)}75%{transform:scale(1.1)}100%{transform:scale(1)}}@keyframes loseLife{0%{transform:scale(1) rotate(0deg);fill:#b9372c}33%{transform:scale(1.3) rotate(350deg)}66%{transform:scale(0.01) rotate(720deg)}67%{opacity:0;transform:scale(1) rotate(0deg);fill:#d8d8d8}100%{opacity:1;transform:scale(1) rotate(0deg)}}@keyframes loseLastLife{0%{transform:scale(1) rotate(0deg);fill:#b9372c}50%{transform:scale(0.01) rotate(360deg)}51%{transform:scale(0.01) rotate(-360deg);fill:#d8d8d8}100%{transform:scale(1) rotate(0deg);fill:#d8d8d8}}@keyframes ThreeTwoOneGo{0%{opacity:0}12.5%{opacity:1}25%{opacity:0}37.5%{opacity:1}50%{opacity:0}62.5%{opacity:1}75%{opacity:0}87.5%{opacity:1}100%{opacity:0}}@keyframes ThreeTwoOneGoColorRotation{0%{background-color:rgba(223,66,36,0.85)}24.9%{background-color:rgba(223,66,36,0.85)}28%{background-color:rgba(255,118,48,0.85)}49.9%{background-color:rgba(255,118,48,0.85)}53%{background-color:rgba(255,199,0,0.85)}74.9%{background-color:rgba(255,199,0,0.85)}78%{background-color:rgba(48,183,13,0.85)}100%{background-color:rgba(48,183,13,0.85)}}@keyframes expandAndContract10{0%{transform:scale(1)}30%{transform:scale(1.1)}100%{transform:scale(1)}}@keyframes expandAndContract15{0%{transform:scale(1)}50%{transform:scale(1.15)}100%{transform:scale(1)}}@keyframes longerExpandAndContract15{0%{transform:scale(1)}25%{transform:scale(1.15)}50%{transform:scale(1.05)}75%{transform:scale(1.25)}100%{transform:scale(1)}}@keyframes longerExpandAndContractBiggerSmaller15{0%{transform:scale(0.9)}25%{transform:scale(1.05)}50%{transform:scale(0.95)}75%{transform:scale(1.05)}100%{transform:scale(0.9)}}@keyframes expandAndContract30{0%{transform:scale(1)}50%{transform:scale(1.3) rotate(-15deg)}100%{transform:scale(1)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes slideRight{0%{transform:translateX(-100vw);opacity:0}60%{transform:translateX(0%);opacity:1}100%{transform:translateX(0%);opacity:0}}@keyframes slideLeft{0%{transform:translateX(100vw);opacity:0}60%{transform:translateX(0%);opacity:1}100%{transform:translateX(0%);opacity:0}}@keyframes fadeToZero{100%{opacity:0}}@keyframes fadeToZeroMicrophoneInput{0%{opacity:0}5%{opacity:0.5}100%{opacity:0}}@keyframes playAlongFall{0%{bottom:500px;opacity:0}20%{opacity:1}100%{bottom:0px}}@keyframes loadResponseBoardAfterDelay{0%{transform:translateY(200px)}30%{transform:translateY(200px)}100%{transform:translateY(0px)}}@keyframes loaderKeyframe{0%{opacity:0}50%{opacity:1}}@keyframes incorrectNoteGlowWhite{0%{background-color:rgba(255,255,255,0.9)}5%{background-color:#dc4a38}100%{background-color:rgba(255,255,255,0.9)}}@keyframes incorrectNoteGlowBlack{0%{background-color:#23212b}5%{background-color:#dc4a38}100%{background-color:#23212b}}@keyframes shake{10%,90%{transform:translate3d(-1px, 0, 0)}20%,80%{transform:translate3d(2px, 0, 0)}30%,50%,70%{transform:translate3d(-4px, 0, 0)}40%,60%{transform:translate3d(4px, 0, 0)}}.styles-shared-for-in-game-header,.in-game-header .game-feedback-text-wrapper,.in-game-header{width:100%;height:60px;background:#fcfcfc}@media all and (max-height: 450px),all and (max-width: 450px){.styles-shared-for-in-game-header,.in-game-header .game-feedback-text-wrapper,.in-game-header{height:39px}}.in-game-header{box-shadow:0px 1px 6px rgba(0,0,0,0.15),0px 0px 3px rgba(0,0,0,0.15);position:relative;z-index:2}.in-game-header .game-feedback-text{position:absolute;width:100%;text-align:center;font-size:22px;transition:opacity 500ms;opacity:1;color:#34bc11;font-weight:300}.in-game-header .game-feedback-text.fire{color:#f79d5a}.in-game-header .game-feedback-text.fire:not(.burn){transform:scale(1);animation-name:longerExpandAndContract15;animation-timing-function:ease-in;animation-delay:500ms;animation-duration:800ms}.in-game-header .game-feedback-text.incorrect{color:#ffc700}.in-game-header .game-feedback-text.hide{opacity:0}@media all and (max-height: 550px),all and (max-width: 400px){.in-game-header .game-feedback-text{top:25px;font-size:16px}}@media all and (max-height: 400px){.in-game-header .game-feedback-text{top:15px}}.in-game-header .game-feedback-text-wrapper{position:absolute;display:flex;z-index:3;top:0}.in-game-header .game-feedback-text-wrapper.hide{display:none}.in-game-header .game-feedback-text-wrapper .game-onboarding-text{position:absolute;width:100%;text-align:center;font-size:16px;opacity:0;color:#484848;font-weight:400;margin-top:20px;transition:opacity 900ms}.in-game-header .game-feedback-text-wrapper .game-onboarding-text.onboarding-text{opacity:1}@media all and (max-width: 450px){.in-game-header .game-feedback-text-wrapper .game-onboarding-text{margin-top:11px;font-size:13px}}.in-game-header .game-stats-container{position:absolute;display:flex;margin-left:2.5%}.in-game-header .stat-visual{display:flex;flex-direction:column;justify-content:center;align-items:center}.in-game-header .stat-text{color:#797979;font-size:10px;font-weight:300}@media all and (max-height: 450px),all and (max-width: 450px){.in-game-header .stat-text{display:none}}.in-game-header .speed-meter-container{left:-107px;top:-104.5px;position:relative}.in-game-header .speed-meter-container .stat-text{position:relative;top:-7px}.in-game-header .beat-the-game-modal.announcement .announcement-modal{padding-bottom:60px}.in-game-header .beat-the-game-modal.announcement .announcement-modal .beat-the-game-container{display:flex;flex-direction:column;align-items:center}.in-game-header .beat-the-game-modal.announcement .announcement-modal .beat-the-game-container span{font-weight:700;font-size:28px}.in-game-header .beat-the-game-modal.announcement .announcement-modal .beat-the-game-container .trophy-icon{width:160px;margin-top:30px}.in-game-header .beat-the-game-modal.announcement .announcement-modal .close-button.close-modal-main.card-button.card-play-button{background:#29c1b4;padding-right:20px;padding-left:20px;width:190px;transition:background 100ms linear}.in-game-header .beat-the-game-modal.announcement .announcement-modal .close-button.close-modal-main.card-button.card-play-button:hover{background:#2ccabc}.in-game-header .controls-container{position:absolute;right:20px;top:0;height:60px;display:flex;flex-direction:row;justify-content:space-between}@media all and (max-height: 450px),all and (max-width: 450px){.in-game-header .controls-container{right:5px}}.in-game-header .controls-container .stat-visual{width:100px;margin-top:3px}@media all and (max-height: 450px),all and (max-width: 450px){.in-game-header .controls-container .stat-visual{width:50px}}.in-game-header .controls-container svg{width:18px;height:36px;cursor:pointer}.in-game-header .controls-container svg.game-settings-icon{width:30px;margin-bottom:-3px}svg.play-icon{stroke:#40AE6F;stroke-width:1px}svg.pause-icon{stroke:#A58203;stroke-width:1px}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes inputFlash{0%{border-color:#40c2ff;box-shadow:inset 0px 0px 5px #40c2ff}70%{border-color:#c7c7c7;box-shadow:inset 0px 0px 0px #c7c7c7}100%{border-color:#40c2ff;box-shadow:inset 0px 0px 5px #40c2ff}}@keyframes gloat{0%{transform:scale(1) rotate(0deg)}60%{transform:scale(1.3) rotate(180deg)}100%{transform:scale(1) rotate(365deg)}}@keyframes createClassButton{0%{transform:scale(1)}70%{transform:scale(0.95)}100%{transform:scale(1)}}@keyframes handIconFloating{0%{transform:scale(1)}25%{transform:scale(1.17)}50%{transform:scale(1.05)}75%{transform:scale(1.1)}100%{transform:scale(1)}}@keyframes loseLife{0%{transform:scale(1) rotate(0deg);fill:#b9372c}33%{transform:scale(1.3) rotate(350deg)}66%{transform:scale(0.01) rotate(720deg)}67%{opacity:0;transform:scale(1) rotate(0deg);fill:#d8d8d8}100%{opacity:1;transform:scale(1) rotate(0deg)}}@keyframes loseLastLife{0%{transform:scale(1) rotate(0deg);fill:#b9372c}50%{transform:scale(0.01) rotate(360deg)}51%{transform:scale(0.01) rotate(-360deg);fill:#d8d8d8}100%{transform:scale(1) rotate(0deg);fill:#d8d8d8}}@keyframes ThreeTwoOneGo{0%{opacity:0}12.5%{opacity:1}25%{opacity:0}37.5%{opacity:1}50%{opacity:0}62.5%{opacity:1}75%{opacity:0}87.5%{opacity:1}100%{opacity:0}}@keyframes ThreeTwoOneGoColorRotation{0%{background-color:rgba(223,66,36,0.85)}24.9%{background-color:rgba(223,66,36,0.85)}28%{background-color:rgba(255,118,48,0.85)}49.9%{background-color:rgba(255,118,48,0.85)}53%{background-color:rgba(255,199,0,0.85)}74.9%{background-color:rgba(255,199,0,0.85)}78%{background-color:rgba(48,183,13,0.85)}100%{background-color:rgba(48,183,13,0.85)}}@keyframes expandAndContract10{0%{transform:scale(1)}30%{transform:scale(1.1)}100%{transform:scale(1)}}@keyframes expandAndContract15{0%{transform:scale(1)}50%{transform:scale(1.15)}100%{transform:scale(1)}}@keyframes longerExpandAndContract15{0%{transform:scale(1)}25%{transform:scale(1.15)}50%{transform:scale(1.05)}75%{transform:scale(1.25)}100%{transform:scale(1)}}@keyframes longerExpandAndContractBiggerSmaller15{0%{transform:scale(0.9)}25%{transform:scale(1.05)}50%{transform:scale(0.95)}75%{transform:scale(1.05)}100%{transform:scale(0.9)}}@keyframes expandAndContract30{0%{transform:scale(1)}50%{transform:scale(1.3) rotate(-15deg)}100%{transform:scale(1)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes slideRight{0%{transform:translateX(-100vw);opacity:0}60%{transform:translateX(0%);opacity:1}100%{transform:translateX(0%);opacity:0}}@keyframes slideLeft{0%{transform:translateX(100vw);opacity:0}60%{transform:translateX(0%);opacity:1}100%{transform:translateX(0%);opacity:0}}@keyframes fadeToZero{100%{opacity:0}}@keyframes fadeToZeroMicrophoneInput{0%{opacity:0}5%{opacity:0.5}100%{opacity:0}}@keyframes playAlongFall{0%{bottom:500px;opacity:0}20%{opacity:1}100%{bottom:0px}}@keyframes loadResponseBoardAfterDelay{0%{transform:translateY(200px)}30%{transform:translateY(200px)}100%{transform:translateY(0px)}}@keyframes loaderKeyframe{0%{opacity:0}50%{opacity:1}}@keyframes incorrectNoteGlowWhite{0%{background-color:rgba(255,255,255,0.9)}5%{background-color:#dc4a38}100%{background-color:rgba(255,255,255,0.9)}}@keyframes incorrectNoteGlowBlack{0%{background-color:#23212b}5%{background-color:#dc4a38}100%{background-color:#23212b}}@keyframes shake{10%,90%{transform:translate3d(-1px, 0, 0)}20%,80%{transform:translate3d(2px, 0, 0)}30%,50%,70%{transform:translate3d(-4px, 0, 0)}40%,60%{transform:translate3d(4px, 0, 0)}}.chord-type-selection{position:absolute;width:100%;display:flex;align-items:center;flex-direction:column;background-color:rgba(0,0,0,0.45);-webkit-user-select:none;-moz-user-select:none;user-select:none;bottom:0;text-align:center;box-shadow:0px -1px 7px rgba(0,0,0,0.25)}.chord-type-selection .button{height:100%;background:#29c1b4;width:240px;margin-left:1.5%;margin-right:1.5%;display:flex;align-items:center;justify-content:center;font-size:18px;letter-spacing:1px;font-weight:300;text-transform:capitalize;cursor:pointer;border-radius:50px;border:none;color:#fafafa;transition:background 100ms linear}.chord-type-selection .button:hover{background:#2ccabc}.chord-type-selection .button:active{background:#2ccabc}@media all and (max-width: 800px){.chord-type-selection .button{font-size:14px}}@media all and (max-width: 550px){.chord-type-selection .button{font-size:12px;letter-spacing:0px}}@media all and (max-height: 500px),(max-width: 650px){.chord-type-selection .button{border-radius:5px}}.chord-type-selection .button.success-green{background:#56d675}.chord-type-selection .button.failure-red{background:#e85337}.chord-type-selection .button-row{width:100%;max-width:1200px;display:flex;flex-direction:row;align-items:center;justify-content:center;height:60px;margin-bottom:2.25vh}@media all and (max-height: 450px){.chord-type-selection .button-row{height:40px}}.chord-type-selection .button-row:first-child{margin-top:2.25vh}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes inputFlash{0%{border-color:#40c2ff;box-shadow:inset 0px 0px 5px #40c2ff}70%{border-color:#c7c7c7;box-shadow:inset 0px 0px 0px #c7c7c7}100%{border-color:#40c2ff;box-shadow:inset 0px 0px 5px #40c2ff}}@keyframes gloat{0%{transform:scale(1) rotate(0deg)}60%{transform:scale(1.3) rotate(180deg)}100%{transform:scale(1) rotate(365deg)}}@keyframes createClassButton{0%{transform:scale(1)}70%{transform:scale(0.95)}100%{transform:scale(1)}}@keyframes handIconFloating{0%{transform:scale(1)}25%{transform:scale(1.17)}50%{transform:scale(1.05)}75%{transform:scale(1.1)}100%{transform:scale(1)}}@keyframes loseLife{0%{transform:scale(1) rotate(0deg);fill:#b9372c}33%{transform:scale(1.3) rotate(350deg)}66%{transform:scale(0.01) rotate(720deg)}67%{opacity:0;transform:scale(1) rotate(0deg);fill:#d8d8d8}100%{opacity:1;transform:scale(1) rotate(0deg)}}@keyframes loseLastLife{0%{transform:scale(1) rotate(0deg);fill:#b9372c}50%{transform:scale(0.01) rotate(360deg)}51%{transform:scale(0.01) rotate(-360deg);fill:#d8d8d8}100%{transform:scale(1) rotate(0deg);fill:#d8d8d8}}@keyframes ThreeTwoOneGo{0%{opacity:0}12.5%{opacity:1}25%{opacity:0}37.5%{opacity:1}50%{opacity:0}62.5%{opacity:1}75%{opacity:0}87.5%{opacity:1}100%{opacity:0}}@keyframes ThreeTwoOneGoColorRotation{0%{background-color:rgba(223,66,36,0.85)}24.9%{background-color:rgba(223,66,36,0.85)}28%{background-color:rgba(255,118,48,0.85)}49.9%{background-color:rgba(255,118,48,0.85)}53%{background-color:rgba(255,199,0,0.85)}74.9%{background-color:rgba(255,199,0,0.85)}78%{background-color:rgba(48,183,13,0.85)}100%{background-color:rgba(48,183,13,0.85)}}@keyframes expandAndContract10{0%{transform:scale(1)}30%{transform:scale(1.1)}100%{transform:scale(1)}}@keyframes expandAndContract15{0%{transform:scale(1)}50%{transform:scale(1.15)}100%{transform:scale(1)}}@keyframes longerExpandAndContract15{0%{transform:scale(1)}25%{transform:scale(1.15)}50%{transform:scale(1.05)}75%{transform:scale(1.25)}100%{transform:scale(1)}}@keyframes longerExpandAndContractBiggerSmaller15{0%{transform:scale(0.9)}25%{transform:scale(1.05)}50%{transform:scale(0.95)}75%{transform:scale(1.05)}100%{transform:scale(0.9)}}@keyframes expandAndContract30{0%{transform:scale(1)}50%{transform:scale(1.3) rotate(-15deg)}100%{transform:scale(1)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes slideRight{0%{transform:translateX(-100vw);opacity:0}60%{transform:translateX(0%);opacity:1}100%{transform:translateX(0%);opacity:0}}@keyframes slideLeft{0%{transform:translateX(100vw);opacity:0}60%{transform:translateX(0%);opacity:1}100%{transform:translateX(0%);opacity:0}}@keyframes fadeToZero{100%{opacity:0}}@keyframes fadeToZeroMicrophoneInput{0%{opacity:0}5%{opacity:0.5}100%{opacity:0}}@keyframes playAlongFall{0%{bottom:500px;opacity:0}20%{opacity:1}100%{bottom:0px}}@keyframes loadResponseBoardAfterDelay{0%{transform:translateY(200px)}30%{transform:translateY(200px)}100%{transform:translateY(0px)}}@keyframes loaderKeyframe{0%{opacity:0}50%{opacity:1}}@keyframes incorrectNoteGlowWhite{0%{background-color:rgba(255,255,255,0.9)}5%{background-color:#dc4a38}100%{background-color:rgba(255,255,255,0.9)}}@keyframes incorrectNoteGlowBlack{0%{background-color:#23212b}5%{background-color:#dc4a38}100%{background-color:#23212b}}@keyframes shake{10%,90%{transform:translate3d(-1px, 0, 0)}20%,80%{transform:translate3d(2px, 0, 0)}30%,50%,70%{transform:translate3d(-4px, 0, 0)}40%,60%{transform:translate3d(4px, 0, 0)}}.sightreading-game-container .game-notification-text-wrapper{position:absolute;width:100%;display:flex;height:100%;z-index:4;align-items:center}.sightreading-game-container .game-notification-text-wrapper.hide{display:none}.sightreading-game-container .game-notification-text{font-size:120px;font-weight:400;width:100%;text-align:center;color:white;margin:0 auto;opacity:1}.sightreading-game-container .game-notification-text.active{animation:loseLife;margin-top:100px;font-size:22px;color:#ff7630;width:60%;min-width:400px}@media all and (max-width: 500px){.sightreading-game-container .game-notification-text.active{width:90%}}.yellow-button{-webkit-appearance:none;font-weight:400;letter-spacing:1px;border-bottom:1px solid rgba(0,0,0,0);padding-top:0px;padding-bottom:3px;transition:border-bottom, 400ms;cursor:pointer;color:#29c1b4}.yellow-button:hover{color:#2ccabc;border-bottom:1px solid #2ccabc;padding-bottom:3px;text-decoration:none}.notifications.pregame-modal .announcement-modal{background:#e36141;max-width:550px;padding:0}@media all and (max-height: 650px){.notifications.pregame-modal .announcement-modal{width:100%;height:100%;max-width:none;border-radius:0}}.notifications.pregame-modal .pregame-modal-contents{height:100%;display:flex;flex-direction:column;justify-content:space-between}.notifications.pregame-modal .pregame-modal-contents-minus-button-wrapper{width:100%;height:100%}.notifications.pregame-modal .pregame-modal-contents-minus-button-wrapper.main-pregame{overflow:auto}@media all and (max-width: 550px),(max-height: 650px){.notifications.pregame-modal .pregame-modal-contents-minus-button-wrapper{display:flex;align-items:center}.notifications.pregame-modal .pregame-modal-contents-minus-button-wrapper .mobile-transparent-gradient{position:fixed;bottom:50px;height:50px;width:100%;background-image:linear-gradient(top, rgba(228,98,58,0.001) 0%, #e4623a 100%)}}.notifications.pregame-modal .pregame-modal-contents-minus-button-wrapper .pregame-modal-contents-minus-button{margin:40px 0;width:100%;padding-top:30px}.notifications.pregame-modal .title-text-above-mountain-image{text-align:center;font-size:28px;color:rgba(255,255,255,0.95)}@media all and (max-height: 650px){.notifications.pregame-modal .title-text-above-mountain-image{font-size:18px}}@media all and (max-width: 450px){.notifications.pregame-modal .title-text-above-mountain-image{font-size:22px}}.notifications.pregame-modal .end-game-top-image-wrapper{width:100%;display:flex;justify-content:center;margin:30px auto 30px auto}@media all and (max-height: 650px){.notifications.pregame-modal .end-game-top-image-wrapper{margin:10px auto 10px auto}}.notifications.pregame-modal .end-game-top-image-wrapper .end-game-top-image{height:40%;width:40%}@media all and (max-height: 650px){.notifications.pregame-modal .end-game-top-image-wrapper .end-game-top-image{height:90px;width:90px}}.notifications.pregame-modal .pregame-settings-container{width:80%;max-width:350px;margin:0 auto;font-size:16px}@media all and (max-height: 450px){.notifications.pregame-modal .pregame-settings-container{position:relative;transform:scale(0.7) translateY(-30px);z-index:1000}}.notifications.pregame-modal .speed-buttons{display:flex;justify-content:space-between;align-items:center;flex-direction:row}.notifications.pregame-modal .speed-buttons .speed-button{border:none;padding:5px 0;cursor:pointer;flex-grow:1;text-align:center;margin-left:15px;border-radius:3px;background-color:rgba(255,255,255,0.6);color:rgba(0,0,0,0.5);font-weight:500;-webkit-user-select:none;-moz-user-select:none;user-select:none}.notifications.pregame-modal .speed-buttons .speed-button:first-of-type{margin-left:0}.notifications.pregame-modal .speed-buttons .speed-button.selected{color:rgba(0,0,0,0.75);background-color:rgba(255,255,255,0.95);box-shadow:0px 3px 5px rgba(0,0,0,0.16)}.notifications.pregame-modal .pre-game-welcome-text{line-height:150%;color:rgba(255,255,255,0.85);font-size:14px;padding:0 20px;text-align:center}@media all and (max-width: 650px){.notifications.pregame-modal .pre-game-welcome-text{width:400px;margin:0 auto;font-size:14px}}@media all and (max-width: 450px){.notifications.pregame-modal .pre-game-welcome-text{width:280px;margin:0 auto;font-size:12px}}@media all and (max-height: 650px){.notifications.pregame-modal .pre-game-welcome-text{line-height:140%;font-size:12px}}@media all and (max-height: 400px){.notifications.pregame-modal .pre-game-welcome-text{padding:0 70px}}.notifications.pregame-modal .pre-game-welcome-text p{padding-top:10px}.notifications.pregame-modal .button-row{width:100%;height:85px;background-color:#f6f6ef;display:flex;align-items:center;z-index:1}@media all and (max-height: 650px){.notifications.pregame-modal .button-row{height:60px}}@media all and (max-height: 650px){.notifications.pregame-modal .button-row .close-button{font-size:14px}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes inputFlash{0%{border-color:#40c2ff;box-shadow:inset 0px 0px 5px #40c2ff}70%{border-color:#c7c7c7;box-shadow:inset 0px 0px 0px #c7c7c7}100%{border-color:#40c2ff;box-shadow:inset 0px 0px 5px #40c2ff}}@keyframes gloat{0%{transform:scale(1) rotate(0deg)}60%{transform:scale(1.3) rotate(180deg)}100%{transform:scale(1) rotate(365deg)}}@keyframes createClassButton{0%{transform:scale(1)}70%{transform:scale(0.95)}100%{transform:scale(1)}}@keyframes handIconFloating{0%{transform:scale(1)}25%{transform:scale(1.17)}50%{transform:scale(1.05)}75%{transform:scale(1.1)}100%{transform:scale(1)}}@keyframes loseLife{0%{transform:scale(1) rotate(0deg);fill:#b9372c}33%{transform:scale(1.3) rotate(350deg)}66%{transform:scale(0.01) rotate(720deg)}67%{opacity:0;transform:scale(1) rotate(0deg);fill:#d8d8d8}100%{opacity:1;transform:scale(1) rotate(0deg)}}@keyframes loseLastLife{0%{transform:scale(1) rotate(0deg);fill:#b9372c}50%{transform:scale(0.01) rotate(360deg)}51%{transform:scale(0.01) rotate(-360deg);fill:#d8d8d8}100%{transform:scale(1) rotate(0deg);fill:#d8d8d8}}@keyframes ThreeTwoOneGo{0%{opacity:0}12.5%{opacity:1}25%{opacity:0}37.5%{opacity:1}50%{opacity:0}62.5%{opacity:1}75%{opacity:0}87.5%{opacity:1}100%{opacity:0}}@keyframes ThreeTwoOneGoColorRotation{0%{background-color:rgba(223,66,36,0.85)}24.9%{background-color:rgba(223,66,36,0.85)}28%{background-color:rgba(255,118,48,0.85)}49.9%{background-color:rgba(255,118,48,0.85)}53%{background-color:rgba(255,199,0,0.85)}74.9%{background-color:rgba(255,199,0,0.85)}78%{background-color:rgba(48,183,13,0.85)}100%{background-color:rgba(48,183,13,0.85)}}@keyframes expandAndContract10{0%{transform:scale(1)}30%{transform:scale(1.1)}100%{transform:scale(1)}}@keyframes expandAndContract15{0%{transform:scale(1)}50%{transform:scale(1.15)}100%{transform:scale(1)}}@keyframes longerExpandAndContract15{0%{transform:scale(1)}25%{transform:scale(1.15)}50%{transform:scale(1.05)}75%{transform:scale(1.25)}100%{transform:scale(1)}}@keyframes longerExpandAndContractBiggerSmaller15{0%{transform:scale(0.9)}25%{transform:scale(1.05)}50%{transform:scale(0.95)}75%{transform:scale(1.05)}100%{transform:scale(0.9)}}@keyframes expandAndContract30{0%{transform:scale(1)}50%{transform:scale(1.3) rotate(-15deg)}100%{transform:scale(1)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes slideRight{0%{transform:translateX(-100vw);opacity:0}60%{transform:translateX(0%);opacity:1}100%{transform:translateX(0%);opacity:0}}@keyframes slideLeft{0%{transform:translateX(100vw);opacity:0}60%{transform:translateX(0%);opacity:1}100%{transform:translateX(0%);opacity:0}}@keyframes fadeToZero{100%{opacity:0}}@keyframes fadeToZeroMicrophoneInput{0%{opacity:0}5%{opacity:0.5}100%{opacity:0}}@keyframes playAlongFall{0%{bottom:500px;opacity:0}20%{opacity:1}100%{bottom:0px}}@keyframes loadResponseBoardAfterDelay{0%{transform:translateY(200px)}30%{transform:translateY(200px)}100%{transform:translateY(0px)}}@keyframes loaderKeyframe{0%{opacity:0}50%{opacity:1}}@keyframes incorrectNoteGlowWhite{0%{background-color:rgba(255,255,255,0.9)}5%{background-color:#dc4a38}100%{background-color:rgba(255,255,255,0.9)}}@keyframes incorrectNoteGlowBlack{0%{background-color:#23212b}5%{background-color:#dc4a38}100%{background-color:#23212b}}@keyframes shake{10%,90%{transform:translate3d(-1px, 0, 0)}20%,80%{transform:translate3d(2px, 0, 0)}30%,50%,70%{transform:translate3d(-4px, 0, 0)}40%,60%{transform:translate3d(4px, 0, 0)}}.react-piano{position:absolute;bottom:0;width:100%}.react-piano.oct-1-piano .piano-wrapper .piano .black .key{width:10% !important;margin-left:4.5% !important}.react-piano.oct-1-piano .piano-wrapper .piano .black .key.d-or-g-flat{margin-left:18.5% !important}.react-piano.oct-1-piano .piano-wrapper .piano .black .key.d-or-g-flat:first-child{margin-left:9% !important}.react-piano.oct-3-piano .piano-wrapper .piano .black .key{width:3.5% !important;margin-left:1.4% !important}.react-piano.oct-3-piano .piano-wrapper .piano .black .key.d-or-g-flat{margin-left:5.8% !important}.react-piano.oct-3-piano .piano-wrapper .piano .black .key.d-or-g-flat:first-child{margin-left:3% !important}.react-piano.oct-4-piano .piano-wrapper .piano .black .key{width:3% !important;margin-left:0.6% !important}.react-piano.oct-4-piano .piano-wrapper .piano .black .key.d-or-g-flat{margin-left:4.1% !important}.react-piano.oct-4-piano .piano-wrapper .piano .black .key.d-or-g-flat:first-child{margin-left:2.1% !important}.react-piano.oct-5-piano .piano-wrapper .piano .black .key{width:2.3% !important;margin-left:0.5% !important}.react-piano.oct-5-piano .piano-wrapper .piano .black .key.d-or-g-flat{margin-left:3.51% !important}.react-piano.oct-5-piano .piano-wrapper .piano .black .key.d-or-g-flat:first-child{margin-left:1.7% !important}.react-piano.oct-6-piano .piano-wrapper .piano .black .key{width:2.01% !important;margin-left:0.36% !important}.react-piano.oct-6-piano .piano-wrapper .piano .black .key.d-or-g-flat{margin-left:2.78% !important}.react-piano.oct-6-piano .piano-wrapper .piano .black .key.d-or-g-flat:first-child{margin-left:1.4% !important}.react-piano .piano-wrapper .piano{position:relative;top:0}.react-piano .piano-wrapper .piano .white .key,.react-piano .piano-wrapper .piano .black .key{position:relative}.react-piano .piano-wrapper .piano .white .key.correct-key,.react-piano .piano-wrapper .piano .black .key.correct-key{background:#59ca89;transition:background 50ms linear}.react-piano .piano-wrapper .piano .white .key.incorrect-key,.react-piano .piano-wrapper .piano .black .key.incorrect-key{animation-duration:3000ms}.react-piano .piano-wrapper .piano .white .key.highlight-key,.react-piano .piano-wrapper .piano .black .key.highlight-key{background:#59ca89;transition:background 50ms linear}.react-piano .piano-wrapper .piano .white{position:absolute}.react-piano .piano-wrapper .piano .white .key.incorrect-key{animation-name:incorrectNoteGlowWhite}.react-piano .piano-wrapper .piano .black{z-index:1;position:static}.react-piano .piano-wrapper .piano .black .key{position:relative;top:0}.react-piano .piano-wrapper .piano .black .key.incorrect-key{animation-name:incorrectNoteGlowBlack}.react-piano .rain-note{z-index:1;background:yellow;width:100%;position:absolute}.grandmother-button,.app-header .header-icons .request-access-from-demo,.app-header .header-icons .learn-other-skills-button-in-demo,.request-access-button{-webkit-appearance:none;outline:none;font-family:'Lato', 'Helvetica Neue';cursor:pointer;border:none}.card-button{display:block;padding-top:12px;padding-bottom:12px;font-size:16px;border-radius:999px;text-align:center;cursor:pointer;font-weight:400;border:none;outline:none;line-height:120%;letter-spacing:0.5px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.card-button.card-play-button{background:#29c1b4;color:rgba(255,255,255,0.9);transition:background 100ms linear;font-weight:700}.card-button.card-play-button:hover{background:#2ccabc}.card-button.card-play-button.button-disabled,.card-button.card-play-button:disabled{background-color:#c5c5c5;cursor:not-allowed}.card-button.card-play-button.button-disabled:hover,.card-button.card-play-button:disabled:hover{background-color:#c5c5c5}.card-button.card-play-button.button-outline{color:#29c1b4;background:rgba(255,255,255,0.9);box-shadow:inset 0 0 0 2px #29c1b4;transition:all 200ms linear}.card-button.card-play-button.button-outline:hover{box-shadow:inset 0 0 0 2px #2ccabc}.card-button.exploraboratory{background:#29c1b4;transition:background 200ms linear}.card-button.exploraboratory:hover{background:#2ccabc}.card-button.locked,.card-button.soft-locked{cursor:default;background:#bfbfbf}.card-button.locked:hover,.card-button.soft-locked:hover{background:#cccccc}.card-button.soft-locked{cursor:pointer}.button-link{font-size:inherit;text-decoration:underline;color:#207fbf}.request-access-button{padding:15px;color:#29c1b4;letter-spacing:.5px;font-weight:300;font-size:29.93px;border-radius:2px;background-color:rgba(255,255,255,0.95);transition:background-color 150ms linear, box-shadow 150ms linear}.request-access-button:hover{background-color:rgba(255,255,255,0.95);box-shadow:0px 4px 20px rgba(0,0,0,0.15)}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes inputFlash{0%{border-color:#40c2ff;box-shadow:inset 0px 0px 5px #40c2ff}70%{border-color:#c7c7c7;box-shadow:inset 0px 0px 0px #c7c7c7}100%{border-color:#40c2ff;box-shadow:inset 0px 0px 5px #40c2ff}}@keyframes gloat{0%{transform:scale(1) rotate(0deg)}60%{transform:scale(1.3) rotate(180deg)}100%{transform:scale(1) rotate(365deg)}}@keyframes createClassButton{0%{transform:scale(1)}70%{transform:scale(0.95)}100%{transform:scale(1)}}@keyframes handIconFloating{0%{transform:scale(1)}25%{transform:scale(1.17)}50%{transform:scale(1.05)}75%{transform:scale(1.1)}100%{transform:scale(1)}}@keyframes loseLife{0%{transform:scale(1) rotate(0deg);fill:#b9372c}33%{transform:scale(1.3) rotate(350deg)}66%{transform:scale(0.01) rotate(720deg)}67%{opacity:0;transform:scale(1) rotate(0deg);fill:#d8d8d8}100%{opacity:1;transform:scale(1) rotate(0deg)}}@keyframes loseLastLife{0%{transform:scale(1) rotate(0deg);fill:#b9372c}50%{transform:scale(0.01) rotate(360deg)}51%{transform:scale(0.01) rotate(-360deg);fill:#d8d8d8}100%{transform:scale(1) rotate(0deg);fill:#d8d8d8}}@keyframes ThreeTwoOneGo{0%{opacity:0}12.5%{opacity:1}25%{opacity:0}37.5%{opacity:1}50%{opacity:0}62.5%{opacity:1}75%{opacity:0}87.5%{opacity:1}100%{opacity:0}}@keyframes ThreeTwoOneGoColorRotation{0%{background-color:rgba(223,66,36,0.85)}24.9%{background-color:rgba(223,66,36,0.85)}28%{background-color:rgba(255,118,48,0.85)}49.9%{background-color:rgba(255,118,48,0.85)}53%{background-color:rgba(255,199,0,0.85)}74.9%{background-color:rgba(255,199,0,0.85)}78%{background-color:rgba(48,183,13,0.85)}100%{background-color:rgba(48,183,13,0.85)}}@keyframes expandAndContract10{0%{transform:scale(1)}30%{transform:scale(1.1)}100%{transform:scale(1)}}@keyframes expandAndContract15{0%{transform:scale(1)}50%{transform:scale(1.15)}100%{transform:scale(1)}}@keyframes longerExpandAndContract15{0%{transform:scale(1)}25%{transform:scale(1.15)}50%{transform:scale(1.05)}75%{transform:scale(1.25)}100%{transform:scale(1)}}@keyframes longerExpandAndContractBiggerSmaller15{0%{transform:scale(0.9)}25%{transform:scale(1.05)}50%{transform:scale(0.95)}75%{transform:scale(1.05)}100%{transform:scale(0.9)}}@keyframes expandAndContract30{0%{transform:scale(1)}50%{transform:scale(1.3) rotate(-15deg)}100%{transform:scale(1)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes slideRight{0%{transform:translateX(-100vw);opacity:0}60%{transform:translateX(0%);opacity:1}100%{transform:translateX(0%);opacity:0}}@keyframes slideLeft{0%{transform:translateX(100vw);opacity:0}60%{transform:translateX(0%);opacity:1}100%{transform:translateX(0%);opacity:0}}@keyframes fadeToZero{100%{opacity:0}}@keyframes fadeToZeroMicrophoneInput{0%{opacity:0}5%{opacity:0.5}100%{opacity:0}}@keyframes playAlongFall{0%{bottom:500px;opacity:0}20%{opacity:1}100%{bottom:0px}}@keyframes loadResponseBoardAfterDelay{0%{transform:translateY(200px)}30%{transform:translateY(200px)}100%{transform:translateY(0px)}}@keyframes loaderKeyframe{0%{opacity:0}50%{opacity:1}}@keyframes incorrectNoteGlowWhite{0%{background-color:rgba(255,255,255,0.9)}5%{background-color:#dc4a38}100%{background-color:rgba(255,255,255,0.9)}}@keyframes incorrectNoteGlowBlack{0%{background-color:#23212b}5%{background-color:#dc4a38}100%{background-color:#23212b}}@keyframes shake{10%,90%{transform:translate3d(-1px, 0, 0)}20%,80%{transform:translate3d(2px, 0, 0)}30%,50%,70%{transform:translate3d(-4px, 0, 0)}40%,60%{transform:translate3d(4px, 0, 0)}}.dropout-styles,.settings-menu{background-color:#fcfcfc;border-radius:5px;box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);display:flex;align-items:center;position:absolute;top:90%;padding:16px;flex-direction:column;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:16px}@media all and (max-height: 450px){.dropout-styles,.settings-menu{top:100%}}.header-container{position:absolute;left:0;top:0}.app-wide-loading-bar-container{position:fixed;top:0;width:100%;height:3px;z-index:100}.app-wide-loading-bar-container .app-wide-loading-bar{position:relative;width:0;height:100%;top:0;background-color:#32ce09;transition:width 2500ms cubic-bezier(0.17, 0.72, 0.63, 0.98);border-radius:4px}.app-wide-loading-bar-container .app-wide-loading-bar.app-wide-loading-bar-loading{width:97%}.app-header-container{height:9%}.app-header{position:fixed;z-index:9;width:100%;height:9%;background:#30a7df;font-weight:300;letter-spacing:0.5px;display:flex;opacity:1;justify-content:center}.app-header.with-q-mark .right-content-holder .xp-num{margin-right:10px}@media all and (max-width: 1000px){.app-header.with-q-mark .app-header-center .outer-progress-bar{width:90%}}@media all and (max-width: 800px){.app-header.with-q-mark .app-header-center .outer-progress-bar{width:80%}}@media all and (max-width: 650px){.app-header.with-q-mark .app-header-center .outer-progress-bar{width:65%}}@media all and (max-width: 600px){.app-header.with-q-mark .app-header-center .outer-progress-bar{width:60%}}@media all and (max-width: 550px){.app-header.with-q-mark .app-header-center .outer-progress-bar{width:55%}}@media all and (max-width: 500px){.app-header.with-q-mark .app-header-center .outer-progress-bar{width:90%}}.app-header svg{fill:white;stroke:white;font-size:inherit}.app-header .back-arrow-container{position:absolute;display:flex;align-items:center;top:0;left:0;height:100%;width:50px;background-color:rgba(0,0,0,0);opacity:.8;z-index:1;transition:opacity 200ms linear;cursor:pointer}.app-header .back-arrow-container:hover{opacity:1}.app-header .back-arrow-container .back-arrow{height:27px;margin-left:20px}@media all and (max-width: 450px){.app-header .back-arrow-container .back-arrow{height:20px;margin-left:10px}}@media all and (max-height: 500px){.app-header .back-arrow-container .back-arrow{height:17px}}.app-header .level-and-points-container{height:100%;position:absolute;top:0;left:8%;display:flex;align-items:center}@media all and (max-width: 500px){.app-header .level-and-points-container{margin-left:10px}}.app-header .level-or-points-container{display:flex;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;height:55%;max-height:55px;background:#4877aa;border-radius:25px;margin-left:20px;padding-left:15px;padding-right:15px;color:rgba(255,255,255,0.9)}@media all and (max-width: 500px){.app-header .level-or-points-container{margin-left:10px;padding-left:10px;padding-right:10px}}@media all and (max-height: 400px){.app-header .level-or-points-container{height:65%}}.app-header .level-or-points-container.burn{color:#feec85}.app-header .sparkle-zone-points{height:52px;width:124px;position:absolute !important}.app-header .level-or-points-text{font-size:16px;letter-spacing:1px}@media all and (max-width: 500px){.app-header .level-or-points-text{font-size:12px}}@media all and (max-height: 550px){.app-header .level-or-points-text{font-size:10px}}.app-header .header-icons{position:absolute;display:flex;align-items:center;height:100%;right:0;top:0;opacity:1}.app-header .header-icons .learn-other-skills-button-in-demo{margin-right:10px;padding:9px 13px;font-size:14px;font-weight:400;background-color:#30a7df;color:rgba(255,255,255,0.9);border:2px solid rgba(255,255,255,0.9);border-radius:2px;transition:color 150ms linear, border 150ms linear;box-shadow:0px 1px 3px rgba(0,0,0,0.25)}.app-header .header-icons .learn-other-skills-button-in-demo:hover{color:white;border-color:white;box-shadow:0px 3px 8px rgba(0,0,0,0.25)}@media all and (max-height: 500px){.app-header .header-icons .learn-other-skills-button-in-demo{padding:5px 10px}}.app-header .header-icons .request-access-from-demo{margin-right:20px;padding:11px 15px;font-size:14px;font-weight:400;background-color:rgba(255,255,255,0.9);color:#30a7df;transition:background-color 150ms linear, box-shadow 150ms linear;border-radius:2px;box-shadow:0px 1px 3px rgba(0,0,0,0.25)}.app-header .header-icons .request-access-from-demo.big{display:none}@media all and (min-width: 1000px){.app-header .header-icons .request-access-from-demo.big{display:inline-block}}.app-header .header-icons .request-access-from-demo.small{display:none}@media all and (max-width: 1000px){.app-header .header-icons .request-access-from-demo.small{display:inline-block}}.app-header .header-icons .request-access-from-demo:hover{background-color:white;box-shadow:0px 3px 8px rgba(0,0,0,0.25)}@media all and (max-height: 500px){.app-header .header-icons .request-access-from-demo{padding:5px 10px}}.app-header .header-icons .header-icon{margin-right:25px}@media all and (max-width: 400px){.app-header .header-icons .header-icon{margin-right:8px}}.app-header .header-icons .welcome-link-icon{display:flex;align-items:center}.app-header .header-icons .welcome-link-icon svg{height:2.5em;opacity:.8;transition:opacity 200ms linear;cursor:pointer}.app-header .header-icons .welcome-link-icon svg:hover{opacity:1}.app-header .header-icons .profile-image{border:2px solid white;border-radius:50%;height:42%;margin-right:0}@media all and (max-height: 450px){.app-header .header-icons .profile-image{height:70%}}.app-header .header-icons .invite-icon-holder,.app-header .header-icons .settings-icon-holder,.app-header .header-icons .right-content-holder{height:100%;display:flex;align-items:center}.app-header .header-icons .right-content-holder .xp-num{color:white;opacity:0.9;font-size:16px;display:block;margin-right:18px}@media all and (max-width: 500px){.app-header .header-icons .right-content-holder .xp-num{display:none}}@media all and (max-height: 400px){.app-header .header-icons .right-content-holder .xp-num{font-size:13px}}.app-header .header-icons .invite{opacity:.8;transition:opacity 200ms linear;cursor:pointer}@media all and (max-height: 450px){.app-header .header-icons .invite{height:60%}}.app-header .header-icons .invite:hover{opacity:1}.app-header svg.settings-icon{opacity:.8;transition:opacity 150ms linear}.app-header svg.settings-icon:hover{opacity:.95}.app-header .heart-icon-new{transform:translateY(-1px)}@media all and (max-height: 450px){.app-header .heart-icon-new{transform:translateY(0px)}}.app-header .level-icon,.app-header .heart-icon-new,.app-header .settings-icon,.app-header .circle svg{position:absolute;width:2.5em;left:-0.25em;top:-0.1em}.app-header .invite-circle{display:none;margin-right:3%}.app-header .invite-circle svg{transform:translateX(2px)}.app-header .icon{width:3.5em;display:flex;justify-content:space-around;align-items:center;height:100%}.app-header .icon.lives{margin-left:3%}.app-header .heart-icon-new-2{animation-name:loseLife;animation-duration:2s;animation-timing-function:linear}.app-header .heart-icon-new-1{animation-name:loseLife;animation-duration:2s;animation-timing-function:linear}.app-header .heart-icon-new-0{animation-name:loseLife;animation-duration:2s;animation-timing-function:linear}.app-header .circle{position:relative;border-radius:1.1em;padding:1.1em}.app-header .app-header-center,.app-header .header-icons{display:flex}.app-header .settings-icon-holder,.app-header .invite-circle{margin-right:20px}@media all and (max-width: 500px){.app-header .settings-icon-holder,.app-header .invite-circle{margin-right:10px}}.app-header .app-header-center{width:80%;max-width:800px;justify-content:center}.app-header .app-header-center .progress-bar{width:60%;display:flex;align-items:center;margin-left:3%}.app-header .app-header-center .progress-bar.with-guidelink-bar{margin-right:19%}.app-header .app-header-center .progress-bar-text{white-space:nowrap;display:inline-block}.app-header .app-header-center .outer-progress-bar{width:100%;margin-left:2%}@media all and (max-width: 1000px){.app-header .app-header-center .outer-progress-bar{width:90%}}@media all and (max-width: 800px){.app-header .app-header-center .outer-progress-bar{width:80%}}@media all and (max-width: 650px){.app-header .app-header-center .outer-progress-bar{width:65%}}@media all and (max-width: 600px){.app-header .app-header-center .outer-progress-bar{width:60%}}@media all and (max-width: 550px){.app-header .app-header-center .outer-progress-bar{width:55%}}@media all and (max-width: 500px){.app-header .app-header-center .outer-progress-bar{width:90%}}.app-header .app-header-center .inner-progress-bar{background:linear-gradient(to right, #83DA29, #41BA21)}.app-header .workspace-style-header-title{flex-direction:row;justify-content:flex-start;color:rgba(255,255,255,0.95);font-size:22px;width:100%}.app-header .workspace-style-header-title .back-arrow-container{padding-left:20px;box-sizing:border-box;position:static;text-decoration:none;width:206px;color:rgba(255,255,255,0.95);font-size:16px;font-weight:400;display:flex;line-height:19px;opacity:1}.app-header .workspace-style-header-title .vertical-line{z-index:2;position:absolute;left:177px;opacity:0.4}.app-header .workspace-style-header-title .workspace-style-header-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:calc(100% - 330px);padding-left:40px}.app-header .svg-home-icon{width:25px;height:25px;margin-right:4px;margin-top:3px}.app-header .home-icon{stroke-width:0;padding-top:1px;height:19px}.settings-menu{right:22px}.settings-menu .settings-menu-text{width:164px;text-align:left;letter-spacing:1px;font-size:16px;margin-top:4px;margin-bottom:4px;color:rgba(0,0,0,0.65)}.settings-menu .settings-menu-text:first-of-type{margin-top:0}.settings-menu .settings-menu-text:last-of-type{margin-bottom:0}.settings-menu .settings-menu-text span,.settings-menu .settings-menu-text a{color:rgba(0,0,0,0.45);cursor:pointer;transition:color 200ms linear}.settings-menu .settings-menu-text span:hover,.settings-menu .settings-menu-text a:hover{color:rgba(0,0,0,0.8)}.settings-menu .midi-light{width:10px;height:10px;margin-top:5px;margin-right:3px;display:block;float:right;border-radius:10px}.settings-menu .midi-light.midi-off{background-color:#bfbfbf;box-shadow:0px 0px 5px #bfbfbf}.settings-menu .midi-light.midi-on{background-color:#59ca89;box-shadow:0px 0px 5px #59ca89}.settings-menu .midi-light.midi-platform-fail{background-color:#ffc700;box-shadow:0px 0px 5px #ffc700}.top-left-link{height:100%;max-width:100%;left:0;position:absolute;display:flex;align-items:center;z-index:10}.app-header-text{letter-spacing:1px;font-weight:500;font-size:16px;margin-top:0;margin-bottom:3px;margin-left:55px;color:#ffc700}.app-header-text:hover{margin-left:56px}@media all and (max-width: 500px){.app-header-text{display:none}}@media all and (max-height: 450px){.app-header-text{margin-left:46px}.app-header-text:hover{margin-left:47px}}.app-header-title{height:100%;top:0;color:rgba(255,255,255,0.9);display:flex;justify-content:center;align-items:center;transform:translateY(-2px);font-size:16px;opacity:.95;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}@media all and (max-width: 1000px){.app-header-title{display:none}}@media all and (max-width: 1000px){.app-header-title.keep-visible{display:flex}}.app-header-title-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;max-width:60%;font-weight:400}.select-container{border:1px solid #bfbfbf;min-width:200px}.select-container select{border:none;margin:5px 10px 8px 10px;width:calc(100% - 20px);cursor:pointer}.modal-text-field-small{font-size:14px;padding-top:20px;line-height:18px}.modal-text-field-small .warning{color:#dc4a38}div.message .tone-selector{display:flex;flex-direction:column;justify-content:space-between}div.message .tone-selector .modal-text-field{justify-content:left;padding-bottom:45px}div.message .tone-selector .selection-wrapper{width:100%}div.message .tone-selector .loading-wrapper{width:100%;display:flex;justify-content:center}div.message .tone-selector .small-loading-bar{margin-top:40px}.app-header-em,.right-content-holder{font-size:14px}@media all and (max-width: 700px){.app-header-em,.right-content-holder{font-size:14px}.app-header-em .app-header-center,.right-content-holder .app-header-center{max-width:400px}}@media all and (max-width: 400px){.app-header-em,.right-content-holder{font-size:12px}}@media all and (max-width: 350px){.app-header-em,.right-content-holder{font-size:11px}}@media all and (max-height: 450px){.app-header-em,.right-content-holder{font-size:8px}}.app-header-em p,.right-content-holder p{color:rgba(255,255,255,0.95);margin-right:3px;font-size:16px}@media all and (max-width: 500px){.app-header-em p,.right-content-holder p{font-size:13px}}@media all and (max-height: 400px){.app-header-em p,.right-content-holder p{font-size:13px}}.app-header-em .app-header .header-icons .header-icon,.right-content-holder .app-header .header-icons .header-icon{margin-right:1em}.mr-11{margin-right:11px}.mr-7{margin-right:7px}.gift-card-link{border-bottom:1px solid white;font-weight:400;font-size:16px;color:#E4F2FB;margin-right:25px;padding-bottom:2px}.dank-checkbox{cursor:pointer}.dank-checkbox input[type="checkbox"]:checked~.checkmark-v2{opacity:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dank-checkbox input[type="checkbox"]~.checkmark-v2{opacity:0}.dank-checkbox input[type="checkbox"]{height:18px;width:18px;opacity:0;z-index:20;vertical-align:middle;position:relative;top:0px;cursor:pointer}.reminder-event-label{display:inline-block;text-transform:none;margin-top:10px;position:relative;width:100%;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.reminder-event-label span b{color:#333333;font-size:14px;margin-left:5%}@media all and (max-width: 400px){.reminder-event-label span b{font-size:10px}}.reminder-event-label .checkmark-v2{z-index:10;height:52px;width:22px;position:absolute;left:1px;top:-9px}.reminder-event-label .checkmark{height:18px;width:18px;position:absolute;border-radius:2px;z-index:1;vertical-align:middle;background-color:#e4f1f0;border:1px solid #b8d8e1;top:0;left:0}.reminder-container .goal-reminder-container{display:flex;width:100%;flex-direction:row;justify-content:center}@media all and (max-width: 800px){.reminder-container .goal-reminder-container{flex-direction:column}}.reminder-container .card-container{width:45%;display:inline-block}@media all and (max-width: 800px){.reminder-container .card-container{width:100%}}.reminder-container .card-item{padding-left:5%;padding-right:5%}.reminder-container .card-button.card-play-button{padding-right:14px;padding-left:14px;margin:0 auto;margin-top:10px;font-size:14px}.reminder-container .radio-head-in-rainbows button span b{color:#333333;font-size:14px}@media all and (max-width: 400px){.reminder-container .radio-head-in-rainbows button span b{font-size:10px}}.reminder-container .radio-head-in-rainbows button span{color:#b8b8b8;font-size:14px;word-spacing:1px}@media all and (max-width: 400px){.reminder-container .radio-head-in-rainbows button span{font-size:10px}}.reminder-container .card-item p{color:#5c5c5c;font-weight:400;padding-bottom:10px}.yellow-button{-webkit-appearance:none;font-weight:400;letter-spacing:1px;border-bottom:1px solid rgba(0,0,0,0);padding-top:0px;padding-bottom:3px;transition:border-bottom, 400ms;cursor:pointer;color:#29c1b4}.yellow-button:hover{color:#2ccabc;border-bottom:1px solid #2ccabc;padding-bottom:3px;text-decoration:none}.mgmt-modal{display:flex;flex-direction:column;justify-content:center;align-items:center}.mgmt-modal .create-student-pdf-loader{display:flex;justify-content:center;min-height:400px}.mgmt-modal .add-students-by-name-wrapper{width:80%}@media all and (max-width: 550px),all and (max-height: 550px){.mgmt-modal .add-students-by-name-wrapper{width:100%}}.mgmt-modal .add-to-list-button{font-weight:400;font-size:16px;text-align:center;color:#ffffff;height:45px;border-radius:45px;padding:0 25px;background-color:#29c1b4}.mgmt-modal h1{letter-spacing:0;text-align:center;font-size:22px;font-weight:400;color:#5a5a5a;margin-top:30px}@media all and (max-width: 550px){.mgmt-modal h1{font-size:16px;font-weight:700}}.mgmt-modal .invite-code-wrapper{margin-top:10px;margin-bottom:10px}.mgmt-modal .invite-code-wrapper .invite-code{text-transform:uppercase;font-weight:400;letter-spacing:0.3rem;color:#38b0e9;font-weight:400;margin-top:30px;font-size:22px;margin-left:5px}.mgmt-modal p{letter-spacing:0;margin-top:0;text-align:center;line-height:140%;font-size:16px;color:#484848}@media all and (max-width: 550px){.mgmt-modal p{font-size:13px}}.mgmt-modal .h1-classroom-code{margin-top:10px}.mgmt-modal .invite-text-field-wrapper{padding-top:15px}.mgmt-modal .invite-text-field-wrapper input.invite-stu-text[type='text']{margin-right:0;width:100%;padding:0px 10px 2px 10px;border-radius:5px;max-width:340px;height:40px;border:0;box-shadow:0px 1px 6px rgba(0,0,0,0.25)}@media all and (max-width: 550px),all and (max-height: 550px){.mgmt-modal .invite-text-field-wrapper input#copy-click-is-for-me[type='text']{width:60%;font-size:15px}}.mgmt-modal .invite-text-field-wrapper input.copy-button[type='submit']{margin-left:-80px;width:80px;font-weight:400;font-size:16px;border-radius:0 5px 5px 0;line-height:0;height:42px;z-index:1;color:rgba(255,255,255,0.9);cursor:pointer;border:0;background-color:#38b0e9;box-shadow:none;transition:background-color 150ms linear, box-shadow 150ms linear}@media all and (max-width: 550px),all and (max-height: 550px){.mgmt-modal .invite-text-field-wrapper input.copy-button[type='submit']{width:33%;margin-left:-2px}}.mgmt-modal .invite-text-field-wrapper input.copy-button[type='submit']:hover{box-shadow:0px 3px 8px rgba(0,0,0,0.25)}.mgmt-modal .invite-text-field-wrapper.share-code{padding-top:5px;display:flex;flex-direction:column}.mgmt-modal .invite-text-field-wrapper.share-code .warn-about-email-confirmation-wrapper{border-radius:5px;background-color:#f3f3f3;line-height:140%;font-size:16px;color:#484848;margin-top:13px}.mgmt-modal .invite-text-field-wrapper.share-code .warn-about-email-confirmation-wrapper .warn-about-email-confirmation{display:flex;align-items:center;justify-content:center;padding:20px 0}@media all and (max-width: 500px){.mgmt-modal .invite-text-field-wrapper.share-code .warn-about-email-confirmation-wrapper .warn-about-email-confirmation{flex-direction:column}}.mgmt-modal .invite-text-field-wrapper.share-code .warn-about-email-confirmation-wrapper .warn-about-email-confirmation .warning-emoji{font-size:24px;margin-right:7px;width:40px}@media all and (max-width: 500px){.mgmt-modal .invite-text-field-wrapper.share-code .warn-about-email-confirmation-wrapper .warn-about-email-confirmation .warning-emoji{margin-bottom:10px}}.mgmt-modal .invite-text-field-wrapper.share-code .warn-about-email-confirmation-wrapper .warn-about-email-confirmation .warning-message{width:320px}.mgmt-modal .invite-text-field-wrapper a:link,.mgmt-modal .invite-text-field-wrapper a:visited{text-decoration:none;color:#7d7d7d}@media all and (max-width: 500px){.mgmt-modal .invite-text-field-wrapper input[type='text']{width:100%}.mgmt-modal .invite-text-field-wrapper input[type='submit']{margin-left:0;margin-top:20px}}.mgmt-modal .invite-students-wrapper{display:flex;justify-content:center;align-items:center;margin-top:30px;margin-bottom:50px;flex-wrap:wrap}.mgmt-modal .invite-students-wrapper button{margin:15px}.mgmt-modal h1{color:#484848;font-size:22px}.mgmt-modal .invite-option-button-content{height:143px;width:193px;border-radius:5px;background-color:#fafafa;padding:20px;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;box-shadow:0 0 9px rgba(0,0,0,0.13),0 2px 3px rgba(0,0,0,0.19)}.mgmt-modal .invite-option-button-content h2{color:#484848;font-weight:400}.mgmt-modal .invite-option-button-content p{color:#6e6e6e;font-size:16px;line-height:23px}.announcement-modal .invite-modal-buttons{display:flex;justify-content:space-between;width:100%;padding:20px 20px 20px 0}@media all and (max-width: 550px),all and (max-height: 550px){.announcement-modal .invite-modal-buttons{flex-direction:column;text-align:center;margin:10px 0}}.announcement-modal .invite-modal-buttons.done-btn{justify-content:flex-end}.announcement-modal .invite-modal-buttons button.invite-button,.announcement-modal .invite-modal-buttons a.invite-button{display:flex;font-weight:400;font-size:16px;text-align:center;justify-content:center;color:#ffffff;height:40px;min-width:95px;border-radius:45px;padding:0 25px;align-items:center}.announcement-modal .invite-modal-buttons button.invite-button.download-pdf-button,.announcement-modal .invite-modal-buttons a.invite-button.download-pdf-button{color:#29c1b4;background-color:#ffffff;border:2px solid #29c1b4;width:220px;display:flex;justify-content:space-around;align-items:center}@media screen and (max-width: 768px){.announcement-modal .invite-modal-buttons button.invite-button,.announcement-modal .invite-modal-buttons a.invite-button{margin-top:5%}}.announcement-modal .invite-modal-buttons .back-btn{background:#bfbfbf}.announcement-modal .invite-modal-buttons .next-btn{background:#29c1b4}.announcement-modal .invite-modal-buttons button.disabled{background:#bfbfbf}.announcement-modal .invite-modal-buttons.download-pdf-button-wrapper{display:flex;align-items:center;flex-direction:column}.announcement-modal .invite-modal-buttons .download-pdf-icon{padding:40px 0px 20px 0px}.announcement-modal .download-icon{width:20px;height:20px;fill:white}.announcement-modal .pdf-icon{width:200px;height:200px;fill:white}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes inputFlash{0%{border-color:#40c2ff;box-shadow:inset 0px 0px 5px #40c2ff}70%{border-color:#c7c7c7;box-shadow:inset 0px 0px 0px #c7c7c7}100%{border-color:#40c2ff;box-shadow:inset 0px 0px 5px #40c2ff}}@keyframes gloat{0%{transform:scale(1) rotate(0deg)}60%{transform:scale(1.3) rotate(180deg)}100%{transform:scale(1) rotate(365deg)}}@keyframes createClassButton{0%{transform:scale(1)}70%{transform:scale(0.95)}100%{transform:scale(1)}}@keyframes handIconFloating{0%{transform:scale(1)}25%{transform:scale(1.17)}50%{transform:scale(1.05)}75%{transform:scale(1.1)}100%{transform:scale(1)}}@keyframes loseLife{0%{transform:scale(1) rotate(0deg);fill:#b9372c}33%{transform:scale(1.3) rotate(350deg)}66%{transform:scale(0.01) rotate(720deg)}67%{opacity:0;transform:scale(1) rotate(0deg);fill:#d8d8d8}100%{opacity:1;transform:scale(1) rotate(0deg)}}@keyframes loseLastLife{0%{transform:scale(1) rotate(0deg);fill:#b9372c}50%{transform:scale(0.01) rotate(360deg)}51%{transform:scale(0.01) rotate(-360deg);fill:#d8d8d8}100%{transform:scale(1) rotate(0deg);fill:#d8d8d8}}@keyframes ThreeTwoOneGo{0%{opacity:0}12.5%{opacity:1}25%{opacity:0}37.5%{opacity:1}50%{opacity:0}62.5%{opacity:1}75%{opacity:0}87.5%{opacity:1}100%{opacity:0}}@keyframes ThreeTwoOneGoColorRotation{0%{background-color:rgba(223,66,36,0.85)}24.9%{background-color:rgba(223,66,36,0.85)}28%{background-color:rgba(255,118,48,0.85)}49.9%{background-color:rgba(255,118,48,0.85)}53%{background-color:rgba(255,199,0,0.85)}74.9%{background-color:rgba(255,199,0,0.85)}78%{background-color:rgba(48,183,13,0.85)}100%{background-color:rgba(48,183,13,0.85)}}@keyframes expandAndContract10{0%{transform:scale(1)}30%{transform:scale(1.1)}100%{transform:scale(1)}}@keyframes expandAndContract15{0%{transform:scale(1)}50%{transform:scale(1.15)}100%{transform:scale(1)}}@keyframes longerExpandAndContract15{0%{transform:scale(1)}25%{transform:scale(1.15)}50%{transform:scale(1.05)}75%{transform:scale(1.25)}100%{transform:scale(1)}}@keyframes longerExpandAndContractBiggerSmaller15{0%{transform:scale(0.9)}25%{transform:scale(1.05)}50%{transform:scale(0.95)}75%{transform:scale(1.05)}100%{transform:scale(0.9)}}@keyframes expandAndContract30{0%{transform:scale(1)}50%{transform:scale(1.3) rotate(-15deg)}100%{transform:scale(1)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes slideRight{0%{transform:translateX(-100vw);opacity:0}60%{transform:translateX(0%);opacity:1}100%{transform:translateX(0%);opacity:0}}@keyframes slideLeft{0%{transform:translateX(100vw);opacity:0}60%{transform:translateX(0%);opacity:1}100%{transform:translateX(0%);opacity:0}}@keyframes fadeToZero{100%{opacity:0}}@keyframes fadeToZeroMicrophoneInput{0%{opacity:0}5%{opacity:0.5}100%{opacity:0}}@keyframes playAlongFall{0%{bottom:500px;opacity:0}20%{opacity:1}100%{bottom:0px}}@keyframes loadResponseBoardAfterDelay{0%{transform:translateY(200px)}30%{transform:translateY(200px)}100%{transform:translateY(0px)}}@keyframes loaderKeyframe{0%{opacity:0}50%{opacity:1}}@keyframes incorrectNoteGlowWhite{0%{background-color:rgba(255,255,255,0.9)}5%{background-color:#dc4a38}100%{background-color:rgba(255,255,255,0.9)}}@keyframes incorrectNoteGlowBlack{0%{background-color:#23212b}5%{background-color:#dc4a38}100%{background-color:#23212b}}@keyframes shake{10%,90%{transform:translate3d(-1px, 0, 0)}20%,80%{transform:translate3d(2px, 0, 0)}30%,50%,70%{transform:translate3d(-4px, 0, 0)}40%,60%{transform:translate3d(4px, 0, 0)}}.inline-loader,.inline-loader:before,.inline-loader:after{border-radius:50%;width:2.5em;height:2.5em;animation-fill-mode:both;animation:load7 1.8s infinite ease-in-out}.inline-loader{color:#135276;font-size:6px;margin:26px auto 69px auto;position:relative;text-indent:-9999em;transform:translateZ(0);animation-delay:-0.16s}.inline-loader:before,.inline-loader:after{content:'';position:absolute;top:0}.inline-loader:before{left:-3.5em;animation-delay:-0.32s}.inline-loader:after{left:3.5em}@keyframes load7{0%,80%,100%{box-shadow:0 2.5em 0 -1.3em}40%{box-shadow:0 2.5em 0 0}}.parent-loader{opacity:1;transition:opacity 1s linear;position:absolute;margin-top:-3%;z-index:100}.parent-loader.disappear{opacity:0}.inner-parent-loader{animation:fadeIn 1s linear}.inner-parent-loader.disappear{animation:fadeToZero 1s linear}.locked-and-loader,.locked-and-loader:before,.locked-and-loader:after{background:#ffffff;animation:lockedNload 1s infinite ease-in-out;width:1em;height:4em}.locked-and-loader{color:#ffffff;text-indent:-9999em;margin:0px auto;position:absolute;font-size:11px;transform:translateZ(0);animation-delay:-0.16s}.locked-and-loader:before,.locked-and-loader:after{position:absolute;top:0;content:''}.locked-and-loader:before{left:-1.5em;animation-delay:-0.32s}.locked-and-loader:after{left:1.5em}@keyframes lockedNload{0%,80%,100%{box-shadow:0 0;height:4em}40%{box-shadow:0 -2em;height:5em}}.loader-page-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:white;margin:0 auto;z-index:5;opacity:0;transition:opacity 150ms linear}.loader-page-wrapper.opacity-1{opacity:1}.loader-page-wrapper.opacity-1 .synth-loader{opacity:1}.loader-page-wrapper .loading-text{position:relative;top:-7px;width:100%;font-size:16px;color:#6d6d6d;line-height:27px;letter-spacing:0.5px;font-weight:300}.loader-page-wrapper .load-container{width:50%;display:flex;flex-direction:column;justify-content:center;align-items:center}@media all and (max-width: 600px){.loader-page-wrapper .load-container{width:70%}}@media all and (max-width: 400px){.loader-page-wrapper .load-container{width:90%}}.synth-loader{width:100%;min-width:160px;opacity:0;transition:opacity 150ms linear}.synth-loader .progressbar-text{font-weight:300;font-size:16px !important;transform:none !important;position:relative !important;left:0 !important;top:7px !important}.small-loading-bar{width:100%;height:10px;border:1px solid #bfbfbf;opacity:0.5}.small-loading-bar.active{opacity:1}.small-loading-bar.active:after{content:'Loading new sounds into the app...';display:block;opacity:0.8;margin-top:0px;font-size:14px;margin-left:-2px}.small-loading-bar.active .small-loading-inner-bar{height:100%;background:#59ca89;transition:background-color 1000ms;transition:width 100ms}.small-loading-bar.done{opacity:1;border:1px solid #bfbfbf}.small-loading-bar.done .small-loading-inner-bar{background:#59ca89;opacity:1}.small-loading-bar.done:after{content:'Loading complete';display:block;opacity:0.8;margin-top:0px;font-size:14px;margin-left:-2px;letter-spacing:0}.small-loading-bar .small-loading-inner-bar{height:100%;transition:background-color 1000ms}.helpful-tip-container{width:100%;margin-top:40px;font-size:16px;color:#6d6d6d;line-height:27px;letter-spacing:0.5px;font-weight:300}.helpful-tip-container:before{content:"Tip:";padding-right:3px;opacity:0.5}.make-a-list-wrapper{text-align:center;margin:30px auto 0;width:87%}.make-a-list-wrapper .text-input{border-radius:99px 0 0 99px;height:44px;width:75%;border:1px solid #d7d7d7;padding-left:25px}.make-a-list-wrapper ::-moz-placeholder{color:rgba(0,0,0,0.15);font-size:16px;font-weight:400}.make-a-list-wrapper ::placeholder{color:rgba(0,0,0,0.15);font-size:16px;font-weight:400}.make-a-list-wrapper .add-to-list-btn{background-color:#b7b7b7;height:48px;border-radius:0 99px 99px 0;width:24%;max-width:75px;font-weight:400;font-size:16px;line-height:23px;align-content:center;color:#ffffff;box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24)}.make-a-list-wrapper .validInput{background-color:#29c1b4}.make-a-list-wrapper .make-list-name{color:rgba(0,0,0,0.65);font-size:16px;line-height:23px}.make-a-list-wrapper .make-list-delete-btn{border-radius:50px;background-color:#a8a8a8;font-size:16px;text-align:center;padding:0px 5px 2px 5px}.make-a-list-wrapper .make-list-item{display:flex;justify-content:space-between;width:100%;margin-bottom:3%}.make-a-list-wrapper .ul-list{padding-left:25px;padding-right:25px}.make-a-list-wrapper .list-of-names{max-height:50vh;overflow:auto;width:100%}@media all and (max-width: 550px),all and (max-height: 550px){.make-a-list-wrapper .list-of-names{width:83%;box-sizing:border-box}}@media all and (max-width: 550px),all and (max-height: 550px){.make-a-list-wrapper{width:100%}.make-a-list-wrapper .make-list-item{width:89%}.make-a-list-wrapper .list-of-names{width:100%}}@media screen and (max-width: 768px){.make-a-list-wrapper .text-input{width:64%}}.make-a-list-wrapper .name-error-message{color:#eb5757;font-weight:bold}@media all and (max-width: 700px){.IN_DEMO .app-header .app-header-title.keep-visible{display:none}}@media all and (max-width: 600px){.IN_DEMO .app-header .level-or-points-container{display:none}}.IN_DEMO .continue-to-dashboard-button{display:none !important}.common-marketing .footer,.lessons-profile .footer{padding:60px 11% 10px 11%;background-color:#255477;letter-spacing:1px}.common-marketing .footer .footer-content-container,.lessons-profile .footer .footer-content-container{display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 0 80px 0;font-size:18px}@media screen and (max-width: 1200px){.common-marketing .footer .footer-content-container,.lessons-profile .footer .footer-content-container{flex-direction:column}}@media screen and (max-width: 800px){.common-marketing .footer .footer-content-container,.lessons-profile .footer .footer-content-container{align-items:center}}@media screen and (max-width: 600px){.common-marketing .footer .footer-content-container,.lessons-profile .footer .footer-content-container{font-size:18px}}.common-marketing .footer .footer-content-container .col-tunelark,.lessons-profile .footer .footer-content-container .col-tunelark{width:430px}@media screen and (max-width: 1200px){.common-marketing .footer .footer-content-container .col-tunelark,.lessons-profile .footer .footer-content-container .col-tunelark{width:560px;margin-bottom:40px}}@media screen and (max-width: 800px){.common-marketing .footer .footer-content-container .col-tunelark,.lessons-profile .footer .footer-content-container .col-tunelark{width:440px}}@media screen and (max-width: 600px){.common-marketing .footer .footer-content-container .col-tunelark,.lessons-profile .footer .footer-content-container .col-tunelark{width:100%}}.common-marketing .footer .footer-content-container .col-tunelark .col-header,.lessons-profile .footer .footer-content-container .col-tunelark .col-header{position:relative;bottom:10px;margin:38px 0 16px 0}.common-marketing .footer .footer-content-container .col-tunelark .col-tunelark-mission,.lessons-profile .footer .footer-content-container .col-tunelark .col-tunelark-mission{line-height:1.4;color:rgba(255,255,255,0.9)}@media screen and (max-width: 600px){.common-marketing .footer .footer-content-container .col-tunelark .col-tunelark-mission,.lessons-profile .footer .footer-content-container .col-tunelark .col-tunelark-mission{font-size:18px}}.common-marketing .footer .footer-content-container .col-links,.lessons-profile .footer .footer-content-container .col-links{width:45%;display:flex;flex-wrap:wrap;justify-content:space-between}@media screen and (max-width: 1200px){.common-marketing .footer .footer-content-container .col-links,.lessons-profile .footer .footer-content-container .col-links{width:65%;margin-bottom:40px;justify-content:normal}.common-marketing .footer .footer-content-container .col-links .col-sitemap,.lessons-profile .footer .footer-content-container .col-links .col-sitemap{margin-right:70px}}@media screen and (max-width: 800px){.common-marketing .footer .footer-content-container .col-links,.lessons-profile .footer .footer-content-container .col-links{width:440px;justify-content:space-between}.common-marketing .footer .footer-content-container .col-links .col-sitemap,.lessons-profile .footer .footer-content-container .col-links .col-sitemap{margin-right:0}}@media screen and (max-width: 600px){.common-marketing .footer .footer-content-container .col-links,.lessons-profile .footer .footer-content-container .col-links{width:100%}}@media screen and (max-width: 400px){.common-marketing .footer .footer-content-container .col-links,.lessons-profile .footer .footer-content-container .col-links{flex-direction:column}}.common-marketing .footer .footer-content-container a:link,.common-marketing .footer .footer-content-container a:visited,.lessons-profile .footer .footer-content-container a:link,.lessons-profile .footer .footer-content-container a:visited{text-decoration:none;color:rgba(255,255,255,0.9);transition:color 150ms linear}.common-marketing .footer .footer-content-container a:link:hover,.common-marketing .footer .footer-content-container a:visited:hover,.lessons-profile .footer .footer-content-container a:link:hover,.lessons-profile .footer .footer-content-container a:visited:hover{color:white}.common-marketing .footer .footer-content-container .col-links .col-header,.lessons-profile .footer .footer-content-container .col-links .col-header{margin:36px 0 36px 0;color:rgba(255,255,255,0.6);font-size:18px}@media screen and (max-width: 600px){.common-marketing .footer .footer-content-container .col-links .col-header,.lessons-profile .footer .footer-content-container .col-links .col-header{margin:36px 0 36px 0;font-size:13px}}.common-marketing .footer .footer-bottom-links,.lessons-profile .footer .footer-bottom-links{display:flex;justify-content:center;font-size:1.1em}.common-marketing .footer .footer-bottom-links .footer-bottom-item span,.common-marketing .footer .footer-bottom-links .footer-bottom-item a,.lessons-profile .footer .footer-bottom-links .footer-bottom-item span,.lessons-profile .footer .footer-bottom-links .footer-bottom-item a{transform:translateY(-5px);font-size:16px;color:rgba(255,255,255,0.6)}.common-marketing .footer .footer-bottom-links .footer-bottom-item a,.lessons-profile .footer .footer-bottom-links .footer-bottom-item a{transition:color 150ms linear}.common-marketing .footer .footer-bottom-links .footer-bottom-item a:hover,.lessons-profile .footer .footer-bottom-links .footer-bottom-item a:hover{color:rgba(255,255,255,0.9);text-decoration:underline}.common-marketing .col-link,.lessons-profile .col-link{color:rgba(255,255,255,0.9);margin:0 0 18px 0}.common-marketing .footer-column,.lessons-profile .footer-column{margin:0 10px}.common-marketing .tunelark-logo,.lessons-profile .tunelark-logo{height:80px}.common-marketing .col-tunelark-mission,.common-marketing .col-header,.common-marketing .footer-bottom-links,.lessons-profile .col-tunelark-mission,.lessons-profile .col-header,.lessons-profile .footer-bottom-links{color:rgba(255,255,255,0.9)}.lessons-profile .footer-container{width:100%;background-color:#f2f2f2}.lessons-profile .footer{background-color:#f2f2f2}.lessons-profile .footer .footer-content-container{font-weight:400}.lessons-profile .footer .footer-content-container .col-tunelark .col-tunelark-mission{color:#484848}.lessons-profile .footer .footer-content-container a:link,.lessons-profile .footer .footer-content-container a:visited{color:#484848}.lessons-profile .footer .footer-content-container a:link:hover,.lessons-profile .footer .footer-content-container a:visited:hover{color:black}.lessons-profile .footer .footer-content-container .col-links .col-header{color:#a0a0a0}.lessons-profile .footer .footer-bottom-links .footer-bottom-item span,.lessons-profile .footer .footer-bottom-links .footer-bottom-item a{color:#a0a0a0}.lessons-profile .footer .footer-bottom-links .footer-bottom-item a:hover{color:#484848}.lessons-profile .col-link{color:#484848}.lessons-profile .col-tunelark-mission,.lessons-profile .col-header,.lessons-profile .footer-bottom-links{color:#484848}.home-container{position:absolute;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;background:linear-gradient(119.88deg, #43b7ef .56%, #118cc7 95%);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 2s cubic-bezier(0.05, 1.04, 1, 0.99)}.home-container .piano-wrapper .white .key[pitch="C4"]{background:white}.home-container .piano-wrapper .white .key[pitch="C4"] .middle-c{color:#969696}.home-container.home-container-loaded{opacity:1}.home-container .piano-div{position:absolute;width:100%;height:25%;top:-27%;left:0;min-width:750px;transition:top 1s cubic-bezier(0.05, 1.04, 1, 0.99)}@media all and (max-height: 450px){.home-container .piano-div .piano .label-text{top:64%}}.home-container .piano-div.piano-div-loaded{top:0}@media all and (max-height: 650px){.home-container .piano-div{height:20%;min-height:125px}}@media all and (max-height: 550px){.home-container .piano-div{height:15%;min-height:90px}}@media all and (max-height: 400px){.home-container .piano-div{min-height:70px}}.home-container .piano-div .piano-wrapper,.home-container .piano-div .piano-container{position:relative;height:100%;width:100%;padding:0}.home-container .piano-div .top-bar{position:absolute;top:0;width:100%;height:9%;background:rgba(24,91,136,0.96);box-shadow:0px 3px 4px rgba(0,0,0,0.21)}.home-container .content-div{width:90%;margin-top:180px;text-align:center;display:flex;flex-direction:column}@media all and (max-height: 650px){.home-container .content-div{margin-top:160px}}@media all and (max-height: 700px){.home-container .content-div{width:100%}}@media all and (max-height: 550px){.home-container .content-div{margin-top:110px}}.home-container .content-div .home-magic-sign-in{align-self:flex-end;color:rgba(255,255,255,0.8);font-size:16px;letter-spacing:1px;font-weight:300;position:absolute;white-space:nowrap;top:27%;right:3%;opacity:0;transition:opacity 400ms linear, color 200ms linear}.home-container .content-div .home-magic-sign-in.home-magic-sign-in-loaded{opacity:1}.home-container .content-div .home-magic-sign-in:hover{color:rgba(255,255,255,0.95)}.home-container .content-div .home-logo{opacity:0}.home-container .content-div .home-logo.home-logo-loaded{opacity:1}.home-container .content-div .home-logo img{margin:0 auto 60px auto;background-size:330.4px 78.4px;width:330.4px;height:78.4px;transition:opacity 2s cubic-bezier(0.05, 1.04, 1, 0.99)}@media all and (max-height: 600px){.home-container .content-div .home-logo img{margin:0 auto 40px auto}}@media all and (max-height: 550px){.home-container .content-div .home-logo img{margin:0 auto 30px auto;background-size:212.4px 50.4px;width:212.4px;height:50.4px}}@media all and (max-height: 550px) and (max-width: 450px){.home-container .content-div .home-logo img{margin-bottom:10px}}@media all and (max-height: 400px){.home-container .content-div .home-logo img{margin:0 auto 15px auto}}@media all and (max-width: 450px){.home-container .content-div .home-logo img{background-size:212.4px 50.4px;width:212.4px;height:50.4px}}.home-container .content-div .text-and-buttons{transform:translateY(200px);opacity:0;transition:transform 1s cubic-bezier(0.05, 1.04, 1, 0.99),opacity 1s cubic-bezier(0.05, 1.04, 1, 0.99);margin-bottom:20px}.home-container .content-div .text-and-buttons.text-and-buttons-loaded{transform:translateY(0px);opacity:1}.home-container .content-div .text-and-buttons .header-1{position:relative;font-size:33px;letter-spacing:3px;color:white;opacity:0.90;font-weight:300;margin-bottom:30px;margin-left:20px;margin-right:20px}@media all and (max-width: 800px){.home-container .content-div .text-and-buttons .header-1{font-size:28px}}@media all and (max-width: 450px){.home-container .content-div .text-and-buttons .header-1{font-size:18px}}@media all and (max-height: 550px){.home-container .content-div .text-and-buttons .header-1{font-size:23px;margin-bottom:20px}}@media all and (max-height: 550px) and (max-width: 450px){.home-container .content-div .text-and-buttons .header-1{font-size:18px}}@media all and (max-height: 400px){.home-container .content-div .text-and-buttons .header-1{font-size:18px;margin-bottom:10px}}.home-container .content-div .text-and-buttons .header-2{position:relative;text-align:center;font-size:19px;letter-spacing:1.4px;color:rgba(255,255,255,0.6);font-weight:300;line-height:173%;margin-bottom:40px;margin-left:auto;margin-right:auto;width:75%}@media all and (max-height: 550px){.home-container .content-div .text-and-buttons .header-2{line-height:150%;margin-bottom:20px}}@media all and (max-height: 400px){.home-container .content-div .text-and-buttons .header-2{font-size:15px;margin-bottom:10px}}@media all and (max-width: 800px){.home-container .content-div .text-and-buttons .header-2{width:85%;font-size:17px;margin-bottom:30px}}@media all and (max-width: 800px) and (max-height: 400px){.home-container .content-div .text-and-buttons .header-2{font-size:15px;margin-bottom:10px}}@media all and (max-width: 600px){.home-container .content-div .text-and-buttons .header-2{width:90%;font-size:14px}}.marketing-button,.marketing-demo-section .demo-wrapper .play-the-demo-button,.common-marketing .card-container .card .marketing-button,.common-marketing .card-container .card .marketing-demo-section .demo-wrapper .play-the-demo-button,.marketing-demo-section .demo-wrapper .common-marketing .card-container .card .play-the-demo-button,.common-marketing .card-container .card .stone-faced-button,.common-marketing .card-container .card .book-a-lesson,.stone-faced-button,.book-a-lesson,.common-marketing .marketing-top-section .marketing-top-section-content-wrapper .marketing-top-section-text-and-buttons .primary-cta-button{-webkit-appearance:none;display:inline-block;padding:10px 20px;letter-spacing:0.5px;font-weight:300;cursor:pointer;border:none;border-radius:2px;box-shadow:none;transition:background-color 150ms linear, color 150ms linear, box-shadow 150ms linear;background-color:#29c1b4;color:rgba(255,255,255,0.9)}.marketing-button:hover,.marketing-demo-section .demo-wrapper .play-the-demo-button:hover,.common-marketing .card-container .card .marketing-button:hover,.common-marketing .card-container .card .marketing-demo-section .demo-wrapper .play-the-demo-button:hover,.marketing-demo-section .demo-wrapper .common-marketing .card-container .card .play-the-demo-button:hover,.common-marketing .card-container .card .stone-faced-button:hover,.common-marketing .card-container .card .book-a-lesson:hover,.stone-faced-button:hover,.book-a-lesson:hover,.common-marketing .marketing-top-section .marketing-top-section-content-wrapper .marketing-top-section-text-and-buttons .primary-cta-button:hover{background-color:#2ad6c9;color:white;box-shadow:0px 3px 8px rgba(0,0,0,0.25)}.stone-faced-button,.book-a-lesson,.common-marketing .marketing-top-section .marketing-top-section-content-wrapper .marketing-top-section-text-and-buttons .primary-cta-button{margin-top:40px;padding:15px 35px;color:#229fe6;letter-spacing:0;font-weight:400;font-size:18.04px;border-radius:2px;background-color:rgba(255,255,255,0.95);box-shadow:0px 1px 3px rgba(0,0,0,0.25);transition:background-color 150ms linear, box-shadow 150ms linear}@media all and (max-width: 550px){.stone-faced-button,.book-a-lesson,.common-marketing .marketing-top-section .marketing-top-section-content-wrapper .marketing-top-section-text-and-buttons .primary-cta-button{margin-top:20px}}@media all and (max-width: 400px){.stone-faced-button,.book-a-lesson,.common-marketing .marketing-top-section .marketing-top-section-content-wrapper .marketing-top-section-text-and-buttons .primary-cta-button{font-size:14.432px}}.stone-faced-button:hover,.book-a-lesson:hover,.common-marketing .marketing-top-section .marketing-top-section-content-wrapper .marketing-top-section-text-and-buttons .primary-cta-button:hover{box-shadow:0px 4px 20px rgba(0,0,0,0.15);background-color:white;color:#2194d6}@media all and (max-width: 751px){.marketing-route{background:linear-gradient(180deg, #367ac5 2.21%, #245c98 99.45%), #22558c}}h1{color:rgba(255,255,255,0.95);font-size:41px;font-weight:700;line-height:150%;margin-top:0;margin-bottom:0}@media all and (max-width: 800px){h1{font-size:32.8px}}@media all and (max-width: 600px){h1{font-size:29.93px}}@media all and (max-width: 670px){h1{font-size:23.944px}}@media all and (max-width: 400px){h1{font-size:18.04px}}h1 .yellow-text{color:#ffc700;font-weight:700}.heading-two{text-align:center}.sub-heading{color:rgba(255,255,255,0.95);letter-spacing:0.5px;font-weight:300;display:flex;margin-top:2%;margin-bottom:0;justify-content:center;text-align:center}@media all and (max-width: 750px){.sub-heading{margin-top:4%}}.small-font-size{font-size:18.04px}@media all and (max-width: 450px){.small-font-size{font-size:29.93px}}.divider-line{width:84%;margin:0 auto;height:2px;background:#e0e0e0}.divider-line.wide{width:100%}.mobile-menu{position:absolute;width:200px;right:0;height:100%}@media all and (max-width: 450px){.mobile-menu{width:145px}}@media all and (min-width: 1440px){.mobile-menu{display:none}}.mobile-menu .marketing-links-mobile{margin-left:15%;margin-top:20px;display:flex;flex-direction:column}.mobile-menu .marketing-links-mobile p{line-height:190%;color:white;font-weight:300;cursor:pointer;opacity:0.8;transition:opacity 200ms linear}.mobile-menu .marketing-links-mobile p:hover{opacity:1}.mobile-menu .marketing-links-mobile a{color:rgba(255,255,255,0.9);font-weight:400;display:block;margin-bottom:10px}.mobile-menu .marketing-links-mobile .sign-in{font-weight:400;font-size:18.04px;border:1px solid white;width:80%;text-align:center;padding:7px 0px;transform:translateY(7px);border-radius:2px;background:white;color:#229fe6}@media all and (min-width: 751px){.mobile-menu .marketing-links-mobile{display:none}}.for-teachers .marketing-header-wrapper div.marketing-header-links a.marketing-header-link[href='/schools'],.home-route .marketing-header-wrapper div.marketing-header-links a.marketing-header-link[href='/home'],.individuals-route .marketing-header-wrapper div.marketing-header-links a.marketing-header-link[href='/individuals']{border-bottom:1px solid white}.for-teachers .marketing-links-mobile a.marketing-header-link[href='/schools'],.home-route .marketing-links-mobile a.marketing-header-link[href='/home'],.individuals-route .marketing-links-mobile a.marketing-header-link[href='/individuals']{color:#ffc700;font-weight:400}.common-marketing{box-shadow:0 0 8px rgba(0,0,0,0.3);width:100%;max-width:1440px;margin:0 auto;position:relative;right:0;background:#f6f6ef;transition:right 1s cubic-bezier(0.25, 0.1, 0, 1.02),box-shadow 1s cubic-bezier(0.25, 0.1, 0, 1.02)}.common-marketing.active{right:200px;box-shadow:6px 0px 27px rgba(0,0,0,0.2)}@media all and (max-width: 450px){.common-marketing.active{right:145px}}.common-marketing .light-header{background:#229fe6}.common-marketing .invite-banner{display:flex;align-items:center;justify-content:center;width:100%;height:60px;background-color:#29c1b4;color:rgba(255,255,255,0.95);margin-top:-60px;opacity:0;transition:margin-top 400ms cubic-bezier(0.11, 0.89, 1, 1),opacity 400ms cubic-bezier(0.11, 0.89, 1, 1)}.common-marketing .invite-banner.invite-banner-loaded{margin-top:0px;opacity:1}.common-marketing .invite-banner p{padding-left:5%;padding-right:5%;font-weight:300}.common-marketing .marketing-mobile-header{padding-left:5%;display:flex;align-items:center;justify-content:space-between;background-color:#0b659a}@media all and (min-width: 751px){.common-marketing .marketing-mobile-header{display:none}}.common-marketing .marketing-mobile-header .marketing-logo{margin-top:10px;margin-bottom:10px;display:flex}.common-marketing .marketing-mobile-header .marketing-logo img{transform:translateY(1px);width:113.5px;height:36px}.common-marketing .marketing-mobile-header .mobile-menu-icon{margin-right:5%;cursor:pointer;opacity:0.85;transition:opacity 150ms linear}.common-marketing .marketing-mobile-header .mobile-menu-icon:hover{opacity:1}.common-marketing .marketing-mobile-header .mobile-menu-icon img{width:30px;margin-top:3px}@media all and (max-width: 400px){.common-marketing .marketing-mobile-header .mobile-menu-icon img{width:26px}}.common-marketing .marketing-top-section{position:relative;background:#229fe6;padding:20px 22px 2% 22px;overflow-y:hidden}.common-marketing .marketing-top-section .marketing-header-wrapper{display:flex;align-items:center}@media all and (max-width: 750px){.common-marketing .marketing-top-section .marketing-header-wrapper{display:none}}.common-marketing .marketing-top-section .marketing-header-wrapper .marketing-logo{display:flex}.common-marketing .marketing-top-section .marketing-header-wrapper .marketing-logo img{width:108px;height:34px;position:absolute}@media all and (max-height: 400px){.common-marketing .marketing-top-section .marketing-header-wrapper .marketing-logo img{margin:0 auto 15px auto}}.common-marketing .marketing-top-section .marketing-header-wrapper .marketing-header-links{right:22px;top:0;position:absolute;display:flex;align-items:center}@media all and (max-width: 750px){.common-marketing .marketing-top-section .marketing-header-wrapper .marketing-header-links{display:none}}.common-marketing .marketing-top-section .marketing-header-wrapper .marketing-header-links a{display:inline;margin-left:35px;color:rgba(0,0,0,0.8);font-weight:300;font-size:14px}.common-marketing .marketing-top-section .marketing-header-wrapper .marketing-header-links a.marketing-header-link{color:rgba(255,255,255,0.75);font-weight:400;letter-spacing:0.5px;transition:color 150ms linear;padding:5px 3px;margin:20px 22px}.common-marketing .marketing-top-section .marketing-header-wrapper .marketing-header-links a.marketing-header-link:hover{color:rgba(255,255,255,0.95)}.common-marketing .marketing-top-section .marketing-header-wrapper .marketing-header-links a.sign-in{font-weight:400;letter-spacing:0.5px;line-height:20px;color:rgba(255,255,255,0.9);border:1px solid rgba(255,255,255,0.9);border-radius:3px;padding:5px 15px;transition:color 200ms linear, border 200ms linear, background-color 200ms linear}.common-marketing .marketing-top-section .marketing-header-wrapper .marketing-header-links a.sign-in:hover{color:white;border:1px solid white;background-color:rgba(255,255,255,0.1)}.common-marketing .marketing-top-section .marketing-header-wrapper .marketing-header-links a.for-teachers,.common-marketing .marketing-top-section .marketing-header-wrapper .marketing-header-links a.pricing,.common-marketing .marketing-top-section .marketing-header-wrapper .marketing-header-links a.mission{color:rgba(255,255,255,0.9);transition:color 200ms linear}.common-marketing .marketing-top-section .marketing-header-wrapper .marketing-header-links a.for-teachers:hover,.common-marketing .marketing-top-section .marketing-header-wrapper .marketing-header-links a.pricing:hover,.common-marketing .marketing-top-section .marketing-header-wrapper .marketing-header-links a.mission:hover{color:white}.common-marketing .marketing-top-section .marketing-top-section-content-wrapper{display:flex;width:100%;margin-top:3%;justify-content:center;text-align:center}.common-marketing .marketing-top-section .marketing-top-section-content-wrapper .marketing-top-section-text-and-buttons .marketing-top-section-heading{padding:0 30px;margin-top:-18px}@media all and (max-width: 1200px){.common-marketing .marketing-top-section .marketing-top-section-content-wrapper .marketing-top-section-text-and-buttons .marketing-top-section-heading{margin-top:-14px}}@media all and (max-width: 950px){.common-marketing .marketing-top-section .marketing-top-section-content-wrapper .marketing-top-section-text-and-buttons .marketing-top-section-heading{margin-top:-9px}}.common-marketing .marketing-top-section .marketing-top-section-content-wrapper .marketing-top-section-text-and-buttons .primary-cta-button{padding-left:0;padding-right:0;width:214px}.common-marketing .marketing-top-section .marketing-top-section-content-wrapper .marketing-top-section-text-and-buttons .two-button-section{display:flex;justify-content:center}@media all and (max-width: 550px){.common-marketing .marketing-top-section .marketing-top-section-content-wrapper .marketing-top-section-text-and-buttons .two-button-section{flex-direction:column;align-items:center}}.common-marketing .marketing-top-section .marketing-top-section-content-wrapper .marketing-top-section-text-and-buttons .two-button-section .two-button-section-right-button{margin-left:30px;padding:13px 0;width:210px;color:rgba(255,255,255,0.95);background-color:#229fe6;border:2px solid rgba(255,255,255,0.9);box-shadow:none;transition:color 200ms linear, border 200ms linear, background-color 200ms linear}.common-marketing .marketing-top-section .marketing-top-section-content-wrapper .marketing-top-section-text-and-buttons .two-button-section .two-button-section-right-button:hover{color:white;border:2px solid white;box-shadow:none;background-color:rgba(255,255,255,0.1)}@media all and (max-width: 550px){.common-marketing .marketing-top-section .marketing-top-section-content-wrapper .marketing-top-section-text-and-buttons .two-button-section .two-button-section-right-button{margin-left:0}}.common-marketing .card-container{display:flex;justify-content:center}@media all and (max-width: 750px){.common-marketing .card-container{flex-direction:column;align-items:center;padding-top:2%;margin-top:-1px}}@media all and (max-width: 500px){.common-marketing .card-container{padding-top:8%}}.common-marketing .card-container .card{width:33.33333%;position:relative;background-color:#f6f6ef;box-shadow:0px 3px 5px rgba(0,0,0,0.08),0px 3px 20px rgba(0,0,0,0.14);border:none;border-radius:3px}@media all and (max-width: 750px){.common-marketing .card-container .card{width:85%;margin-bottom:30px}}.common-marketing .card-container .card span{font-weight:400}.common-marketing .card-container .card h3{display:inline-block;font-weight:300;color:#585858;letter-spacing:0.5px;font-size:16px;line-height:32px;margin-top:0;margin-bottom:0}@media all and (max-width: 1000px){.common-marketing .card-container .card h3{font-size:14.432px;line-height:26px}}.common-marketing .card-container .card .action-button{position:absolute;bottom:0;left:0;right:0;width:100%;font-size:18px;border-radius:0px 0px 3px 3px;font-weight:500}.common-marketing .card-container .card .card-body,.common-marketing .card-container .card .card-header{padding:20px}.common-marketing .card-container .card .card-header{border-bottom:2px solid #e2e2e2}.common-marketing .card-container .card .card-header h3{text-transform:uppercase}.common-marketing .card-container .card .card-body{padding-bottom:40px}.common-marketing .card-container .card p{font-weight:200;line-height:2em}.common-marketing .card-container .card .card-title{font-weight:400;line-height:120%;margin-bottom:0;margin-top:0}.common-marketing .card-container .card .green-text{color:#26b3bf}.common-marketing .card-container .card .orange-text{color:#ff7630}.common-marketing .card-container .card .blue-text{color:#299dc1}.common-marketing .card-container .card.margin-right{margin-right:3%}@media all and (max-width: 750px){.common-marketing .card-container .card.margin-right{margin-right:0}}.common-marketing .card-container .card.margin-left{margin-left:3%}@media all and (max-width: 750px){.common-marketing .card-container .card.margin-left{margin-left:0}}.common-marketing .card-container .card .card-image{display:flex;justify-content:center;margin-bottom:20px}.common-marketing .card-container .card .card-image img{width:36.4%;height:3185%;max-width:101px;max-height:59px}.common-marketing .card-container .card .marketing-button,.common-marketing .card-container .card .marketing-demo-section .demo-wrapper .play-the-demo-button,.marketing-demo-section .demo-wrapper .common-marketing .card-container .card .play-the-demo-button,.common-marketing .card-container .card .marketing-button,.common-marketing .card-container .card .stone-faced-button,.common-marketing .card-container .card .book-a-lesson,.common-marketing .card-container .card .marketing-top-section .marketing-top-section-content-wrapper .marketing-top-section-text-and-buttons .primary-cta-button,.common-marketing .marketing-top-section .marketing-top-section-content-wrapper .marketing-top-section-text-and-buttons .card-container .card .primary-cta-button,.common-marketing .card-container .card .stone-faced-button,.common-marketing .card-container .card .book-a-lesson{background-color:rgba(255,255,255,0);box-shadow:none;margin-top:15px;font-weight:300;padding:12px 16px}.common-marketing .card-container .card .marketing-button.green,.common-marketing .card-container .card .marketing-demo-section .demo-wrapper .green.play-the-demo-button,.marketing-demo-section .demo-wrapper .common-marketing .card-container .card .green.play-the-demo-button,.common-marketing .card-container .card .green.stone-faced-button,.common-marketing .card-container .card .green.book-a-lesson,.common-marketing .card-container .card .marketing-top-section .marketing-top-section-content-wrapper .marketing-top-section-text-and-buttons .green.primary-cta-button,.common-marketing .marketing-top-section .marketing-top-section-content-wrapper .marketing-top-section-text-and-buttons .card-container .card .green.primary-cta-button{color:#26b3bf;border:2px solid #26b3bf}.common-marketing .card-container .card .marketing-button.orange,.common-marketing .card-container .card .marketing-demo-section .demo-wrapper .orange.play-the-demo-button,.marketing-demo-section .demo-wrapper .common-marketing .card-container .card .orange.play-the-demo-button,.common-marketing .card-container .card .orange.stone-faced-button,.common-marketing .card-container .card .orange.book-a-lesson,.common-marketing .card-container .card .marketing-top-section .marketing-top-section-content-wrapper .marketing-top-section-text-and-buttons .orange.primary-cta-button,.common-marketing .marketing-top-section .marketing-top-section-content-wrapper .marketing-top-section-text-and-buttons .card-container .card .orange.primary-cta-button{color:#ff7630;border:2px solid #ff7630}.common-marketing .card-container .card .marketing-button.blue,.common-marketing .card-container .card .marketing-demo-section .demo-wrapper .blue.play-the-demo-button,.marketing-demo-section .demo-wrapper .common-marketing .card-container .card .blue.play-the-demo-button,.common-marketing .card-container .card .blue.stone-faced-button,.common-marketing .card-container .card .blue.book-a-lesson,.common-marketing .card-container .card .marketing-top-section .marketing-top-section-content-wrapper .marketing-top-section-text-and-buttons .blue.primary-cta-button,.common-marketing .marketing-top-section .marketing-top-section-content-wrapper .marketing-top-section-text-and-buttons .card-container .card .blue.primary-cta-button{color:#299dc1;border:2px solid #299dc1}.common-marketing .card-container .card .marketing-button:hover,.common-marketing .card-container .card .marketing-demo-section .demo-wrapper .play-the-demo-button:hover,.marketing-demo-section .demo-wrapper .common-marketing .card-container .card .play-the-demo-button:hover,.common-marketing .card-container .card .stone-faced-button:hover,.common-marketing .card-container .card .book-a-lesson:hover,.common-marketing .card-container .card .marketing-top-section .marketing-top-section-content-wrapper .marketing-top-section-text-and-buttons .primary-cta-button:hover,.common-marketing .marketing-top-section .marketing-top-section-content-wrapper .marketing-top-section-text-and-buttons .card-container .card .primary-cta-button:hover{background-color:rgba(255,255,255,0)}.common-marketing .marketing-section-two{padding:5% 8% 7% 8%;background-color:#229fe6;margin-top:-1px}.common-marketing .marketing-devices-section{padding:6% 8% 7% 8%}.common-marketing .marketing-devices-section .hella-devices{display:flex;align-items:center;justify-content:center;margin-top:6%}@media all and (max-width: 750px){.common-marketing .marketing-devices-section .hella-devices{width:90%;margin:10% auto 0 auto}}.common-marketing .marketing-devices-section .hella-devices img{width:100%;max-width:619px}.get-access-section{background-color:#229fe6;padding:8% 8% 13% 8%;display:flex;flex-direction:column}.get-access-section.get-access-bottom{padding-bottom:20px}.get-access-section.get-access-bottom .heading-two{margin-bottom:0}.get-access-section .heading-two{color:rgba(255,255,255,0.95);margin:0 auto 60px auto;text-align:center;font-weight:700}.get-access-section .heading-two.big-bold-header{font-size:40px;font-weight:700;line-height:130%}.get-access-section .heading-two.big-bold-header .yellow-text{font-weight:700}.get-access-section .heading-two.big-bold-header .smaller-text-under-big-bold-header{font-size:20px;font-weight:400;font-style:italic}@media all and (max-width: 450px){.get-access-section .heading-two.big-bold-header .smaller-text-under-big-bold-header{font-size:15px}}@media all and (max-width: 650px){.get-access-section .heading-two.big-bold-header{font-size:35px}}@media all and (max-width: 550px){.get-access-section .heading-two.big-bold-header{font-size:30px}}@media all and (max-width: 450px){.get-access-section .heading-two.big-bold-header{font-size:25px}}@media all and (max-width: 400px){.get-access-section .heading-two.big-bold-header{font-size:22px}}@media all and (max-width: 550px){.get-access-section .heading-two{margin:0 auto 40px auto}}.get-access-section .authentication-inner-wrapper{margin:0 auto;background-color:#f6f6ef;padding:30px;border-radius:3px;box-shadow:0px 3px 5px rgba(0,0,0,0.08),0px 3px 20px rgba(0,0,0,0.14)}.get-access-section .authentication-inner-wrapper .text-field{font-size:18.04px;background:rgba(41,193,180,0.06);border:1px solid rgba(41,193,180,0.17);padding-left:8px;box-sizing:border-box;color:#646464;height:51px}.get-access-section .authentication-inner-wrapper.auth-form{width:280px}@media all and (max-width: 450px){.get-access-section .authentication-inner-wrapper.auth-form{width:234px}}@media all and (max-width: 350px){.get-access-section .authentication-inner-wrapper.auth-form{width:208px}}@media all and (max-width: 400px){.get-access-section .authentication-inner-wrapper.auth-form a,.get-access-section .authentication-inner-wrapper.auth-form input{font-size:14.432px}}.get-access-section .authentication-inner-wrapper.auth-form p{color:rgba(255,255,255,0.95);font-weight:300;line-height:160%;font-size:18.04px}@media all and (max-width: 350px){.get-access-section .authentication-inner-wrapper.auth-form p{font-size:14.432px}}.get-access-section .authentication-inner-wrapper.auth-form .or{font-size:18.04px;color:#575757}@media all and (max-width: 500px){.get-access-section .authentication-inner-wrapper.auth-form .or{font-size:14.432px}}.get-access-section .authentication-inner-wrapper .field{margin-bottom:30px}.get-access-section .authentication-inner-wrapper .field ::-webkit-input-placeholder{color:#29c1b4}.get-access-section .authentication-inner-wrapper .field :-moz-placeholder{color:#29c1b4}.get-access-section .authentication-inner-wrapper .field ::-moz-placeholder{color:#29c1b4}.get-access-section .authentication-inner-wrapper .field :-ms-input-placeholder{color:#29c1b4}.get-access-section .authentication-inner-wrapper .terms{margin-top:10px;font-size:12px;font-weight:300;color:rgba(0,0,0,0.5)}.get-access-section .authentication-inner-wrapper .terms a{text-decoration:underline;color:rgba(0,0,0,0.5);transition:color 150ms linear}.get-access-section .authentication-inner-wrapper .terms a:hover{color:rgba(0,0,0,0.8)}.get-access-section .authentication-inner-wrapper .underline{text-decoration:underline}.get-access-section .authentication-inner-wrapper .actions.add-margin-bottom{margin-bottom:0}.get-access-section .authentication-inner-wrapper .action-button{box-shadow:none;transition:box-shadow 150ms linear;font-size:18.04px}.get-access-section .authentication-inner-wrapper .action-button:hover{box-shadow:0px 4px 20px rgba(0,0,0,0.15)}.get-access-section .authentication-inner-wrapper .action-button.facebook-blue{background-color:#3b5998;color:rgba(255,255,255,0.9);transition:background-color 150ms linear}.get-access-section .authentication-inner-wrapper .action-button.facebook-blue:hover{background-color:#385490;color:white}.get-access-section .authentication-inner-wrapper .action-button.green{color:rgba(255,255,255,0.95);background-color:#29c1b4;margin-top:5%;transition:box-shadow 150ms linear, background-color 150ms linear, color 150ms linear}.get-access-section .authentication-inner-wrapper .action-button.green:hover{box-shadow:0px 4px 20px rgba(0,0,0,0.15);background-color:#2ccabc;color:rgba(255,255,255,0.95)}.modal-title{font-size:41px;color:rgba(0,0,0,0.75)}.modal-content{font-size:29.93px;color:rgba(0,0,0,0.75);line-height:190%}.lower-content-area .modal-get-access .get-access-section{padding:0}.lower-content-area .modal-get-access .get-access-section .auth-form{width:260px}.lower-content-area .modal-get-access .get-access-section .auth-form p{color:rgba(0,0,0,0.8);font-size:18.04px}.lower-content-area .modal-get-access .add-margin-bottom{margin-bottom:0}.marketing-demo-section{padding:6% 8% 5% 8%}@media all and (max-width: 750px){.marketing-demo-section{padding:50px 8% 50px 8%}}.marketing-demo-section.center{text-align:center}.marketing-demo-section .demo-product-shot{width:47%}@media all and (min-width: 750px){.marketing-demo-section .demo-product-shot.shift-up{margin-top:-15px}}.marketing-demo-section .demo-product-shot.make-image-smaller{display:flex;align-items:center;justify-content:center}.marketing-demo-section .demo-product-shot.make-image-smaller img{width:80%}@media all and (max-width: 750px){.marketing-demo-section .demo-product-shot{width:80%;margin:0 auto 7% auto}}.marketing-demo-section .demo-product-shot img{width:100%}.marketing-demo-section.image-left .demo-wrapper .demo-product-shot{float:left}@media all and (max-width: 750px){.marketing-demo-section.image-left .demo-wrapper .demo-product-shot{float:none}}.marketing-demo-section.image-left .demo-wrapper .demo-explanation{float:right}@media all and (max-width: 750px){.marketing-demo-section.image-left .demo-wrapper .demo-explanation{width:95%;float:none;margin:0 auto;display:flex;flex-direction:column;align-items:center}}.marketing-demo-section.image-right .heading-two{width:80%}.marketing-demo-section.image-right .demo-wrapper .demo-product-shot{float:right}@media all and (max-width: 750px){.marketing-demo-section.image-right .demo-wrapper .demo-product-shot{float:none}}.marketing-demo-section.image-right .demo-wrapper .demo-explanation{float:left}@media all and (max-width: 750px){.marketing-demo-section.image-right .demo-wrapper .demo-explanation{width:95%;float:none;margin:0 auto;display:flex;flex-direction:column;align-items:center}}.marketing-demo-section .demo-title{margin-bottom:20px;margin-top:0;color:#575757;font-weight:400;font-size:26px}@media all and (max-width: 750px){.marketing-demo-section .demo-title{text-align:center}}.marketing-demo-section .demo-description{color:#646464;letter-spacing:0px;line-height:32px;margin-bottom:15px;font-weight:300;font-size:18.04px}@media all and (max-width: 500px){.marketing-demo-section .demo-description{font-size:14.432px;line-height:28px}}.marketing-demo-section .demo-description.button{margin-bottom:0}.marketing-demo-section .demo-explanation{width:47%;float:right;position:relative}@media all and (max-width: 750px){.marketing-demo-section .demo-explanation{width:47%;float:none;margin:5% auto 0% auto;display:flex;flex-direction:column;align-items:center}}.marketing-demo-section .demo-explanation .demo-description{max-width:460px}.marketing-demo-section .marketing-icon-grid{display:flex;flex-wrap:wrap;margin-bottom:40px}.marketing-demo-section .marketing-icon-grid .icon-and-text-component{width:210px;margin-top:10px;margin-right:30px;margin-bottom:40px}@media all and (max-width: 600px){.marketing-demo-section .marketing-icon-grid .icon-and-text-component{margin-top:0;margin-bottom:10px;width:120px;margin-right:10px}}.marketing-demo-section .marketing-icon-grid .icon-and-text-component .icon-wrapper{height:100px}.marketing-demo-section .marketing-icon-grid .icon-and-text-component .icon-wrapper .the-part-with-the-icon.free-first-lesson-icon svg{width:52px;padding-top:41px}.marketing-demo-section .marketing-icon-grid .icon-and-text-component .icon-wrapper .the-part-with-the-icon.expert-musicians-icon svg{width:45px;padding-top:46px}.marketing-demo-section .marketing-icon-grid .icon-and-text-component .icon-wrapper .the-part-with-the-icon.affordable-icon svg{width:52px;padding-top:39px}.marketing-demo-section .marketing-icon-grid .icon-and-text-component .icon-wrapper .the-part-with-the-icon.flexible-icon svg{width:40px;padding-top:46px}.marketing-demo-section .marketing-icon-grid .icon-and-text-component .icon-wrapper .the-part-with-the-icon.great-for-families-icon svg{width:52px;padding-top:38px}.marketing-demo-section .marketing-icon-grid .icon-and-text-component .icon-wrapper .the-part-with-the-icon.easy-scheduling-icon svg{width:43px;padding-top:41px}.marketing-demo-section .marketing-icon-grid .icon-and-text-component .icon-wrapper .the-part-with-the-icon.pay-via-credit-card-icon svg{width:52px;padding-top:40px}.marketing-demo-section .marketing-icon-grid .icon-and-text-component .icon-wrapper .the-part-with-the-icon.any-instrument-icon svg{width:52px;padding-top:35px}.marketing-demo-section .marketing-icon-grid .icon-and-text-component .the-part-with-the-header{margin-top:5px;font-size:20px;font-weight:700;color:#292929}@media all and (max-width: 600px){.marketing-demo-section .marketing-icon-grid .icon-and-text-component .the-part-with-the-header{font-size:15px}}.marketing-demo-section .marketing-icon-grid .icon-and-text-component .the-part-with-the-description{margin-top:10px}@media all and (max-width: 600px){.marketing-demo-section .marketing-icon-grid .icon-and-text-component .the-part-with-the-description{font-size:13px}}.marketing-demo-section .demo-wrapper{display:inline-block;width:100%}.marketing-demo-section .demo-wrapper .centered-demo-title{margin-bottom:0}.marketing-demo-section .demo-wrapper .centered-subtitle{text-align:center;margin:auto}@media all and (max-width: 750px){.marketing-demo-section .demo-wrapper.flex-direction-column{display:flex;flex-direction:column}.marketing-demo-section .demo-wrapper.flex-direction-column-reverse{display:flex;flex-direction:column-reverse}}.marketing-demo-section .demo-wrapper .play-the-demo-button{margin-top:10px;color:#29c1b4;border:2px solid #29c1b4;letter-spacing:0.5px;font-weight:700;font-size:18.04px;border-radius:2px;box-shadow:none;background-color:rgba(0,0,0,0);transition:color 150ms linear, border 150ms linear}@media all and (max-width: 500px){.marketing-demo-section .demo-wrapper .play-the-demo-button{font-size:16px}}.marketing-demo-section .demo-wrapper .play-the-demo-button:hover{color:#2ccabc;border:2px solid #2ccabc;background-color:rgba(0,0,0,0);box-shadow:none}.marketing-demo-section .lesson-locations-container{display:flex;margin-top:45px}@media all and (max-width: 900px){.marketing-demo-section .lesson-locations-container{flex-wrap:wrap}}@media all and (max-width: 550px){.marketing-demo-section .lesson-locations-container{flex-direction:column}}.marketing-demo-section .lesson-locations-container .lesson-location{width:31%}@media all and (max-width: 900px){.marketing-demo-section .lesson-locations-container .lesson-location{flex-wrap:wrap;width:48%}}@media all and (max-width: 550px){.marketing-demo-section .lesson-locations-container .lesson-location{width:100%;max-width:327px}}.marketing-demo-section .lesson-locations-container .lesson-location.lesson-location-in-home{margin-right:3.5%}@media all and (max-width: 900px){.marketing-demo-section .lesson-locations-container .lesson-location.lesson-location-in-home{margin-right:4%}}.marketing-demo-section .lesson-locations-container .lesson-location.lesson-location-studio{margin-right:3.5%}@media all and (max-width: 900px){.marketing-demo-section .lesson-locations-container .lesson-location.lesson-location-studio{margin-right:0}}@media all and (max-width: 550px){.marketing-demo-section .lesson-locations-container .lesson-location.lesson-location-studio{margin-top:40px}}@media all and (max-width: 900px){.marketing-demo-section .lesson-locations-container .lesson-location.lesson-location-video-chat{margin-top:40px}}.marketing-demo-section .lesson-locations-container .lesson-location img{width:100%;border-radius:3px}.marketing-demo-section .lesson-locations-container .lesson-location-text-and-button{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.marketing-demo-section .lesson-locations-container .lesson-location-text{font-weight:700;color:#373737;font-size:16px}@media all and (max-width: 1100px){.marketing-demo-section .lesson-locations-container .lesson-location-text{font-size:14px}}@media all and (max-width: 1000px){.marketing-demo-section .lesson-locations-container .lesson-location-text{font-size:13px}}@media all and (max-width: 900px){.marketing-demo-section .lesson-locations-container .lesson-location-text{font-size:16px}}@media all and (max-width: 750px){.marketing-demo-section .lesson-locations-container .lesson-location-text{font-size:14px}}@media all and (max-width: 650px){.marketing-demo-section .lesson-locations-container .lesson-location-text{font-size:12px}}@media all and (max-width: 550px){.marketing-demo-section .lesson-locations-container .lesson-location-text{font-size:16px}}@media all and (max-width: 350px){.marketing-demo-section .lesson-locations-container .lesson-location-text{font-size:14px}}.marketing-demo-section .lesson-locations-container .lesson-location-button{border:1px solid #373737;padding:5px 6px;border-radius:2px;color:#373737;font-size:14px;font-weight:700;cursor:pointer}@media all and (max-width: 1100px){.marketing-demo-section .lesson-locations-container .lesson-location-button{font-size:12px}}@media all and (max-width: 1100px){.marketing-demo-section .lesson-locations-container .lesson-location-button{font-size:11px;padding:5px 5px}}@media all and (max-width: 900px){.marketing-demo-section .lesson-locations-container .lesson-location-button{font-size:14px}}@media all and (max-width: 750px){.marketing-demo-section .lesson-locations-container .lesson-location-button{font-size:12px}}@media all and (max-width: 650px){.marketing-demo-section .lesson-locations-container .lesson-location-button{font-size:11px;padding:5px 5px}}@media all and (max-width: 550px){.marketing-demo-section .lesson-locations-container .lesson-location-button{font-size:14px}}@media all and (max-width: 350px){.marketing-demo-section .lesson-locations-container .lesson-location-button{font-size:12px}}.marketing-demo-section .demo-container{margin-top:20px;margin-bottom:100px;display:flex;flex-wrap:wrap}@media all and (max-width: 380px){.marketing-demo-section .demo-container{display:flex;flex-direction:column;margin-top:30px}}.marketing-demo-section .demo-container .demo{width:25%;max-width:350px;min-width:180px;border-radius:3px;margin-top:30px;position:relative;box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);transition:all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1)}@media all and (max-width: 500px){.marketing-demo-section .demo-container .demo{min-width:165px}}@media all and (max-width: 430px){.marketing-demo-section .demo-container .demo{min-width:150px}}@media all and (max-width: 380px){.marketing-demo-section .demo-container .demo{width:100%;margin-right:0}}.marketing-demo-section .demo-container .demo:hover{box-shadow:0 10px 20px rgba(0,0,0,0.2),0 6px 6px rgba(0,0,0,0.12)}.marketing-demo-section .demo-container .demo.demo-note-reading{margin-right:40px}@media all and (max-width: 850px){.marketing-demo-section .demo-container .demo.demo-note-reading{margin-right:30px}}@media all and (max-width: 380px){.marketing-demo-section .demo-container .demo.demo-note-reading{margin-top:30px}}.marketing-demo-section .demo-container .demo.demo-ear-training{margin-right:40px}@media all and (max-width: 850px){.marketing-demo-section .demo-container .demo.demo-ear-training{margin-right:30px}}@media all and (max-width: 380px){.marketing-demo-section .demo-container .demo.demo-ear-training{margin-top:30px}}.marketing-demo-section .demo-container .demo img{width:100%;height:100%;border-radius:3px}.marketing-demo-section .demo-container .demo a{position:absolute;width:100%;height:30%;bottom:0;left:0}.tunelark-instructors-container{width:100%;height:670px;background-image:url("https://tunelark-images.s3-us-west-1.amazonaws.com/marketing-page-tunelark-instructors-background-new.jpg");background-size:cover;background-repeat:no-repeat}@media all and (max-width: 400px){.tunelark-instructors-container{max-height:595px}}.tunelark-instructors-h1{color:rgba(255,255,255,0.95);font-weight:800;text-align:center;font-size:18px;letter-spacing:0.03em;margin-top:80px}@media all and (max-width: 700px){.tunelark-instructors-h1{font-size:14px}}.tunelark-instructors-h2{color:white;font-weight:800;text-align:center;font-size:29px;margin-top:20px;margin-left:30px;margin-right:30px}@media all and (max-width: 700px){.tunelark-instructors-h2{font-size:23px}}.tunelark-instructors{text-align:center;margin-top:40px}@media all and (max-width: 400px){.tunelark-instructors{margin-top:25px}}.tunelark-instructors button{padding:17px 20px;background-color:rgba(0,0,0,0.2);border:2px solid white;border-radius:3px;font-size:16px;font-weight:800}@media all and (max-width: 400px){.tunelark-instructors button{font-size:16px;padding:15px 10px}}.tunelark-instructors button:hover{background-color:rgba(0,0,0,0.2)}.example-tunelark-instructors-container{width:90vw;max-width:850px;display:flex;margin:90px auto 0 auto;justify-content:center}@media all and (max-width: 500px){.example-tunelark-instructors-container{transform:scale(0.85)}}@media all and (max-width: 400px){.example-tunelark-instructors-container{transform:scale(0.95);margin-top:60px}}.example-tunelark-instructor{margin:0 15px;position:relative;width:110px;height:164px}.example-tunelark-instructor .example-tunelark-instructors-wrapper{width:100px;opacity:0;position:absolute;top:0;left:0}.example-tunelark-instructor .example-tunelark-instructors-wrapper.fadeOut{opacity:0;transition:width 0.5s 0.5s, height 0.5s 0.5s, opacity 0.5s}.example-tunelark-instructor .example-tunelark-instructors-wrapper.fadeIn{opacity:1;transition:width 0.5s, height 0.5s, opacity 0.5s 0.5s}.example-tunelark-instructor .example-instructor-name{font-weight:800;margin-top:10px;font-size:16px}.example-tunelark-instructor .example-instructor-location{margin-top:8px;font-size:13px}.example-tunelark-instructor .example-instructor-instrument{font-style:italic;margin-top:6px;font-size:13px}.example-tunelark-instructor img{width:110px;border-radius:4px}.example-tunelark-instructor p{color:white;font-size:13px}@media all and (max-width: 900px){.example-tunelark-instructor.example-instructor-6{display:none}}@media all and (max-width: 750px){.example-tunelark-instructor.example-instructor-5{display:none}}@media all and (max-width: 600px){.example-tunelark-instructor.example-instructor-4{display:none}}@media all and (max-width: 400px){.example-tunelark-instructor.example-instructor-3{display:none}}.call-or-text-or-email-us{text-align:center;margin-top:50px;margin-bottom:10px}.call-or-text-or-email-us.left-aligned{text-align:left}@media all and (max-width: 500px){.call-or-text-or-email-us{display:flex;flex-direction:column;align-items:center}.call-or-text-or-email-us.left-aligned{align-items:baseline}}.call-or-text-or-email-us img{width:220px;border:1px solid #dedede;border-radius:5px;cursor:pointer}@media all and (max-width: 650px){.call-or-text-or-email-us img{width:180px}}.call-or-text-or-email-us .text-or-call-us{margin-right:40px}@media all and (max-width: 650px){.call-or-text-or-email-us .text-or-call-us{margin-right:30px}}@media all and (max-width: 500px){.call-or-text-or-email-us .text-or-call-us{margin-right:0;margin-bottom:40px}}.second-classy-information-column .book-a-free-lesson-button .play-the-demo-button{margin-top:30px;padding:17px 30px}.second-classy-information-column .demo-wrapper .demo-title.center-text{margin-bottom:0}.lessons-profile{position:absolute;width:100%;min-height:100%;overflow-x:hidden;overflow-y:auto;background:white;display:flex;flex-direction:column;font-family:Lato;font-weight:normal}.lessons-profile h1{line-height:49px;font-size:33px;letter-spacing:0.01em;color:#484848;font-weight:400}@media all and (max-width: 500px){.lessons-profile h1{line-height:30px;font-size:20px}}@media all and (max-width: 500px){.lessons-profile h1.main-h{line-height:40px;font-size:28px}}.lessons-profile h3 span{font-weight:400;color:#767676}.lessons-profile.lessons-main h1{font-size:33px}@media all and (max-width: 900px){.lessons-profile.lessons-main h1{line-height:49px}}@media all and (max-width: 550px){.lessons-profile.lessons-main h1{line-height:42px;font-size:28px}}@media all and (max-width: 450px){.lessons-profile.lessons-main h1{font-size:28px}}.lessons-profile.lessons-main .certified-section{margin:20px 60px}@media all and (max-width: 1100px){.lessons-profile.lessons-main .certified-section{margin:20px 25px}}.lessons-profile.giftcard-main h1{font-size:33px}@media all and (max-width: 900px){.lessons-profile.giftcard-main h1{line-height:49px}}@media all and (max-width: 550px){.lessons-profile.giftcard-main h1{line-height:42px;font-size:28px}}@media all and (max-width: 450px){.lessons-profile.giftcard-main h1{font-size:28px}}.lessons-profile.giftcard-main .certified-section{margin:20px 60px}@media all and (max-width: 1100px){.lessons-profile.giftcard-main .certified-section{margin:20px 25px}}.lessons-profile h2{font-weight:bold;line-height:65px;font-size:36px;color:#484848}.lessons-profile a{color:#2da0e3;font-weight:400;transition:color 150ms linear}.lessons-profile a:hover{color:#2d79db}.lessons-profile .certified-section{width:100%;margin:0px 25px}.lessons-profile .certified-section .certified-box{position:relative;height:36vw;width:38%;background-color:#f2f2f2;float:left;padding:36px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;min-height:260px;min-width:352px;overflow:hidden}@media all and (max-width: 900px){.lessons-profile .certified-section .certified-box{width:39%;min-width:300px}.lessons-profile .certified-section .certified-box .certified-banner p{font-size:10px;letter-spacing:0;padding-top:1px;margin-left:8px}}@media all and (max-width: 750px){.lessons-profile .certified-section .certified-box{width:calc(100% - 50px);min-width:initial;height:350px;float:none}}@media all and (max-width: 1100px){.lessons-profile .certified-section .certified-box.profile-page{width:calc(100% - 50px);min-width:initial;height:350px;float:none}}@media all and (max-width: 500px){.lessons-profile .certified-section .certified-box{height:270px}}@keyframes rotateInstruments1{from{transform:translateX(0)}to{transform:translateX(-638px)}}@keyframes rotateInstruments2{from{transform:translateX(638px)}to{transform:translateX(0)}}.lessons-profile .certified-section .certified-box .rotating-instruments-container{display:flex;flex-direction:row;justify-content:center;align-items:center;position:absolute;width:100%;bottom:70px}@media all and (max-width: 400px){.lessons-profile .certified-section .certified-box .rotating-instruments-container{bottom:55px}}.lessons-profile .certified-section .certified-box .rotating-instruments{position:absolute;background-image:url("https://tunelark-images.s3-us-west-1.amazonaws.com/instruments.png");height:60px;width:638px;background-size:cover;animation:rotateInstruments1 13s linear infinite}.lessons-profile .certified-section .certified-box .rotating-instruments.rotating-instruments-2{animation:rotateInstruments2 13s linear infinite}.lessons-profile .certified-section .certified-box.dope{background:#ffffff;box-shadow:0px 2px 6px rgba(0,0,0,0.19),0px 3px 24px rgba(0,0,0,0.23);border-radius:5px;height:380px;min-width:500px;justify-content:flex-start}.lessons-profile .certified-section .certified-box.dope.extra-height{height:410px}@media all and (max-width: 450px){.lessons-profile .certified-section .certified-box.dope.extra-height{height:380px}}@media all and (max-width: 550px){.lessons-profile .certified-section .certified-box.dope{width:calc(100% - 50px);min-width:auto;max-height:auto}}.lessons-profile .certified-section .certified-box.dope h1{margin-top:-10px}.lessons-profile .certified-section .certified-box.long-thus-small h1{line-height:40px;font-size:26px}@media all and (max-width: 500px){.lessons-profile .certified-section .certified-box.long-thus-small h1{font-size:18px;line-height:22px}}.lessons-profile .certified-section .certified-box h1{color:#484848}.lessons-profile .certified-section .certified-box .special{color:#f2994a;letter-spacing:0px;font-weight:700}.lessons-profile .certified-section .certified-box .certified-contact-details{position:absolute;bottom:25px;padding-right:10px;font-weight:bold;font-size:16px;color:#767676}@media all and (max-width: 1000px){.lessons-profile .certified-section .certified-box .certified-contact-details{font-size:13px}}.lessons-profile .certified-section .certified-box .certified-contact-details a{color:#767676;transition:color 150ms linear}.lessons-profile .certified-section .certified-box .certified-contact-details a:hover{color:#484848}.lessons-profile .certified-section .certified-banner{display:flex;flex-direction:row;align-items:center;position:absolute;top:25px}.lessons-profile .certified-section .certified-banner img{width:26px;height:26px}.lessons-profile .certified-section .certified-banner p{font-size:12px;color:#767676;font-weight:700;margin-left:12px;letter-spacing:0.5px}@media all and (max-width: 1100px){.lessons-profile .certified-section .certified-banner p{font-size:11px}}.lessons-profile .certified-section .certified-human{margin-left:calc(38% + 25px);margin-right:50px;height:36vw}@media all and (max-width: 1100px){.lessons-profile .certified-section .certified-human{width:calc(100% - 50px);margin-left:0;height:auto}}.lessons-profile .certified-section .certified-human img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@media all and (max-width: 1100px){.lessons-profile .certified-section .certified-human img{-o-object-position:top;object-position:top;margin-top:25px}}.lessons-profile .classy-information-column{margin:25px auto;max-width:1000px;width:85%;padding:0 25px}.lessons-profile .classy-information-column.dope{margin-top:160px;padding-top:60px}@media all and (max-width: 450px){.lessons-profile .classy-information-column.dope{margin-top:190px}}.lessons-profile .classy-information-column.braggy-classy-information-column{margin-bottom:0}.lessons-profile .classy-information-column.braggy-classy-information-column .marketing-demo-section{text-align:center}.lessons-profile .classy-information-column.braggy-classy-information-column .marketing-demo-section .demo-wrapper{margin-top:41px;text-align:left;max-width:647px;letter-spacing:0px}@media all and (max-width: 830px){.lessons-profile .classy-information-column.braggy-classy-information-column .marketing-demo-section .demo-wrapper{margin-top:31px}}.lessons-profile .classy-information-column.braggy-classy-information-column .marketing-demo-section .demo-wrapper p{font-weight:400;font-size:18px;font-style:italic;width:100%;display:initial;line-height:200%;color:#5d5d5d}.lessons-profile .classy-information-column.second-classy-information-column{margin-top:0}.lessons-profile .classy-information-column .divider-line{height:1px;width:100%;background-color:#c7c7c7;margin:80px 0}@media all and (max-width: 750px){.lessons-profile .classy-information-column .divider-line{margin:60px 0}}.lessons-profile .classy-information-column .marketing-demo-section{padding:0}.lessons-profile .classy-information-column .marketing-demo-section .demo-product-shot{width:47%;margin-top:-15px}@media all and (max-width: 750px){.lessons-profile .classy-information-column .marketing-demo-section .demo-product-shot{width:100%}}@media all and (max-width: 750px){.lessons-profile .classy-information-column .marketing-demo-section.image-left{margin-top:55px;margin-bottom:55px}}.lessons-profile .classy-information-column .marketing-demo-section.image-left .demo-description{margin-left:calc(47% + 25px)}@media all and (max-width: 750px){.lessons-profile .classy-information-column .marketing-demo-section.image-left .demo-description{margin-left:0}}.lessons-profile .classy-information-column .marketing-demo-section .demo-explanation{align-items:flex-start}.lessons-profile .classy-information-column .marketing-demo-section .demo-explanation h3{color:#484848;font-weight:700;font-size:18px;margin:45px 0 10px 0}.lessons-profile .classy-information-column .marketing-demo-section .demo-title{color:#292929;margin-bottom:0;margin-top:-10px;font-size:29px;font-weight:700;text-align:left;line-height:45px}@media all and (max-width: 750px){.lessons-profile .classy-information-column .marketing-demo-section .demo-title{line-height:45px;margin-bottom:15px}.lessons-profile .classy-information-column .marketing-demo-section .demo-title.have-a-question-on-profile{margin-bottom:0}}@media all and (max-width: 650px){.lessons-profile .classy-information-column .marketing-demo-section .demo-title{font-size:26px;line-height:37px}}@media all and (max-width: 600px){.lessons-profile .classy-information-column .marketing-demo-section .demo-title{margin-top:0}}@media all and (max-width: 500px){.lessons-profile .classy-information-column .marketing-demo-section .demo-title{font-size:28px;line-height:41px}}.lessons-profile .classy-information-column .marketing-demo-section .demo-title.center-text{text-align:center}.lessons-profile .message-subtitle{font-size:13px}.lessons-profile .form-success{margin-top:50px;font-size:18px;font-style:italic;color:#59ca89;font-weight:700}.lessons-profile .demo-subtitle.subtitle-above-the-fold{margin-top:15px}@media all and (max-width: 450px){.lessons-profile .demo-subtitle.subtitle-above-the-fold{display:none;margin-top:0px}}@media all and (max-width: 750px){.lessons-profile .demo-subtitle.centered{max-width:unset;text-align:center;width:100%}}.lessons-profile .demo-subtitle.rates-subtitle{max-width:420px}.lessons-profile .demo-subtitle a{font-weight:700;color:#767676;transition:color 150ms linear}.lessons-profile .demo-subtitle a:hover{color:#484848}.lessons-profile .form-error{margin-top:22px}.lessons-profile .demo-dual-container{margin-top:45px}@media all and (max-width: 750px){.lessons-profile .demo-dual-container{display:flex;flex-direction:column;align-items:center}}.lessons-profile .demo-dual-container .demo-description{font-size:18px;color:#484848;font-weight:400;line-height:35px}@media all and (max-width: 750px){.lessons-profile .demo-dual-container .demo-description{width:100%}}.lessons-profile .classy-bio{line-height:35px;font-size:18px;color:#484848;margin-top:50px;font-weight:400;white-space:pre-wrap}@media all and (max-width: 1100px){.lessons-profile .classy-bio{margin-top:30px}}.lessons-profile .bio-videos{display:flex;justify-content:space-between;align-items:flex-start;margin-top:45px}@media all and (max-width: 850px){.lessons-profile .bio-videos.three-videos{flex-direction:column}}@media all and (max-width: 850px){.lessons-profile .bio-videos.three-videos .bio-videos__item{margin-bottom:60px}.lessons-profile .bio-videos.three-videos .bio-videos__item:last-child{margin-bottom:0}}@media all and (max-width: 600px){.lessons-profile .bio-videos.three-videos .bio-videos__item{margin-bottom:45px}}@media all and (max-width: 600px){.lessons-profile .bio-videos{flex-direction:column}}.lessons-profile .bio-videos__title{margin-bottom:0}.lessons-profile .bio-videos__item{margin-right:35px;width:100%;height:100%;text-transform:uppercase;color:#7d7d7d}.lessons-profile .bio-videos__item:last-child{margin-right:0;margin-bottom:0}.lessons-profile .plyr__control--overlaid,.lessons-profile .plyr--video .plyr__control:hover{background:rgba(0,0,0,0.25);border:2px solid}.lessons-profile table{border-spacing:15px;margin-left:-15px;color:#484848;font-size:18px}.lessons-profile table thead td{font-weight:700}.lessons-profile table tbody td{font-weight:400}.lessons-profile form{margin-top:25px;width:100%}@media all and (max-width: 750px){.lessons-profile form{margin-top:0}}.lessons-profile form label{display:block;width:100%;margin-top:52px;margin-bottom:10px;font-weight:bold;font-size:18px;color:#484848}.lessons-profile form input,.lessons-profile form textarea{border:1px solid #d9d9d9;border-radius:3px;font-size:18px;padding:5px 10px;outline:0 none;width:40%;height:33px}@media all and (max-width: 750px){.lessons-profile form input,.lessons-profile form textarea{width:93%;max-width:330px}}.lessons-profile form input#opt_message,.lessons-profile form textarea#opt_message{height:80px}.lessons-profile form input:focus,.lessons-profile form textarea:focus{box-shadow:0 0px 3px 1px #2da0e3}.lessons-profile form button{display:block;color:#2da0e3;font-weight:700;font-size:18px;border:2px solid #2da0e3;border-radius:3px;padding:10px 20px;transition:color 150ms linear, border 150ms linear;margin-top:25px}.lessons-profile form button:hover{color:#2894d2;border:2px solid #2894d2}.lessons-profile .map{width:100%;margin-top:50px}.lessons-profile .gradient-space{width:100%;height:240px;background:linear-gradient(to bottom, #fff 0%, #f2f2f2 100%)}.lessons-profile .main-fold-img{background:url(https://tunelark-images.s3-us-west-1.amazonaws.com/piano_lesson_marketing_image_new.jpg) no-repeat;background-size:cover;width:100%;height:694px;position:absolute;top:0}.lessons-profile .where-we-at{font-size:13px;margin-top:10px;position:absolute;bottom:25px;color:#929292;letter-spacing:0.5px}@media all and (max-width: 500px){.lessons-profile .where-we-at{font-size:9px}}.lessons-profile .footer{padding-left:0;padding-right:0;margin:25px auto;max-width:1000px;width:85%;padding:0 25px}.lessons-profile .footer .footer-column{margin:0}.no-future-lesson{padding:20px 20px 0px 20px !important;height:80px !important}.light-header{display:flex;justify-content:flex-end;align-items:center;flex-direction:row;z-index:1}.light-header .lesson-page-logo{width:108px;height:80px;margin-right:auto;margin-top:0px !important;margin-bottom:0px !important;margin-left:19px}.light-header .lesson-page-logo img{width:100%;height:100%}@media all and (max-width: 768px){.light-header .lesson-page-logo{margin-left:0px}}.light-header a{font-family:Lato;font-style:normal;font-weight:400;line-height:20px;font-size:14px;color:rgba(0,0,0,0.65);padding:5px 3px;margin:20px 22px;letter-spacing:0.5px;transition:color 150ms linear}.light-header a.the-one{border-bottom:1px solid rgba(0,0,0,0.35)}.light-header a:hover{color:rgba(0,0,0,0.95)}@media all and (max-width: 700px){.light-header .top-nav-links.pricing{display:none}}@media all and (max-width: 600px){.light-header .top-nav-links{display:none}}.light-header .sign-in-button{border:1px solid rgba(0,0,0,0.35);padding:5px 15px;border-radius:3px;margin-right:25px;display:block}.marketing-demo-section.vertical-horizon .demo-explanation{float:none;width:100%}.demo-subtitle-giftcard.demo-subtitle-wide{max-width:480px !important}.demo-subtitle{color:#767676;font-size:16px;max-width:370px;font-weight:700;line-height:25px;font-size:16px}.demo-subtitle.demo-subtitle-wide{max-width:540px}.demo-subtitle.demo-section-subtitle{max-width:720px;margin-top:12px}@media all and (max-width: 815px){.demo-subtitle.demo-section-subtitle{max-width:580px}}.big-i-frame{z-index:10;position:fixed;height:100%;width:100%;background-color:#85cacc}.big-i-frame iframe{position:fixed;width:100%;height:100%;top:0;left:0}.big-i-frame .close-x{z-index:11;position:fixed;top:50px;right:50px;height:30px;width:30px;cursor:pointer}.big-i-frame .close-x svg{fill:rgba(255,255,255,0.75)}.big-i-frame .close-x:hover svg{fill:rgba(255,255,255,0.95)}.white-header-wrapper .light-header a{color:rgba(255,255,255,0.85)}.white-header-wrapper .light-header a:hover{color:white}.white-header-wrapper .light-header .sign-in-button{border:1px solid rgba(255,255,255,0.85)}.lessons-main .light-header a[href='/lessons']{color:white;border-bottom:1px solid white}.marketing-route.for-teachers .light-header a[href='/schools']{color:white;border-bottom:1px solid white}.giftcard-main .light-header a[href='/gift-cards']{color:white !important;border-bottom:1px solid white !important}.marketing-route.individuals-route .light-header a[href='/individuals']{color:white;border-bottom:1px solid white}.call-to-action-wrapper .learn-more-button{color:#2da0e3;background-color:white;margin-left:30px;box-shadow:none}@media all and (max-width: 585px){.call-to-action-wrapper .learn-more-button{margin-left:20px}}@media all and (max-width: 480px){.call-to-action-wrapper .learn-more-button{display:none}}.call-to-action-wrapper .learn-more-button:hover{background-color:white;color:#2da0e3;box-shadow:none;color:#31adf5;border-color:#31adf5}.call-to-action-wrapper .find-an-instructor-button,.call-to-action-wrapper .learn-more-button{width:205px;margin-top:30px;border:2px solid #2da0e3;padding:13px}@media all and (max-width: 1365px){.call-to-action-wrapper .find-an-instructor-button,.call-to-action-wrapper .learn-more-button{font-size:16px;width:190px}}@media all and (max-width: 585px){.call-to-action-wrapper .find-an-instructor-button,.call-to-action-wrapper .learn-more-button{font-size:16px;width:160px}}@media all and (max-width: 400px){.call-to-action-wrapper .find-an-instructor-button,.call-to-action-wrapper .learn-more-button{font-size:16px;width:155px}}@media all and (max-width: 480px){.call-to-action-wrapper .find-an-instructor-button,.call-to-action-wrapper .learn-more-button{width:205px}}@media all and (max-width: 400px){.call-to-action-wrapper .find-an-instructor-button,.call-to-action-wrapper .learn-more-button{width:100%}}.book-a-lesson{font-weight:700;font-size:18px;text-align:center;color:rgba(255,255,255,0.95);background-color:#29c1b4;width:245px;padding:15px;border-radius:3px;box-shadow:0px 1px 2px rgba(0,0,0,0.27)}@media all and (max-width: 400px){.book-a-lesson{font-size:16px;width:195px}}.book-a-lesson:hover{color:white;background-color:#2ccabc}@media all and (max-width: 1000px){.book-a-lesson.minify{font-size:15px;width:185px;padding:12px;bottom:65px}}.book-a-lesson.standard{background-color:#2da0e3;color:rgba(255,255,255,0.95);margin-top:30px;font-weight:400}.book-a-lesson.standard:hover{color:white;background-color:#2da0e3}.yelp-reviews-container{display:flex;font-size:14px;color:#484848}@media all and (max-width: 750px){.yelp-reviews-container{flex-direction:column}}.yelp-reviews-container p{line-height:22px}.yelp-review{flex-grow:1}@media all and (max-width: 600px){.yelp-review.hide-on-mobile{display:none}}.yelp-review.center-review{margin-left:30px;margin-right:30px}@media all and (max-width: 750px){.yelp-review.center-review{margin:40px 0}}.yelp-review p{font-weight:400;line-height:22px}.yelp-reviewer-info{display:flex}.yelp-reviewer-info img{width:60px;height:60px;border-radius:4px;margin-right:14px;margin-bottom:7px}.yelp-reviewer-name-city-stars p{font-size:14px;font-weight:700;margin-bottom:1px;line-height:normal}.yelp-reviewer-name-city-stars img{width:102px;height:18px;margin-top:6px}.marketing-button,.marketing-demo-section .demo-wrapper .play-the-demo-button,.common-marketing .card-container .card .marketing-button,.common-marketing .card-container .card .marketing-demo-section .demo-wrapper .play-the-demo-button,.marketing-demo-section .demo-wrapper .common-marketing .card-container .card .play-the-demo-button,.common-marketing .card-container .card .stone-faced-button,.stone-faced-button,.common-marketing .marketing-top-section .marketing-top-section-content-wrapper .marketing-top-section-text-and-buttons .primary-cta-button{-webkit-appearance:none;display:inline-block;padding:10px 20px;letter-spacing:0.5px;font-weight:300;cursor:pointer;border:none;border-radius:2px;box-shadow:none;transition:background-color 150ms linear, color 150ms linear, box-shadow 150ms linear;background-color:#29c1b4;color:rgba(255,255,255,0.9)}.marketing-button:hover,.marketing-demo-section .demo-wrapper .play-the-demo-button:hover,.common-marketing .card-container .card .marketing-button:hover,.common-marketing .card-container .card .marketing-demo-section .demo-wrapper .play-the-demo-button:hover,.marketing-demo-section .demo-wrapper .common-marketing .card-container .card .play-the-demo-button:hover,.common-marketing .card-container .card .stone-faced-button:hover,.stone-faced-button:hover,.common-marketing .marketing-top-section .marketing-top-section-content-wrapper .marketing-top-section-text-and-buttons .primary-cta-button:hover{background-color:#2ad6c9;color:white;box-shadow:0px 3px 8px rgba(0,0,0,0.25)}.stone-faced-button,.common-marketing .marketing-top-section .marketing-top-section-content-wrapper .marketing-top-section-text-and-buttons .primary-cta-button{margin-top:40px;padding:15px 35px;color:#229fe6;letter-spacing:0;font-weight:400;font-size:18.04px;border-radius:2px;background-color:rgba(255,255,255,0.95);box-shadow:0px 1px 3px rgba(0,0,0,0.25);transition:background-color 150ms linear, box-shadow 150ms linear}@media all and (max-width: 550px){.stone-faced-button,.common-marketing .marketing-top-section .marketing-top-section-content-wrapper .marketing-top-section-text-and-buttons .primary-cta-button{margin-top:20px}}@media all and (max-width: 400px){.stone-faced-button,.common-marketing .marketing-top-section .marketing-top-section-content-wrapper .marketing-top-section-text-and-buttons .primary-cta-button{font-size:14.432px}}.stone-faced-button:hover,.common-marketing .marketing-top-section .marketing-top-section-content-wrapper .marketing-top-section-text-and-buttons .primary-cta-button:hover{box-shadow:0px 4px 20px rgba(0,0,0,0.15);background-color:white;color:#2194d6}@media all and (max-width: 751px){.marketing-route{background:linear-gradient(180deg, #367ac5 2.21%, #245c98 99.45%), #22558c}}h1{color:rgba(255,255,255,0.95);font-size:41px;font-weight:700;line-height:150%;margin-top:0;margin-bottom:0}@media all and (max-width: 800px){h1{font-size:32.8px}}@media all and (max-width: 600px){h1{font-size:29.93px}}@media all and (max-width: 670px){h1{font-size:23.944px}}@media all and (max-width: 400px){h1{font-size:18.04px}}h1 .yellow-text{color:#ffc700;font-weight:700}.heading-two{text-align:center}.sub-heading{color:rgba(255,255,255,0.95);letter-spacing:0.5px;font-weight:300;display:flex;margin-top:2%;margin-bottom:0;justify-content:center;text-align:center}@media all and (max-width: 750px){.sub-heading{margin-top:4%}}.small-font-size{font-size:18.04px}@media all and (max-width: 450px){.small-font-size{font-size:29.93px}}.divider-line{width:84%;margin:0 auto;height:2px;background:#e0e0e0}.divider-line.wide{width:100%}.mobile-menu{position:absolute;width:200px;right:0;height:100%}@media all and (max-width: 450px){.mobile-menu{width:145px}}@media all and (min-width: 1440px){.mobile-menu{display:none}}.mobile-menu .marketing-links-mobile{margin-left:15%;margin-top:20px;display:flex;flex-direction:column}.mobile-menu .marketing-links-mobile p{line-height:190%;color:white;font-weight:300;cursor:pointer;opacity:0.8;transition:opacity 200ms linear}.mobile-menu .marketing-links-mobile p:hover{opacity:1}.mobile-menu .marketing-links-mobile a{color:rgba(255,255,255,0.9);font-weight:400;display:block;margin-bottom:10px}.mobile-menu .marketing-links-mobile .sign-in{font-weight:400;font-size:18.04px;border:1px solid white;width:80%;text-align:center;padding:7px 0px;transform:translateY(7px);border-radius:2px;background:white;color:#229fe6}@media all and (min-width: 751px){.mobile-menu .marketing-links-mobile{display:none}}.for-teachers .marketing-header-wrapper div.marketing-header-links a.marketing-header-link[href='/schools'],.home-route .marketing-header-wrapper div.marketing-header-links a.marketing-header-link[href='/home'],.individuals-route .marketing-header-wrapper div.marketing-header-links a.marketing-header-link[href='/individuals']{border-bottom:1px solid white}.for-teachers .marketing-links-mobile a.marketing-header-link[href='/schools'],.home-route .marketing-links-mobile a.marketing-header-link[href='/home'],.individuals-route .marketing-links-mobile a.marketing-header-link[href='/individuals']{color:#ffc700;font-weight:400}.common-marketing{box-shadow:0 0 8px rgba(0,0,0,0.3);width:100%;max-width:1440px;margin:0 auto;position:relative;right:0;background:#f6f6ef;transition:right 1s cubic-bezier(0.25, 0.1, 0, 1.02),box-shadow 1s cubic-bezier(0.25, 0.1, 0, 1.02)}.common-marketing.active{right:200px;box-shadow:6px 0px 27px rgba(0,0,0,0.2)}@media all and (max-width: 450px){.common-marketing.active{right:145px}}.common-marketing .light-header{background:#229fe6}.common-marketing .invite-banner{display:flex;align-items:center;justify-content:center;width:100%;height:60px;background-color:#29c1b4;color:rgba(255,255,255,0.95);margin-top:-60px;opacity:0;transition:margin-top 400ms cubic-bezier(0.11, 0.89, 1, 1),opacity 400ms cubic-bezier(0.11, 0.89, 1, 1)}.common-marketing .invite-banner.invite-banner-loaded{margin-top:0px;opacity:1}.common-marketing .invite-banner p{padding-left:5%;padding-right:5%;font-weight:300}.common-marketing .marketing-mobile-header{padding-left:5%;display:flex;align-items:center;justify-content:space-between;background-color:#0b659a}@media all and (min-width: 751px){.common-marketing .marketing-mobile-header{display:none}}.common-marketing .marketing-mobile-header .marketing-logo{margin-top:10px;margin-bottom:10px;display:flex}.common-marketing .marketing-mobile-header .marketing-logo img{transform:translateY(1px);width:113.5px;height:36px}.common-marketing .marketing-mobile-header .mobile-menu-icon{margin-right:5%;cursor:pointer;opacity:0.85;transition:opacity 150ms linear}.common-marketing .marketing-mobile-header .mobile-menu-icon:hover{opacity:1}.common-marketing .marketing-mobile-header .mobile-menu-icon img{width:30px;margin-top:3px}@media all and (max-width: 400px){.common-marketing .marketing-mobile-header .mobile-menu-icon img{width:26px}}.common-marketing .marketing-top-section{position:relative;background:#229fe6;padding:20px 22px 2% 22px;overflow-y:hidden}.common-marketing .marketing-top-section .marketing-header-wrapper{display:flex;align-items:center}@media all and (max-width: 750px){.common-marketing .marketing-top-section .marketing-header-wrapper{display:none}}.common-marketing .marketing-top-section .marketing-header-wrapper .marketing-logo{display:flex}.common-marketing .marketing-top-section .marketing-header-wrapper .marketing-logo img{width:108px;height:34px;position:absolute}@media all and (max-height: 400px){.common-marketing .marketing-top-section .marketing-header-wrapper .marketing-logo img{margin:0 auto 15px auto}}.common-marketing .marketing-top-section .marketing-header-wrapper .marketing-header-links{right:22px;top:0;position:absolute;display:flex;align-items:center}@media all and (max-width: 750px){.common-marketing .marketing-top-section .marketing-header-wrapper .marketing-header-links{display:none}}.common-marketing .marketing-top-section .marketing-header-wrapper .marketing-header-links a{display:inline;margin-left:35px;color:rgba(0,0,0,0.8);font-weight:300;font-size:14px}.common-marketing .marketing-top-section .marketing-header-wrapper .marketing-header-links a.marketing-header-link{color:rgba(255,255,255,0.75);font-weight:400;letter-spacing:0.5px;transition:color 150ms linear;padding:5px 3px;margin:20px 22px}.common-marketing .marketing-top-section .marketing-header-wrapper .marketing-header-links a.marketing-header-link:hover{color:rgba(255,255,255,0.95)}.common-marketing .marketing-top-section .marketing-header-wrapper .marketing-header-links a.sign-in{font-weight:400;letter-spacing:0.5px;line-height:20px;color:rgba(255,255,255,0.9);border:1px solid rgba(255,255,255,0.9);border-radius:3px;padding:5px 15px;transition:color 200ms linear, border 200ms linear, background-color 200ms linear}.common-marketing .marketing-top-section .marketing-header-wrapper .marketing-header-links a.sign-in:hover{color:white;border:1px solid white;background-color:rgba(255,255,255,0.1)}.common-marketing .marketing-top-section .marketing-header-wrapper .marketing-header-links a.for-teachers,.common-marketing .marketing-top-section .marketing-header-wrapper .marketing-header-links a.pricing,.common-marketing .marketing-top-section .marketing-header-wrapper .marketing-header-links a.mission{color:rgba(255,255,255,0.9);transition:color 200ms linear}.common-marketing .marketing-top-section .marketing-header-wrapper .marketing-header-links a.for-teachers:hover,.common-marketing .marketing-top-section .marketing-header-wrapper .marketing-header-links a.pricing:hover,.common-marketing .marketing-top-section .marketing-header-wrapper .marketing-header-links a.mission:hover{color:white}.common-marketing .marketing-top-section .marketing-top-section-content-wrapper{display:flex;width:100%;margin-top:3%;justify-content:center;text-align:center}.common-marketing .marketing-top-section .marketing-top-section-content-wrapper .marketing-top-section-text-and-buttons .marketing-top-section-heading{padding:0 30px;margin-top:-18px}@media all and (max-width: 1200px){.common-marketing .marketing-top-section .marketing-top-section-content-wrapper .marketing-top-section-text-and-buttons .marketing-top-section-heading{margin-top:-14px}}@media all and (max-width: 950px){.common-marketing .marketing-top-section .marketing-top-section-content-wrapper .marketing-top-section-text-and-buttons .marketing-top-section-heading{margin-top:-9px}}.common-marketing .marketing-top-section .marketing-top-section-content-wrapper .marketing-top-section-text-and-buttons .primary-cta-button{padding-left:0;padding-right:0;width:214px}.common-marketing .marketing-top-section .marketing-top-section-content-wrapper .marketing-top-section-text-and-buttons .two-button-section{display:flex;justify-content:center}@media all and (max-width: 550px){.common-marketing .marketing-top-section .marketing-top-section-content-wrapper .marketing-top-section-text-and-buttons .two-button-section{flex-direction:column;align-items:center}}.common-marketing .marketing-top-section .marketing-top-section-content-wrapper .marketing-top-section-text-and-buttons .two-button-section .two-button-section-right-button{margin-left:30px;padding:13px 0;width:210px;color:rgba(255,255,255,0.95);background-color:#229fe6;border:2px solid rgba(255,255,255,0.9);box-shadow:none;transition:color 200ms linear, border 200ms linear, background-color 200ms linear}.common-marketing .marketing-top-section .marketing-top-section-content-wrapper .marketing-top-section-text-and-buttons .two-button-section .two-button-section-right-button:hover{color:white;border:2px solid white;box-shadow:none;background-color:rgba(255,255,255,0.1)}@media all and (max-width: 550px){.common-marketing .marketing-top-section .marketing-top-section-content-wrapper .marketing-top-section-text-and-buttons .two-button-section .two-button-section-right-button{margin-left:0}}.common-marketing .card-container{display:flex;justify-content:center}@media all and (max-width: 750px){.common-marketing .card-container{flex-direction:column;align-items:center;padding-top:2%;margin-top:-1px}}@media all and (max-width: 500px){.common-marketing .card-container{padding-top:8%}}.common-marketing .card-container .card{width:33.33333%;position:relative;background-color:#f6f6ef;box-shadow:0px 3px 5px rgba(0,0,0,0.08),0px 3px 20px rgba(0,0,0,0.14);border:none;border-radius:3px}@media all and (max-width: 750px){.common-marketing .card-container .card{width:85%;margin-bottom:30px}}.common-marketing .card-container .card span{font-weight:400}.common-marketing .card-container .card h3{display:inline-block;font-weight:300;color:#585858;letter-spacing:0.5px;font-size:16px;line-height:32px;margin-top:0;margin-bottom:0}@media all and (max-width: 1000px){.common-marketing .card-container .card h3{font-size:14.432px;line-height:26px}}.common-marketing .card-container .card .action-button{position:absolute;bottom:0;left:0;right:0;width:100%;font-size:18px;border-radius:0px 0px 3px 3px;font-weight:500}.common-marketing .card-container .card .card-body,.common-marketing .card-container .card .card-header{padding:20px}.common-marketing .card-container .card .card-header{border-bottom:2px solid #e2e2e2}.common-marketing .card-container .card .card-header h3{text-transform:uppercase}.common-marketing .card-container .card .card-body{padding-bottom:40px}.common-marketing .card-container .card p{font-weight:200;line-height:2em}.common-marketing .card-container .card .card-title{font-weight:400;line-height:120%;margin-bottom:0;margin-top:0}.common-marketing .card-container .card .green-text{color:#26b3bf}.common-marketing .card-container .card .orange-text{color:#ff7630}.common-marketing .card-container .card .blue-text{color:#299dc1}.common-marketing .card-container .card.margin-right{margin-right:3%}@media all and (max-width: 750px){.common-marketing .card-container .card.margin-right{margin-right:0}}.common-marketing .card-container .card.margin-left{margin-left:3%}@media all and (max-width: 750px){.common-marketing .card-container .card.margin-left{margin-left:0}}.common-marketing .card-container .card .card-image{display:flex;justify-content:center;margin-bottom:20px}.common-marketing .card-container .card .card-image img{width:36.4%;height:3185%;max-width:101px;max-height:59px}.common-marketing .card-container .card .marketing-button,.common-marketing .card-container .card .marketing-demo-section .demo-wrapper .play-the-demo-button,.marketing-demo-section .demo-wrapper .common-marketing .card-container .card .play-the-demo-button,.common-marketing .card-container .card .marketing-button,.common-marketing .card-container .card .stone-faced-button,.common-marketing .card-container .card .marketing-top-section .marketing-top-section-content-wrapper .marketing-top-section-text-and-buttons .primary-cta-button,.common-marketing .marketing-top-section .marketing-top-section-content-wrapper .marketing-top-section-text-and-buttons .card-container .card .primary-cta-button,.common-marketing .card-container .card .stone-faced-button{background-color:rgba(255,255,255,0);box-shadow:none;margin-top:15px;font-weight:300;padding:12px 16px}.common-marketing .card-container .card .marketing-button.green,.common-marketing .card-container .card .marketing-demo-section .demo-wrapper .green.play-the-demo-button,.marketing-demo-section .demo-wrapper .common-marketing .card-container .card .green.play-the-demo-button,.common-marketing .card-container .card .green.stone-faced-button,.common-marketing .card-container .card .marketing-top-section .marketing-top-section-content-wrapper .marketing-top-section-text-and-buttons .green.primary-cta-button,.common-marketing .marketing-top-section .marketing-top-section-content-wrapper .marketing-top-section-text-and-buttons .card-container .card .green.primary-cta-button{color:#26b3bf;border:2px solid #26b3bf}.common-marketing .card-container .card .marketing-button.orange,.common-marketing .card-container .card .marketing-demo-section .demo-wrapper .orange.play-the-demo-button,.marketing-demo-section .demo-wrapper .common-marketing .card-container .card .orange.play-the-demo-button,.common-marketing .card-container .card .orange.stone-faced-button,.common-marketing .card-container .card .marketing-top-section .marketing-top-section-content-wrapper .marketing-top-section-text-and-buttons .orange.primary-cta-button,.common-marketing .marketing-top-section .marketing-top-section-content-wrapper .marketing-top-section-text-and-buttons .card-container .card .orange.primary-cta-button{color:#ff7630;border:2px solid #ff7630}.common-marketing .card-container .card .marketing-button.blue,.common-marketing .card-container .card .marketing-demo-section .demo-wrapper .blue.play-the-demo-button,.marketing-demo-section .demo-wrapper .common-marketing .card-container .card .blue.play-the-demo-button,.common-marketing .card-container .card .blue.stone-faced-button,.common-marketing .card-container .card .marketing-top-section .marketing-top-section-content-wrapper .marketing-top-section-text-and-buttons .blue.primary-cta-button,.common-marketing .marketing-top-section .marketing-top-section-content-wrapper .marketing-top-section-text-and-buttons .card-container .card .blue.primary-cta-button{color:#299dc1;border:2px solid #299dc1}.common-marketing .card-container .card .marketing-button:hover,.common-marketing .card-container .card .marketing-demo-section .demo-wrapper .play-the-demo-button:hover,.marketing-demo-section .demo-wrapper .common-marketing .card-container .card .play-the-demo-button:hover,.common-marketing .card-container .card .stone-faced-button:hover,.common-marketing .card-container .card .marketing-top-section .marketing-top-section-content-wrapper .marketing-top-section-text-and-buttons .primary-cta-button:hover,.common-marketing .marketing-top-section .marketing-top-section-content-wrapper .marketing-top-section-text-and-buttons .card-container .card .primary-cta-button:hover{background-color:rgba(255,255,255,0)}.common-marketing .marketing-section-two{padding:5% 8% 7% 8%;background-color:#229fe6;margin-top:-1px}.common-marketing .marketing-devices-section{padding:6% 8% 7% 8%}.common-marketing .marketing-devices-section .hella-devices{display:flex;align-items:center;justify-content:center;margin-top:6%}@media all and (max-width: 750px){.common-marketing .marketing-devices-section .hella-devices{width:90%;margin:10% auto 0 auto}}.common-marketing .marketing-devices-section .hella-devices img{width:100%;max-width:619px}.get-access-section{background-color:#229fe6;padding:8% 8% 13% 8%;display:flex;flex-direction:column}.get-access-section.get-access-bottom{padding-bottom:20px}.get-access-section.get-access-bottom .heading-two{margin-bottom:0}.get-access-section .heading-two{color:rgba(255,255,255,0.95);margin:0 auto 60px auto;text-align:center;font-weight:700}.get-access-section .heading-two.big-bold-header{font-size:40px;font-weight:700;line-height:130%}.get-access-section .heading-two.big-bold-header .yellow-text{font-weight:700}.get-access-section .heading-two.big-bold-header .smaller-text-under-big-bold-header{font-size:20px;font-weight:400;font-style:italic}@media all and (max-width: 450px){.get-access-section .heading-two.big-bold-header .smaller-text-under-big-bold-header{font-size:15px}}@media all and (max-width: 650px){.get-access-section .heading-two.big-bold-header{font-size:35px}}@media all and (max-width: 550px){.get-access-section .heading-two.big-bold-header{font-size:30px}}@media all and (max-width: 450px){.get-access-section .heading-two.big-bold-header{font-size:25px}}@media all and (max-width: 400px){.get-access-section .heading-two.big-bold-header{font-size:22px}}@media all and (max-width: 550px){.get-access-section .heading-two{margin:0 auto 40px auto}}.get-access-section .authentication-inner-wrapper{margin:0 auto;background-color:#f6f6ef;padding:30px;border-radius:3px;box-shadow:0px 3px 5px rgba(0,0,0,0.08),0px 3px 20px rgba(0,0,0,0.14)}.get-access-section .authentication-inner-wrapper .text-field{font-size:18.04px;background:rgba(41,193,180,0.06);border:1px solid rgba(41,193,180,0.17);padding-left:8px;box-sizing:border-box;color:#646464;height:51px}.get-access-section .authentication-inner-wrapper.auth-form{width:280px}@media all and (max-width: 450px){.get-access-section .authentication-inner-wrapper.auth-form{width:234px}}@media all and (max-width: 350px){.get-access-section .authentication-inner-wrapper.auth-form{width:208px}}@media all and (max-width: 400px){.get-access-section .authentication-inner-wrapper.auth-form a,.get-access-section .authentication-inner-wrapper.auth-form input{font-size:14.432px}}.get-access-section .authentication-inner-wrapper.auth-form p{color:rgba(255,255,255,0.95);font-weight:300;line-height:160%;font-size:18.04px}@media all and (max-width: 350px){.get-access-section .authentication-inner-wrapper.auth-form p{font-size:14.432px}}.get-access-section .authentication-inner-wrapper.auth-form .or{font-size:18.04px;color:#575757}@media all and (max-width: 500px){.get-access-section .authentication-inner-wrapper.auth-form .or{font-size:14.432px}}.get-access-section .authentication-inner-wrapper .field{margin-bottom:30px}.get-access-section .authentication-inner-wrapper .field ::-webkit-input-placeholder{color:#29c1b4}.get-access-section .authentication-inner-wrapper .field :-moz-placeholder{color:#29c1b4}.get-access-section .authentication-inner-wrapper .field ::-moz-placeholder{color:#29c1b4}.get-access-section .authentication-inner-wrapper .field :-ms-input-placeholder{color:#29c1b4}.get-access-section .authentication-inner-wrapper .terms{margin-top:10px;font-size:12px;font-weight:300;color:rgba(0,0,0,0.5)}.get-access-section .authentication-inner-wrapper .terms a{text-decoration:underline;color:rgba(0,0,0,0.5);transition:color 150ms linear}.get-access-section .authentication-inner-wrapper .terms a:hover{color:rgba(0,0,0,0.8)}.get-access-section .authentication-inner-wrapper .underline{text-decoration:underline}.get-access-section .authentication-inner-wrapper .actions.add-margin-bottom{margin-bottom:0}.get-access-section .authentication-inner-wrapper .action-button{box-shadow:none;transition:box-shadow 150ms linear;font-size:18.04px}.get-access-section .authentication-inner-wrapper .action-button:hover{box-shadow:0px 4px 20px rgba(0,0,0,0.15)}.get-access-section .authentication-inner-wrapper .action-button.facebook-blue{background-color:#3b5998;color:rgba(255,255,255,0.9);transition:background-color 150ms linear}.get-access-section .authentication-inner-wrapper .action-button.facebook-blue:hover{background-color:#385490;color:white}.get-access-section .authentication-inner-wrapper .action-button.green{color:rgba(255,255,255,0.95);background-color:#29c1b4;margin-top:5%;transition:box-shadow 150ms linear, background-color 150ms linear, color 150ms linear}.get-access-section .authentication-inner-wrapper .action-button.green:hover{box-shadow:0px 4px 20px rgba(0,0,0,0.15);background-color:#2ccabc;color:rgba(255,255,255,0.95)}.modal-title{font-size:41px;color:rgba(0,0,0,0.75)}.modal-content{font-size:29.93px;color:rgba(0,0,0,0.75);line-height:190%}.lower-content-area .modal-get-access .get-access-section{padding:0}.lower-content-area .modal-get-access .get-access-section .auth-form{width:260px}.lower-content-area .modal-get-access .get-access-section .auth-form p{color:rgba(0,0,0,0.8);font-size:18.04px}.lower-content-area .modal-get-access .add-margin-bottom{margin-bottom:0}.marketing-demo-section{padding:6% 8% 5% 8%}@media all and (max-width: 750px){.marketing-demo-section{padding:50px 8% 50px 8%}}.marketing-demo-section.center{text-align:center}.marketing-demo-section .demo-product-shot{width:47%}@media all and (min-width: 750px){.marketing-demo-section .demo-product-shot.shift-up{margin-top:-15px}}.marketing-demo-section .demo-product-shot.make-image-smaller{display:flex;align-items:center;justify-content:center}.marketing-demo-section .demo-product-shot.make-image-smaller img{width:80%}@media all and (max-width: 750px){.marketing-demo-section .demo-product-shot{width:80%;margin:0 auto 7% auto}}.marketing-demo-section .demo-product-shot img{width:100%}.marketing-demo-section.image-left .demo-wrapper .demo-product-shot{float:left}@media all and (max-width: 750px){.marketing-demo-section.image-left .demo-wrapper .demo-product-shot{float:none}}.marketing-demo-section.image-left .demo-wrapper .demo-explanation{float:right}@media all and (max-width: 750px){.marketing-demo-section.image-left .demo-wrapper .demo-explanation{width:95%;float:none;margin:0 auto;display:flex;flex-direction:column;align-items:center}}.marketing-demo-section.image-right .heading-two{width:80%}.marketing-demo-section.image-right .demo-wrapper .demo-product-shot{float:right}@media all and (max-width: 750px){.marketing-demo-section.image-right .demo-wrapper .demo-product-shot{float:none}}.marketing-demo-section.image-right .demo-wrapper .demo-explanation{float:left}@media all and (max-width: 750px){.marketing-demo-section.image-right .demo-wrapper .demo-explanation{width:95%;float:none;margin:0 auto;display:flex;flex-direction:column;align-items:center}}.marketing-demo-section .demo-title{margin-bottom:20px;margin-top:0;color:#575757;font-weight:400;font-size:26px}@media all and (max-width: 750px){.marketing-demo-section .demo-title{text-align:center}}.marketing-demo-section .demo-description{color:#646464;letter-spacing:0px;line-height:32px;margin-bottom:15px;font-weight:300;font-size:18.04px}@media all and (max-width: 500px){.marketing-demo-section .demo-description{font-size:14.432px;line-height:28px}}.marketing-demo-section .demo-description.button{margin-bottom:0}.marketing-demo-section .demo-explanation{width:47%;float:right;position:relative}@media all and (max-width: 750px){.marketing-demo-section .demo-explanation{width:47%;float:none;margin:5% auto 0% auto;display:flex;flex-direction:column;align-items:center}}.marketing-demo-section .demo-explanation .demo-description{max-width:460px}.marketing-demo-section .marketing-icon-grid{display:flex;flex-wrap:wrap;margin-bottom:40px}.marketing-demo-section .marketing-icon-grid .icon-and-text-component{width:210px;margin-top:10px;margin-right:30px;margin-bottom:40px}@media all and (max-width: 600px){.marketing-demo-section .marketing-icon-grid .icon-and-text-component{margin-top:0;margin-bottom:10px;width:120px;margin-right:10px}}.marketing-demo-section .marketing-icon-grid .icon-and-text-component .icon-wrapper{height:100px}.marketing-demo-section .marketing-icon-grid .icon-and-text-component .icon-wrapper .the-part-with-the-icon.free-first-lesson-icon svg{width:52px;padding-top:41px}.marketing-demo-section .marketing-icon-grid .icon-and-text-component .icon-wrapper .the-part-with-the-icon.expert-musicians-icon svg{width:45px;padding-top:46px}.marketing-demo-section .marketing-icon-grid .icon-and-text-component .icon-wrapper .the-part-with-the-icon.affordable-icon svg{width:52px;padding-top:39px}.marketing-demo-section .marketing-icon-grid .icon-and-text-component .icon-wrapper .the-part-with-the-icon.flexible-icon svg{width:40px;padding-top:46px}.marketing-demo-section .marketing-icon-grid .icon-and-text-component .icon-wrapper .the-part-with-the-icon.great-for-families-icon svg{width:52px;padding-top:38px}.marketing-demo-section .marketing-icon-grid .icon-and-text-component .icon-wrapper .the-part-with-the-icon.easy-scheduling-icon svg{width:43px;padding-top:41px}.marketing-demo-section .marketing-icon-grid .icon-and-text-component .icon-wrapper .the-part-with-the-icon.pay-via-credit-card-icon svg{width:52px;padding-top:40px}.marketing-demo-section .marketing-icon-grid .icon-and-text-component .icon-wrapper .the-part-with-the-icon.any-instrument-icon svg{width:52px;padding-top:35px}.marketing-demo-section .marketing-icon-grid .icon-and-text-component .the-part-with-the-header{margin-top:5px;font-size:20px;font-weight:700;color:#292929}@media all and (max-width: 600px){.marketing-demo-section .marketing-icon-grid .icon-and-text-component .the-part-with-the-header{font-size:15px}}.marketing-demo-section .marketing-icon-grid .icon-and-text-component .the-part-with-the-description{margin-top:10px}@media all and (max-width: 600px){.marketing-demo-section .marketing-icon-grid .icon-and-text-component .the-part-with-the-description{font-size:13px}}.marketing-demo-section .demo-wrapper{display:inline-block;width:100%}.marketing-demo-section .demo-wrapper .centered-demo-title{margin-bottom:0}.marketing-demo-section .demo-wrapper .centered-subtitle{text-align:center;margin:auto}@media all and (max-width: 750px){.marketing-demo-section .demo-wrapper.flex-direction-column{display:flex;flex-direction:column}.marketing-demo-section .demo-wrapper.flex-direction-column-reverse{display:flex;flex-direction:column-reverse}}.marketing-demo-section .demo-wrapper .play-the-demo-button{margin-top:10px;color:#29c1b4;border:2px solid #29c1b4;letter-spacing:0.5px;font-weight:700;font-size:18.04px;border-radius:2px;box-shadow:none;background-color:rgba(0,0,0,0);transition:color 150ms linear, border 150ms linear}@media all and (max-width: 500px){.marketing-demo-section .demo-wrapper .play-the-demo-button{font-size:16px}}.marketing-demo-section .demo-wrapper .play-the-demo-button:hover{color:#2ccabc;border:2px solid #2ccabc;background-color:rgba(0,0,0,0);box-shadow:none}.marketing-demo-section .lesson-locations-container{display:flex;margin-top:45px}@media all and (max-width: 900px){.marketing-demo-section .lesson-locations-container{flex-wrap:wrap}}@media all and (max-width: 550px){.marketing-demo-section .lesson-locations-container{flex-direction:column}}.marketing-demo-section .lesson-locations-container .lesson-location{width:31%}@media all and (max-width: 900px){.marketing-demo-section .lesson-locations-container .lesson-location{flex-wrap:wrap;width:48%}}@media all and (max-width: 550px){.marketing-demo-section .lesson-locations-container .lesson-location{width:100%;max-width:327px}}.marketing-demo-section .lesson-locations-container .lesson-location.lesson-location-in-home{margin-right:3.5%}@media all and (max-width: 900px){.marketing-demo-section .lesson-locations-container .lesson-location.lesson-location-in-home{margin-right:4%}}.marketing-demo-section .lesson-locations-container .lesson-location.lesson-location-studio{margin-right:3.5%}@media all and (max-width: 900px){.marketing-demo-section .lesson-locations-container .lesson-location.lesson-location-studio{margin-right:0}}@media all and (max-width: 550px){.marketing-demo-section .lesson-locations-container .lesson-location.lesson-location-studio{margin-top:40px}}@media all and (max-width: 900px){.marketing-demo-section .lesson-locations-container .lesson-location.lesson-location-video-chat{margin-top:40px}}.marketing-demo-section .lesson-locations-container .lesson-location img{width:100%;border-radius:3px}.marketing-demo-section .lesson-locations-container .lesson-location-text-and-button{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.marketing-demo-section .lesson-locations-container .lesson-location-text{font-weight:700;color:#373737;font-size:16px}@media all and (max-width: 1100px){.marketing-demo-section .lesson-locations-container .lesson-location-text{font-size:14px}}@media all and (max-width: 1000px){.marketing-demo-section .lesson-locations-container .lesson-location-text{font-size:13px}}@media all and (max-width: 900px){.marketing-demo-section .lesson-locations-container .lesson-location-text{font-size:16px}}@media all and (max-width: 750px){.marketing-demo-section .lesson-locations-container .lesson-location-text{font-size:14px}}@media all and (max-width: 650px){.marketing-demo-section .lesson-locations-container .lesson-location-text{font-size:12px}}@media all and (max-width: 550px){.marketing-demo-section .lesson-locations-container .lesson-location-text{font-size:16px}}@media all and (max-width: 350px){.marketing-demo-section .lesson-locations-container .lesson-location-text{font-size:14px}}.marketing-demo-section .lesson-locations-container .lesson-location-button{border:1px solid #373737;padding:5px 6px;border-radius:2px;color:#373737;font-size:14px;font-weight:700;cursor:pointer}@media all and (max-width: 1100px){.marketing-demo-section .lesson-locations-container .lesson-location-button{font-size:12px}}@media all and (max-width: 1100px){.marketing-demo-section .lesson-locations-container .lesson-location-button{font-size:11px;padding:5px 5px}}@media all and (max-width: 900px){.marketing-demo-section .lesson-locations-container .lesson-location-button{font-size:14px}}@media all and (max-width: 750px){.marketing-demo-section .lesson-locations-container .lesson-location-button{font-size:12px}}@media all and (max-width: 650px){.marketing-demo-section .lesson-locations-container .lesson-location-button{font-size:11px;padding:5px 5px}}@media all and (max-width: 550px){.marketing-demo-section .lesson-locations-container .lesson-location-button{font-size:14px}}@media all and (max-width: 350px){.marketing-demo-section .lesson-locations-container .lesson-location-button{font-size:12px}}.marketing-demo-section .demo-container{margin-top:20px;margin-bottom:100px;display:flex;flex-wrap:wrap}@media all and (max-width: 380px){.marketing-demo-section .demo-container{display:flex;flex-direction:column;margin-top:30px}}.marketing-demo-section .demo-container .demo{width:25%;max-width:350px;min-width:180px;border-radius:3px;margin-top:30px;position:relative;box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);transition:all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1)}@media all and (max-width: 500px){.marketing-demo-section .demo-container .demo{min-width:165px}}@media all and (max-width: 430px){.marketing-demo-section .demo-container .demo{min-width:150px}}@media all and (max-width: 380px){.marketing-demo-section .demo-container .demo{width:100%;margin-right:0}}.marketing-demo-section .demo-container .demo:hover{box-shadow:0 10px 20px rgba(0,0,0,0.2),0 6px 6px rgba(0,0,0,0.12)}.marketing-demo-section .demo-container .demo.demo-note-reading{margin-right:40px}@media all and (max-width: 850px){.marketing-demo-section .demo-container .demo.demo-note-reading{margin-right:30px}}@media all and (max-width: 380px){.marketing-demo-section .demo-container .demo.demo-note-reading{margin-top:30px}}.marketing-demo-section .demo-container .demo.demo-ear-training{margin-right:40px}@media all and (max-width: 850px){.marketing-demo-section .demo-container .demo.demo-ear-training{margin-right:30px}}@media all and (max-width: 380px){.marketing-demo-section .demo-container .demo.demo-ear-training{margin-top:30px}}.marketing-demo-section .demo-container .demo img{width:100%;height:100%;border-radius:3px}.marketing-demo-section .demo-container .demo a{position:absolute;width:100%;height:30%;bottom:0;left:0}.tunelark-instructors-container{width:100%;height:670px;background-image:url("https://tunelark-images.s3-us-west-1.amazonaws.com/marketing-page-tunelark-instructors-background-new.jpg");background-size:cover;background-repeat:no-repeat}@media all and (max-width: 400px){.tunelark-instructors-container{max-height:595px}}.tunelark-instructors-h1{color:rgba(255,255,255,0.95);font-weight:800;text-align:center;font-size:18px;letter-spacing:0.03em;margin-top:80px}@media all and (max-width: 700px){.tunelark-instructors-h1{font-size:14px}}.tunelark-instructors-h2{color:white;font-weight:800;text-align:center;font-size:29px;margin-top:20px;margin-left:30px;margin-right:30px}@media all and (max-width: 700px){.tunelark-instructors-h2{font-size:23px}}.tunelark-instructors{text-align:center;margin-top:40px}@media all and (max-width: 400px){.tunelark-instructors{margin-top:25px}}.tunelark-instructors button{padding:17px 20px;background-color:rgba(0,0,0,0.2);border:2px solid white;border-radius:3px;font-size:16px;font-weight:800}@media all and (max-width: 400px){.tunelark-instructors button{font-size:16px;padding:15px 10px}}.tunelark-instructors button:hover{background-color:rgba(0,0,0,0.2)}.example-tunelark-instructors-container{width:90vw;max-width:850px;display:flex;margin:90px auto 0 auto;justify-content:center}@media all and (max-width: 500px){.example-tunelark-instructors-container{transform:scale(0.85)}}@media all and (max-width: 400px){.example-tunelark-instructors-container{transform:scale(0.95);margin-top:60px}}.example-tunelark-instructor{margin:0 15px;position:relative;width:110px;height:164px}.example-tunelark-instructor .example-tunelark-instructors-wrapper{width:100px;opacity:0;position:absolute;top:0;left:0}.example-tunelark-instructor .example-tunelark-instructors-wrapper.fadeOut{opacity:0;transition:width 0.5s 0.5s, height 0.5s 0.5s, opacity 0.5s}.example-tunelark-instructor .example-tunelark-instructors-wrapper.fadeIn{opacity:1;transition:width 0.5s, height 0.5s, opacity 0.5s 0.5s}.example-tunelark-instructor .example-instructor-name{font-weight:800;margin-top:10px;font-size:16px}.example-tunelark-instructor .example-instructor-location{margin-top:8px;font-size:13px}.example-tunelark-instructor .example-instructor-instrument{font-style:italic;margin-top:6px;font-size:13px}.example-tunelark-instructor img{width:110px;border-radius:4px}.example-tunelark-instructor p{color:white;font-size:13px}@media all and (max-width: 900px){.example-tunelark-instructor.example-instructor-6{display:none}}@media all and (max-width: 750px){.example-tunelark-instructor.example-instructor-5{display:none}}@media all and (max-width: 600px){.example-tunelark-instructor.example-instructor-4{display:none}}@media all and (max-width: 400px){.example-tunelark-instructor.example-instructor-3{display:none}}.call-or-text-or-email-us{text-align:center;margin-top:50px;margin-bottom:10px}.call-or-text-or-email-us.left-aligned{text-align:left}@media all and (max-width: 500px){.call-or-text-or-email-us{display:flex;flex-direction:column;align-items:center}.call-or-text-or-email-us.left-aligned{align-items:baseline}}.call-or-text-or-email-us img{width:220px;border:1px solid #dedede;border-radius:5px;cursor:pointer}@media all and (max-width: 650px){.call-or-text-or-email-us img{width:180px}}.call-or-text-or-email-us .text-or-call-us{margin-right:40px}@media all and (max-width: 650px){.call-or-text-or-email-us .text-or-call-us{margin-right:30px}}@media all and (max-width: 500px){.call-or-text-or-email-us .text-or-call-us{margin-right:0;margin-bottom:40px}}.second-classy-information-column .book-a-free-lesson-button .play-the-demo-button{margin-top:30px;padding:17px 30px}.second-classy-information-column .demo-wrapper .demo-title.center-text{margin-bottom:0}.pricing-route .common-marketing .marketing-top-section .marketing-top-section-content-wrapper .marketing-top-section-text-and-buttons .marketing-top-section-heading .announcement-modal{padding:20px}.pricing-route .common-marketing .marketing-top-section .marketing-top-section-content-wrapper .marketing-top-section-text-and-buttons .marketing-top-section-heading .announcement-modal svg{right:20px;top:20px}.pricing-route .common-marketing .marketing-top-section .marketing-top-section-content-wrapper .marketing-top-section-text-and-buttons .marketing-top-section-heading .announcement-modal .authentication-inner-wrapper{padding:45px}.pricing-route .pricing-number{margin-top:10px;margin-bottom:20px}.pricing-route .pricing-number h1{color:#444444;font-size:2em;line-height:100%}.pricing-route .pricing-number h1 small{font-size:0.5em}.pricing-route .begin-your-free-trial{margin-bottom:90px;position:relative}.pricing-details{width:100%}.pricing-details .divider-line{width:100%;background:#bbbbbb}.pricing-details .pricing-text{margin:0 auto}@media all and (min-width: 750px){.pricing-details .pricing-text{width:61%}}.pricing-details h2{color:#bbbbbb;font-weight:700;padding-bottom:25px;text-transform:uppercase;margin-bottom:0;font-size:1.17em;display:inline-block;letter-spacing:.5px}.pricing-details h3{margin-bottom:0.5em;color:#575757;font-weight:500}.pricing-details h3.first-item-after-divider{margin-top:50px}.pricing-details h3.last-item-in-pricing-details-list{color:#29c1b4;font-weight:700;margin-top:50px}.pricing-details p{margin-bottom:3em;color:#575757;line-height:180%;font-weight:300}.pricing-details p a{color:#70a2d8}.sign-in-form label{color:#484848}.sign-in-form .authentication-inner-wrapper{margin:0 auto;background-color:#f6f6ef;padding:30px;border-radius:3px;box-shadow:0px 3px 5px rgba(0,0,0,0.08),0px 3px 20px rgba(0,0,0,0.14)}.sign-in-form .authentication-inner-wrapper.no-background{background-color:transparent;box-shadow:none}.sign-in-form .authentication-inner-wrapper .terms{display:flex;flex-direction:column;align-items:center}.sign-in-form .authentication-inner-wrapper .text-field{font-size:16px;background:rgba(41,193,180,0.06);border:1px solid rgba(41,193,180,0.17);padding-left:8px;box-sizing:border-box;color:#646464;height:51px}.sign-in-form .authentication-inner-wrapper.auth-form{width:280px}@media all and (max-width: 450px){.sign-in-form .authentication-inner-wrapper.auth-form{width:234px}}@media all and (max-width: 350px){.sign-in-form .authentication-inner-wrapper.auth-form{width:208px}}@media all and (max-width: 400px){.sign-in-form .authentication-inner-wrapper.auth-form a,.sign-in-form .authentication-inner-wrapper.auth-form input{font-size:14.432px}}.sign-in-form .authentication-inner-wrapper.auth-form p{color:rgba(255,255,255,0.95);font-weight:300;line-height:160%;font-size:18.04px}@media all and (max-width: 350px){.sign-in-form .authentication-inner-wrapper.auth-form p{font-size:14.432px}}.sign-in-form .authentication-inner-wrapper.auth-form .or{font-size:16px;color:#575757}@media all and (max-width: 500px){.sign-in-form .authentication-inner-wrapper.auth-form .or{font-size:14.432px}}.sign-in-form .authentication-inner-wrapper .field{margin-bottom:30px}.sign-in-form .authentication-inner-wrapper .field ::-webkit-input-placeholder{color:#29c1b4}.sign-in-form .authentication-inner-wrapper .field :-moz-placeholder{color:#29c1b4}.sign-in-form .authentication-inner-wrapper .field ::-moz-placeholder{color:#29c1b4}.sign-in-form .authentication-inner-wrapper .field :-ms-input-placeholder{color:#29c1b4}.sign-in-form .authentication-inner-wrapper .flash-alert{margin-bottom:40px}.sign-in-form .authentication-inner-wrapper .terms{margin-top:10px;font-size:12px;font-weight:300;line-height:1.2em;color:rgba(0,0,0,0.5)}.sign-in-form .authentication-inner-wrapper .terms a{text-decoration:underline;color:rgba(0,0,0,0.5);transition:color 150ms linear;font-size:12px}.sign-in-form .authentication-inner-wrapper .terms a:hover{color:rgba(0,0,0,0.8)}.sign-in-form .authentication-inner-wrapper .underline{text-decoration:underline}.sign-in-form .authentication-inner-wrapper .actions.add-margin-bottom{margin-bottom:0}.sign-in-form .authentication-inner-wrapper .action-button{box-shadow:none;transition:box-shadow 150ms linear;font-size:16px;font-weight:400;border-radius:3px}.sign-in-form .authentication-inner-wrapper .action-button:hover{box-shadow:0px 4px 20px rgba(0,0,0,0.15)}.sign-in-form .authentication-inner-wrapper .action-button.facebook-blue{background-color:#3b5998;color:rgba(255,255,255,0.9);transition:background-color 150ms linear}.sign-in-form .authentication-inner-wrapper .action-button.facebook-blue:hover{background-color:#385490;color:white}.sign-in-form .authentication-inner-wrapper .action-button.green{color:rgba(255,255,255,0.95);background-color:#29c1b4;margin-top:5%;transition:box-shadow 150ms linear, background-color 150ms linear, color 150ms linear}.sign-in-form .authentication-inner-wrapper .action-button.green:hover{box-shadow:0px 4px 20px rgba(0,0,0,0.15);background-color:#2ccabc;color:rgba(255,255,255,0.95)}.field{margin-bottom:30px;color:white}@media all and (max-height: 400px){.field{margin-bottom:15px}}.email-field-label{color:red}.auth-pages-logo-wrapper{width:100%;padding-left:30px;padding-top:20px;padding-bottom:50px}@media all and (max-width: 768px){.auth-pages-logo-wrapper{padding:0px}}.auth-pages-logo-wrapper .auth-pages-logo{background-image:url(//d18k0o1f3va2cz.cloudfront.net/assets/marketing-site/logo-with-text.svg);background-repeat:no-repeat;display:block;background-size:167px 65px;width:100%;height:80px;z-index:1}@media all and (max-width: 768px){.auth-pages-logo-wrapper .auth-pages-logo{margin-left:0px;background-position:center}}.logo-title.app-header-text{margin-left:158.266px;transition:margin-left 1s;margin-bottom:0;font-size:21px}.logo-title.app-header-text:hover{margin-left:159.266px}.lead-confirmed-page{width:100%;height:100%;background:#FCF8F4;padding-bottom:3%}.lead-confirmed-page .inner-content{text-align:center;justify-content:center;margin-top:2%;padding:0 2%}.lead-confirmed-page .inner-content h1{color:#19394C;font-family:'Playfair Display';font-style:normal;font-weight:700;font-size:30px;line-height:48px;margin-top:2%}.lead-confirmed-page .inner-content p{font-family:'Source Sans Pro';font-style:normal;font-weight:400;font-size:18px;line-height:26px;text-align:center;width:425px;margin:25px auto;color:#19394C}.lead-confirmed-page .inner-content .card{position:relative;display:flex;flex-direction:column;word-wrap:break-word;width:530px;background-clip:border-box;border-radius:0.25rem;margin:0 auto}.lead-confirmed-page .inner-content .card img{max-width:530px;max-height:345px;-o-object-fit:contain;object-fit:contain;width:100%}.lead-confirmed-page .inner-content .card p{margin-top:-5%;width:100%}.lead-confirmed-page .inner-content .card .card-body h3{font-family:'Playfair Display';font-style:normal;font-weight:700;font-size:28px;line-height:37px}@media all and (max-width: 500px){.lead-confirmed-page .inner-content .card{width:auto}.lead-confirmed-page .inner-content p{width:320px}}.lead-confirmed-page .auth-pages-top-bar{height:12px;background:#74C6FA}.lead-confirmed-page .new-logo img{width:194px;height:64px;padding:10px 0}.authentication-outer-wrapper{min-height:350px;height:100%;background:#FCF8F4;margin:0 auto}@media all and (max-width: 450px) and (max-height: 600px){.authentication-outer-wrapper{padding-top:20px}}.authentication-outer-wrapper .authentication-inner-wrapper{margin:10px auto 30px auto;font-weight:300;font-size:23px;letter-spacing:.04em;width:280px}@media all and (max-width: 768px){.authentication-outer-wrapper .authentication-inner-wrapper{padding-top:20px}}.authentication-outer-wrapper .authentication-inner-wrapper #error_explanation h2,.authentication-outer-wrapper .authentication-inner-wrapper #error_explanation ul{color:red !important}.authentication-outer-wrapper .authentication-inner-wrapper.generic-view-page{padding:10%}.authentication-outer-wrapper .authentication-inner-wrapper h1{font-size:29.93px;margin-bottom:15px}@media all and (max-width: 450px){.authentication-outer-wrapper .authentication-inner-wrapper h1{font-size:23.944px}}.authentication-outer-wrapper .authentication-inner-wrapper.auth-page-notice{width:320px;margin-top:11% !important}.authentication-outer-wrapper .authentication-inner-wrapper.auth-page-notice h1{font-size:24px;line-height:145%;color:#19394C}.authentication-outer-wrapper .authentication-inner-wrapper.auth-page-notice h2,.authentication-outer-wrapper .authentication-inner-wrapper.auth-page-notice .button-as-link{font-weight:400;color:#19394C;font-size:18px}.authentication-outer-wrapper .authentication-inner-wrapper.auth-page-notice .button-as-link{background:none;border:none;padding:0;text-decoration:underline;cursor:pointer}.authentication-outer-wrapper .authentication-inner-wrapper.auth-page-notice .auth-page-divider{width:97%;height:2px;background-color:#19394C;opacity:0.35}@media all and (max-height: 800px){.authentication-outer-wrapper .authentication-inner-wrapper.auth-page-notice{margin:auto;margin-top:40px}}.authentication-outer-wrapper .authentication-inner-wrapper .sign-in-title{font-size:20px;color:#19394C;font-weight:400;text-align:left;margin-bottom:50px;letter-spacing:0px}@media all and (max-height: 700px){.authentication-outer-wrapper .authentication-inner-wrapper .sign-in-title{margin-bottom:40px}}.authentication-outer-wrapper .authentication-inner-wrapper .action-button{font-weight:500}.auth-form{width:230px}.auth-form h2{font-size:14px;line-height:160%;color:#19394C}.auth-form .or{margin-top:20px}.auth-form .or-padding{margin-top:40px}.auth-form input{width:100%}.text-center{text-align:center;color:rgba(255,255,255,0.6)}@media all and (max-height: 400px){.text-center{margin-top:10px}}.text-field{border:0;padding:0;outline:0;background:transparent;border-bottom:1px solid #19394C;height:40px;width:313px;font-family:"Lato", "Helvetica Neue";font-weight:300;color:#19394C;font-size:14px;border-radius:0px;transition:border-bottom 200ms linear}.text-field::-moz-placeholder{color:#19394C;opacity:60%}.text-field::placeholder{color:#19394C;opacity:60%}.text-field:focus{border-bottom:1px solid #19394C}@media all and (max-width: 450px){.text-field{width:260px}}::-webkit-input-placeholder{color:rgba(255,255,255,0.6)}:-moz-placeholder{color:rgba(255,255,255,0.9)}::-moz-placeholder{color:rgba(255,255,255,0.9)}:-ms-input-placeholder{color:rgba(255,255,255,0.9)}.link-under-call-to-action{color:#19394C;font-weight:300;font-size:14px;font-weight:800;text-decoration:underline;transition:color 150ms linear}.ear-training-game-container .note{filter:drop-shadow(0px 2px 12px rgba(0,0,0,0.3))}.ear-training-game-container [note="A"],.ear-training-game-container [note="A"] svg:not(.ledger-line){fill:#D9657A;color:#D9657A}.ear-training-game-container [note="A-sharp"],.ear-training-game-container [note="A-sharp"] svg:not(.ledger-line){fill:#FB933C;color:#FB933C}.ear-training-game-container [note="B"],.ear-training-game-container [note="B"] svg:not(.ledger-line){fill:#FFAA16;color:#FFAA16}.ear-training-game-container [note="C"],.ear-training-game-container [note="C"] svg:not(.ledger-line){fill:#FCDC1D;color:#FCDC1D}.ear-training-game-container [note="C-sharp"],.ear-training-game-container [note="C-sharp"] svg:not(.ledger-line){fill:#9FDE19;color:#9FDE19}.ear-training-game-container [note="D"],.ear-training-game-container [note="D"] svg:not(.ledger-line){fill:#3DCF84;color:#3DCF84}.ear-training-game-container [note="D-sharp"],.ear-training-game-container [note="D-sharp"] svg:not(.ledger-line){fill:#51CDB6;color:#51CDB6}.ear-training-game-container [note="E"],.ear-training-game-container [note="E"] svg:not(.ledger-line){fill:#5BC2D4;color:#5BC2D4}.ear-training-game-container [note="F"],.ear-training-game-container [note="F"] svg:not(.ledger-line){fill:#3888d2;color:#3888d2}.ear-training-game-container [note="F-sharp"],.ear-training-game-container [note="F-sharp"] svg:not(.ledger-line){fill:#687CD6;color:#687CD6}.ear-training-game-container [note="G"],.ear-training-game-container [note="G"] svg:not(.ledger-line){fill:#7A69DA;color:#7A69DA}.ear-training-game-container [note="G-sharp"],.ear-training-game-container [note="G-sharp"] svg:not(.ledger-line){fill:#A668C7;color:#A668C7}.do-not-color-notes [note],.do-not-color-notes [note] svg{fill:#FCDC1D !important;color:#FCDC1D !important}.yellow-button,.notifications .dont-show-again{-webkit-appearance:none;font-weight:400;letter-spacing:1px;border-bottom:1px solid rgba(0,0,0,0);padding-top:0px;padding-bottom:3px;transition:border-bottom, 400ms;cursor:pointer;color:#29c1b4}.yellow-button:hover,.notifications .dont-show-again:hover{color:#2ccabc;border-bottom:1px solid #2ccabc;padding-bottom:3px;text-decoration:none}.notifications{z-index:10;width:100%;left:0;top:0;position:absolute;display:flex;align-items:center;justify-content:center;flex-direction:column;margin:0px}.notifications .announcement{position:fixed;overflow:auto;top:0;left:0;z-index:12;height:100%;width:100%;display:flex;background:rgba(0,0,0,0.2)}@media all and (max-width: 500px),all and (max-height: 500px){.notifications .announcement .card-button{font-size:16px}}.notifications .announcement input,.notifications .announcement textarea{font-family:'Lato', 'Helvetica Neue';font-size:16px;font-weight:300;outline:none}@media all and (max-height: 500px),all and (max-width: 500px){.notifications .announcement input,.notifications .announcement textarea{font-size:17px}}.notifications .announcement .enter-name-header{padding:0 30px}.notifications .announcement .enter-name-header h1{text-align:center;font-size:22px;font-weight:400;color:#5a5a5a}.notifications .announcement .enter-name-header p{font-size:16px}.notifications .announcement .invalid-name{color:#e85337;font-size:16px;margin-top:5px}.notifications .announcement .center-message,.notifications .announcement .request-access-from-demo-modal .message{text-align:center}@media all and (max-width: 500px),all and (max-height: 500px){.notifications .announcement .center-message,.notifications .announcement .request-access-from-demo-modal .message{margin-top:50px}}.notifications .announcement .modal-text-field,.notifications .announcement.invite-modal .invite-text-field-wrapper,.notifications .announcement .request-access-from-demo-modal .enter-email-text-field-wrapper{display:flex;justify-content:center;padding-bottom:60px}.notifications .announcement .modal-text-field .text-field-part-of-modal-text-field,.notifications .announcement.invite-modal .invite-text-field-wrapper .text-field-part-of-modal-text-field,.notifications .announcement.invite-modal .invite-text-field-wrapper input[type='text'],.notifications .announcement .request-access-from-demo-modal .enter-email-text-field-wrapper .text-field-part-of-modal-text-field,.notifications .announcement .request-access-from-demo-modal .enter-email-text-field-wrapper input[type='text']{width:61%;max-width:435px;height:40px;padding-left:10px;border-radius:2px;border:0;box-shadow:0px 1px 6px rgba(0,0,0,0.25)}.notifications .announcement .modal-text-field .submit-part-of-modal-text-field,.notifications .announcement.invite-modal .invite-text-field-wrapper .submit-part-of-modal-text-field,.notifications .announcement.invite-modal .invite-text-field-wrapper input[type='submit'],.notifications .announcement .request-access-from-demo-modal .enter-email-text-field-wrapper .submit-part-of-modal-text-field,.notifications .announcement .request-access-from-demo-modal .enter-email-text-field-wrapper input[type='submit']{line-height:0;height:42px;z-index:1;color:rgba(255,255,255,0.9);cursor:pointer;border:0;background-color:#29c1b4;box-shadow:none;transition:background-color 150ms linear, box-shadow 150ms linear}.notifications .announcement .modal-text-field .submit-part-of-modal-text-field:hover,.notifications .announcement.invite-modal .invite-text-field-wrapper .submit-part-of-modal-text-field:hover,.notifications .announcement.invite-modal .invite-text-field-wrapper input[type='submit']:hover,.notifications .announcement .request-access-from-demo-modal .enter-email-text-field-wrapper .submit-part-of-modal-text-field:hover,.notifications .announcement .request-access-from-demo-modal .enter-email-text-field-wrapper input[type='submit']:hover{background-color:#2ccabc;box-shadow:0px 3px 8px rgba(0,0,0,0.25)}.notifications .announcement .request-access-from-demo-modal .announcement-modal{max-width:750px}.notifications .announcement .request-access-from-demo-modal .close-button{display:none}.notifications .announcement .request-access-from-demo-modal .enter-email-text-field-wrapper input[type='text']{padding-right:10px}.notifications .announcement .request-access-from-demo-modal .enter-email-text-field-wrapper input[type='submit']{margin-left:10px;width:172px;border-radius:2px}@media all and (max-width: 500px){.notifications .announcement .request-access-from-demo-modal .enter-email-text-field-wrapper{flex-direction:column;align-items:center}.notifications .announcement .request-access-from-demo-modal .enter-email-text-field-wrapper input[type='text']{width:100%}.notifications .announcement .request-access-from-demo-modal .enter-email-text-field-wrapper input[type='submit']{margin-left:0;margin-top:20px}}.notifications .announcement.invite-modal .message{text-align:center}.notifications .announcement.invite-modal .message.left-align-message-text{text-align:left}@media all and (max-width: 500px),all and (max-height: 500px){.notifications .announcement.invite-modal .message{margin-top:50px}}.notifications .announcement.invite-modal .invite-text-field-wrapper{display:flex;justify-content:center;padding-top:30px;padding-bottom:45px}.notifications .announcement.invite-modal .invite-text-field-wrapper input[type='text']{padding-right:90px}.notifications .announcement.invite-modal .invite-text-field-wrapper input[type='submit']{margin-left:-165px;width:165px;border-radius:0px 2px 2px 0px}@media all and (max-height: 500px),all and (max-width: 500px){.notifications .announcement.invite-modal .invite-text-field-wrapper input[type='text']{padding-right:0px;text-align:center;width:100%;margin:0 auto}.notifications .announcement.invite-modal .invite-text-field-wrapper input[type='submit']{margin:10px auto 0px auto;border-radius:2px}}.notifications .announcement.card-type-2{background:rgba(0,0,0,0.45)}.notifications .announcement.card-type-2 .announcement-modal{max-width:800px;box-sizing:border-box;background-color:white;padding:60px 100px}@media all and (max-width: 500px){.notifications .announcement.card-type-2 .announcement-modal{padding:50px}}.notifications .announcement.card-type-2 .announcement-modal .message{padding:0}.notifications .announcement.card-type-2 .announcement-modal .close-icon{position:relative;right:-55px;top:-20px}@media all and (max-width: 500px){.notifications .announcement.card-type-2 .announcement-modal .close-icon{right:auto;top:auto;margin-right:-15px;margin-top:-15px}}.notifications .announcement.card-type-2 .announcement-modal .lower-content-area{display:flex;flex-direction:row;margin-top:30px;align-items:center}.notifications .announcement.card-type-2 .announcement-modal .lower-content-area .get-access-section{padding-left:0;background-color:transparent}.notifications .announcement.card-type-2 .announcement-modal .lower-content-area .get-access-section input{height:57px}.notifications .announcement.card-type-2 .announcement-modal .lower-content-area .get-access-section .text-field{border:none;font-size:29.93px;font-weight:300;color:#333333;padding-left:15px;width:calc(100% - 30px)}.notifications .announcement.card-type-2 .announcement-modal .lower-content-area .get-access-section .request-access-button{background-color:#29c1b4;color:white;font-size:29.93px;font-weight:300}.notifications .announcement.card-type-2 .announcement-modal .vertical-line-container{display:flex;justify-content:center;flex-grow:1000}.notifications .announcement.card-type-2 .announcement-modal .vertical-line-container .vertical-line{width:1px;opacity:0.5}.notifications .announcement.card-type-2 .announcement-modal .modal-call-box{flex-grow:1;display:flex;justify-content:flex-end;align-items:center;font-weight:400}@media all and (max-width: 900px){.notifications .announcement.card-type-2 .announcement-modal .modal-call-box{margin-top:15px}}.notifications .announcement.card-type-2 .announcement-modal .modal-call-box .inner-box{display:flex;flex-direction:column}.notifications .announcement.card-type-2 .announcement-modal .modal-call-box .inner-box span{color:#4e4e4e;font-weight:300;font-size:29.93px;letter-spacing:0px}.notifications .announcement.card-type-2 .announcement-modal .modal-call-box a{margin-top:5px;color:#29c1b4;font-weight:400;font-size:41px}.notifications .announcement.card-type-2 .announcement-modal .flash-alert{margin-bottom:20px}.notifications .announcement.card-type-2 .announcement-modal .field{border:none;border-radius:2px;box-shadow:inset 0px 1px 2px rgba(0,0,0,0.25);margin-bottom:20px}.notifications .announcement.card-type-2 .announcement-modal .field ::-webkit-input-placeholder{color:rgba(0,0,0,0.45)}.notifications .announcement.card-type-2 .announcement-modal .field :-moz-placeholder{color:rgba(0,0,0,0.45)}.notifications .announcement.card-type-2 .announcement-modal .field ::-moz-placeholder{color:rgba(0,0,0,0.45)}.notifications .announcement.card-type-2 .announcement-modal .field :-ms-input-placeholder{color:rgba(0,0,0,0.45)}@media all and (max-width: 900px){.notifications .announcement.card-type-2 .announcement-modal .lower-content-area{flex-direction:column;align-items:flex-start}.notifications .announcement.card-type-2 .announcement-modal .vertical-line-container{display:none}}.notifications.ask-name .message p{margin:0}.notifications.ask-name h1{text-align:center;font-size:22px;font-weight:400;color:#5a5a5a;margin-bottom:2px}.notifications.ask-name .announcement-modal{max-width:460px}.notifications .announcement-modal{display:block;padding:30px;border-radius:5px;background:white;box-shadow:0px 5px 16px rgba(0,0,0,0.1);width:80%;max-width:1000px;font-weight:300;font-size:22px;line-height:150%;letter-spacing:0.44px;color:rgba(0,0,0,0.8);position:relative;margin:auto}@media all and (max-width: 550px),all and (max-height: 550px){.notifications .announcement-modal{width:100%;height:100%;position:fixed;border-radius:0;overflow:auto}}.notifications .announcement-modal.wrap-content{width:auto}@media all and (max-width: 550px){.notifications .announcement-modal.wrap-content{width:100%}}@media all and (min-width: 550px){.notifications .announcement-modal.high-modal{height:-moz-fit-content;height:fit-content;margin:60px auto}}@media all and (max-width: 550px){.notifications .announcement-modal{box-sizing:border-box;width:100%;height:100%;border-radius:0px}}@media all and (max-height: 500px){.notifications .announcement-modal{box-sizing:border-box;width:100%;height:100%;border-radius:0px}}.notifications .error,.notifications .success,.notifications .notify-warning,.notifications .xp-notifier{color:rgba(255,255,255,0.75);position:fixed;width:100%;z-index:13;height:9%;top:0;left:0;text-align:center;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.notifications .success{background:#59ca89}.notifications .error{background:#dc4a38}.notifications .notify-warning{background:#FFA500}.notifications .xp-notifier{background:linear-gradient(90.08deg, #fdf041 6.63%, #fde141 27.07%, #fdc541 74.03%);font-size:18px;font-weight:normal}@media all and (max-width: 1200px){.notifications .xp-notifier{background:linear-gradient(90.08deg, #fdf041 6.63%, #fbde37 27.07%, #fdc541 74.03%)}}@media all and (max-width: 1000px){.notifications .xp-notifier{background:linear-gradient(90.08deg, #fed941 6.63%, #fed941 49.07%, #fdc541 74.03%)}}@media all and (max-width: 600px){.notifications .xp-notifier{font-size:14px}}@media all and (max-height: 700px){.notifications .xp-notifier .gem-icon-sparkle-yellow{width:60px}}.notifications .xp-notifier .points{color:#2b8194;margin:0 10px 0 -15px}@media all and (max-height: 700px){.notifications .xp-notifier .points{margin-right:8px}}.notifications .xp-notifier .description{color:white}.notifications .close-icon{fill:black;position:absolute;right:40px;height:23px;top:40px;cursor:pointer;opacity:0.5;transition:opacity 200ms linear}.notifications .close-icon:hover{opacity:0.35}.notifications .close-button.card-button{margin:0 auto;width:131px}.notifications .dont-show-again{right:30px;bottom:39px;font-size:16px;text-align:center;padding-top:20px;width:189px;margin:0 auto}@media all and (max-width: 700px){.notifications .dont-show-again{position:initial;width:189px;padding-bottom:20px;transform:translateY(5px)}}@media all and (max-height: 500px){.notifications .dont-show-again{position:initial;width:189px;transform:translateY(5px)}}.notifications .message{padding:30px}.notifications .message.name-input-modal{text-align:center}.notifications .message.name-input-modal .name-input-field{width:310px;height:44px;border:1px solid #dcdcdc;border-radius:3px;box-shadow:rgba(0,0,0,0.08) 1px 1px 2px 0px inset;padding-left:10px;margin-top:30px;font-size:16px}.notifications .message.name-input-modal .name-input-field::-webkit-input-placeholder{color:#c7c7c7}.notifications .message p{margin-bottom:12px}.notifications .message a{color:#207fbf}@media all and (max-height: 500px){.notifications .message{font-size:17px;line-height:130%;padding-top:15px;padding-bottom:15px}}@media all and (max-width: 700px){.notifications .message{padding-right:0px;padding-left:0px}}.midi-modal .announcement-modal{overflow-y:unset;max-width:500px}.midi-modal span{display:block;font-size:18px}.midi-modal .react-dropdown .Dropdown-control{background-color:rgba(0,0,0,0.6);color:#525252}.midi-modal .react-dropdown .Dropdown-control .Dropdown-arrow{top:20px}.midi-modal .main-midi-modal-section{padding-top:50px}#add-lesson-date-picker{margin-left:5px !important;cursor:pointer;height:40px !important;color:#000000}.MuiInput-input{cursor:pointer;color:#000000 !important}.lesson-modal-frequency{display:flex !important;margin-top:3% !important;font-size:16px;font-weight:400;line-height:37.04px;color:#545454;flex-direction:column}.lesson-modal-frequency input[type="radio"]:checked{border-color:#29c1b4;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;accent-color:#329e95;background-color:#29c1b4}.lesson-modal-frequency .form__radio-input{height:22px;width:22px;border:1px solid grey;border-radius:50%;display:inline-block;margin-top:6px}.lesson-modal-frequency .workspace-mgmt-h1{margin-left:4%;width:111px}.date-time-cr{display:flex;grid-gap:70px}.policy-radio-button{margin-top:35px}.policy-radio-button .lesson-modal-frequency{margin-top:-5px !important}.not-charge{margin-top:8px}.swal2-confirm{background-color:#29C1B4 !important}#lesson-modal-duration{padding-left:10px}.time-zone-select .time-zone-select__single-value{color:unset !important}.add-lesson-modal{max-width:661px !important;width:661px !important;margin:135px auto !important;height:630px;padding-bottom:33px !important}.add-lesson-modal label{font-size:16px !important;margin-top:50px !important}.timepicker-ui-hour{color:#29c1b4 !important}.timepicker-ui-minutes{color:#29c1b4 !important}.timepicker-ui-circle-hand{background:#29c1b4 !important}.timepicker-ui-clock-hand{background:#29c1b4 !important}.timepicker-ui-dot{background:#29c1b4 !important}.timepicker-ui-cancel-btn{color:#29c1b4 !important}.timepicker-ui-ok-btn{color:#29c1b4 !important}.timepicker-ui-dots{color:#29c1b4 !important}.timepicker-ui-select-time{font-weight:600 !important}.add-lesson-date .DateInput{width:100px}.add-lesson-date .SingleDatePickerInput{width:175px;border-radius:4px;height:56px;margin-top:5%}.add-lesson-date .SingleDatePickerInput_calendarIcon_svg{width:18px;height:18px;margin-bottom:5px}.add-lesson-date .SingleDatePickerInput_calendarIcon{margin:5px -7px 5px 33px !important}.timepicker-ui-wrapper{width:385px !important}.timepicker-ui-input{width:175px !important;height:58px !important;border-radius:4px !important;margin-top:10px}.timepicker-ui-wrapper-type-time,.timepicker-ui-wrapper-type-time.mobile{color:#29c1b4 !important}.MuiSvgIcon-root{right:6px !important;top:17px !important}.timepicker-ui-am:hover,.timepicker-ui-am.active,.timepicker-ui-pm:hover,.timepicker-ui-pm.active,.timepicker-ui-am.mobile:hover,.timepicker-ui-am.mobile.active,.timepicker-ui-pm.mobile:hover,.timepicker-ui-pm.mobile.active{color:#29c1b4 !important}.upcomingLessonModal .add-lesson-modal{height:740px !important}.react-select-add-lesson__control{width:424px !important}.react-select-add-lesson__single-value{color:#000000 !important}.DateInput_fangStroke{display:none}.timepicker-ui-pm,.timepicker-ui-pm.mobile,.timepicker-ui-wrapper-type-time,.timepicker-ui-wrapper-type-time.mobile{width:55px !important}.this-and-all-note{color:#EA850F;font-weight:500;font-size:16px;line-height:21px;margin-top:15px}.swal2-title{font-size:20px !important;font-weight:400 !important;line-height:32px !important;padding:25px 25px 0px 25px !important}.same-student-error{font-size:16px;line-height:22px;font-weight:400}.new-instructor-radio{width:283px !important;height:50px !important;font-weight:400 !important;cursor:pointer !important;border-radius:4px !important;border:1px solid #e0e0e0 !important;color:#555555 !important;margin:9px 0 !important;padding:0 55px !important;grid-gap:0.5em !important}@media screen and (min-width: 1024px){.grid-gap{gap:125px}}@media screen and (max-width: 1024px){.grid-gap{gap:20px}}@media screen and (max-width: 1024px){.kbgbTW{margin:50px auto !important}}.add-lesson-modal{position:relative !important}.add-lesson-date-time{display:flex;gap:70px}@media screen and (max-width: 470px){.add-lesson-date-time{display:block}}.add-lesson-frequency{display:flex;gap:125px}@media screen and (max-width: 425px){.add-lesson-frequency{gap:55px}}@media screen and (max-width: 550px){.add-lesson-modal{margin:auto !important}.upcomingLessonModal .add-lesson-modal{height:auto !important}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes inputFlash{0%{border-color:#40c2ff;box-shadow:inset 0px 0px 5px #40c2ff}70%{border-color:#c7c7c7;box-shadow:inset 0px 0px 0px #c7c7c7}100%{border-color:#40c2ff;box-shadow:inset 0px 0px 5px #40c2ff}}@keyframes gloat{0%{transform:scale(1) rotate(0deg)}60%{transform:scale(1.3) rotate(180deg)}100%{transform:scale(1) rotate(365deg)}}@keyframes createClassButton{0%{transform:scale(1)}70%{transform:scale(0.95)}100%{transform:scale(1)}}@keyframes handIconFloating{0%{transform:scale(1)}25%{transform:scale(1.17)}50%{transform:scale(1.05)}75%{transform:scale(1.1)}100%{transform:scale(1)}}@keyframes loseLife{0%{transform:scale(1) rotate(0deg);fill:#b9372c}33%{transform:scale(1.3) rotate(350deg)}66%{transform:scale(0.01) rotate(720deg)}67%{opacity:0;transform:scale(1) rotate(0deg);fill:#d8d8d8}100%{opacity:1;transform:scale(1) rotate(0deg)}}@keyframes loseLastLife{0%{transform:scale(1) rotate(0deg);fill:#b9372c}50%{transform:scale(0.01) rotate(360deg)}51%{transform:scale(0.01) rotate(-360deg);fill:#d8d8d8}100%{transform:scale(1) rotate(0deg);fill:#d8d8d8}}@keyframes ThreeTwoOneGo{0%{opacity:0}12.5%{opacity:1}25%{opacity:0}37.5%{opacity:1}50%{opacity:0}62.5%{opacity:1}75%{opacity:0}87.5%{opacity:1}100%{opacity:0}}@keyframes ThreeTwoOneGoColorRotation{0%{background-color:rgba(223,66,36,0.85)}24.9%{background-color:rgba(223,66,36,0.85)}28%{background-color:rgba(255,118,48,0.85)}49.9%{background-color:rgba(255,118,48,0.85)}53%{background-color:rgba(255,199,0,0.85)}74.9%{background-color:rgba(255,199,0,0.85)}78%{background-color:rgba(48,183,13,0.85)}100%{background-color:rgba(48,183,13,0.85)}}@keyframes expandAndContract10{0%{transform:scale(1)}30%{transform:scale(1.1)}100%{transform:scale(1)}}@keyframes expandAndContract15{0%{transform:scale(1)}50%{transform:scale(1.15)}100%{transform:scale(1)}}@keyframes longerExpandAndContract15{0%{transform:scale(1)}25%{transform:scale(1.15)}50%{transform:scale(1.05)}75%{transform:scale(1.25)}100%{transform:scale(1)}}@keyframes longerExpandAndContractBiggerSmaller15{0%{transform:scale(0.9)}25%{transform:scale(1.05)}50%{transform:scale(0.95)}75%{transform:scale(1.05)}100%{transform:scale(0.9)}}@keyframes expandAndContract30{0%{transform:scale(1)}50%{transform:scale(1.3) rotate(-15deg)}100%{transform:scale(1)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes slideRight{0%{transform:translateX(-100vw);opacity:0}60%{transform:translateX(0%);opacity:1}100%{transform:translateX(0%);opacity:0}}@keyframes slideLeft{0%{transform:translateX(100vw);opacity:0}60%{transform:translateX(0%);opacity:1}100%{transform:translateX(0%);opacity:0}}@keyframes fadeToZero{100%{opacity:0}}@keyframes fadeToZeroMicrophoneInput{0%{opacity:0}5%{opacity:0.5}100%{opacity:0}}@keyframes playAlongFall{0%{bottom:500px;opacity:0}20%{opacity:1}100%{bottom:0px}}@keyframes loadResponseBoardAfterDelay{0%{transform:translateY(200px)}30%{transform:translateY(200px)}100%{transform:translateY(0px)}}@keyframes loaderKeyframe{0%{opacity:0}50%{opacity:1}}@keyframes incorrectNoteGlowWhite{0%{background-color:rgba(255,255,255,0.9)}5%{background-color:#dc4a38}100%{background-color:rgba(255,255,255,0.9)}}@keyframes incorrectNoteGlowBlack{0%{background-color:#23212b}5%{background-color:#dc4a38}100%{background-color:#23212b}}@keyframes shake{10%,90%{transform:translate3d(-1px, 0, 0)}20%,80%{transform:translate3d(2px, 0, 0)}30%,50%,70%{transform:translate3d(-4px, 0, 0)}40%,60%{transform:translate3d(4px, 0, 0)}}.michael-jackson-active-slide .helper-text{transform:scale(1);animation-name:longerExpandAndContract15;animation-timing-function:ease-in;animation-delay:400ms;animation-duration:900ms;font-size:15px}.bob-marley-content-area .slide-piano .piano-helper-container{width:401px;position:relative;left:50%;margin-left:-199px}.bob-marley-content-area .slide-piano .piano-helper-container [pitch="B3"]{border:none}.bob-marley-content-area .slide-piano .piano-helper-container [pitch="C4"]{border-left:2px solid #bbbbbb;background:white}.bob-marley-content-area .slide-piano .piano-helper-container [pitch="C4"] .middle-c{color:#969696}.bob-marley-content-area .slide-piano .piano-helper-container [pitch="G5"]{border-right:2px solid #bbbbbb}.bob-marley-content-area .slide-piano .piano-helper-container [pitch="A5"]{border:none}.bob-marley-content-area .slide-piano .piano-helper-container .helper-text{display:flex;justify-content:center;padding:15px 10px 15px 10px}.bob-marley-content-area .slide-piano .piano-helper-container .top-bar{background:#4877aa;height:20px;position:absolute;top:48px;width:100%;z-index:2}.bob-marley-content-area .slide-piano .piano-helper-container .piano-container{height:200px;width:100%;overflow:hidden}.bob-marley-content-area .slide-piano .piano-helper-container .piano-container .piano-wrapper{width:698px;height:195px;position:relative;margin-left:-131px;top:0px;padding:0;height:95%}.bob-marley-content-area .slide-piano .piano-helper-container .piano-container .piano-wrapper .piano{left:0}.bob-marley-content-area .slide-piano .piano-helper-container .piano-container .piano-wrapper .black .key .note-chord-label{top:2px}.bob-marley-content-area .slide-piano .piano-helper-container .piano-container .piano-wrapper .key{transition:background 200ms}.bob-marley-content-area .slide-piano .piano-helper-container .piano-container .piano-wrapper .key .note-chord-label{position:absolute;color:white;top:192px;z-index:2;text-transform:uppercase;font-size:12px;margin-left:-3px}.piano-helper-container .piano-wrapper .key.highlight[pitch] .label-text{color:white;animation:none}.outer-progress-bar{background:rgba(0,0,0,0.25);overflow:hidden;border-radius:10px;height:7px;padding:3px;clear:both}.outer-progress-bar .inner-progress-bar{background:linear-gradient(to right, #ffe800 0%, #ffc700 69%);height:100%;border-radius:10px;min-width:8px;transition:width 1000ms ease;width:0}.outer-progress-bar.groove-bar{padding:2px;height:9px;background:#FDF1CA;border:1px solid #FDE79A}.outer-progress-bar.groove-bar .inner-progress-bar{background:#ffc700}.outer-progress-bar.groove-bar.blue-groove{padding:3px;height:15px;background:rgba(126,189,194,0.1);border:1px solid rgba(90,177,201,0.2)}.outer-progress-bar.groove-bar.blue-groove .inner-progress-bar{background:linear-gradient(90deg, #66DAE3 0%, #58ABC4 100%);min-width:15px}.react-table-wrapper{width:100%;display:flex;flex-direction:column;padding:0 7.5%;box-sizing:border-box}@media all and (max-width: 550px){.react-table-wrapper{padding:0 5%}}.react-table-wrapper .react-table{width:100%;border:1px solid #dedede;border-radius:3px;margin-top:30px;overflow:hidden;box-sizing:border-box}.react-table-wrapper .react-table.highlight{background:#fcfcfc}@media all and (max-width: 1200px){.react-table-wrapper .react-table{margin-top:20px}}.react-table-wrapper .react-table .rt-thead .rt-resizable-header{padding:15px;border:0}.react-table-wrapper .react-table .rt-resizable-header-content{color:#999999;font-size:12px;letter-spacing:0.5px}.react-table-wrapper .react-table .rt-tbody .rt-tr-group{border:0}.react-table-wrapper .react-table .rt-tbody .rt-td{border:0}.react-table-wrapper .react-table .pagination-bottom{display:none}.react-table-wrapper .react-table .rt-td{font-size:16px;color:#333333;font-weight:300;padding-left:11px;white-space:normal}.react-table-wrapper .react-table .ReactTable{border:none}.react-table-wrapper .react-table .ReactTable .rt-resizable-header-content{text-align:left}.react-table-wrapper .react-table .ReactTable .rt-thead.-header{box-shadow:0 1px 0px 0 rgba(0,0,0,0.15)}.react-table-wrapper .react-table .ReactTable .rt-noData{display:none}.react-table-wrapper .react-table .ReactTable .rt-thead .rt-resizable-header-content{white-space:normal}.react-table-wrapper .react-table .ReactTable .rt-resizer{width:0}.react-table-wrapper .disclosure-arrow-container{width:13px;display:block;transition:transform 700ms}.react-table-wrapper .disclosure-arrow-container.open{transform:rotate(90deg)}.react-table-wrapper .current-assignments-table.highlight{margin-top:10px}.react-table-wrapper .current-assignments-table .ReactTable .rt-table{background:#fcfcfc}.react-table-wrapper .ReactTable .rt-table{background:white}.react-table-wrapper .ReactTable .rt-table .rt-tbody{overflow:hidden}@keyframes slideDown{0%{max-height:0px;opacity:0}100%{max-height:1000px;opacity:1}}.react-table-wrapper .user-game-stats-table{margin:0 35px 30px 35px;width:calc(100% - 70px);border:none;animation-name:slideDown;animation-timing-function:ease-in;animation-duration:1s}.new-age-table .new-age-table-wrapper{background-color:#fcfcfc}.new-age-table .new-age-table-wrapper .react-table{font-family:Lato;font-size:16px;line-height:23px;color:#383838;margin:0px 85px}.new-age-table .new-age-table-wrapper .react-table .ReactTable{border:none}.new-age-table .new-age-table-wrapper .react-table .ReactTable .rt-noData{display:none}.new-age-table .new-age-table-wrapper .react-table .rt-thead{font-size:12px;line-height:17px;text-transform:uppercase;color:#5c5c5c;box-shadow:none;border-bottom:3px solid lightgray}.new-age-table .new-age-table-wrapper .react-table .rt-resizable-header{border-right:0}.new-age-table .new-age-table-wrapper .react-table .rt-table{background:#fcfcfc}.new-age-table .new-age-table-wrapper .react-table .rt-tr-group{border-bottom:none}.new-age-table .new-age-table-wrapper .react-table .rt-tr{text-align:left}.new-age-table .new-age-table-wrapper .react-table .rt-td{border-right:none;font-size:16px;line-height:23px;font-weight:300;color:#383838}.new-age-table .new-age-table-wrapper .react-table .rt-resizer{width:0}.yellow-button{-webkit-appearance:none;font-weight:400;letter-spacing:1px;border-bottom:1px solid rgba(0,0,0,0);padding-top:0px;padding-bottom:3px;transition:border-bottom, 400ms;cursor:pointer;color:#29c1b4}.yellow-button:hover{color:#2ccabc;border-bottom:1px solid #2ccabc;padding-bottom:3px;text-decoration:none}.rhythm-question span,.rhythm-question button{border:1px solid grey;padding:10px;margin:15px auto;display:inline-block}.rhythm-question button{margin:15px}.rhythm-question .buttons-container{display:flex;flex-direction:column;background-color:#FF851B}.rhythm-question .buttons-container span{box-sizing:border-box;width:86%}.rhythm-question .audio-controlls-container{width:100%;display:flex;align-items:center}.rhythm-question .upload-btn-and-id{position:fixed;right:10px;bottom:10px;display:flex;flex-direction:column}.yellow-button{-webkit-appearance:none;font-weight:400;letter-spacing:1px;border-bottom:1px solid rgba(0,0,0,0);padding-top:0px;padding-bottom:3px;transition:border-bottom, 400ms;cursor:pointer;color:#29c1b4}.yellow-button:hover{color:#2ccabc;border-bottom:1px solid #2ccabc;padding-bottom:3px;text-decoration:none}.metronome-container{display:flex;align-items:center;justify-content:center}.metronome-container .clock{width:360px;height:360px;padding:25px;background-color:#F7F7F7;border-radius:80px;box-shadow:0 18px 40px rgba(0,0,0,0.15)}.metronome-container .inner{position:relative;width:100%;height:100%;background:#fff;border:5px solid #181818;border-radius:100%;box-shadow:0 0 15px rgba(0,0,0,0.75) inset}.metronome-container .hand{position:absolute;top:50%;left:50%;width:7.2px;background-color:#181818}.metronome-container .hand.second{width:1.9459459459px;height:120px;background-color:#ec231e;margin-top:-36px;box-shadow:-4px -6px 0 0 rgba(0,0,0,0.15);transform:rotate(0deg) translate(-50%, -50%);transform-origin:0 36px}.metronome-container .hand:before,.metronome-container .hand:after{content:'';display:inherit;position:inherit;left:inherit;background-color:inherit;border-radius:100%;transform:translate(-50%, -50%)}.metronome-container .hand:before{top:94.7368421053px;width:18px;height:18px;box-shadow:-2px -2px 2px 0 rgba(0,0,0,0.15)}.metronome-container .hand:after{top:20px;width:10px;height:10px;box-shadow:-4px -6px 2px 0 rgba(0,0,0,0.15)}.metronome-container .graduations{position:absolute;top:-50%}.metronome-container .graduations .graduation{display:block;position:absolute;top:7.5px;left:50%;width:1.9459459459px;height:9px;background-color:#181818;transform:rotate(0deg) translateX(-50%);transform-origin:0 141px}.yellow-button{-webkit-appearance:none;font-weight:400;letter-spacing:1px;border-bottom:1px solid rgba(0,0,0,0);padding-top:0px;padding-bottom:3px;transition:border-bottom, 400ms;cursor:pointer;color:#29c1b4}.yellow-button:hover{color:#2ccabc;border-bottom:1px solid #2ccabc;padding-bottom:3px;text-decoration:none}.rhythm-question.show{height:91%;display:flex;flex-direction:row}.rhythm-question.show .parent-loader{background-color:rgba(0,0,0,0.2);width:100%;height:100%;display:flex;justify-content:center;align-items:center}.rhythm-question.show .parent-loader.disappear{display:none}.rhythm-question.show .left-side{width:30%;height:100%;background-color:salmon}.rhythm-question.show .playhead-container{width:100%;height:50px;background-color:dodgerblue}.rhythm-question.show .playhead-box{height:100%;background-color:crimson}.rhythm-question.show .right-side{width:70%;height:100%;background-color:tan}.rhythm-question.show .notes-bpm-container{height:50%;width:100%;background-color:teal}.rhythm-question.show .open-sheet-music-container{height:70%;width:100%;background-color:cyan}.rhythm-question.show .open-sheet-music-container text{display:none}.rhythm-question.show .open-sheet-music-container>div>svg{margin-top:-70px;margin-left:-60px}.rhythm-question.show .vexflow-playhead{height:100px;width:12px;opacity:0.8;background-color:#ff009799;position:absolute;margin-top:-35px;top:-999px}.rhythm-question.show .timeline-tracker{height:30%;width:100%;background-color:pink;display:flex;justify-content:center;align-items:center}.rhythm-question.show .timeline-tracker .timeline{width:80%;height:5px;background-color:white;position:relative}.rhythm-question.show .timeline-tracker .timeline-point{position:absolute;top:-17px;height:40px;width:12px;left:0;background-color:#9c9999;opacity:0.8}.rhythm-question.show .timeline-tracker .timeline-point.playhead{background-color:yellow;opacity:0.6;z-index:1}.rhythm-question.show .timeline-tracker .timeline-point.user{opacity:0.5;background-color:red}.rhythm-question.show .timeline-tracker .timeline-point.user.accurate{background-color:greenyellow}.rhythm-question.show .big-clock-container{height:50%;width:100%;display:flex;align-items:center;justify-content:center;background-color:#c5d2e8}.rhythm-question.show .big-clock{width:40vh;max-width:50vw;height:40vh;max-height:50vw;background-color:#26e0ab;border-radius:100%;position:relative;display:flex;flex-direction:row}.root-dashboard-container.dashboard-container .card-item{width:80%;max-width:1200px}.root-dashboard-container.dashboard-container .favorite-container{display:none}.student-dashboard.dashboard-container.root-dashboard-container .card-container.new-workspace-card-container{display:none}.yellow-button,.score-modal .continue-to-dashboard-button{-webkit-appearance:none;font-weight:400;letter-spacing:1px;border-bottom:1px solid rgba(0,0,0,0);padding-top:0px;padding-bottom:3px;transition:border-bottom, 400ms;cursor:pointer;color:#29c1b4}.yellow-button:hover,.score-modal .continue-to-dashboard-button:hover{color:#2ccabc;border-bottom:1px solid #2ccabc;padding-bottom:3px;text-decoration:none}.score-modal{position:absolute;overflow:hidden;height:0;width:100%;height:91%;top:9%;background-color:rgba(0,0,0,0.35);display:none;align-items:center;justify-content:center;flex-direction:column;opacity:0;transition:opacity 500ms ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media all and (max-width: 800px){.score-modal{flex-direction:row}}.score-modal.visible{opacity:1;display:flex;z-index:2}.score-modal p{color:#444444;font-size:34px;opacity:.8;font-weight:300;letter-spacing:.04em;margin:20px auto}.score-modal .top-section{padding:50px 70px 70px 70px;box-sizing:border-box}@media all and (max-width: 800px){.score-modal .top-section{height:calc(100% - 100px)}}@media all and (max-width: 500px){.score-modal .top-section{padding:50px 30px 70px 30px}}.score-modal .score-display-card{position:relative;width:63%;background:#fcfcfc;border-radius:10px;box-shadow:0px 4px 14px rgba(0,0,0,0.15),0px 0px 5px rgba(0,0,0,0.15);text-align:center}@media all and (max-width: 1200px){.score-modal .score-display-card{width:75%}}@media all and (max-width: 1000px){.score-modal .score-display-card{width:93%}}@media all and (max-width: 800px){.score-modal .score-display-card{width:100%;height:100%;padding:0;border-radius:0px}}.score-modal .score-display-card .header{width:100%;margin:0;margin-bottom:7%}@media all and (max-width: 750px){.score-modal .score-display-card .header{margin-bottom:11%}}.score-modal .score-display-card .header .title-text{color:#484848;font-size:28px;float:left;text-align:left;width:260px}@media all and (max-width: 750px){.score-modal .score-display-card .header .title-text{float:none;width:100%;font-size:23px}}.score-modal .score-display-card .header .progress-bar-wrapper{margin-left:260px;padding-top:7px}@media all and (max-width: 750px){.score-modal .score-display-card .header .progress-bar-wrapper{margin-left:0;width:100%;margin-top:20px}}.score-modal .score-display-card .header .progress-bar-container{margin-left:40px;height:23px;position:relative;background:#f0f0f0;box-shadow:inset 0px 1px 3px rgba(0,0,0,0.1);border-radius:15px;padding-right:32px}.score-modal .score-display-card .header .progress-bar{height:21px;background:linear-gradient(90deg, #FFF200 0%, #FDCE0E 82.22%, #ffc700 100%),linear-gradient(0deg, #FDCE0E, #FDCE0E);border:1px solid rgba(255,255,255,0.8);border-radius:15px;display:flex;justify-content:space-between;min-width:32px;width:32px;transition:width 800ms cubic-bezier(0.29, 0.96, 0.93, 0.99)}.score-modal .score-display-card .header .progress-bar .points-text{opacity:0;transition:opacity 300ms linear;transition-delay:700ms}.score-modal .score-display-card .header .progress-bar .points-text.points-text-visible{opacity:1}.score-modal .score-display-card .header .progress-bar.middle-text .points-text{position:absolute;left:50%;margin-right:0;width:200px;margin-left:-100px}.score-modal .score-display-card .header .progress-bar.middle-text.middle-text-darker .points-text{color:#4e4e4e}.score-modal .score-display-card .header .level-text{color:#4e4e4e;font-size:13px;width:40px;float:left;margin-top:4px;text-align:left}.score-modal .score-display-card .header .progress-bar-text{color:#4e4e4e;font-size:13px;text-align:left;margin-top:10px;margin-left:42px}@media all and (max-width: 750px){.score-modal .score-display-card .header .progress-bar-text{text-align:center;margin-left:0}}.score-modal .score-display-card .header .next-level-text{position:absolute;right:12px;top:0;color:#4e4e4e;font-size:13px;margin-top:3px}.score-modal .score-display-card .header .next-level-text.more-margin-top{margin-top:4px}.score-modal .score-display-card .header .points-text{color:white;font-size:13px;margin-right:12px;margin-top:3px}@media all and (max-width: 400px){.score-modal .score-display-card .header .points-text{display:none}}.score-modal .score-display-card .header .at-level-text{color:#4e4e4e;font-size:13px;margin-left:12px;margin-top:3px}.score-modal .score-display-card .footer{width:100%;height:100px;background:#f2f2f2;display:flex;justify-content:center;align-items:center;flex-direction:row;position:relative;border-radius:0px 0px 10px 10px;box-shadow:0px -1px 5px rgba(0,0,0,0.15)}@media all and (max-width: 600px){.score-modal .score-display-card .footer{flex-direction:column}}.score-modal .score-display-card .footer .card-button{width:20%;min-width:148px;height:50%;padding:0;display:flex;justify-content:center;align-items:center;font-size:17px}.score-modal .score-display-card .footer .continue-to-dashboard-button{font-size:17px;display:flex;align-items:center;justify-content:center}@media all and (max-width: 600px){.score-modal .score-display-card .footer .card-button,.score-modal .score-display-card .footer .continue-to-dashboard-button{height:50%;width:100%;position:static;border-radius:0;border:0;padding:0}}.score-modal .score-display-card .performance-text{color:rgba(0,0,0,0.6);font-size:22px;padding-bottom:20px}@media all and (max-width: 550px){.score-modal .score-display-card .performance-text{font-size:16px}}.score-modal .score-display-card .performance-text .space-between-text{margin-left:40px}@media all and (max-width: 550px){.score-modal .score-display-card .performance-text .space-between-text{margin-left:20px}}@media all and (max-width: 800px){.score-modal .score-display-card .chart-container{margin-left:10%;width:80%;position:relative;top:35px}}@media all and (max-width: 750px){.score-modal .score-display-card .chart-container{transform:scale(0.8)}}@media all and (max-height: 600px){.score-modal .score-display-card .chart-container{display:none}}.score-modal .continue-to-dashboard-button{position:absolute;right:5%;top:42px}.grandmother-button,.request-access-button{-webkit-appearance:none;outline:none;font-family:'Lato', 'Helvetica Neue';cursor:pointer;border:none}.card-button{display:block;padding-top:12px;padding-bottom:12px;font-size:16px;border-radius:999px;text-align:center;cursor:pointer;font-weight:400;border:none;outline:none;line-height:120%;letter-spacing:0.5px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.card-button.card-play-button{background:#29c1b4;color:rgba(255,255,255,0.9);transition:background 100ms linear;font-weight:700}.card-button.card-play-button:hover{background:#2ccabc}.card-button.card-play-button.button-disabled,.card-button.card-play-button:disabled{background-color:#c5c5c5;cursor:not-allowed}.card-button.card-play-button.button-disabled:hover,.card-button.card-play-button:disabled:hover{background-color:#c5c5c5}.card-button.card-play-button.button-outline{color:#29c1b4;background:rgba(255,255,255,0.9);box-shadow:inset 0 0 0 2px #29c1b4;transition:all 200ms linear}.card-button.card-play-button.button-outline:hover{box-shadow:inset 0 0 0 2px #2ccabc}.card-button.exploraboratory{background:#29c1b4;transition:background 200ms linear}.card-button.exploraboratory:hover{background:#2ccabc}.card-button.locked,.card-button.soft-locked{cursor:default;background:#bfbfbf}.card-button.locked:hover,.card-button.soft-locked:hover{background:#cccccc}.card-button.soft-locked{cursor:pointer}.button-link{font-size:inherit;text-decoration:underline;color:#207fbf}.request-access-button{padding:15px;color:#29c1b4;letter-spacing:.5px;font-weight:300;font-size:29.93px;border-radius:2px;background-color:rgba(255,255,255,0.95);transition:background-color 150ms linear, box-shadow 150ms linear}.request-access-button:hover{background-color:rgba(255,255,255,0.95);box-shadow:0px 4px 20px rgba(0,0,0,0.15)}.dropout-styles{background-color:#fcfcfc;border-radius:5px;box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);display:flex;align-items:center;position:absolute;top:90%;padding:16px;flex-direction:column;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:16px}@media all and (max-height: 450px){.dropout-styles{top:100%}}.yellow-button{-webkit-appearance:none;font-weight:400;letter-spacing:1px;border-bottom:1px solid rgba(0,0,0,0);padding-top:0px;padding-bottom:3px;transition:border-bottom, 400ms;cursor:pointer;color:#29c1b4}.yellow-button:hover{color:#2ccabc;border-bottom:1px solid #2ccabc;padding-bottom:3px;text-decoration:none}.hidden{visibility:hidden}.display-none{display:none !important}.center-text{text-align:center}.opacity-0{opacity:0 !important}.text-align-center{text-align:center}.overflow-hidden{overflow:hidden}.cursor-default{cursor:default !important}.cursor-pointer{cursor:pointer}.pointer-events-none{pointer-events:none}.span-display-block span{display:block}.height-0{height:0 !important}.height-10{height:10px}.width-100{width:100px}.max-width-380{max-width:380px}.percent-100{width:100%}.no-margin-top{margin-top:0 !important}.no-margin-bottom{margin-bottom:0 !important}.margin-100{margin:100px}.margin-top-15{margin-top:15px}.flex-friend{display:flex;justify-content:center;align-items:center}.flex-friend.row{flex-direction:row}.exploraboratory{color:#29c1b4;text-align:center}.under-header-container{position:absolute;top:9%;height:91%;width:100%}.vertical-line{width:1px;height:50%;background-color:white;margin:0 40px}.position-normal{position:static !important}.dank-placeholder-input::-moz-placeholder{color:rgba(0,0,0,0.45)}.dank-placeholder-input::placeholder{color:rgba(0,0,0,0.45)}.bold-and-yellow{color:#f2994a;font-weight:700}.gem-icon-sparkle-yellow{background-image:url(//d18k0o1f3va2cz.cloudfront.net/assets/gif/gem-icon-sparkle-yellow.gif);background-repeat:no-repeat;display:block;height:100%;width:80px;background-size:contain}.gem-icon-sparkle-orange{background-image:url(//d18k0o1f3va2cz.cloudfront.net/assets/gif/gem-icon-sparkle-orange.gif);background-repeat:no-repeat;display:block;margin:0 auto;height:107px;width:76px;background-size:contain}.number-input{width:50px;font-size:16px;padding:8px 8px 7px 8px;outline:none;border:1px solid #dedede;background-color:#fcfcfc;border-radius:3px;color:#525252}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes inputFlash{0%{border-color:#40c2ff;box-shadow:inset 0px 0px 5px #40c2ff}70%{border-color:#c7c7c7;box-shadow:inset 0px 0px 0px #c7c7c7}100%{border-color:#40c2ff;box-shadow:inset 0px 0px 5px #40c2ff}}@keyframes gloat{0%{transform:scale(1) rotate(0deg)}60%{transform:scale(1.3) rotate(180deg)}100%{transform:scale(1) rotate(365deg)}}@keyframes createClassButton{0%{transform:scale(1)}70%{transform:scale(0.95)}100%{transform:scale(1)}}@keyframes handIconFloating{0%{transform:scale(1)}25%{transform:scale(1.17)}50%{transform:scale(1.05)}75%{transform:scale(1.1)}100%{transform:scale(1)}}@keyframes loseLife{0%{transform:scale(1) rotate(0deg);fill:#b9372c}33%{transform:scale(1.3) rotate(350deg)}66%{transform:scale(0.01) rotate(720deg)}67%{opacity:0;transform:scale(1) rotate(0deg);fill:#d8d8d8}100%{opacity:1;transform:scale(1) rotate(0deg)}}@keyframes loseLastLife{0%{transform:scale(1) rotate(0deg);fill:#b9372c}50%{transform:scale(0.01) rotate(360deg)}51%{transform:scale(0.01) rotate(-360deg);fill:#d8d8d8}100%{transform:scale(1) rotate(0deg);fill:#d8d8d8}}@keyframes ThreeTwoOneGo{0%{opacity:0}12.5%{opacity:1}25%{opacity:0}37.5%{opacity:1}50%{opacity:0}62.5%{opacity:1}75%{opacity:0}87.5%{opacity:1}100%{opacity:0}}@keyframes ThreeTwoOneGoColorRotation{0%{background-color:rgba(223,66,36,0.85)}24.9%{background-color:rgba(223,66,36,0.85)}28%{background-color:rgba(255,118,48,0.85)}49.9%{background-color:rgba(255,118,48,0.85)}53%{background-color:rgba(255,199,0,0.85)}74.9%{background-color:rgba(255,199,0,0.85)}78%{background-color:rgba(48,183,13,0.85)}100%{background-color:rgba(48,183,13,0.85)}}@keyframes expandAndContract10{0%{transform:scale(1)}30%{transform:scale(1.1)}100%{transform:scale(1)}}@keyframes expandAndContract15{0%{transform:scale(1)}50%{transform:scale(1.15)}100%{transform:scale(1)}}@keyframes longerExpandAndContract15{0%{transform:scale(1)}25%{transform:scale(1.15)}50%{transform:scale(1.05)}75%{transform:scale(1.25)}100%{transform:scale(1)}}@keyframes longerExpandAndContractBiggerSmaller15{0%{transform:scale(0.9)}25%{transform:scale(1.05)}50%{transform:scale(0.95)}75%{transform:scale(1.05)}100%{transform:scale(0.9)}}@keyframes expandAndContract30{0%{transform:scale(1)}50%{transform:scale(1.3) rotate(-15deg)}100%{transform:scale(1)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes slideRight{0%{transform:translateX(-100vw);opacity:0}60%{transform:translateX(0%);opacity:1}100%{transform:translateX(0%);opacity:0}}@keyframes slideLeft{0%{transform:translateX(100vw);opacity:0}60%{transform:translateX(0%);opacity:1}100%{transform:translateX(0%);opacity:0}}@keyframes fadeToZero{100%{opacity:0}}@keyframes fadeToZeroMicrophoneInput{0%{opacity:0}5%{opacity:0.5}100%{opacity:0}}@keyframes playAlongFall{0%{bottom:500px;opacity:0}20%{opacity:1}100%{bottom:0px}}@keyframes loadResponseBoardAfterDelay{0%{transform:translateY(200px)}30%{transform:translateY(200px)}100%{transform:translateY(0px)}}@keyframes loaderKeyframe{0%{opacity:0}50%{opacity:1}}@keyframes incorrectNoteGlowWhite{0%{background-color:rgba(255,255,255,0.9)}5%{background-color:#dc4a38}100%{background-color:rgba(255,255,255,0.9)}}@keyframes incorrectNoteGlowBlack{0%{background-color:#23212b}5%{background-color:#dc4a38}100%{background-color:#23212b}}@keyframes shake{10%,90%{transform:translate3d(-1px, 0, 0)}20%,80%{transform:translate3d(2px, 0, 0)}30%,50%,70%{transform:translate3d(-4px, 0, 0)}40%,60%{transform:translate3d(4px, 0, 0)}}.relax-with-pears{top:9%;position:absolute;height:91%;width:100%;z-index:1}.relax-with-pears .big-back-bear-arrow{height:100%;width:16.6%;position:absolute;z-index:2;display:flex;align-items:center;transition:background-color 300ms;background:rgba(0,0,0,0.35);cursor:pointer;display:flex;justify-content:center}.relax-with-pears .big-back-bear-arrow:hover{background:rgba(0,0,0,0.3)}.relax-with-pears .big-back-bear-arrow:active{background:rgba(0,0,0,0.6)}.relax-with-pears .big-back-bear-arrow svg{fill:white;width:75%;position:relative;max-width:100px}.relax-with-pears .big-back-bear-arrow.forward{right:0}.relax-with-pears .big-back-bear-arrow.forward svg{transform:rotate(180deg);left:16%}.relax-with-pears .inner-pear>div>div{display:flex;align-items:center;justify-content:center}.relax-with-pears .text{pointer-events:none;justify-content:start !important;font-family:'Kanit', sans-serif;text-transform:uppercase}.relax-with-pears .number{font-size:50px;color:#373c4c}.relax-with-pears .header{font-size:70px;color:white}.relax-with-pears .stripe{height:2px;width:auto}.relax-with-pears .slopeBegin{background-color:#20232f;clip-path:polygon(20vw 0, 70% 0, calc(70% - 20vw) 100%, 0 100%)}.relax-with-pears .slopeEnd{clip-path:polygon(70% 0, 100% 0, calc(100% - 20vw) 100%, calc(70% - 20vw) 100%)}.relax-with-pears .slopeBegin,.relax-with-pears .slopeEnd{position:absolute;width:140%;height:100%}.relax-with-pears .pink{background:linear-gradient(to right, deeppink 0%, coral 100%)}.relax-with-pears .teal{background:linear-gradient(to right, SlateBlue 0%, DeepSkyBlue 100%)}.relax-with-pears .tomato{background:linear-gradient(to right, tomato 0%, gold 100%)}.shared-files-card{padding:10px 20px;border:1px solid #e6e6e6;display:flex;flex-direction:row;border-radius:3px;align-items:center;margin:10px 0;cursor:pointer;width:100%;max-width:450px;box-sizing:border-box;height:50px;color:#484848}.shared-files-card:first-child{margin-top:0}.shared-files-card:last-child{margin-bottom:0}@media all and (max-width: 550px),all and (max-height: 550px){.shared-files-card{max-width:100%}}.shared-files-card:hover{border-color:#29c1b4}.shared-files-card .shared-files-card-content{display:flex;margin:0 20px;align-items:baseline;flex-grow:1;flex-basis:0;width:0}.shared-files-card .shared-files-card-title{font-weight:500;margin-right:10px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;color:#484848;line-height:140%;letter-spacing:0;margin-top:0}.shared-files-card .shared-files-extension{font-weight:700;color:#b5b5b5;font-size:13px;text-transform:uppercase}@media all and (max-width: 550px),all and (max-height: 550px){.shared-files-card .shared-files-extension{font-size:10px}}.sightreading-game-container.bass .black .key,.sightreading-game-container.alto .black .key{width:4.2%;margin-left:1.75%}.sightreading-game-container.bass .black .key.d-or-g-flat,.sightreading-game-container.alto .black .key.d-or-g-flat{margin-left:7.45%}.sightreading-game-container.bass .black .key:first-child,.sightreading-game-container.alto .black .key:first-child{margin-left:3.7%}@media all and (max-height: 400px){.welcome-to-sightreading .bob-marley-content-area .slide-5 .sightread-welcome-image,.welcome-to-sightreading .bob-marley-content-area .slide-6 .sightread-welcome-image,.welcome-to-sightreading .bob-marley-content-area .slide-7 .sightread-welcome-image,.welcome-to-sightreading .bob-marley-content-area .slide-8 .sightread-welcome-image{margin-bottom:0}.welcome-to-sightreading .bob-marley-content-area .slide-5 .main-textarea,.welcome-to-sightreading .bob-marley-content-area .slide-6 .main-textarea,.welcome-to-sightreading .bob-marley-content-area .slide-7 .main-textarea,.welcome-to-sightreading .bob-marley-content-area .slide-8 .main-textarea{margin-top:0}.welcome-to-sightreading .bob-marley-content-area .slide-5 .main-textarea p,.welcome-to-sightreading .bob-marley-content-area .slide-6 .main-textarea p,.welcome-to-sightreading .bob-marley-content-area .slide-7 .main-textarea p,.welcome-to-sightreading .bob-marley-content-area .slide-8 .main-textarea p{margin-top:0}.welcome-to-sightreading .bob-marley-content-area .slide-5 .main-textarea p.last-paragraph,.welcome-to-sightreading .bob-marley-content-area .slide-6 .main-textarea p.last-paragraph,.welcome-to-sightreading .bob-marley-content-area .slide-7 .main-textarea p.last-paragraph,.welcome-to-sightreading .bob-marley-content-area .slide-8 .main-textarea p.last-paragraph{margin-top:5px}.welcome-to-sightreading .bob-marley-content-area .slide-5 .title-text,.welcome-to-sightreading .bob-marley-content-area .slide-6 .title-text,.welcome-to-sightreading .bob-marley-content-area .slide-7 .title-text,.welcome-to-sightreading .bob-marley-content-area .slide-8 .title-text{display:none}}@media all and (min-height: 400px) and (max-height: 600px){.welcome-to-sightreading .bob-marley-content-area .slide-2 .main-textarea{margin-top:6%}}@media all and (max-height: 600px){.welcome-to-sightreading .bob-marley-content-area .slide-2 .svg-wrapper{display:none}}@media all and (max-height: 500px){.welcome-to-sightreading .bob-marley-content-area .slide-5 .welcome-staff-container{transform:scale(0.7);height:77px;margin-top:-9px}}@media all and (min-width: 550px) and (max-width: 700px){.welcome-to-sightreading .bob-marley-content-area .slide-5 .main-textarea p{width:515px}}.piano-wrapper{width:95%;height:50%;position:absolute;display:flex;justify-content:center;align-items:center;padding:0 0 0 2.5%;bottom:7%}@media all and (max-width: 1000px){.piano-wrapper{height:40%}}.piano-wrapper .hand-icon{filter:drop-shadow(0px 2px 12px rgba(0,0,0,0.34));animation:handIconFloating 3s infinite}.piano-wrapper .hand-icon-container{z-index:10;width:45px;height:47px;position:relative;top:-41px;left:-22px}@media all and (max-height: 550px),all and (max-width: 600px){.piano-wrapper .hand-icon-container{width:40px;height:43px;top:-35px;left:-19px}}.piano-wrapper .piano{width:100%;height:100%;position:relative;top:-100%}.piano-wrapper .key{border:1px solid #bbbbbb;border-radius:0px 0px 6px 6px;cursor:pointer;margin-left:-1px;transition:background 1s ease;background-color:white}.piano-wrapper .key.highlight[pitch]{background:#59ca89}.piano-wrapper .key.highlight[pitch] .label-text{color:#B38E09;animation:handIconFloating 3s infinite;visibility:visible}.piano-wrapper .key:hover .label-text,.piano-wrapper .key.newbie .label-text{opacity:1}.piano-wrapper .black{width:100%;height:100%;position:relative}.piano-wrapper .black .key{float:left;background-color:#333333;height:60%;width:3.4%;margin-left:1.4%;border:none;position:relative;top:100%}.piano-wrapper .black .key:active,.piano-wrapper .black .key.active{background-color:#606060}.piano-wrapper .black .key.d-or-g-flat{margin-left:6.07%}.piano-wrapper .black .key:first-child{margin-left:3%}.piano-wrapper .black .label-text{color:#b5b5b5;top:66%;transform:translateX(-7px)}@media all and (max-height: 550px),all and (max-width: 600px){.piano-wrapper .black .label-text{top:50%;font-size:10px;transform:translateX(-6px)}}@media all and (max-width: 450px){.piano-wrapper .black .label-text{font-size:8px;transform:translateX(-5px)}}.piano-wrapper .white{width:100%;height:100%;flex-direction:row;display:flex}.piano-wrapper .white .key{background:white;height:100%;flex-grow:1}.piano-wrapper .white .key:first-of-type{border-top-left-radius:6px}.piano-wrapper .white .key:last-of-type{border-top-right-radius:6px}.piano-wrapper .white .key:active,.piano-wrapper .white .key.active{box-shadow:inset 0px 0px 15px 0px rgba(0,0,0,0.2);transition:background-color 50ms;background:#e5e5e5}.piano-wrapper .key[pitch="C4"]{background:#e8e8e8}.piano-wrapper .key-text{position:relative;z-index:100}.piano-wrapper .label-text{width:0;margin:0 auto;position:relative;top:85%;color:#969696;font-size:12px;transform:translateX(-4px);transition:opacity 200ms linear;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media all and (max-width: 600px){.piano-wrapper .label-text{top:62%}}@media all and (max-width: 600px){.piano-wrapper .label-text{top:62%}}@media all and (max-height: 800px){.piano-wrapper .label-text{top:75%}}@media all and (max-height: 450px) and (max-width: 800px){.piano-wrapper .label-text{top:80%}}.piano-wrapper .label-text.middle-c{color:#969696}.piano-wrapper .middleC::before{content:'C';display:block;color:#969696 !important;position:absolute;bottom:-96%;font-size:178%;padding-left:1.4%}.c-major-scale .key-text-sharp,.c-major-scale .key-text-flat{display:none}.flat-scale .key-text-sharp{display:none}.sharp-scale .key-text-flat{display:none}.unlabeled .label-text{display:none}.piano-settings-form{width:160px;font-weight:300;font-size:13px;color:#333333;opacity:.7}.piano-settings-form .game-sightreading-setting{margin-top:10px}.piano-settings-form .game-sightreading-setting:first-child{margin-top:0}.piano-settings-form .game-sightreading-setting .settings-input{cursor:pointer;float:left;clear:both}.piano-settings-form .game-sightreading-setting .settings-text{color:#333333;cursor:pointer}.piano-settings-form select{width:90%;margin-top:5px}.outer-staff-wrapper{display:flex;align-items:center;position:relative;height:45%;box-sizing:border-box;overflow:hidden}@media all and (max-width: 1000px){.outer-staff-wrapper{height:65%}}@media all and (max-width: 700px){.outer-staff-wrapper{height:68%}}@media all and (max-width: 500px){.outer-staff-wrapper{height:78%}}.note-label-wrapper{background:linear-gradient(to right, rgba(252,252,252,0), #fcfcfc);width:135px;position:absolute;right:0;top:20px;padding:50px 0 50px 2px;z-index:1;font-weight:700;color:#3a3a3a}.note-label-wrapper .note-label{height:9.1px;margin-left:95px;line-height:21px;font-size:14px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.note-label-wrapper .note-label.line{margin-left:116px}.clef{float:left;z-index:1;position:absolute}.clef.treble{fill:#242424;width:160px;left:-35px;top:-13px}.clef.bass{width:80px;left:3px;top:20px}.note{cursor:pointer;background-size:contain;background-repeat:no-repeat;background-position:center center;width:68px;height:68px;position:relative;float:left;opacity:1;transition:opacity 500ms cubic-bezier(0.69, 0.04, 0.13, 0.99),transform 500ms cubic-bezier(0.69, 0.04, 0.13, 0.99),top 500ms cubic-bezier(0.05, 0.9, 0.37, 0.99)}.note.ghost{position:absolute}.note.ghost svg.single-note{fill:#242424;opacity:0.3;transition:opacity 200ms linear}.note.ghost.hide svg.single-note{opacity:0}.note.ghost .ledger-line-container{display:none}.note.prelapsarian{opacity:0;top:-1000px}.note.fadeOutNote{opacity:0;transform:translateY(100px)}.note svg.single-note{position:absolute;z-index:1}.welcome-to-sightreading .E6{top:-225px}.welcome-to-sightreading .D6{top:-214px}.welcome-to-sightreading .C6{top:-203px}.welcome-to-sightreading .B5{top:-192px}.welcome-to-sightreading .A5{top:-181px}.welcome-to-sightreading .G5{top:-170px}.welcome-to-sightreading .F5{top:-159px}.welcome-to-sightreading .E5{top:-148px}.welcome-to-sightreading .D5{top:-137px}.welcome-to-sightreading .C5{top:-126px}.welcome-to-sightreading .B4{top:-115px}.welcome-to-sightreading .A4{top:-104px}.welcome-to-sightreading .G4{top:-93px}.welcome-to-sightreading .F4{top:-82px}.welcome-to-sightreading .E4{top:-71px}.welcome-to-sightreading .D4{top:-60px}.welcome-to-sightreading .C4{top:-49px}.welcome-to-sightreading .B3{top:-38px}.welcome-to-sightreading .A3{top:-27px}.welcome-to-sightreading .G3{top:-16px}.welcome-to-sightreading .F3{top:-5px}.welcome-to-sightreading .E3{top:6px}.welcome-to-sightreading .D3{top:17px}.welcome-to-sightreading .C3{top:28px}.welcome-to-sightreading .B2{top:39px}.welcome-to-sightreading .A2{top:50px}.welcome-to-sightreading .G2{top:61px}.welcome-to-sightreading .F2{top:72px}.welcome-to-sightreading .E2{top:83px}.welcome-to-sightreading .D2{top:94px}.welcome-to-sightreading .C2{top:105px}.ledger-line-container{height:68px;width:64px;position:absolute;left:16px;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;top:0}.ledger-line-container.adjacent{top:-10px}.ledger-line-container .ledger-line{fill:#242424;width:45px;height:21px;top:0px;left:-17px;position:relative}.dropout-styles,.sightreading-game-container .main-container .main-container-inner-wrapper .sightread-settings-dropout{background-color:#fcfcfc;border-radius:5px;box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);display:flex;align-items:center;position:absolute;top:90%;padding:16px;flex-direction:column;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:16px}@media all and (max-height: 450px){.dropout-styles,.sightreading-game-container .main-container .main-container-inner-wrapper .sightread-settings-dropout{top:100%}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes inputFlash{0%{border-color:#40c2ff;box-shadow:inset 0px 0px 5px #40c2ff}70%{border-color:#c7c7c7;box-shadow:inset 0px 0px 0px #c7c7c7}100%{border-color:#40c2ff;box-shadow:inset 0px 0px 5px #40c2ff}}@keyframes gloat{0%{transform:scale(1) rotate(0deg)}60%{transform:scale(1.3) rotate(180deg)}100%{transform:scale(1) rotate(365deg)}}@keyframes createClassButton{0%{transform:scale(1)}70%{transform:scale(0.95)}100%{transform:scale(1)}}@keyframes handIconFloating{0%{transform:scale(1)}25%{transform:scale(1.17)}50%{transform:scale(1.05)}75%{transform:scale(1.1)}100%{transform:scale(1)}}@keyframes loseLife{0%{transform:scale(1) rotate(0deg);fill:#b9372c}33%{transform:scale(1.3) rotate(350deg)}66%{transform:scale(0.01) rotate(720deg)}67%{opacity:0;transform:scale(1) rotate(0deg);fill:#d8d8d8}100%{opacity:1;transform:scale(1) rotate(0deg)}}@keyframes loseLastLife{0%{transform:scale(1) rotate(0deg);fill:#b9372c}50%{transform:scale(0.01) rotate(360deg)}51%{transform:scale(0.01) rotate(-360deg);fill:#d8d8d8}100%{transform:scale(1) rotate(0deg);fill:#d8d8d8}}@keyframes ThreeTwoOneGo{0%{opacity:0}12.5%{opacity:1}25%{opacity:0}37.5%{opacity:1}50%{opacity:0}62.5%{opacity:1}75%{opacity:0}87.5%{opacity:1}100%{opacity:0}}@keyframes ThreeTwoOneGoColorRotation{0%{background-color:rgba(223,66,36,0.85)}24.9%{background-color:rgba(223,66,36,0.85)}28%{background-color:rgba(255,118,48,0.85)}49.9%{background-color:rgba(255,118,48,0.85)}53%{background-color:rgba(255,199,0,0.85)}74.9%{background-color:rgba(255,199,0,0.85)}78%{background-color:rgba(48,183,13,0.85)}100%{background-color:rgba(48,183,13,0.85)}}@keyframes expandAndContract10{0%{transform:scale(1)}30%{transform:scale(1.1)}100%{transform:scale(1)}}@keyframes expandAndContract15{0%{transform:scale(1)}50%{transform:scale(1.15)}100%{transform:scale(1)}}@keyframes longerExpandAndContract15{0%{transform:scale(1)}25%{transform:scale(1.15)}50%{transform:scale(1.05)}75%{transform:scale(1.25)}100%{transform:scale(1)}}@keyframes longerExpandAndContractBiggerSmaller15{0%{transform:scale(0.9)}25%{transform:scale(1.05)}50%{transform:scale(0.95)}75%{transform:scale(1.05)}100%{transform:scale(0.9)}}@keyframes expandAndContract30{0%{transform:scale(1)}50%{transform:scale(1.3) rotate(-15deg)}100%{transform:scale(1)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes slideRight{0%{transform:translateX(-100vw);opacity:0}60%{transform:translateX(0%);opacity:1}100%{transform:translateX(0%);opacity:0}}@keyframes slideLeft{0%{transform:translateX(100vw);opacity:0}60%{transform:translateX(0%);opacity:1}100%{transform:translateX(0%);opacity:0}}@keyframes fadeToZero{100%{opacity:0}}@keyframes fadeToZeroMicrophoneInput{0%{opacity:0}5%{opacity:0.5}100%{opacity:0}}@keyframes playAlongFall{0%{bottom:500px;opacity:0}20%{opacity:1}100%{bottom:0px}}@keyframes loadResponseBoardAfterDelay{0%{transform:translateY(200px)}30%{transform:translateY(200px)}100%{transform:translateY(0px)}}@keyframes loaderKeyframe{0%{opacity:0}50%{opacity:1}}@keyframes incorrectNoteGlowWhite{0%{background-color:rgba(255,255,255,0.9)}5%{background-color:#dc4a38}100%{background-color:rgba(255,255,255,0.9)}}@keyframes incorrectNoteGlowBlack{0%{background-color:#23212b}5%{background-color:#dc4a38}100%{background-color:#23212b}}@keyframes shake{10%,90%{transform:translate3d(-1px, 0, 0)}20%,80%{transform:translate3d(2px, 0, 0)}30%,50%,70%{transform:translate3d(-4px, 0, 0)}40%,60%{transform:translate3d(4px, 0, 0)}}.sightreading-game-container{width:100%;height:100%;position:absolute;overflow:hidden}.sightreading-game-container .chord-type-selection{background-color:#fcfcfc;box-shadow:0px -1px 7px rgba(0,0,0,0.15)}.sightreading-game-container .fire{display:none}.sightreading-game-container .main-container{height:91%;top:9%;margin-top:0;background-position:60% 30%}.sightreading-game-container .main-container .main-container-inner-wrapper{border:1px solid #ececec;border-radius:10px;overflow:hidden;background-color:#fcfcfc;width:90%;max-width:1350px;height:89.8%;margin:0 auto;box-shadow:0px 2px 18px rgba(0,0,0,0.06);position:relative}@media all and (max-width: 1000px){.sightreading-game-container .main-container .main-container-inner-wrapper{height:100%;width:100%;margin-left:0;border-radius:0}}@media all and (max-height: 650px){.sightreading-game-container .main-container .main-container-inner-wrapper{height:100%;width:100%;margin-left:0;border-radius:0}}.sightreading-game-container .main-container .main-container-inner-wrapper .countdown-container{position:absolute;width:100%;height:100%;z-index:4;border-radius:9px}@media all and (max-height: 650px){.sightreading-game-container .main-container .main-container-inner-wrapper .countdown-container{border-radius:0px}}@media all and (max-width: 1000px){.sightreading-game-container .main-container .main-container-inner-wrapper .countdown-container{border-radius:0px}}.sightreading-game-container .main-container .main-container-inner-wrapper .countdown-container.rotate-colors{animation:ThreeTwoOneGoColorRotation;animation-duration:3200ms}.sightreading-game-container .main-container .main-container-inner-wrapper .countdown-container.hide{display:none}.sightreading-game-container .main-container .main-container-inner-wrapper .sightread-settings-dropout{right:10px;top:35px;border:1px solid #ececec}.sightreading-game-container .piano-wrapper{z-index:1}.vexflow-shell{overflow:hidden;opacity:1;transition:opacity 200ms linear;position:relative;margin-right:2.5%;margin-left:2.5%;margin-top:5.5%}.vexflow-shell.faded{opacity:0.3}@media all and (max-height: 850px){.vexflow-shell{margin-top:2%}}@media all and (max-height: 750px){.vexflow-shell{margin-top:4%}}@media all and (max-height: 700px){.vexflow-shell{margin-top:0}}@media all and (max-height: 650px){.vexflow-shell{margin-top:2%}}@media all and (max-height: 600px){.vexflow-shell{margin-top:4%}}@media all and (max-height: 550px){.vexflow-shell{margin-top:3.5%}}@media all and (max-height: 500px){.vexflow-shell{margin-top:1.5%}}@media all and (max-height: 400px){.vexflow-shell{margin-top:0}}@media all and (max-height: 350px){.vexflow-shell{margin-top:-10px}}@media all and (min-width: 1000px) and (min-height: 650px){.vexflow-shell{margin-top:-25px}}.vexflow-container svg{transform:scale(1.8) translate(21%, 21%)}@media all and (max-height: 650px){.vexflow-container svg{transform:scale(1.2) translate(7%, 5%)}.note-label-wrapper{top:-17px}.note-label-wrapper .note-label{height:6px;margin-left:99px;font-size:11px}}.vexflow-scroll.speed-30000{transition:transform 30000ms linear, opacity 0.5s ease-out, fill 0.2s linear}.vexflow-scroll.speed-29500{transition:transform 29500ms linear, opacity 0.5s ease-out, fill 0.2s linear}.vexflow-scroll.speed-29000{transition:transform 29000ms linear, opacity 0.5s ease-out, fill 0.2s linear}.vexflow-scroll.speed-28500{transition:transform 28500ms linear, opacity 0.5s ease-out, fill 0.2s linear}.vexflow-scroll.speed-28000{transition:transform 28000ms linear, opacity 0.5s ease-out, fill 0.2s linear}.vexflow-scroll.speed-27500{transition:transform 27500ms linear, opacity 0.5s ease-out, fill 0.2s linear}.vexflow-scroll.speed-27000{transition:transform 27000ms linear, opacity 0.5s ease-out, fill 0.2s linear}.vexflow-scroll.speed-26500{transition:transform 26500ms linear, opacity 0.5s ease-out, fill 0.2s linear}.vexflow-scroll.speed-26000{transition:transform 26000ms linear, opacity 0.5s ease-out, fill 0.2s linear}.vexflow-scroll.speed-25500{transition:transform 25500ms linear, opacity 0.5s ease-out, fill 0.2s linear}.vexflow-scroll.speed-25000{transition:transform 25000ms linear, opacity 0.5s ease-out, fill 0.2s linear}.vexflow-scroll.speed-24500{transition:transform 24500ms linear, opacity 0.5s ease-out, fill 0.2s linear}.vexflow-scroll.speed-24000{transition:transform 24000ms linear, opacity 0.5s ease-out, fill 0.2s linear}.vexflow-scroll.speed-23500{transition:transform 23500ms linear, opacity 0.5s ease-out, fill 0.2s linear}.vexflow-scroll.speed-23000{transition:transform 23000ms linear, opacity 0.5s ease-out, fill 0.2s linear}.vexflow-scroll.speed-22500{transition:transform 22500ms linear, opacity 0.5s ease-out, fill 0.2s linear}.vexflow-scroll.speed-22000{transition:transform 22000ms linear, opacity 0.5s ease-out, fill 0.2s linear}.vexflow-scroll.speed-21500{transition:transform 21500ms linear, opacity 0.5s ease-out, fill 0.2s linear}.vexflow-scroll.speed-21000{transition:transform 21000ms linear, opacity 0.5s ease-out, fill 0.2s linear}.vexflow-scroll.speed-20500{transition:transform 20500ms linear, opacity 0.5s ease-out, fill 0.2s linear}.vexflow-scroll.speed-20000{transition:transform 20000ms linear, opacity 0.5s ease-out, fill 0.2s linear}.vexflow-scroll.speed-19500{transition:transform 19500ms linear, opacity 0.5s ease-out, fill 0.2s linear}.vexflow-scroll.speed-19000{transition:transform 19000ms linear, opacity 0.5s ease-out, fill 0.2s linear}.vexflow-scroll.speed-18500{transition:transform 18500ms linear, opacity 0.5s ease-out, fill 0.2s linear}.vexflow-scroll.speed-18000{transition:transform 18000ms linear, opacity 0.5s ease-out, fill 0.2s linear}.vexflow-scroll.speed-17500{transition:transform 17500ms linear, opacity 0.5s ease-out, fill 0.2s linear}.vexflow-scroll.speed-17000{transition:transform 17000ms linear, opacity 0.5s ease-out, fill 0.2s linear}.vexflow-scroll.speed-16500{transition:transform 16500ms linear, opacity 0.5s ease-out, fill 0.2s linear}.vexflow-scroll.speed-16000{transition:transform 16000ms linear, opacity 0.5s ease-out, fill 0.2s linear}.vexflow-scroll.speed-15500{transition:transform 15500ms linear, opacity 0.5s ease-out, fill 0.2s linear}.vexflow-scroll.speed-15000{transition:transform 15000ms linear, opacity 0.5s ease-out, fill 0.2s linear}.vexflow-scroll.speed-14500{transition:transform 14500ms linear, opacity 0.5s ease-out, fill 0.2s linear}.vexflow-scroll.speed-14000{transition:transform 14000ms linear, opacity 0.5s ease-out, fill 0.2s linear}.vexflow-scroll.speed-14500{transition:transform 14500ms linear, opacity 0.5s ease-out, fill 0.2s linear}.vexflow-scroll.speed-14000{transition:transform 14000ms linear, opacity 0.5s ease-out, fill 0.2s linear}.vexflow-scroll.speed-13500{transition:transform 13500ms linear, opacity 0.5s ease-out, fill 0.2s linear}.vexflow-scroll.speed-13000{transition:transform 13000ms linear, opacity 0.5s ease-out, fill 0.2s linear}.vexflow-scroll.speed-12500{transition:transform 12500ms linear, opacity 0.5s ease-out, fill 0.2s linear}.vexflow-scroll.speed-12000{transition:transform 12000ms linear, opacity 0.5s ease-out, fill 0.2s linear}.vexflow-scroll.speed-11500{transition:transform 11500ms linear, opacity 0.5s ease-out, fill 0.2s linear}.vexflow-scroll.speed-11000{transition:transform 11000ms linear, opacity 0.5s ease-out, fill 0.2s linear}.vexflow-scroll.speed-10500{transition:transform 10500ms linear, opacity 0.5s ease-out, fill 0.2s linear}.vexflow-scroll.speed-10000{transition:transform 10000ms linear, opacity 0.5s ease-out, fill 0.2s linear}.vexflow-scroll.speed-9500{transition:transform 9500ms linear, opacity 0.5s ease-out, fill 0.2s linear}.vexflow-scroll.speed-9000{transition:transform 9000ms linear, opacity 0.5s ease-out, fill 0.2s linear}.vexflow-scroll.speed-8500{transition:transform 8500ms linear, opacity 0.5s ease-out, fill 0.2s linear}.vexflow-scroll.speed-8000{transition:transform 8000ms linear, opacity 0.5s ease-out, fill 0.2s linear}.vexflow-scroll.speed-7500{transition:transform 7500ms linear, opacity 0.5s ease-out, fill 0.2s linear}.vexflow-scroll.speed-7000{transition:transform 7000ms linear, opacity 0.5s ease-out, fill 0.2s linear}.vexflow-scroll.speed-6500{transition:transform 6500ms linear, opacity 0.5s ease-out, fill 0.2s linear}.vexflow-scroll.speed-6000{transition:transform 6000ms linear, opacity 0.5s ease-out, fill 0.2s linear}.vexflow-scroll.speed-5500{transition:transform 5500ms linear, opacity 0.5s ease-out, fill 0.2s linear}.vexflow-scroll.speed-5000{transition:transform 5000ms linear, opacity 0.5s ease-out, fill 0.2s linear}.vexflow-scroll.speed-4500{transition:transform 4500ms linear, opacity 0.5s ease-out, fill 0.2s linear}.vexflow-scroll.speed-4000{transition:transform 4000ms linear, opacity 0.5s ease-out, fill 0.2s linear}.vexflow-scroll.speed-3500{transition:transform 3500ms linear, opacity 0.5s ease-out, fill 0.2s linear}.vexflow-scroll.speed-3000{transition:transform 3000ms linear, opacity 0.5s ease-out, fill 0.2s linear}.vexflow-scroll.speed-2500{transition:transform 2500ms linear, opacity 0.5s ease-out, fill 0.2s linear}.vexflow-scroll.speed-2000{transition:transform 2000ms linear, opacity 0.5s ease-out, fill 0.2s linear}.vexflow-scroll.speed-1500{transition:transform 1500ms linear, opacity 0.5s ease-out, fill 0.2s linear}.vexflow-scroll.speed-1000{transition:transform 1000ms linear, opacity 0.5s ease-out, fill 0.2s linear}.vexflow-correct{opacity:0}.vexflow-correct path{fill:#59ca89;stroke:#59ca89}.vexflow-wrong path{fill:#b9372c;stroke:#b9372c}.vexflow-too-slow path{fill:#b9372c;stroke:#b9372c}.vexflow-ghost-note{fill:#242424;opacity:0.5;animation-name:fadeToZero;animation-duration:1000ms}.vexflow-ghost-note-mic-input{fill:#242424;opacity:0.5;animation-name:fadeToZeroMicrophoneInput;animation-duration:3000ms}.vexflow-old-display-none{display:none}.vexflow-discounted{transition:transform 3s linear, opacity 1s ease-out, fill 0.2s linear;opacity:0}.sightreading-game-container[instrument="one-octave-keyboard"] .piano,.one-octave-keyboard .piano{max-width:550px}.sightreading-game-container[instrument="one-octave-keyboard"] .piano-wrapper .black .key,.one-octave-keyboard .piano-wrapper .black .key{width:10.4%;margin-left:4%}.sightreading-game-container[instrument="one-octave-keyboard"] .piano-wrapper .black .key.d-or-g-flat,.one-octave-keyboard .piano-wrapper .black .key.d-or-g-flat{margin-left:17.9%}.sightreading-game-container[instrument="one-octave-keyboard"] .piano-wrapper .black .key:first-child,.one-octave-keyboard .piano-wrapper .black .key:first-child{margin-left:9%}.yellow-button{-webkit-appearance:none;font-weight:400;letter-spacing:1px;border-bottom:1px solid rgba(0,0,0,0);padding-top:0px;padding-bottom:3px;transition:border-bottom, 400ms;cursor:pointer;color:#29c1b4}.yellow-button:hover{color:#2ccabc;border-bottom:1px solid #2ccabc;padding-bottom:3px;text-decoration:none}.sign-up-modal .announcement-modal{max-width:530px}.sign-up-modal h1{letter-spacing:0;text-align:center;font-size:22px;font-weight:400;color:#5a5a5a;margin-top:30px}@media all and (max-width: 550px){.sign-up-modal h1{font-size:16px;font-weight:700}}.sign-up-modal p{letter-spacing:0;margin-top:10px;text-align:center;line-height:160%;font-size:16px;color:rgba(0,0,0,0.8)}@media all and (max-width: 550px){.sign-up-modal p{font-size:13px}}.sign-up-modal svg{stroke:none}.sign-up-modal .text-field-wrapper .terms{margin-top:10px;font-size:12px;font-weight:300;line-height:1.2em;color:rgba(0,0,0,0.5)}.sign-up-modal .text-field-wrapper .terms a{text-decoration:underline;color:rgba(0,0,0,0.5);transition:color 150ms linear;font-size:12px}.sign-up-modal .text-field-wrapper .terms a:hover{color:rgba(0,0,0,0.8)}.sign-up-modal .enter-email-text-field-wrapper,.sign-up-modal .text-field-wrapper{padding-top:30px;text-align:center}.sign-up-modal .enter-email-text-field-wrapper input[type="text"],.sign-up-modal .enter-email-text-field-wrapper input[type="password"],.sign-up-modal .text-field-wrapper input[type="text"],.sign-up-modal .text-field-wrapper input[type="password"]{padding:0px 10px 0px 10px;margin-left:-10px;margin-right:-10px;max-width:435px;height:42px;border-radius:2px;border:0;box-shadow:0px 1px 6px rgba(0,0,0,0.25);transform:translateY(1px)}@media all and (min-width: 550px){.sign-up-modal .enter-email-text-field-wrapper input[type="text"],.sign-up-modal .enter-email-text-field-wrapper input[type="password"],.sign-up-modal .text-field-wrapper input[type="text"],.sign-up-modal .text-field-wrapper input[type="password"]{min-width:260px;margin-left:0;margin-right:0}}.sign-up-modal .enter-email-text-field-wrapper input[type="submit"],.sign-up-modal .text-field-wrapper input[type="submit"]{margin-left:10px;width:120px;font-weight:400;font-size:16px;border-radius:2px;line-height:0;height:42px;z-index:1;color:rgba(255,255,255,0.9);cursor:pointer;border:0;background-color:#29c1b4;box-shadow:none;transition:background-color 150ms linear, box-shadow 150ms linear}.sign-up-modal .enter-email-text-field-wrapper input[type="submit"]:hover,.sign-up-modal .text-field-wrapper input[type="submit"]:hover{background-color:#2ccabc;box-shadow:0px 3px 8px rgba(0,0,0,0.25)}@media all and (max-width: 500px){.sign-up-modal .enter-email-text-field-wrapper,.sign-up-modal .text-field-wrapper{flex-direction:column;align-items:center}.sign-up-modal .enter-email-text-field-wrapper input[type="text"],.sign-up-modal .text-field-wrapper input[type="text"]{width:100%}.sign-up-modal .enter-email-text-field-wrapper input[type="submit"],.sign-up-modal .text-field-wrapper input[type="submit"]{margin-left:0;margin-top:20px}}.student-join-page .flow-modal-header-wrapper{height:90px;border-bottom:1px solid #D7D7D7;width:100%}.student-join-page .full-page-flow-modal .full-screen-card{height:auto}.student-join-page .full-page-flow-modal .sign-in-form .authentication-inner-wrapper{background-color:transparent;box-shadow:none;width:100%;max-width:312px;padding-bottom:0}.student-join-page .full-page-flow-modal .sign-in-form input{margin-top:12px}.student-join-page .full-page-flow-modal .sign-in-form input::-moz-placeholder{font-weight:bold;font-size:16px;line-height:23px;color:rgba(0,0,0,0.15) !important;opacity:60%}.student-join-page .full-page-flow-modal .sign-in-form input::placeholder{font-weight:bold;font-size:16px;line-height:23px;color:rgba(0,0,0,0.15) !important;opacity:60%}@media all and (max-width: 550px){.student-join-page .full-page-flow-modal .sign-in-form input::-moz-placeholder{font-size:16px;line-height:23px}.student-join-page .full-page-flow-modal .sign-in-form input::placeholder{font-size:16px;line-height:23px}}.student-join-page .full-page-flow-modal .sign-in-form .text-field{background:#FFFFFF;border:1px solid #D7D7D7;box-sizing:border-box;border-radius:2px}.student-join-page .full-page-flow-modal label{font-size:16px;font-weight:bold}.student-join-page .full-page-flow-modal #user_full_name::before{content:"Your name";display:block}.confirmation-auth-page{text-align:center;position:absolute;width:100% !important}.ear-training-game-container.soprano-voice-in-a-chord .notes .note.stems-down:last-child:before{transform:rotate(180deg) translateY(-20px)}.ear-training-game-container.soprano-voice-in-a-chord .notes .note:last-child:before{content:'?';display:block;font-size:63px;text-align:center;transform:translateY(20px)}.ear-training-game-container.soprano-voice-in-a-chord .notes .note:last-child svg{display:none}.chord-name-label{position:absolute;bottom:21%;display:flex;width:100%;justify-content:center}.chord-name-label .chord-name-label-text{font-size:20px;color:rgba(255,255,255,0.95);text-transform:capitalize}@media all and (max-height: 550px){.chord-name-label .chord-name-label-text{font-size:16px}}.yellow-button{-webkit-appearance:none;font-weight:400;letter-spacing:1px;border-bottom:1px solid rgba(0,0,0,0);padding-top:0px;padding-bottom:3px;transition:border-bottom, 400ms;cursor:pointer;color:#29c1b4}.yellow-button:hover{color:#2ccabc;border-bottom:1px solid #2ccabc;padding-bottom:3px;text-decoration:none}.create-a-thing-flow{height:100%;width:100%;position:absolute;background:white;top:0;left:0}.create-a-thing-flow .group-private-text{font-size:16px;line-height:23px;letter-spacing:0}.create-a-thing-flow .text-input{border:0px;height:95%}.create-a-thing-flow .top-text{letter-spacing:0px;color:#484848;font-size:22px;line-height:150%;justify-content:flex-start;padding-left:50px;padding-right:50px;box-sizing:border-box}.create-a-thing-flow .question{margin-top:20px;padding:0 50px;width:100%;box-sizing:border-box;justify-content:flex-start;align-items:flex-start}.create-a-thing-flow .nav{position:absolute;bottom:20px;height:100px;width:100%}.create-a-thing-flow .nav .create-classroom-btn{width:190px}.create-a-thing-flow .nav button{position:absolute;font-weight:400;font-size:16px;text-align:center;color:rgba(255,255,255,0.95);height:51px;width:115px;border-radius:45px;background:#bfbfbf;padding:0 25px}.create-a-thing-flow .nav .next{right:25px;bottom:25px}.create-a-thing-flow .nav .next.available{background-color:#29c1b4}.create-a-thing-flow .nav .back{left:25px;bottom:25px;background:#fcfcfc;border:1px solid #bfbfbf;color:#bfbfbf}.create-a-thing-flow .radio-option{margin-top:10px}.create-a-thing-flow .create-classroom-modal-header{position:relative}.create-a-thing-flow .outer-circle{min-width:22px;min-height:22px}.create-a-thing-flow span{text-align:left}.ml-50{margin-left:50px}.classroom-error-message{color:#eb5757;font-weight:bold}.workspace-mgmt-assignments .assignments-container{border:1px solid #dedede;border-radius:3px;background-color:#fafafa;margin:15px 45px 0 45px;padding:0 40px;font-weight:300;color:#484848}.workspace-mgmt-assignments .assignments-container.status-info{padding-top:15px;padding-bottom:15px}.workspace-mgmt-assignments .assignments-container.status-info .completed{color:#6fcf97;font-weight:700}.workspace-mgmt-assignments .assignments-container.status-info .late{color:#f6c823;font-weight:700}.workspace-mgmt-assignments .assignments-container.status-info .missed{color:#eb5757;font-weight:700}.workspace-mgmt-assignments .assignments-container.assignments-list{padding-top:33px;margin-bottom:45px}.workspace-mgmt-assignments .assignments-container .past-assignments{padding-top:30px}.workspace-mgmt-assignments .assignments-container .section-heading{font-weight:800;text-transform:uppercase;color:#a4a4a4;margin-bottom:25px;letter-spacing:0.6px}.workspace-mgmt-assignments .workspace-mgmt-button{margin:0px;width:50%;display:flex;justify-content:flex-end}.workspace-mgmt-assignments .workspace-mgmt-button button{margin-right:45px}.workspace-mgmt-assignments .workspace-mgmt-header.workspace-mgmt-assignments-header{display:flex;justify-content:space-between;align-items:center;height:117px}.workspace-mgmt-assignments .react-dropdown{font-size:13px;line-height:19px;width:362px;margin:0}.workspace-mgmt-assignments .react-checkbox{width:100%;margin:15px 0 0 0}.workspace-mgmt-assignments .Dropdown-root{margin:5px 0}.workspace-mgmt-assignments .dropdown-box-label,.workspace-mgmt-assignments .date-picker-box-label{display:flex;flex-direction:row;justify-content:flex-start;font-size:12px;padding-top:15px;padding-bottom:5px;font-weight:400;color:#5a5a5a}.workspace-mgmt-assignments .dropdown-box-label .range,.workspace-mgmt-assignments .date-picker-box-label .range{width:50%}.workspace-mgmt-assignments .assignment-creation-modal{display:flex;flex-direction:column;align-items:center}.workspace-mgmt-assignments .xp-input-fields{display:flex}.workspace-mgmt-assignments .DateRangePickerInput{background-color:#fcfcfc;height:36px;display:flex;align-items:center;border-radius:4px}.workspace-mgmt-assignments .DateInput{background-color:#fcfcfc;height:30px}.workspace-mgmt-assignments .DateInput .DateInput_input{font-size:13px;height:30px;padding-left:15px;background-color:#fcfcfc}.workspace-mgmt-assignments .DateRangerPicker{width:362px}.workspace-mgmt-assignments .DateRangePickerInput_arrow{background-color:#fcfcfc;padding-left:14px}.workspace-mgmt-assignments .DateRangePickerInput_calendarIcon{background-color:#fcfcfc;padding:0 15px 0 23px}.workspace-mgmt-assignments .create-assignment-modal-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:300px}.workspace-mgmt-assignments .create-assignment-modal-wrapper .assignment-type-wrapper{margin-top:30px;margin-bottom:50px;display:flex;justify-content:center;align-items:center}.workspace-mgmt-assignments .create-assignment-modal-wrapper .assignment-type-wrapper button{margin:15px}.workspace-mgmt-assignments .create-assignment-modal-wrapper h1{color:#484848;font-size:22px}.workspace-mgmt-assignments .create-assignment-modal-wrapper .assignment-type-button-content{height:143px;width:193px;border-radius:5px;background-color:#fafafa;padding:20px;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;box-shadow:0 0 9px rgba(0,0,0,0.13),0 2px 3px rgba(0,0,0,0.19)}.workspace-mgmt-assignments .create-assignment-modal-wrapper .assignment-type-button-content h2{color:#2d2d2d;font-weight:400}.workspace-mgmt-assignments .create-assignment-modal-wrapper .assignment-type-button-content p{color:#6e6e6e;font-size:16px;line-height:23px}.workspace-mgmt-assignments .notifications.create-assignment-modal .announcement .announcement-modal{width:830px}@media all and (max-width: 550px),all and (max-height: 550px){.workspace-mgmt-assignments .notifications.create-assignment-modal .announcement .announcement-modal{position:relative}}.workspace-mgmt-assignments .notifications.create-assignment-modal .announcement .announcement-modal .skill-assignment-content{width:362px;display:flex;flex-direction:column;align-items:flex-start}.workspace-mgmt-assignments .notifications.create-assignment-modal .announcement .announcement-modal .skill-assignment-content .DateRangePicker{width:100%}.workspace-mgmt-assignments .notifications.create-assignment-modal .announcement .announcement-modal .skill-assignment-content h1{text-align:left}.workspace-mgmt-assignments .notifications .explanatory-text-under-modal-header{text-align:left;margin-top:15px}.workspace-mgmt-assignments .container-assignment{padding-top:15px;display:flex;flex-direction:column;align-items:center}.workspace-mgmt-assignments .container-assignment textarea.assignment-text-input{height:100px;line-height:22px;padding-top:6px}.workspace-mgmt-assignments .container-assignment .assignment-text-input{width:344px;height:32px;border-radius:4px;padding:2px 8px;border:1px solid #cccccc;background-color:#fafafa;color:#818181;font-size:13px;letter-spacing:0.44px}.workspace-mgmt-assignments .container-assignment .checkbox-label{font-size:14px}.workspace-mgmt-assignments .container-assignment .assignment-checkbox{margin-left:0px;margin-bottom:0px}.workspace-mgmt-assignments .container-assignment .custom-ass-cb-lable{margin-left:2px;font-weight:700;position:relative;top:-1px;font-weight:700}.workspace-mgmt-assignments .skill-create-assignment-loader{display:flex;justify-content:center}.workspace-mgmt-assignments .invite-modal-buttons{margin-top:10px;width:100%;padding-right:0}.workspace-mgmt-assignments .confirmation-btn{justify-content:center}.workspace-mgmt-assignments .react-select-add-lesson__menu{background-color:red !important;height:900px}.workspace-mgmt-assignments .react-select-assignments__multi-value{max-width:260px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.workspace-mgmt-assignments .create-assignments-confirmation-page{display:flex;align-items:center;justify-content:center;flex-direction:column}.workspace-mgmt-assignments .assignments-back-link{display:flex;justify-content:flex-start;align-items:center;vertical-align:center;width:20%;color:#29c1b4;font-size:14px;font-weight:400;line-height:20px;margin-left:30px;cursor:pointer}.workspace-mgmt-assignments .workspace-mgmt-header.assignment-details-header{display:flex;justify-content:space-between;align-items:center;height:117px}.workspace-mgmt-assignments .workspace-mgmt-header.assignment-details-header .header-xp-count{color:#b4b4b4}.workspace-mgmt-assignments .dope{color:#29c1b4;font-weight:700;cursor:pointer}.workspace-mgmt-assignments .back-arrow-icon{width:20px;padding-top:5px;margin-right:5px}.workspace-mgmt-assignments .assignment-due-date-bar{display:flex;align-items:center;justify-content:flex-start;height:85px;margin-top:-10px}.workspace-mgmt-assignments .assignment-due-date-bar .assignment-date-picker{display:flex;align-items:center;justify-content:center;margin-left:100px}.workspace-mgmt-assignments .assignment-due-date-bar .assignment-date-picker .assignment-due-date{margin-right:7px}.workspace-mgmt-assignments .assignment-due-date-bar .assignment-date-picker .DateInput{background-color:#fcfcfc;height:30px}.workspace-mgmt-assignments .assignment-due-date-bar .assignment-date-picker .DateInput .DateInput_input{font-size:16px;font-style:normal;font-weight:400;letter-spacing:0.01em;color:#5a5a5a;height:30px;padding-left:15px;background-color:#fcfcfc}.workspace-mgmt-assignments .settings-icon-gear{width:30px;height:30px;opacity:0.7}.workspace-mgmt-assignments .settings-icon-gear:hover{opacity:1;transition:opacity 150ms linear}.workspace-mgmt-assignments .assignments-gear-svg{display:flex;margin-right:30px;justify-content:flex-end;width:20%;cursor:pointer;opacity:0.7}.workspace-mgmt-assignments .assignments-gear-svg:hover{opacity:1;transition:opacity 150ms linear}.workspace-mgmt-assignments .workspace-mgmt-assignment-details-h1{width:60%;padding-left:0px}.workspace-mgmt-assignments .new-age-table{margin-top:30px}.workspace-mgmt-assignments .edit-assignment-modal .date-picker-box-label{margin-top:5px}.workspace-mgmt-assignments .assignment-modal-buttons{display:flex;flex-direction:flex;justify-content:center;align-items:center;width:100%;padding:20px 20px 0 0;margin-top:2rem}.workspace-mgmt-assignments .assignment-modal-buttons button.assignment-button{display:flex;font-weight:400;font-size:16px;text-align:center;color:#ffffff;height:40px;min-width:95px;border-radius:45px;padding:0 25px;justify-content:center;align-items:center}.workspace-mgmt-assignments .assignment-modal-buttons .back-btn{background:#bfbfbf}.workspace-mgmt-assignments .assignment-modal-buttons .next-btn{background:#29c1b4;margin-right:0px !important;min-width:149px !important;border-radius:20px !important;margin-left:5%}.workspace-mgmt-assignments .assignment-delete-button{color:#eb5757;padding:30px 0 30px 0;font-size:16px;font-weight:400;border:1px solid #eb5757;border-radius:20px;padding:5px 10px;width:367px;height:38px;margin-bottom:0px}.workspace-mgmt-assignments .assignments-loader.parent-loader{width:calc(100% - 167px)}@media all and (max-width: 550px),all and (max-height: 550px){.workspace-mgmt-assignments .assignment-type-wrapper{flex-direction:column}.workspace-mgmt-assignments .create-assignment-modal-wrapper{width:-moz-fit-content;width:fit-content}}.btn-container{margin-top:0.5rem !important;margin-bottom:1rem !important}.recording-check-item{margin-left:-8px !important}.teacher-managing-game-center .workspace-mgmt-outer-wrapper .workspace-mgmt-inner-wrapper{display:block}.teacher-managing-game-center .cards-container{background:white;position:relative;box-shadow:0 4px 8px #cbc9c9;padding-bottom:44px;margin-bottom:0px;border-radius:0 0 5px 5px}.teacher-managing-game-center .cards-container.details .card-container .favorite-container{margin-top:2px}.teacher-managing-game-center .cards-container .card-container{max-width:640px;margin:0 auto}.teacher-managing-game-center .cards-container .card-container .card{box-shadow:0px 2px 10px rgba(0,0,0,0.15)}.teacher-managing-game-center .cards-container .card-container .card-button-div{margin-right:0}.teacher-managing-game-center .cards-container .card-container .card-button-div.curriculum-button{margin-right:30px}.teacher-managing-game-center .cards-container .card-container .card-button-div a{display:flex;justify-content:space-around;align-items:center}.teacher-managing-game-center .cards-container .favorite-container{position:absolute;right:43px;margin-top:-3px}.teacher-managing-game-center .recommendation-card{box-shadow:0 0 8px #cbc9c9;border-radius:5px 5px 0 0}.teacher-managing-game-center .workspace-curric-edit-btn{width:50px;height:30px;display:flex;align-items:center;justify-content:center;color:#29c1b4}.teacher-managing-game-center .card-item{display:flex;align-items:center}.teacher-managing-game-center .back-arrow-icon{width:20px;padding-top:5px;margin-right:5px}.teacher-managing-game-center .workspace-mgmt-header.workspace-mgmt-mission-details-header{display:flex;justify-content:space-between;align-items:center;height:117px;margin-bottom:0px}.teacher-managing-game-center .workspace-mgmt-mission-details-h1{display:flex;justify-content:center;color:#5a5a5a;font-size:22px;font-weight:400;line-height:32px;letter-spacing:0px;padding:0px}.teacher-managing-game-center .workspace-mgmt-mission-details-h1 span{color:#5a5a5a}.teacher-managing-game-center .mission-details-back-link{display:flex;justify-content:flex-start;align-items:center;vertical-align:center;color:#29c1b4;font-size:14px;font-weight:bold;line-height:20px;margin-left:45px;cursor:pointer}.teacher-managing-game-center .mission-details-header-toggle{justify-content:flex-end;display:flex;width:130.25px;margin-right:45px}.teacher-managing-game-center .curriculum-button{position:relative;display:flex;justify-content:space-around;width:200px}.teacher-managing-game-center .curriculum-button a{z-index:2;border-radius:20px;width:100px;padding-right:20px}.teacher-managing-game-center .curriculum-button span{display:block}.teacher-managing-game-center .curriculum-button .open-in-new-tab{right:11px;top:11px}.teacher-managing-game-center .underlined-text{text-decoration:underline}.teacher-managing-game-center .workspace-mgmt-mission-details-container .card-content-div .card-item-header{margin-bottom:0}.teacher-managing-game-center .workspace-mgmt-mission-details-container .cards-container{box-shadow:none}.workspace-mgmt-wrapper .teacher-managing-game-center.shared-workspace-asteroid-belt-wrapper{height:auto;background-color:#ffffff}.workspace-mgmt-progress-report .progress-table-title{margin:25px}.workspace-mgmt-progress-report .progress-report-table{padding:0px 10px 10px 10px}.workspace-mgmt-progress-report .no-students{background-color:#fafafa;margin:30px 45px 0 45px;border:1px solid #e5e5e5;height:140px;display:flex;flex-direction:column;justify-content:center;align-items:center}.workspace-mgmt-progress-report .no-students .no-students-text{font-size:16px;line-height:140%;width:400px;text-align:center;font-weight:300;color:#5a5a5a}.workspace-mgmt-progress-report .class-progress-wrapper{padding-bottom:45px}.workspace-mgmt-progress-report .goblin-link{color:#29c1b4;border-bottom:1px solid #29c1b4}.workspace-mgmt-progress-report span.goblin-link:hover{border-bottom-color:#2ccabc;color:#2ccabc;cursor:pointer}.email-notifications-modal .announcement-modal{max-width:530px}.workspace-mgmt-settings .mgmt-settings-row{display:flex;align-items:center;margin-bottom:20px;padding-right:50px}.workspace-mgmt-settings h1{text-align:center;font-size:22px;font-weight:400;color:#5a5a5a}@media all and (max-width: 550px){.workspace-mgmt-settings h1{font-size:16px;font-weight:700}}.workspace-mgmt-settings .section-heading-label h3{font-size:13px;color:#8c8c8c;margin:30px 0 30px 0;text-transform:uppercase}@media all and (max-width: 550px){.workspace-mgmt-settings .section-heading-label h3{font-size:11px;margin-bottom:5px}}.workspace-mgmt-settings .delete-container{color:#333333;padding:30px 0 30px 0}.workspace-mgmt-settings .delete-container button{font-size:16px;font-weight:400;border:1px solid #333333;border-radius:3px;padding:5px 10px}.workspace-mgmt-settings p{font-size:16px;font-weight:300;color:#484848}.workspace-mgmt-settings .toggle-wrapper{display:inline-block;padding-top:5px}@media all and (max-width: 550px){.workspace-mgmt-settings .toggle-wrapper{transform:translateY(-9px)}}.workspace-mgmt-settings .text-wrapper{margin-left:15px;display:inline-block;vertical-align:top;width:600px}@media all and (max-width: 550px){.workspace-mgmt-settings .text-wrapper{max-width:150px}}.workspace-mgmt-settings .text-wrapper p{line-height:160%}@media all and (max-width: 550px){.workspace-mgmt-settings .text-wrapper p{font-size:13px}}.workspace-mgmt-settings .classroom-name{display:flex;align-items:center}.workspace-mgmt-settings .classroom-name-input-wrapper{width:390px;margin-bottom:0;margin-right:10px}.workspace-mgmt-settings .create-button-disabled{visibility:hidden;opacity:0}.workspace-mgmt-settings .create-button-enabled{visibility:visible;opacity:1}.workspace-mgmt-settings .flash-alert{margin-top:10px;width:390px}.workspace-mgmt-wrapper .workspace-mgmt-shared-files .workspace-mgmt-header{display:flex;justify-content:space-between;align-items:center;padding:0 45px}.workspace-mgmt-wrapper .workspace-mgmt-shared-files .workspace-mgmt-h1{padding:0}.workspace-mgmt-wrapper .workspace-mgmt-shared-files .shared-files-container{padding-right:45px;display:flex;flex-wrap:wrap}.workspace-mgmt-wrapper .workspace-mgmt-shared-files .mgmt-card-detail{text-transform:uppercase;font-weight:700}.workspace-mgmt-wrapper .workspace-mgmt-shared-files .mgmt-card-title{white-space:nowrap}.workspace-mgmt-wrapper .workspace-mgmt-shared-files .mgmt-card-content{max-width:90%}.workspace-mgmt-wrapper .workspace-mgmt-shared-files .edit-name-form{display:flex;flex-direction:column;align-items:center;margin:0 20px}.workspace-mgmt-wrapper .workspace-mgmt-shared-files .locked-and-loader,.workspace-mgmt-wrapper .workspace-mgmt-shared-files .locked-and-loader:before,.workspace-mgmt-wrapper .workspace-mgmt-shared-files .locked-and-loader:after{color:#e6e6e6;background:#e6e6e6;font-size:3px}.workspace-mgmt-wrapper .workspace-mgmt-shared-files .locked-and-loader{position:initial}.workspace-mgmt-wrapper .workspace-mgmt-shared-files .shared-files-loader-wrapper{display:flex;align-items:center;margin:0 auto;margin-top:3px}.workspace-mgmt-wrapper .workspace-mgmt-shared-files .shared-files-blank-slate{width:100%;padding:30px;text-align:center;border:1px solid #e6e6e6;margin:30px 0px 30px 42px}.workspace-mgmt-wrapper .workspace-mgmt-shared-files .add-file-button{text-decoration:underline;color:#29c1b4;margin:0;padding:0;font:inherit;border:none;font-weight:700}.workspace-mgmt-wrapper .workspace-mgmt-shared-files .shared-files-modal-wrapper{max-height:80%;min-height:35%;display:flex}@media all and (max-width: 550px),all and (max-height: 550px){.workspace-mgmt-wrapper .workspace-mgmt-shared-files .shared-files-modal-wrapper{max-height:100%;height:100%}}.workspace-mgmt-wrapper .workspace-mgmt-shared-files .shared-files-modal-wrapper h1{margin:30px 0}.workspace-mgmt-wrapper .workspace-mgmt-shared-files .shared-files-modal-list{display:flex;flex-direction:column;width:100%}.workspace-mgmt-wrapper .workspace-mgmt-shared-files .workspace-mgmt-with-menu{cursor:pointer;outline-style:none;width:240px}.shared-files-cards-wrapper{display:flex;flex-direction:column;align-items:center;overflow:auto;flex:1}.shared-files-card.blank-slate{justify-content:center;padding:100px;border:3px dashed #e6e6e6}.shared-files-card.blank-slate:hover{border-color:#29c1b4}.shared-files-card.blank-slate .shared-files-card-content{flex-grow:0;width:initial}.shared-files-card .shared-files-upload-button{align-items:center}.shared-files-card .shared-files-upload-button .shared-files-loader-wrapper{margin:0 10px 0 0}.shared-files-card .green-checkmark{width:22px;display:flex}.shared-files-card svg.green-checkmark.hidden{display:none}.shared-files-card .plus-sign{width:22px;display:flex}.shared-files-card.managed-shared-files-card-error{cursor:initial;background-color:rgba(255,118,48,0.06);border-color:rgba(255,118,48,0.35)}.shared-files-card.managed-shared-files-card-error:hover{border-color:rgba(255,118,48,0.35)}.student-progress-tab{display:contents}.workspace-mgmt-student{display:flex;flex-direction:column;margin-bottom:30px}.workspace-mgmt-student .workspace-mgmt-header.workspace-mgmt-student-header{display:flex;justify-content:space-between;align-items:center;height:117px}.workspace-mgmt-student .student-class-h1{color:#333333;font-size:22px;font-weight:400;line-height:32px;padding:0px;width:50%;margin-left:45px}.workspace-mgmt-student .student-class-h1 span{color:#5a5a5a}.workspace-mgmt-student .announcement-modal{max-width:636px}.workspace-mgmt-student .workspace-mgmt-button{margin:0px;width:50%;display:flex;justify-content:flex-end}.workspace-mgmt-student .workspace-mgmt-button button{margin-right:45px}.workspace-mgmt-student .student-card-container{display:flex;flex-wrap:wrap;padding-right:45px}.workspace-mgmt-student .lesson-card-container{background:#FFFFFF;border:1px solid #F0F0F0;box-sizing:border-box;width:-moz-fit-content;width:fit-content;box-shadow:0px 2px 5px rgba(230,232,237,0.7),0px 3px 8px rgba(230,232,237,0.7);border-radius:5px}.workspace-mgmt-student .lesson-card-container .workspace-lesson-card{font-style:normal;font-weight:bold;font-size:30px;padding:10px 10px 20px 10px}.workspace-mgmt-student .join-lesson-box{display:flex;width:100%;overflow:auto;max-width:-moz-fit-content;box-shadow:0px 2px 5px rgba(230,232,237,0.7),0px 3px 8px rgba(230,232,237,0.7) !important;max-width:fit-content;height:130px;padding:0px 0px 0px 28px;margin:2% 3% 0% 0%}@media (min-width: 1920px) and (max-width: 2560px){.workspace-mgmt-student .join-lesson-box{margin:2% 3% 0% 0%}}.workspace-mgmt-student .join-lesson-box .join-disabled-lesson-button{background:#969696;color:#fff;font-family:Lato;font-style:normal;font-weight:bold;font-size:16px;border-radius:50px;height:46px;border:0px;margin-top:16px;width:200px}.workspace-mgmt-student .join-lesson-box .join-lesson-button{background:#29C1B4;color:#fff;white-space:nowrap;padding:0 1rem;font-family:Lato;box-shadow:0px 2px 5px rgba(230,232,237,0.7),0px 3px 8px #92dfd8;font-style:normal;font-weight:bold;font-size:16px;border-radius:50px;height:46px;border:0px;margin-top:43px;width:200px}.workspace-mgmt-student .lesson-info__happening_now{font-style:normal;font-weight:700;font-size:11px;display:flex;font-family:'Lato';margin-top:3px;color:#C4C4C4}.workspace-mgmt-student .lesson-info__happening_now font{line-height:11px;color:#C4C4C4;font-weight:bold;font-size:11px;font-style:normal;margin-top:0.5rem}.workspace-mgmt-student .lesson-date-time{line-height:6.9rem;font-size:30px;margin-left:4%;font-weight:bold;display:block;position:inherit}.workspace-mgmt-student .lesson-date-time-with-info{margin-top:7% !important;font-size:30px;margin-left:5.5%;font-weight:bold;letter-spacing:inherit}.workspace-mgmt-student .join-lesson-container{width:100%;padding:30px 10px 30px 30px;padding:0px;display:block;position:inherit}.workspace-mgmt-student .announcement-modal{max-width:1000px !important}.workspace-mgmt-student .ModalInstructorTitle{font-weight:700;font-size:30px;color:#000000;text-align:left}.workspace-mgmt-student .multiple-lessons{display:flex;flex-wrap:wrap;margin-top:2%;gap:0px 40px}.workspace-mgmt-student .multiple-lessons .lesson-card{background:#FFFFFF;border:1px solid #F0F0F0;box-sizing:border-box;box-shadow:0px 2px 5px rgba(230,232,237,0.7),0px 3px 8px rgba(230,232,237,0.7);border-radius:5px;margin-bottom:4%;height:130px;text-align:right;width:306px}.workspace-mgmt-student .multiple-lessons .lesson-card .setting-icon{padding:16px 16px 0px 0px}.workspace-mgmt-student .multiple-lessons .lesson-card .setting-icon .settings-icon-gear{width:22px;height:22px}.workspace-mgmt-student .multiple-lessons .lesson-card .setting-icon .mgmt-card-menu{margin-left:18.5rem;margin-top:-27px}.workspace-mgmt-student .multiple-lessons .lesson-card:first-child{margin-left:0px}@media (min-width: 1920px) and (max-width: 2560px){.workspace-mgmt-student .multiple-lessons .lesson-card{width:306px}}.workspace-mgmt-student .multiple-lessons .lesson-card .inst-lesson-info{font-style:normal;margin-top:-22px;font-weight:700;font-size:22px;color:#303030;font-family:Lato;text-align:left;padding:10px 11px 10px 24px;line-height:34px}@media (min-width: 1920px) and (max-width: 2560px){.workspace-mgmt-student .multiple-lessons .lesson-card .inst-lesson-info{padding:6px 11px 22px 24px;line-height:39px}}.workspace-mgmt-student .multiple-lessons .lesson-card .inst-lesson-info .inst-lesson-info__time{font-size:22px}@media (min-width: 1920px) and (max-width: 2560px){.workspace-mgmt-student .multiple-lessons .lesson-card .inst-lesson-info .inst-lesson-info__time{font-size:22px;font-weight:700}}.workspace-mgmt-student .multiple-lessons .lesson-card .inst-lesson-info .lesson-info__date{font-size:22px;font-weight:400}@media (min-width: 1920px) and (max-width: 2560px){.workspace-mgmt-student .multiple-lessons .lesson-card .inst-lesson-info .lesson-info__date{font-size:22px;font-weight:700}}@media (min-width: 1920px) and (max-width: 2560px){.workspace-mgmt-student .multiple-lessons{width:78%}}.workspace-mgmt-student .student-details-wrapper{position:relative;height:100%;padding-bottom:44px}.workspace-mgmt-student .settings-icon-gear{width:30px;height:30px;cursor:pointer}.workspace-mgmt-student .students-gear-svg{display:flex;margin-right:30px;justify-content:flex-end;width:20%;cursor:pointer;opacity:0.8}.workspace-mgmt-student .students-gear-svg:hover{opacity:1}.workspace-mgmt-student .workspace-mgmt-student-h1{display:flex;justify-content:center;color:#5a5a5a;font-size:22px;font-weight:400;line-height:32px;padding:0px;width:60%;margin:0px}.workspace-mgmt-student .workspace-mgmt-student-h1 span{color:#5a5a5a}.workspace-mgmt-student .students-back-link{display:flex;justify-content:flex-start;align-items:center;vertical-align:center;width:20%;color:#29c1b4;font-size:14px;font-weight:400;line-height:20px;margin-left:30px;cursor:pointer}.workspace-mgmt-student .student-stats{width:100%;display:flex;flex-direction:row;justify-content:center}.workspace-mgmt-student .stats-card{width:15%;padding:30px;display:flex;flex-direction:column;align-items:center}.workspace-mgmt-student .stats-number{font-size:37px;line-height:53px;font-weight:400;color:#57abd2}.workspace-mgmt-student .stats-description{text-align:center;font-size:13px;line-height:16px;font-weight:400;color:rgba(0,0,0,0.5)}.workspace-mgmt-student .manage-student-modal .announcement .announcement-modal{max-width:390px;max-height:240px;border-radius:10px}.workspace-mgmt-student .back-arrow-icon{width:20px;padding-top:5px;margin-right:5px}.workspace-mgmt-student .students-setting-icon{width:1/3%}.workspace-mgmt-student .manage-student-modal-container{display:flex;align-items:center;flex-direction:column;letter-spacing:0px}.workspace-mgmt-student .manage-student-modal-container .manage-student-modal-header{font-weight:400;font-size:22px;line-height:32px;color:#484848;margin-bottom:5px}.workspace-mgmt-student .manage-student-modal-container .manage-student-modal-text{font-size:16px;line-height:23px;color:#6e6e6e}.workspace-mgmt-student .manage-student-modal-container .manage-student-btns{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-top:25px}.workspace-mgmt-student .manage-student-modal-container button.manage-student-btn-reset{height:35px;border:2px solid #29c1b4;padding:3px;text-decoration:none;font-weight:400;font-size:13px;line-height:19px;color:#29c1b4;margin-right:5px;width:170px;transition:border 150ms linear, color 150ms linear}.workspace-mgmt-student .manage-student-modal-container button.manage-student-btn-remove{border:2px solid #eb5757;height:35px;text-decoration:none;margin-left:5px;padding:3px;font-weight:400;font-size:13px;line-height:19px;width:170px;color:#eb5757;transition:border 150ms linear, color 150ms linear}.workspace-mgmt-student .manage-student-modal-container button.manage-students-done{margin:40px auto 0 auto;width:95px;background:#29c1b4;padding-right:20px;padding-left:20px;transition:background 100ms linear}.workspace-mgmt-student .manage-student-modal-container button.manage-students-done:hover{background:#2ccabc}.workspace-mgmt-student .manage-student-modal-container .student-reset-password{font-weight:400;font-size:16px;line-height:23px;color:#57abd2;letter-spacing:2px}.workspace-mgmt-student .no-future-lesson div{margin-top:2px}.student-label{margin-top:-4%;margin-bottom:11%}.lesson_heading_text{font-family:'Lato';font-style:normal;font-weight:800;font-size:18px;line-height:184%;text-transform:uppercase;color:#A4A4A4;margin-top:2%}.upcoming-heading{margin-top:5%}.outer-div-classrooms{padding-left:48px}.setting-menu a{font-size:16px}.cancel-radio-label{width:100% !important}.next-gear-icon{padding:16px 16px 0px 0px}.next-gear-icon .settings-icon-gear{width:22px !important;height:22px !important}.cancel-modal-options{line-height:28.04px !important}.cancel-modal-options .form__radio-input{height:20px !important}.cancel-modal-options .inner-div{margin-top:3% !important}.outer-div-classrooms{padding-left:48px}.no-future-lesson{margin:2% 3% 0% 4% !important}.reschedule-time{text-transform:lowercase !important}.MuiInputAdornment-positionEnd,#add-lesson-date-picker{margin-left:10px !important}.react-table-wrapper{background-color:#fafafa}.react-table-wrapper .dropdown-container{display:flex;flex-direction:column;margin:25px 0px 25px 30px;align-content:flex-start}.react-table-wrapper .dropdown-container .show-progress-text{margin:34px 0px 13px 0px;font-size:12px;font-family:'Lato';color:#5c5c5c}.react-table-wrapper .dropdown-container .react-dropdown{margin:-12px 0px 10px 0px;width:387px;height:35px}.react-table-wrapper .dropdown-container .Dropdown-placeholder{font-size:16px;font-family:'Lato'}.react-table-wrapper .react-table .rt-table{background:#fafafa}.react-table-wrapper .react-table .rt-thead{padding-left:20px}.react-table-wrapper .react-table .rt-tbody{padding-left:20px}.react-table-wrapper .react-table .red{color:#ea8080;font-size:16px;font-family:Lato;font-style:bold}.react-table-wrapper .react-table .green{color:#6fcf97;font-size:16px;font-family:Lato;font-style:bold}.react-table-wrapper .react-table .student-name{color:#29c1b4;text-decoration:underline}.react-table-wrapper .react-table span.student-name:hover{border-bottom-color:#135276;color:#135276;cursor:pointer}.workspace-mgmt-weekly-xp-goal{display:flex;flex-direction:column}.workspace-mgmt-weekly-xp-goal .workspace-mgmt-header.workspace-mgmt-weekly-xp-header{justify-content:space-between;align-items:center;height:117px;margin:0}.workspace-mgmt-weekly-xp-goal .workspace-mgmt-dates-goal{display:flex;flex-direction:row;justify-content:space-around;width:640px;height:87px;font-size:12px;color:#5c5c5c;font-family:Lato}.workspace-mgmt-weekly-xp-goal .workspace-mgmt-dates-goal .workspace-mgmt-top-div-opaque{width:584px;height:80px;background:rgba(250,250,250,0.73);z-index:3;position:absolute}.workspace-mgmt-weekly-xp-goal .workspace-mgmt-dates-goal .question-mark-icon{width:16px;margin-left:2px;position:relative;top:2px;stroke:#505050}.workspace-mgmt-weekly-xp-goal .workspace-mgmt-dates-goal .workspace-mgmt-xp-number{width:122px;height:35px;border:1px solid #dedede;padding:0px 0px 0px 10px;border-radius:2px;font-family:Lato;font-size:16px}.workspace-mgmt-weekly-xp-goal .workspace-mgmt-dates-goal .Dropdown-control{width:137px;height:36px;font-size:16px}.workspace-mgmt-weekly-xp-goal .workspace-mgmt-dates-goal .workspace-mgmt-span-question{margin:10px 10px 10px 0px}.workspace-mgmt-weekly-xp-goal .workspace-mgmt-date-picker{width:168px;border-radius:2px}.workspace-mgmt-weekly-xp-goal .workspace-mgmt-date-picker .SingleDatePickerInput__withBorder_2{height:35px}.workspace-mgmt-weekly-xp-goal .workspace-mgmt-date-picker .SingleDatePickerInput__withBorder_2 .DateInput_input_1{font-size:16px;font-family:Lato;font-weight:500;padding:0 0 0 10px}.workspace-mgmt-weekly-xp-goal .workspace-mgmt-date-picker #box-date{height:32px}.workspace-mgmt-weekly-xp-goal .react-dropdown.dark .Dropdown-root{margin:10px 10px 10px -4px}.workspace-mgmt-weekly-xp-goal .weekly-date-picker{width:181px}.workspace-mgmt-weekly-xp-goal .workspace-mgmt-toggle-container{height:100%;display:flex;flex-direction:row;align-items:center;margin-left:45px;justify-content:center}.workspace-mgmt-weekly-xp-goal .workspace-mgmt-toggle-container .workspace-mgmt-h1{color:#5a5a5a;font-size:22px;line-height:32px;padding:0px 0px 0px 15px}.weeklyXPGoal-body-container{padding-bottom:44px}.weeklyXPGoal-body-container .alternate-div{height:140px;margin:50px;border:1px solid #e5e5e5;font-size:16px;font-weight:300;line-height:140%;color:#484848}.weeklyXPGoal-body-container .alternate-div div{justify-content:center;text-align:center;padding-left:150px;padding-right:150px}.horizontal-scroll-container{overflow-x:auto;width:100%;position:relative;height:100%}.workspace-mgmt-wrapper{width:100%;min-width:1200px}.workspace-mgmt-wrapper a{text-decoration:none}.workspace-mgmt-wrapper .workspace-mgmt-container{width:100%;min-height:590px;padding:30px 50px 0px 50px;height:100%;background-color:#f4f6fa;display:flex;flex-direction:row;box-sizing:border-box;align-items:flex-end;justify-content:flex-end}.workspace-mgmt-wrapper .workspace-mgmt-container .create-button{background:#29c1b4;height:45px;min-width:153px;padding:5px 21px;transition:background 150ms linear, opacity 200ms linear;font-size:16px;letter-spacing:0px;font-weight:400;border-radius:50px;color:white;border:2px solid #29c1b4}.workspace-mgmt-wrapper .workspace-mgmt-container .create-button:hover{background:#2ccabc}.workspace-mgmt-wrapper .workspace-button-container{position:fixed;left:8px;display:flex;padding-top:10px;bottom:1.8%}.workspace-mgmt-wrapper .workspace-button-container .card-button{padding-top:9px}.workspace-mgmt-wrapper .workspace-button-container .open-in-new-tab{top:24px}.workspace-mgmt-wrapper .workspace-button-container a{padding:7px 37px 10px 15px;font-size:16px;color:#29c1b4;z-index:2;align-items:flex-start;font-weight:400;border-radius:30px;border:2px solid #29c1b4;transition:background 150ms linear, opacity 200ms linear}@media all and (max-width: 800px) and (orientation: landscape){.workspace-mgmt-wrapper .workspace-button-container a{width:220px;padding:10px 27px 10px 8px}}.workspace-mgmt-wrapper .workspace-mgmt-main-card{width:calc(100% - 167px);height:100%;min-height:550px;background-color:#f4f6fa;border-radius:5px}.workspace-mgmt-wrapper .workspace-mgmt-sidebar{width:167px;height:100%;display:flex;flex-direction:column;align-content:flex-start;font-size:16px;position:relative}.workspace-mgmt-wrapper a{color:#8c8c8c}.workspace-mgmt-wrapper a.active{color:#38b0e9}.workspace-mgmt-wrapper .workspace-teacher-options:first-child{margin-top:5px}.workspace-mgmt-wrapper .workspace-teacher-options{text-decoration:none;line-height:23px;font-size:16px;margin-bottom:35px;cursor:pointer;width:120px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.workspace-mgmt-wrapper .open-in-new-tab{width:1em;position:absolute;top:13px;right:13px;z-index:1;margin-left:-20px}.workspace-mgmt-wrapper .open-in-new-tab:hover{display:none}@media all and (max-width: 800px) and (orientation: landscape){.workspace-mgmt-wrapper .open-in-new-tab{top:24px;right:12px}}.workspace-mgmt-wrapper .workspace-mgmt-header{margin-bottom:10px;display:flex;align-items:center;justify-content:flex-start;border-bottom:1px solid #e6e6e6;background-color:#fafafa;min-height:100px;border-radius:5px 5px 0 0}.workspace-mgmt-wrapper .workspace-mgmt-header h1{padding-left:45px}.workspace-mgmt-wrapper .workspace-mgmt-outer-wrapper{display:flex;height:100%}.workspace-mgmt-wrapper .workspace-mgmt-inner-wrapper{width:100%;height:100%;display:flex;flex-direction:column;border-radius:5px}.workspace-mgmt-wrapper .workspace-mgmt-settings-options{margin-left:50px;padding-bottom:30px}.workspace-mgmt-wrapper .shared-workspace-asteroid-belt-wrapper{position:relative;box-shadow:0px 3px 12px rgba(230,232,237,0.7),0px 3px 27px #e6e8ed;border-radius:5px;margin-bottom:30px;background-color:#fcfcfc;min-height:98%}.workspace-mgmt-wrapper .parent-loader{top:0;margin-top:0;background-color:#cbc9c9;opacity:0.5;width:100%;height:100%}.workspace-mgmt-wrapper h1{text-align:center;font-size:22px;font-weight:400;color:#5a5a5a}@media all and (max-width: 550px){.workspace-mgmt-wrapper h1{font-size:16px;font-weight:700}}.workspace-mgmt-wrapper .zero-state-text{width:60%;color:#5a5a5a;text-align:center;font-size:22px;line-height:32px;font-weight:400;margin:45px}.workspace-mgmt-wrapper .zero-state-icon{margin-top:100px;width:100px;height:100px}.workspace-mgmt-wrapper .zero-state-container{display:flex;flex-direction:column;align-items:center}.DayPickerKeyboardShortcuts_showSpan{display:none}.react-select-add-lesson__menu{background-color:#FFFFFF !important;box-shadow:1px 3px 15px rgba(0,0,0,0.15) !important;border-radius:4px !important;font-size:18px;font-weight:400;padding-left:0px}.react-select-add-lesson__control{border-radius:0px;border-color:#e4e4e4;cursor:pointer}.react-select-add-lesson__control .react-select-add-lesson__value-container{cursor:pointer}.react-select-add-lesson__menu-list{max-height:280px !important;padding-top:9px !important}.react-select-add-lesson__option{padding:8px 25px !important}.react-select-add-lesson__option--is-focused{background-color:#F1F1F1 !important}.react-select-add-lesson__indicators{display:none !important}.react-select-add-lesson__control{font-size:17px;max-width:100% !important}.react-table-student-details{background-color:#fcfcfc;padding-right:45px;padding-left:45px}.react-table-student-details .react-table,.react-table-student-details .rt-th,.react-table-student-details .rt-td{background-color:#fafafa}.react-table-student-details .react-table .rt-table,.react-table-student-details .rt-th .rt-table,.react-table-student-details .rt-td .rt-table{background-color:#fafafa}.react-table-student-details .rt-tbody{border-top:1px solid #dedede}.workspace-mgmt-card{width:171px;height:58px;color:#333333;background-color:#fafafa;border-radius:5px;box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);margin:25px 0 25px 45px;padding:5px 0px 5px 15px;font-size:16px;line-height:23px;display:flex;flex-direction:column;justify-content:space-around;overflow:hidden}.workspace-mgmt-card .mgmt-card-detail{color:rgba(0,0,0,0.35);font-size:13px;padding-top:5px}.workspace-mgmt-card .mgmt-card-title{text-overflow:ellipsis;overflow:hidden}.three-dots-menu{height:25px;cursor:pointer;display:flex;opacity:50%}.three-dots-menu:hover{opacity:100%;transition:opacity 200ms linear}.mgmt-card-checkmark-icon{height:20px;cursor:pointer}.mgmt-card-checkmark-icon img{height:100%}.workspace-mgmt-with-menu{display:flex;flex-direction:row;align-items:center;padding:5px 10px;width:190px}.mgmt-card-menu{position:absolute;background:#fafafa;box-shadow:1px 4px 21px rgba(0,0,0,0.19);border-radius:5px;text-align:left;margin-top:-30px;margin-left:30px}@media all and (max-width: 550px),all and (max-height: 550px){.mgmt-card-menu{width:100%;height:100%;top:0;left:0;margin:0}}.mgmt-card-menu ul{list-style:none;padding:10px;margin:0;font-weight:500;font-size:16px}.mgmt-card-menu li{margin:10px}.mgmt-card-menu a{cursor:pointer;color:#606060}.mgmt-card-menu a:hover{color:#333333}.mgmt-card-menu-icon{margin-left:auto}.new-workspace-card .workspace-card-content-wrapper .workspace-card-header{color:#505050;font-size:16px;font-weight:400;letter-spacing:0.5px}.new-workspace-card .workspace-card-content-wrapper .add-workspace-container{width:100%}.new-workspace-card .workspace-card-content-wrapper .add-workspace-container input{margin-top:20px;margin-bottom:20px;height:45px;border:1px solid #dedede;border-radius:2px;width:100%;box-sizing:border-box;padding-left:15px;font-size:16px;font-weight:300;outline:none}.new-workspace-card .workspace-card-content-wrapper .add-workspace-container input::-moz-placeholder{color:#c7c7c7}.new-workspace-card .workspace-card-content-wrapper .add-workspace-container input::placeholder{color:#c7c7c7}.new-workspace-card .workspace-card-content-wrapper .question-mark-icon{width:16px;margin-left:8px;position:relative;top:2px;stroke:#505050}.new-workspace-card .workspace-card-content-wrapper .card-button-div{width:28.5%}.dashboard-container .card-container .is-erroring .workspace-card-content-wrapper .error-message-text{font-size:16px;margin-bottom:30px;color:#dc4a38}.workspace-container{position:absolute;width:100%;top:9%;height:calc(100% - 9%);background-color:#F3F3F3}.workspace-container .buttons-and-label{width:85%;margin:40px auto 0 auto}@media all and (max-width: 1200px){.workspace-container .buttons-and-label{margin-top:20px;display:flex;flex-direction:column-reverse}}@media all and (max-width: 550px){.workspace-container .buttons-and-label{width:90%}}.workspace-container .buttons-and-label .button-row{float:right;display:flex}@media all and (max-width: 550px){.workspace-container .buttons-and-label .button-row{flex-direction:column}}.workspace-container .buttons-and-label .button-row .button{display:flex;align-items:center;width:208px;height:52px;border-radius:99px;margin-left:20px;cursor:pointer;overflow:hidden}@media all and (max-width: 1200px){.workspace-container .buttons-and-label .button-row .button{border-radius:3px;width:100%;margin-left:0}}@media all and (max-width: 550px){.workspace-container .buttons-and-label .button-row .button{height:52px;width:100%}}.workspace-container .buttons-and-label .button-row .button .button-text{color:rgba(255,255,255,0.9);font-size:16px;font-weight:300;margin-left:12px;margin-right:5px}.workspace-container .buttons-and-label .button-row .button .button-round-section{display:flex;justify-content:center;align-items:center;width:52px;height:100%;border-radius:99px}@media all and (max-width: 1200px){.workspace-container .buttons-and-label .button-row .button .button-round-section{border-radius:3px 0px 0px 3px;background:none}}@media all and (max-width: 550px){.workspace-container .buttons-and-label .button-row .button .button-round-section{width:64px}}.workspace-container .buttons-and-label .button-row .button .invite-students-icon,.workspace-container .buttons-and-label .button-row .button .manage-curriculum-icon,.workspace-container .buttons-and-label .button-row .button .view-as-student-icon,.workspace-container .buttons-and-label .button-row .button .notification-icon{display:flex;height:100%;width:25px;fill:rgba(255,255,255,0.9)}.workspace-container .buttons-and-label .button-row .button.archive-class-button{background:#5185BE;transition:background 150ms linear}.workspace-container .buttons-and-label .button-row .button.archive-class-button:hover{background:#4271A3}.workspace-container .buttons-and-label .button-row .button.archive-class-button .button-round-section{background:#2B629E}.workspace-container .buttons-and-label .button-row .button.manage-curriculum-button{background:#5185BE;transition:background 150ms linear}.workspace-container .buttons-and-label .button-row .button.manage-curriculum-button:hover{background:#4271A3}@media all and (max-width: 1200px){.workspace-container .buttons-and-label .button-row .button.manage-curriculum-button{margin-left:15px}}@media all and (max-width: 550px){.workspace-container .buttons-and-label .button-row .button.manage-curriculum-button{margin-top:20px;margin-left:0}}.workspace-container .buttons-and-label .button-row .button.manage-curriculum-button .button-round-section{background:#2B629E}.workspace-container .buttons-and-label .button-row .button.student-view-button{background:#5185BE;transition:background 150ms linear}.workspace-container .buttons-and-label .button-row .button.student-view-button:hover{background:#4271A3}@media all and (max-width: 1200px){.workspace-container .buttons-and-label .button-row .button.student-view-button{margin-left:15px}}@media all and (max-width: 550px){.workspace-container .buttons-and-label .button-row .button.student-view-button{margin-top:20px;margin-left:0}}.workspace-container .buttons-and-label .button-row .button.student-view-button .button-round-section{background:#2B629E}.workspace-container .buttons-and-label .button-row .button.create-button{background:#29c1b4;transition:background 150ms linear}.workspace-container .buttons-and-label .button-row .button.create-button:hover{background:#22B6A9}@media all and (max-width: 1200px){.workspace-container .buttons-and-label .button-row .button.create-button{margin-left:15px}}@media all and (max-width: 550px){.workspace-container .buttons-and-label .button-row .button.create-button{margin-top:20px;margin-left:0}}.workspace-container .buttons-and-label .button-row .button.create-button .button-round-section{background:#12A296}.workspace-container .session-settings-wrapper{position:relative;width:85%;margin:40px auto 0 auto;padding-bottom:25px;display:flex;flex-direction:row}@media all and (max-width: 550px){.workspace-container .session-settings-wrapper{flex-direction:column;width:90%}}.workspace-container .session-settings-wrapper>div{display:flex;flex-direction:column}.workspace-container .session-settings-wrapper>div:first-of-type{margin-right:100px}@media all and (max-width: 750px){.workspace-container .session-settings-wrapper>div:first-of-type{margin-right:auto}}.workspace-container .session-settings-wrapper .question-mark-icon{width:16px;margin-left:8px;position:relative;top:2px;stroke:#505050}.workspace-container .Dropdown-root{margin-top:0px}.workspace-container .react-table-wrapper .react-table{margin-top:0px}.workspace-container .percent-sign::after{content:' %'}.section-heading-label h3{font-size:13px;color:#8c8c8c;font-weight:400;margin:40px 0 20px 0;text-transform:uppercase}.section-heading-label button{font-size:16px;font-weight:400;line-height:160%}.section-heading-label h3,.section-heading-label button{display:inline-block}.mgmt-modal h1{text-align:center;font-size:22px;font-weight:400;color:#484848;margin-top:0px}.mgmt-modal .mgmt-modal-header{margin-top:50px}.mgmt-modal .message{text-align:center}.mgmt-modal .message.left-align-message-text{text-align:left}@media all and (max-width: 500px),all and (max-height: 500px){.mgmt-modal .message{margin-top:50px}}.mgmt-modal .invite-text-field-wrapper{display:flex;justify-content:center;padding-bottom:30px}.mgmt-modal .invite-text-field-wrapper input[type="text"]{padding-right:90px}.mgmt-modal .invite-text-field-wrapper input[type="submit"]{margin-left:-145px;width:145px;border-radius:0px 2px 2px 0px}@media all and (max-height: 500px),all and (max-width: 500px){.mgmt-modal .invite-text-field-wrapper input[type="text"]{padding-right:0px;text-align:center;width:100%;margin:0 auto}.mgmt-modal .invite-text-field-wrapper input[type="submit"]{margin:0px auto 0px auto;border-radius:2px}}.yellow-button{-webkit-appearance:none;font-weight:400;letter-spacing:1px;border-bottom:1px solid rgba(0,0,0,0);padding-top:0px;padding-bottom:3px;transition:border-bottom, 400ms;cursor:pointer;color:#29c1b4}.yellow-button:hover{color:#2ccabc;border-bottom:1px solid #2ccabc;padding-bottom:3px;text-decoration:none}.tone-selector-2{height:41%;top:9%}.tone-selector-2 .relax-with-pears{height:41%;top:9%}@media all and (max-width: 1000px){.tone-selector-2 .relax-with-pears{height:51%}}.tone-selector-2 .relax-with-pears .main-pear-span{left:20%;position:absolute;top:75px}.tone-selector-2 .relax-with-pears .main-pear-text{font-size:20px}.tone-selector-2 .relax-with-pears .main-pear-gradient{width:100%;margin-top:10px}.tone-selector-2 .relax-with-pears .main-pear-number{top:10px;left:20%;position:absolute}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes inputFlash{0%{border-color:#40c2ff;box-shadow:inset 0px 0px 5px #40c2ff}70%{border-color:#c7c7c7;box-shadow:inset 0px 0px 0px #c7c7c7}100%{border-color:#40c2ff;box-shadow:inset 0px 0px 5px #40c2ff}}@keyframes gloat{0%{transform:scale(1) rotate(0deg)}60%{transform:scale(1.3) rotate(180deg)}100%{transform:scale(1) rotate(365deg)}}@keyframes createClassButton{0%{transform:scale(1)}70%{transform:scale(0.95)}100%{transform:scale(1)}}@keyframes handIconFloating{0%{transform:scale(1)}25%{transform:scale(1.17)}50%{transform:scale(1.05)}75%{transform:scale(1.1)}100%{transform:scale(1)}}@keyframes loseLife{0%{transform:scale(1) rotate(0deg);fill:#b9372c}33%{transform:scale(1.3) rotate(350deg)}66%{transform:scale(0.01) rotate(720deg)}67%{opacity:0;transform:scale(1) rotate(0deg);fill:#d8d8d8}100%{opacity:1;transform:scale(1) rotate(0deg)}}@keyframes loseLastLife{0%{transform:scale(1) rotate(0deg);fill:#b9372c}50%{transform:scale(0.01) rotate(360deg)}51%{transform:scale(0.01) rotate(-360deg);fill:#d8d8d8}100%{transform:scale(1) rotate(0deg);fill:#d8d8d8}}@keyframes ThreeTwoOneGo{0%{opacity:0}12.5%{opacity:1}25%{opacity:0}37.5%{opacity:1}50%{opacity:0}62.5%{opacity:1}75%{opacity:0}87.5%{opacity:1}100%{opacity:0}}@keyframes ThreeTwoOneGoColorRotation{0%{background-color:rgba(223,66,36,0.85)}24.9%{background-color:rgba(223,66,36,0.85)}28%{background-color:rgba(255,118,48,0.85)}49.9%{background-color:rgba(255,118,48,0.85)}53%{background-color:rgba(255,199,0,0.85)}74.9%{background-color:rgba(255,199,0,0.85)}78%{background-color:rgba(48,183,13,0.85)}100%{background-color:rgba(48,183,13,0.85)}}@keyframes expandAndContract10{0%{transform:scale(1)}30%{transform:scale(1.1)}100%{transform:scale(1)}}@keyframes expandAndContract15{0%{transform:scale(1)}50%{transform:scale(1.15)}100%{transform:scale(1)}}@keyframes longerExpandAndContract15{0%{transform:scale(1)}25%{transform:scale(1.15)}50%{transform:scale(1.05)}75%{transform:scale(1.25)}100%{transform:scale(1)}}@keyframes longerExpandAndContractBiggerSmaller15{0%{transform:scale(0.9)}25%{transform:scale(1.05)}50%{transform:scale(0.95)}75%{transform:scale(1.05)}100%{transform:scale(0.9)}}@keyframes expandAndContract30{0%{transform:scale(1)}50%{transform:scale(1.3) rotate(-15deg)}100%{transform:scale(1)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes slideRight{0%{transform:translateX(-100vw);opacity:0}60%{transform:translateX(0%);opacity:1}100%{transform:translateX(0%);opacity:0}}@keyframes slideLeft{0%{transform:translateX(100vw);opacity:0}60%{transform:translateX(0%);opacity:1}100%{transform:translateX(0%);opacity:0}}@keyframes fadeToZero{100%{opacity:0}}@keyframes fadeToZeroMicrophoneInput{0%{opacity:0}5%{opacity:0.5}100%{opacity:0}}@keyframes playAlongFall{0%{bottom:500px;opacity:0}20%{opacity:1}100%{bottom:0px}}@keyframes loadResponseBoardAfterDelay{0%{transform:translateY(200px)}30%{transform:translateY(200px)}100%{transform:translateY(0px)}}@keyframes loaderKeyframe{0%{opacity:0}50%{opacity:1}}@keyframes incorrectNoteGlowWhite{0%{background-color:rgba(255,255,255,0.9)}5%{background-color:#dc4a38}100%{background-color:rgba(255,255,255,0.9)}}@keyframes incorrectNoteGlowBlack{0%{background-color:#23212b}5%{background-color:#dc4a38}100%{background-color:#23212b}}@keyframes shake{10%,90%{transform:translate3d(-1px, 0, 0)}20%,80%{transform:translate3d(2px, 0, 0)}30%,50%,70%{transform:translate3d(-4px, 0, 0)}40%,60%{transform:translate3d(4px, 0, 0)}}.tooltip{cursor:pointer}.tooltip-underline{border-bottom:2px dashed #ffc700}.tooltipster-content{text-align:center}div.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:transparent}div.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-background{border-bottom-color:rgba(0,0,0,0.8)}div.tooltipster-sidetip.tooltipster-light.tooltipster-top .tooltipster-arrow-border{border-top-color:transparent}div.tooltipster-sidetip.tooltipster-light.tooltipster-top .tooltipster-arrow-background{border-top-color:rgba(0,0,0,0.8)}div.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow-border{border-right-color:transparent}div.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow-background{border-left-color:rgba(0,0,0,0.8);border-right-color:rgba(0,0,0,0.8)}div.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-border{border-left-color:transparent}div.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-background{border-left-color:rgba(0,0,0,0.8);border-right-color:rgba(0,0,0,0.8)}div.tooltipster-sidetip.tooltipster-light .tooltipster-box{background:rgba(0,0,0,0.8);border:transparent;border-radius:3px;box-shadow:none;box-shadow:0 6px 18px rgba(0,0,0,0.08),0 1px 6px rgba(0,0,0,0.09)}div.tooltipster-sidetip.tooltipster-light .tooltipster-content{color:rgba(255,255,255,0.95);font-weight:300}div.tooltipster-sidetip .tooltipster-content{padding:8px 21px}.tooltipster-base{z-index:9 !important}.__react_component_tooltip{z-index:9 !important}.__react_component_tooltip.type-info.tunelark-tooltip{background-color:rgba(0,0,0,0.8);max-width:200px;line-height:140%}.__react_component_tooltip.type-info.tunelark-tooltip.place-bottom:after{border-bottom-color:rgba(0,0,0,0.8)}.__react_component_tooltip.type-info.tunelark-tooltip.place-top:after{border-top-color:rgba(0,0,0,0.8)}.__react_component_tooltip.type-info.tunelark-tooltip.place-left:after{border-left-color:rgba(0,0,0,0.8)}.__react_component_tooltip.type-info.tunelark-tooltip.place-right:after{border-right-color:rgba(0,0,0,0.8)}@media all and (max-height: 600px){.first-points-tooltip{display:none !important}}div.__react_component_tooltip.show{opacity:1}.tuner-wrapper{background:white;height:100%}.tuner-wrapper.note-identification .note-name{font-size:45px}.tuner-wrapper.note-identification .note{top:auto;bottom:48%}.tuner-wrapper.note-identification .note-mask{position:absolute;top:0;width:100%;height:120px;background:-webkit-linear-gradient(left, #FCFCFC, rgba(255,255,255,0), #FCFCFC)}.tuner-wrapper.note-identification .meter{height:20%;top:auto;bottom:15%}.tuner-wrapper.note-identification .note-frequency{display:none}.tuner-wrapper .tuner{background:white;height:91%}.tuner-wrapper .note{margin:auto;width:400px;position:absolute;top:60%;left:0;right:0;text-align:center}.tuner-wrapper .note-mask{position:absolute;top:0;width:100%;height:120px;background:-webkit-linear-gradient(left, #fff, rgba(255,255,255,0), #fff)}.tuner-wrapper .note-name{font-size:90px;font-weight:bold;position:relative;display:inline-block;padding-right:30px;padding-left:10px}.tuner-wrapper .note-name.active{color:#56d675}.tuner-wrapper .note-names{overflow:auto;white-space:nowrap;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;-ms-overflow-style:none}.tuner-wrapper .note-names::-webkit-scrollbar{display:none}.tuner-wrapper .note-name span{position:absolute;right:0.25em;font-size:40%;font-weight:normal}.tuner-wrapper .note-sharp{top:0.30em}.tuner-wrapper .note-numbered{bottom:0.30em}.tuner-wrapper .note-frequency{font-size:32px}.tuner-wrapper .note-frequency span{font-size:50%;margin-left:0.25em}.tuner-wrapper .meter{position:absolute;left:0;right:0;top:20%;width:400px;height:33%;margin:0 auto 5vh auto}.tuner-wrapper .meter-pointer{width:2px;height:100%;background:#2c3e50;transform:rotate(45deg);transform-origin:bottom;transition:transform 0.5s;position:absolute;right:50%}.tuner-wrapper .meter-dot{width:10px;height:10px;background:#2c3e50;border-radius:50%;position:absolute;bottom:-5px;right:50%;margin-right:-4px}.tuner-wrapper .meter-scale{width:1px;height:100%;transform-origin:bottom;transition:transform 0.2s;box-sizing:border-box;border-top:10px solid;position:absolute;right:50%}.tuner-wrapper .meter-scale-strong{width:2px;border-top-width:20px}.tuner-wrapper .frequency-bars{position:absolute;bottom:0}@media (max-width: 768px){.tuner-wrapper .meter{width:100%}.tuner-wrapper .note{width:100%}}.bob-marley-content-area{height:91%;width:100%;position:absolute;bottom:0}@media all and (max-height: 650px){.bob-marley-content-area .svg-wrapper{display:none}}.bob-marley-content-area .peter-tosh-slide-container{height:calc(100% - 18%);width:100%;overflow:hidden;position:relative}@media all and (max-width: 550px){.bob-marley-content-area .peter-tosh-slide-container{height:calc(100% - 9%)}}.bob-marley-content-area .footer{height:18%;width:100%;position:absolute;bottom:0;display:flex;justify-content:space-around;background:#f0f0f0;font-weight:400}@media all and (max-width: 550px){.bob-marley-content-area .footer{height:9%}}.bob-marley-content-area .slide-contents-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.bob-marley-content-area .slide{position:absolute;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;margin:0;padding:0;opacity:0;transition:opacity 500ms}.bob-marley-content-area .slide.michael-jackson-active-slide{opacity:1;transition-delay:250ms;z-index:1}.bob-marley-content-area .slide.michael-jackson-active-slide .treble-clef{opacity:1}.bob-marley-content-area .slide .hello-moonfriend{transform:rotate(45deg)}.bob-marley-content-area .slide .svg-wrapper,.bob-marley-content-area .slide svg{width:50px;height:50px;fill:#4877aa}.bob-marley-content-area .slide .title-text{color:#484848;font-size:26px;margin-top:10px;font-weight:400}@media all and (max-height: 650px){.bob-marley-content-area .slide .title-text{margin-top:0}}@media all and (max-width: 450px){.bob-marley-content-area .slide .title-text{font-size:24px}}@media all and (max-height: 600px){.bob-marley-content-area .slide .title-text{font-size:20px}}@media all and (max-height: 400px){.bob-marley-content-area .slide .title-text{font-size:18px}}.bob-marley-content-area .slide .main-textarea{display:flex;flex-direction:column;align-items:center;margin-bottom:1%;margin-top:1%;padding:0% 10%;color:#6d6d6d;font-size:18px;line-height:29px}@media all and (max-width: 800px){.bob-marley-content-area .slide .main-textarea{font-size:16px;padding:0% 7%}}@media all and (max-width: 600px){.bob-marley-content-area .slide .main-textarea{padding:0% 5%}}@media all and (max-width: 500px){.bob-marley-content-area .slide .main-textarea{line-height:25px;font-size:16px}}@media all and (max-height: 500px){.bob-marley-content-area .slide .main-textarea{margin-top:1%;margin-bottom:3%}}@media all and (max-height: 450px){.bob-marley-content-area .slide .main-textarea{font-size:14px}}@media all and (max-height: 350px){.bob-marley-content-area .slide .main-textarea{margin-bottom:11px}}.bob-marley-content-area .slide .main-textarea.main-textarea-is-the-bottom-element{margin-bottom:0}.bob-marley-content-area .slide .main-textarea p{margin-top:2%;width:655px}@media all and (max-width: 700px){.bob-marley-content-area .slide .main-textarea p{width:495px}}@media all and (max-width: 550px){.bob-marley-content-area .slide .main-textarea p{width:355px}}@media all and (max-width: 400px){.bob-marley-content-area .slide .main-textarea p{width:305px}}@media all and (max-width: 350px){.bob-marley-content-area .slide .main-textarea p{width:265px}}@media all and (max-height: 500px){.bob-marley-content-area .slide .main-textarea p{font-size:14px;line-height:22px}}@media all and (max-height: 400px){.bob-marley-content-area .slide .main-textarea p{margin-top:5px;line-height:15px}}.bob-marley-content-area .slide .welcome-staff-container{width:400px;position:relative}@media all and (max-width: 450px){.bob-marley-content-area .slide .welcome-staff-container{transform:scale(0.7)}}@media all and (max-height: 450px){.bob-marley-content-area .slide .welcome-staff-container{transform:scale(0.6);height:92px;margin-bottom:20px;margin-top:-14px}}.bob-marley-content-area .slide .welcome-staff-container .treble-clef{position:absolute;left:-31px;top:20px;width:115px;height:115px}.bob-marley-content-area .slide .welcome-staff-container .single-note,.bob-marley-content-area .slide .welcome-staff-container .ledger-line{fill:#242424;position:absolute}.bob-marley-content-area .slide .welcome-staff-container .single-note path,.bob-marley-content-area .slide .welcome-staff-container .ledger-line path{fill:#242424}.bob-marley-content-area .slide .welcome-staff-container .single-note{width:70px;height:70px;top:28px;left:55px}.bob-marley-content-area .slide .welcome-staff-container .ledger-line{width:45px;left:52px}.bob-marley-content-area .slide .welcome-staff-container .note-label{position:absolute;font-size:16px;left:84px;margin-top:5px}.bob-marley-content-area .slide .welcome-staff-container .D4{top:-98px}@media all and (max-width: 500px){.bob-marley-content-area .slide .welcome-staff-container .D4{top:-95px}}.bob-marley-content-area .slide .welcome-staff-container .D4 .single-note{top:0px}.bob-marley-content-area .slide .welcome-staff-container .D4 .note-label{top:65px}.bob-marley-content-area .slide .welcome-staff-container .C4 .single-note{top:-41px}.bob-marley-content-area .slide .welcome-staff-container .C4 .ledger-line{top:-5px}.bob-marley-content-area .slide .welcome-staff-container .C4 .note-label{top:24px}.bob-marley-content-area .slide .welcome-staff-container .B4 .single-note{top:33px}.bob-marley-content-area .slide .welcome-staff-container .B4 .ledger-line{top:61px}.bob-marley-content-area .slide .welcome-staff-container .B4 .note-label{top:96px}.bob-marley-content-area .slide .welcome-staff-container .A4 .single-note{top:33px}.bob-marley-content-area .slide .welcome-staff-container .A4 .ledger-line{top:50px}.bob-marley-content-area .slide .welcome-staff-container .A4 .ledger-line-2{top:68px}.bob-marley-content-area .slide .welcome-staff-container .A4 .note-label{top:96px}@media all and (max-height: 400px){.bob-marley-content-area .slide .note{margin-top:24px}}.bob-marley-content-area .slide .sightread-welcome-image{width:400px;margin-bottom:6%;margin-top:6%}@media all and (max-height: 600px){.bob-marley-content-area .slide .piano-helper-container{transform:scale(0.6) translateY(-102px)}}@media all and (max-width: 400px){.bob-marley-content-area .slide .piano-helper-container{transform:scale(0.6) translateY(-102px)}}@media all and (max-width: 400px){.bob-marley-content-area .slide .slide-piano{margin-top:25px}}@media all and (max-height: 600px){.bob-marley-content-area .slide .slide-piano{height:133px}}@media all and (max-width: 400px){.bob-marley-content-area .slide .slide-piano{height:133px}}.bob-marley-content-area .slide-1 .main-textarea,.bob-marley-content-area .slide-4 .main-textarea{margin-top:3%}@media all and (max-height: 400px){.bob-marley-content-area .slide-1 .main-textarea,.bob-marley-content-area .slide-4 .main-textarea{line-height:24px}}.bob-marley-content-area .how-to-play-image{width:63%;margin-right:29%;margin-top:4%;margin-bottom:3%}@media all and (min-width: 700px){.bob-marley-content-area .how-to-play-image{width:489px;margin-right:222px}}@media all and (max-width: 500px){.bob-marley-content-area .how-to-play-image{width:86%;margin-right:2%;margin-top:8%;margin-bottom:6%}}@media all and (max-height: 550px){.bob-marley-content-area .how-to-play-image{margin-top:2%;margin-bottom:1%}}.bob-marley-content-area .explanation-text{line-height:22px}@media all and (max-height: 600px){.bob-marley-content-area .explanation-text{margin-top:0;font-size:16px;line-height:20px}}.bob-marley-content-area .green-text{color:#59ca89}.bob-marley-content-area .red-text{color:#dc4a38}.bob-marley-content-area .slide-5 .svg-wrapper{margin-top:3%}@media all and (max-height: 800px){.bob-marley-content-area .slide-5 .svg-wrapper{margin-top:0%}}.bob-marley-content-area .footer-flower-child{height:100%;display:flex;align-items:center;justify-content:center;width:120px;color:#29c1b4;font-size:16px;letter-spacing:1px}.bob-marley-content-area .footer-flower-child:hover .back-text,.bob-marley-content-area .footer-flower-child:hover .next-text{color:#2ccabc;transition:color 100ms linear}.bob-marley-content-area .footer-flower-child:hover svg{fill:#2ccabc;transition:fill 100ms linear}.bob-marley-content-area .footer-flower-child .back-text,.bob-marley-content-area .footer-flower-child .next-text{color:#29c1b4;transition:color 100ms linear}.bob-marley-content-area .footer-flower-child svg{fill:#29c1b4;width:20px;margin:8px;transition:fill 100ms linear}.bob-marley-content-area .progress-indicator-box{display:flex;justify-content:space-between;width:auto}.bob-marley-content-area .progress-indicator-box .progress-dot{cursor:pointer;height:20px;width:20px;border-radius:50%;box-shadow:inset 0px 1px 2px rgba(0,0,0,0.17);background:#E3E3E3;transition:background 500ms;margin:5px}@media all and (max-width: 600px),all and (max-height: 450px){.bob-marley-content-area .progress-indicator-box .progress-dot{margin:2px;width:9px;height:9px}}.bob-marley-content-area .progress-indicator-box .progress-dot.active{background:#29c1b4}.bob-marley-content-area .next,.bob-marley-content-area .back,.bob-marley-content-area .play{cursor:pointer;opacity:0;transition:opacity 500ms}.bob-marley-content-area .next.active,.bob-marley-content-area .back.active,.bob-marley-content-area .play.active{opacity:1}@media all and (max-width: 600px),all and (max-height: 450px){.bob-marley-content-area .next,.bob-marley-content-area .back,.bob-marley-content-area .play{transform:scale(0.6)}}.bob-marley-content-area .next .card-play-button{display:none}.bob-marley-content-area .next .back-arrow{transform:rotate(180deg)}.bob-marley-content-area .play .card-play-button{width:120px;display:block}.bob-marley-content-area .play .next-text,.bob-marley-content-area .play svg{display:none}.bob-marley-content-area .bold{font-weight:400}.back-to-the-amabala-game{z-index:1;color:#29c1b4;position:absolute;font-size:17px;top:26px;right:34px;cursor:pointer;max-width:18%}@media all and (max-width: 600px),all and (max-height: 600px){.back-to-the-amabala-game{font-size:14px;top:16px;right:22px}}@media all and (max-width: 400px){.back-to-the-amabala-game{font-size:14px;top:8px;right:6px}}.tunelark-admin-panel{position:fixed;width:100%;height:100%;top:0;left:0;margin-top:35px;color:white;overflow:auto;padding-bottom:200px;box-sizing:border-box}.tunelark-admin-panel .big-main-heading{text-align:center;margin-bottom:-100px !important}.tunelark-admin-panel .daily-active{width:100%;display:flex;margin-bottom:30px;margin-top:150px}.tunelark-admin-panel .daily-active.first{margin-top:200px}.tunelark-admin-panel .top-chart-description{position:absolute;width:90%;margin-left:5%;font-size:16px}.tunelark-admin-panel .top-chart-description-2{position:absolute;width:90%;margin-left:5%;margin-top:20px;font-size:16px}.tunelark-admin-panel .stats{text-align:center;padding-top:4em;padding-bottom:3em}.tunelark-admin-panel .bg-green{background-color:#29c1b4}.tunelark-admin-panel .facts-container{padding-top:1em;padding-bottom:3em;display:flex;justify-content:center;flex-wrap:wrap}.tunelark-admin-panel .single-fact{width:11.5vw;font-size:.5em;margin:.5em;padding:1em;background-color:#F7F9FA;box-shadow:0px 3px 22px rgba(0,0,0,0.12);border:none;border-radius:.2em;letter-spacing:.05em;color:#5F5F5F}.tunelark-admin-panel .single-fact span{display:block;padding:.1em;font-size:3em}.tunelark-admin-panel .auth-pages-logo{z-index:99}.tunelark-admin-panel .datagrid-filter label{width:150px;float:left}.tunelark-admin-panel .datagrid-search{margin-top:50px;margin-right:auto;margin-left:auto;width:850px;font-size:16px}.tunelark-admin-panel .datagrid-search input{padding:6px 5px;margin:-10px;border-radius:4px;border:none}.tunelark-admin-panel .datagrid-search table{position:relative}.tunelark-admin-panel input.created_at{margin-right:5px;font-size:9px}.tunelark-admin-panel .datagrid-search th{text-align:center}.tunelark-admin-panel input.integer_filter{width:20px;padding:6px 5px}.tunelark-admin-panel input.full_name,.tunelark-admin-panel input.email{width:100px;padding:6px 12px;border-radius:4px}.tunelark-admin-panel .datagrid-actions input[type="submit"]{background-color:#ffc700;border:none;border-radius:5px;color:white;cursor:pointer;font-size:14px;font-weight:bold;line-height:normal;padding:7px 15px;vertical-align:middle;display:inline-block;zoom:1}.tunelark-admin-panel h1{margin-top:4%;margin-bottom:36px}.tunelark-admin-panel .chart{width:40%;margin-left:5%;margin-top:30px}.tunelark-admin-panel .pie-chart{margin-top:10%}.tunelark-admin-panel .fact{width:33%;float:left;text-align:center}.tunelark-admin-panel h3{font-size:14px;font-weight:100}.tunelark-admin-panel .chart-title{width:100%;text-align:center;position:relative;top:30px;clear:both}.tunelark-admin-panel .fact span{margin:0 10px;font-weight:300;font-size:18px}.tunelark-admin-panel .user-chart{display:flex;flex-direction:column;justify-content:center;align-items:center;clear:both;position:relative;top:40px;max-width:85%;margin:0 auto;border:1px solid white;overflow-x:scroll;height:540px}.tunelark-admin-panel table{color:white;font-size:16px;text-align:left;left:20px;top:10px}.tunelark-admin-panel .datagrid th{font-weight:300;width:90px;vertical-align:bottom;padding-left:25px;font-size:16px}.tunelark-admin-panel th .order{float:left;display:flex;flex-direction:column;top:-19px;left:-12px;position:relative}.tunelark-admin-panel thead tr{height:60px;vertical-align:top}.tunelark-admin-panel table a{color:white}.tunelark-admin-panel table a:hover{color:#e0e0e0}.tunelark-admin-panel td{padding:5px 15px}.tunelark-admin-panel td.email{max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tunelark-admin-panel .created_at,.tunelark-admin-panel .updated_at,.tunelark-admin-panel .actions{max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.tunelark-admin-panel .pacific_time_ua{font-size:12px;white-space:nowrap}.tunelark-admin-panel td.actions{display:none}.tunelark-admin-panel .is-super-admin td.actions{display:table-cell}.tunelark-admin-panel nav.pagination{left:8%;padding-top:50px;position:absolute}.tunelark-admin-panel .pagination span{float:left}.tunelark-admin-panel .pagination,.tunelark-admin-panel .pagination a{color:white;border:none;font-weight:100;margin:0 10px}.tunelark-admin-panel .pagination .current{font-weight:300;padding-bottom:5px;border-bottom:2px solid white}.tunelark-user-panel{position:fixed;width:100%;height:100%;top:0;left:0;color:white;overflow:auto;padding-bottom:200px;box-sizing:border-box}.tunelark-user-panel .chart{width:75%;min-width:600px;margin-left:5%;float:left;position:relative}.tunelark-user-panel a{color:white;-webkit-text-decoration:underline dashed lightgray;text-decoration:underline dashed lightgray}.tunelark-user-panel h1 a{text-decoration:none}.tunelark-user-panel .class-info{border:1px solid white;border-collapse:collapse;font-size:.8em}.tunelark-user-panel .class-info th,.tunelark-user-panel .class-info td{border:1px solid white;padding:.7em}.tunelark-user-panel .bg-green{background-color:#29c1b4}.tunelark-user-panel .section{padding-top:1em;display:flex;justify-content:center;flex-wrap:wrap}.tunelark-user-panel .stats{text-align:center;padding-top:4em;padding-bottom:3em}.tunelark-user-panel .stats h2{font-size:.5em;margin-bottom:.2em}.tunelark-user-panel .stats h1{font-weight:bold}.tunelark-user-panel .shadow{text-shadow:.1em .1em .2em gray}.tunelark-user-panel .edit{text-align:center;padding-top:2em;padding-bottom:2em;width:100%}.tunelark-user-panel .single-fact{width:11.5vw;font-size:.5em;margin:.5em;padding:1em;background-color:#F7F9FA;box-shadow:0px 3px 22px rgba(0,0,0,0.12);border:none;border-radius:.2em;letter-spacing:.05em;color:#5F5F5F}.tunelark-user-panel .single-fact span{display:block;padding:.1em;font-size:3em}.tunelark-user-panel .single-fact .long{font-size:1.2em}.tunelark-user-panel .auth-pages-logo{z-index:99}.tunelark-user-panel .edit_user{margin-top:10px;font-size:16px}.tunelark-user-panel .edit_user input[type="submit"]{background-color:#ffc700;border:none;border-radius:5px;color:white;cursor:pointer;font-size:14px;font-weight:bold;line-height:normal;padding:7px 15px;vertical-align:middle;display:inline-block;zoom:1}.tunelark-user-panel .edit_user input{padding:6px 5px;margin:10px;border-radius:4px;border:none}.tunelark-user-panel form select{background:white}.PresetDateRangePicker_panel{padding:0 22px 11px}.PresetDateRangePicker_button{position:relative;height:100%;text-align:center;background:0 0;border:2px solid #00a699;color:#00a699;padding:4px 12px;margin-right:8px;font:inherit;font-weight:700;line-height:normal;overflow:visible;box-sizing:border-box;cursor:pointer}.PresetDateRangePicker_button:active{outline:0}.PresetDateRangePicker_button__selected{color:#fff;background:#00a699}.SingleDatePickerInput{display:inline-block;background-color:#fff;width:179px}.SingleDatePickerInput__withBorder{border-radius:2px;border:1px solid #dbdbdb}.SingleDatePickerInput__rtl{direction:rtl}.SingleDatePickerInput__disabled{background-color:#f2f2f2}.SingleDatePickerInput__block{display:block}.SingleDatePickerInput__showClearDate{padding-right:30px}.SingleDatePickerInput_clearDate{background:0 0;border:0;color:inherit;font:inherit;line-height:normal;overflow:visible;cursor:pointer;padding:10px;margin:0 10px 0 5px;position:absolute;right:0;top:50%;transform:translateY(-50%)}.SingleDatePickerInput_clearDate__default:focus,.SingleDatePickerInput_clearDate__default:hover{background:#dbdbdb;border-radius:50%}.SingleDatePickerInput_clearDate__small{padding:6px}.SingleDatePickerInput_clearDate__hide{visibility:hidden}.SingleDatePickerInput_clearDate_svg{fill:#82888a;height:12px;width:15px;vertical-align:middle}.SingleDatePickerInput_clearDate_svg__small{height:9px}.SingleDatePickerInput_calendarIcon{background:0 0;border:0;color:inherit;font:inherit;line-height:normal;overflow:visible;cursor:pointer;display:inline-block;vertical-align:middle;padding:10px;margin:0 5px 0 10px}.SingleDatePickerInput_calendarIcon_svg{fill:#82888a;height:15px;width:14px;vertical-align:middle}.SingleDatePicker{position:relative;display:inline-block}.SingleDatePicker__block{display:block}.SingleDatePicker_picker{z-index:1;background-color:#fff;position:absolute}.SingleDatePicker_picker__rtl{direction:rtl}.SingleDatePicker_picker__directionLeft{left:0}.SingleDatePicker_picker__directionRight{right:0}.SingleDatePicker_picker__portal{background-color:rgba(0,0,0,0.3);position:fixed;top:0;left:0;height:100%;width:100%}.SingleDatePicker_picker__fullScreenPortal{background-color:#fff}.SingleDatePicker_closeButton{background:0 0;border:0;color:inherit;font:inherit;line-height:normal;overflow:visible;cursor:pointer;position:absolute;top:0;right:0;padding:15px;z-index:2}.SingleDatePicker_closeButton:focus,.SingleDatePicker_closeButton:hover{color:#b0b3b4;text-decoration:none}.SingleDatePicker_closeButton_svg{height:15px;width:15px;fill:#cacccd}.DayPickerKeyboardShortcuts_buttonReset{background:0 0;border:0;border-radius:0;color:inherit;font:inherit;line-height:normal;overflow:visible;padding:0;cursor:pointer;font-size:14px}.DayPickerKeyboardShortcuts_buttonReset:active{outline:0}.DayPickerKeyboardShortcuts_show{width:22px;position:absolute;z-index:2}.DayPickerKeyboardShortcuts_show__bottomRight{border-top:26px solid transparent;border-right:33px solid #00a699;bottom:0;right:0}.DayPickerKeyboardShortcuts_show__bottomRight:hover{border-right:33px solid #008489}.DayPickerKeyboardShortcuts_show__topRight{border-bottom:26px solid transparent;border-right:33px solid #00a699;top:0;right:0}.DayPickerKeyboardShortcuts_show__topRight:hover{border-right:33px solid #008489}.DayPickerKeyboardShortcuts_show__topLeft{border-bottom:26px solid transparent;border-left:33px solid #00a699;top:0;left:0}.DayPickerKeyboardShortcuts_show__topLeft:hover{border-left:33px solid #008489}.DayPickerKeyboardShortcuts_showSpan{color:#fff;position:absolute}.DayPickerKeyboardShortcuts_showSpan__bottomRight{bottom:0;right:-28px}.DayPickerKeyboardShortcuts_showSpan__topRight{top:1px;right:-28px}.DayPickerKeyboardShortcuts_showSpan__topLeft{top:1px;left:-28px}.DayPickerKeyboardShortcuts_panel{overflow:auto;background:#fff;border:1px solid #dbdbdb;border-radius:2px;position:absolute;top:0;bottom:0;right:0;left:0;z-index:2;padding:22px;margin:33px}.DayPickerKeyboardShortcuts_title{font-size:16px;font-weight:700;margin:0}.DayPickerKeyboardShortcuts_list{list-style:none;padding:0;font-size:14px}.DayPickerKeyboardShortcuts_close{position:absolute;right:22px;top:22px;z-index:2}.DayPickerKeyboardShortcuts_close:active{outline:0}.DayPickerKeyboardShortcuts_closeSvg{height:15px;width:15px;fill:#cacccd}.DayPickerKeyboardShortcuts_closeSvg:focus,.DayPickerKeyboardShortcuts_closeSvg:hover{fill:#82888a}.CalendarDay{box-sizing:border-box;cursor:pointer;font-size:14px;text-align:center}.CalendarDay:active{outline:0}.CalendarDay__defaultCursor{cursor:default}.CalendarDay__default{border:1px solid #e4e7e7;color:#484848;background:#fff}.CalendarDay__default:hover{background:#e4e7e7;border:1px double #e4e7e7;color:inherit}.CalendarDay__hovered_offset{background:#f4f5f5;border:1px double #e4e7e7;color:inherit}.CalendarDay__outside{border:0;background:#fff;color:#484848}.CalendarDay__outside:hover{border:0}.CalendarDay__blocked_minimum_nights{background:#fff;border:1px solid #eceeee;color:#cacccd}.CalendarDay__blocked_minimum_nights:active,.CalendarDay__blocked_minimum_nights:hover{background:#fff;color:#cacccd}.CalendarDay__highlighted_calendar{background:#ffe8bc;color:#484848}.CalendarDay__highlighted_calendar:active,.CalendarDay__highlighted_calendar:hover{background:#ffce71;color:#484848}.CalendarDay__selected_span{background:#66e2da;border:1px solid #33dacd;color:#fff}.CalendarDay__selected_span:active,.CalendarDay__selected_span:hover{background:#33dacd;border:1px solid #33dacd;color:#fff}.CalendarDay__last_in_range{border-right:#00a699}.CalendarDay__selected,.CalendarDay__selected:active,.CalendarDay__selected:hover{background:#00a699;border:1px solid #00a699;color:#fff}.CalendarDay__hovered_span,.CalendarDay__hovered_span:hover{background:#b2f1ec;border:1px solid #80e8e0;color:#007a87}.CalendarDay__hovered_span:active{background:#80e8e0;border:1px solid #80e8e0;color:#007a87}.CalendarDay__blocked_calendar,.CalendarDay__blocked_calendar:active,.CalendarDay__blocked_calendar:hover{background:#cacccd;border:1px solid #cacccd;color:#82888a}.CalendarDay__blocked_out_of_range,.CalendarDay__blocked_out_of_range:active,.CalendarDay__blocked_out_of_range:hover{background:#fff;border:1px solid #e4e7e7;color:#cacccd}.CalendarMonth{background:#fff;text-align:center;padding:0 13px;vertical-align:top;-webkit-user-select:none;-moz-user-select:none;user-select:none}.CalendarMonth_table{border-collapse:collapse;border-spacing:0}.CalendarMonth_verticalSpacing{border-collapse:separate}.CalendarMonth_caption{color:#484848;font-size:18px;text-align:center;padding-top:22px;padding-bottom:37px;caption-side:initial}.CalendarMonth_caption__verticalScrollable{padding-top:12px;padding-bottom:7px}.CalendarMonthGrid{background:#fff;text-align:left;z-index:0}.CalendarMonthGrid__animating{z-index:1}.CalendarMonthGrid__horizontal{position:absolute;left:9px}.CalendarMonthGrid__vertical{margin:0 auto}.CalendarMonthGrid__vertical_scrollable{margin:0 auto;overflow-y:scroll}.CalendarMonthGrid_month__horizontal{display:inline-block;vertical-align:top;min-height:100%}.CalendarMonthGrid_month__hideForAnimation{position:absolute;z-index:-1;opacity:0;pointer-events:none}.CalendarMonthGrid_month__hidden{visibility:hidden}.DayPickerNavigation{position:relative;z-index:2}.DayPickerNavigation__horizontal{height:0}.DayPickerNavigation__verticalDefault{position:absolute;width:100%;height:52px;bottom:0;left:0}.DayPickerNavigation__verticalScrollableDefault{position:relative}.DayPickerNavigation_button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:0;padding:0;margin:0}.DayPickerNavigation_button__default{border:1px solid #e4e7e7;background-color:#fff;color:#757575}.DayPickerNavigation_button__default:focus,.DayPickerNavigation_button__default:hover{border:1px solid #c4c4c4}.DayPickerNavigation_button__default:active{background:#f2f2f2}.DayPickerNavigation_button__horizontalDefault{position:absolute;top:18px;line-height:.78;border-radius:3px;padding:6px 9px}.DayPickerNavigation_leftButton__horizontalDefault{left:22px}.DayPickerNavigation_rightButton__horizontalDefault{right:22px}.DayPickerNavigation_button__verticalDefault{padding:5px;background:#fff;box-shadow:0 0 5px 2px rgba(0,0,0,0.1);position:relative;display:inline-block;height:100%;width:50%}.DayPickerNavigation_nextButton__verticalDefault{border-left:0}.DayPickerNavigation_nextButton__verticalScrollableDefault{width:100%}.DayPickerNavigation_svg__horizontal{height:19px;width:19px;fill:#82888a}.DayPickerNavigation_svg__vertical{height:42px;width:42px;fill:#484848}.DayPicker{background:#fff;position:relative;text-align:left}.DayPicker__horizontal{background:#fff}.DayPicker__verticalScrollable{height:100%}.DayPicker__hidden{visibility:hidden}.DayPicker__withBorder{box-shadow:0 2px 6px rgba(0,0,0,0.05),0 0 0 1px rgba(0,0,0,0.07);border-radius:3px}.DayPicker_portal__horizontal{box-shadow:none;position:absolute;left:50%;top:50%}.DayPicker_portal__vertical{position:initial}.DayPicker_focusRegion{outline:0}.DayPicker_calendarInfo__horizontal,.DayPicker_wrapper__horizontal{display:inline-block;vertical-align:top}.DayPicker_weekHeaders{position:relative}.DayPicker_weekHeaders__horizontal{margin-left:9px}.DayPicker_weekHeader{color:#757575;position:absolute;top:62px;z-index:2;padding:0 13px;text-align:left}.DayPicker_weekHeader__vertical{left:50%}.DayPicker_weekHeader__verticalScrollable{top:0;display:table-row;border-bottom:1px solid #dbdbdb;background:#fff;margin-left:0;left:0;width:100%;text-align:center}.DayPicker_weekHeader_ul{list-style:none;margin:1px 0;padding-left:0;padding-right:0;font-size:14px}.DayPicker_weekHeader_li{display:inline-block;text-align:center}.DayPicker_transitionContainer{position:relative;overflow:hidden;border-radius:3px}.DayPicker_transitionContainer__horizontal{transition:height .2s ease-in-out}.DayPicker_transitionContainer__vertical{width:100%}.DayPicker_transitionContainer__verticalScrollable{padding-top:20px;height:100%;position:absolute;top:0;bottom:0;right:0;left:0;overflow-y:scroll}.DateInput{margin:0;padding:0;background:#fff;position:relative;display:inline-block;width:130px;vertical-align:middle}.DateInput__small{width:97px}.DateInput__block{width:100%}.DateInput__disabled{background:#f2f2f2;color:#dbdbdb}.DateInput_input{font-weight:200;font-size:19px;line-height:24px;color:#484848;background-color:#fff;width:100%;padding:0px;border:0;border-top:0;border-right:0;border-bottom:2px solid transparent;border-left:0;border-radius:0;height:35px}.DateInput_input__small{font-size:15px;line-height:18px;letter-spacing:.2px;padding:7px 7px 5px}.DateInput_input__regular{font-weight:auto}.DateInput_input__readOnly{-webkit-user-select:none;-moz-user-select:none;user-select:none}.DateInput_input__focused{outline:0;background:#fff;border:0;border-top:0;border-right:0;border-bottom:2px solid #008489;border-left:0}.DateInput_input__disabled{background:#f2f2f2;font-style:italic}.DateInput_screenReaderMessage{border:0;clip:rect(0, 0, 0, 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.DateInput_fang{position:absolute;width:20px;height:10px;left:22px;z-index:2}.DateInput_fangShape{fill:#fff}.DateInput_fangStroke{stroke:#dbdbdb;fill:transparent}.DateRangePickerInput{background-color:#fff;display:inline-block}.DateRangePickerInput__disabled{background:#f2f2f2}.DateRangePickerInput__withBorder{border-radius:2px;border:1px solid #dbdbdb}.DateRangePickerInput__rtl{direction:rtl}.DateRangePickerInput__block{display:block}.DateRangePickerInput__showClearDates{padding-right:30px}.DateRangePickerInput_arrow{display:inline-block;vertical-align:middle;color:#484848}.DateRangePickerInput_arrow_svg{vertical-align:middle;fill:#484848;height:24px;width:24px}.DateRangePickerInput_clearDates{background:0 0;border:0;color:inherit;font:inherit;line-height:normal;overflow:visible;cursor:pointer;padding:10px;margin:0 10px 0 5px;position:absolute;right:0;top:50%;transform:translateY(-50%)}.DateRangePickerInput_clearDates__small{padding:6px}.DateRangePickerInput_clearDates_default:focus,.DateRangePickerInput_clearDates_default:hover{background:#dbdbdb;border-radius:50%}.DateRangePickerInput_clearDates__hide{visibility:hidden}.DateRangePickerInput_clearDates_svg{fill:#82888a;height:12px;width:15px;vertical-align:middle}.DateRangePickerInput_clearDates_svg__small{height:9px}.DateRangePickerInput_calendarIcon{background:0 0;border:0;color:inherit;font:inherit;line-height:normal;overflow:visible;cursor:pointer;display:inline-block;vertical-align:middle;padding:10px;margin:0 5px 0 10px}.DateRangePickerInput_calendarIcon_svg{fill:#82888a;height:15px;width:14px;vertical-align:middle}.DateRangePicker{position:relative;display:inline-block}.DateRangePicker__block{display:block}.DateRangePicker_picker{z-index:1;background-color:#fff;position:absolute}.DateRangePicker_picker__rtl{direction:rtl}.DateRangePicker_picker__directionLeft{left:0}.DateRangePicker_picker__directionRight{right:0}.DateRangePicker_picker__portal{background-color:rgba(0,0,0,0.3);position:fixed;top:0;left:0;height:100%;width:100%}.DateRangePicker_picker__fullScreenPortal{background-color:#fff}.DateRangePicker_closeButton{background:0 0;border:0;color:inherit;font:inherit;line-height:normal;overflow:visible;cursor:pointer;position:absolute;top:0;right:0;padding:15px;z-index:2}.DateRangePicker_closeButton:focus,.DateRangePicker_closeButton:hover{color:#b0b3b4;text-decoration:none}.DateRangePicker_closeButton_svg{height:15px;width:15px;fill:#cacccd}.Dropdown-root{position:relative;margin:15px 0}.Dropdown-control{cursor:pointer;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,0.95);border-radius:3px;box-sizing:border-box;color:rgba(255,255,255,0.95);cursor:default;outline:none;padding:5px 52px 5px 10px;transition:all 150ms linear}.Dropdown-control:hover{box-shadow:0 1px 0 rgba(0,0,0,0.06)}.Dropdown-arrow{border-color:rgba(255,255,255,0.95) transparent transparent;border-style:solid;border-width:7px 6px 0;content:' ';display:block;height:0;margin-top:-ceil(2.5);position:absolute;right:12px;top:18px;width:0}.is-open .Dropdown-arrow{border-color:transparent transparent rgba(255,255,255,0.95);border-width:0 6px 7px}.Dropdown-menu{background-color:white;border:1px solid white;box-shadow:0 1px 0 rgba(0,0,0,0.06);box-sizing:border-box;margin-top:-1px;max-height:200px;overflow-y:auto;position:absolute;top:100%;width:100%;z-index:1000;-webkit-overflow-scrolling:touch}.select-an-instrument .Dropdown-menu{max-height:175px}.Dropdown-menu .Dropdown-group>.Dropdown-title{padding:8px 10px;color:#333333;font-weight:bold;text-transform:capitalize}.Dropdown-option{box-sizing:border-box;color:rgba(51,51,51,0.8);cursor:pointer;display:block;padding:8px 10px}.Dropdown-option:last-child{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.Dropdown-option:hover{background-color:#f2f9fc;color:#333}.Dropdown-option.is-selected{background-color:#f2f9fc;color:#333}.Dropdown-noresults{box-sizing:border-box;color:#ccc;cursor:default;display:block;padding:8px 10px}.react-dropdown{margin:0 auto;width:100%}.react-dropdown.dark .Dropdown-root{margin-bottom:0}.react-dropdown.dark .Dropdown-control{border-color:#dedede;color:#525252;background-color:#fcfcfc;padding:7px 52px 7px 10px}.react-dropdown.dark .Dropdown-control:hover{box-shadow:0 1px 0 rgba(0,0,0,0.06)}.react-dropdown.dark .Dropdown-arrow{border-color:grey transparent transparent;top:14px}.react-dropdown.dark .is-open .Dropdown-arrow{border-color:transparent transparent grey;border-width:0 6px 7px}.react-dropdown.dark .Dropdown-menu{background-color:#fcfcfc;border:1px solid #dedede;border-radius:0px 0px 3px 3px}.react-dropdown.dark .Dropdown-option{color:grey}.react-dropdown.dark .Dropdown-option:hover{background-color:rgba(0,0,0,0.15);color:grey}.react-dropdown.dark .Dropdown-option.is-selected{background-color:rgba(0,0,0,0.15);color:grey}.ReactTable{position:relative;display:flex;flex-direction:column;border:1px solid rgba(0,0,0,0.1)}.ReactTable *{box-sizing:border-box}.ReactTable .rt-table{flex:1;display:flex;flex-direction:column;align-items:stretch;width:100%;border-collapse:collapse;overflow:auto}.ReactTable .rt-thead{flex:1 0 auto;display:flex;flex-direction:column;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ReactTable .rt-thead.-headerGroups{background:rgba(0,0,0,0.03);border-bottom:1px solid rgba(0,0,0,0.05)}.ReactTable .rt-thead.-filters{border-bottom:1px solid rgba(0,0,0,0.05)}.ReactTable .rt-thead.-filters .rt-th{border-right:1px solid rgba(0,0,0,0.02)}.ReactTable .rt-thead.-header{box-shadow:0 2px 15px 0 rgba(0,0,0,0.15)}.ReactTable .rt-thead .rt-tr{text-align:center}.ReactTable .rt-thead .rt-th,.ReactTable .rt-thead .rt-td{padding:5px 5px;line-height:normal;position:relative;border-right:1px solid rgba(0,0,0,0.05);transition:box-shadow 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);box-shadow:inset 0 0 0 0 transparent}.ReactTable .rt-thead .rt-th.-sort-asc,.ReactTable .rt-thead .rt-td.-sort-asc{box-shadow:inset 0 3px 0 0 rgba(0,0,0,0.6)}.ReactTable .rt-thead .rt-th.-sort-desc,.ReactTable .rt-thead .rt-td.-sort-desc{box-shadow:inset 0 -3px 0 0 rgba(0,0,0,0.6)}.ReactTable .rt-thead .rt-th.-cursor-pointer,.ReactTable .rt-thead .rt-td.-cursor-pointer{cursor:pointer}.ReactTable .rt-thead .rt-th:last-child,.ReactTable .rt-thead .rt-td:last-child{border-right:0}.ReactTable .rt-thead .rt-resizable-header{overflow:visible}.ReactTable .rt-thead .rt-resizable-header:last-child{overflow:hidden}.ReactTable .rt-thead .rt-resizable-header-content{overflow:hidden;text-overflow:ellipsis}.ReactTable .rt-thead .rt-header-pivot{border-right-color:#f7f7f7}.ReactTable .rt-thead .rt-header-pivot:after,.ReactTable .rt-thead .rt-header-pivot:before{left:100%;top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.ReactTable .rt-thead .rt-header-pivot:after{border-color:rgba(255,255,255,0);border-left-color:#fff;border-width:8px;margin-top:-8px}.ReactTable .rt-thead .rt-header-pivot:before{border-color:rgba(102,102,102,0);border-left-color:#f7f7f7;border-width:10px;margin-top:-10px}.ReactTable .rt-tbody{flex:99999 1 auto;display:flex;flex-direction:column;overflow:auto}.ReactTable .rt-tbody .rt-tr-group{border-bottom:solid 1px rgba(0,0,0,0.05)}.ReactTable .rt-tbody .rt-tr-group:last-child{border-bottom:0}.ReactTable .rt-tbody .rt-td{border-right:1px solid rgba(0,0,0,0.02)}.ReactTable .rt-tbody .rt-td:last-child{border-right:0}.ReactTable .rt-tbody .rt-expandable{cursor:pointer}.ReactTable .rt-tr-group{flex:1 0 auto;display:flex;flex-direction:column;align-items:stretch}.ReactTable .rt-tr{flex:1 0 auto;display:inline-flex}.ReactTable .rt-th,.ReactTable .rt-td{flex:1 0 0;white-space:nowrap;text-overflow:ellipsis;padding:7px 5px;overflow:hidden;transition:.3s ease;transition-property:width,min-width,padding,opacity}.ReactTable .rt-th.-hidden,.ReactTable .rt-td.-hidden{width:0 !important;min-width:0 !important;padding:0 !important;border:0 !important;opacity:0 !important}.ReactTable .rt-expander{display:inline-block;position:relative;margin:0;color:transparent;margin:0 10px}.ReactTable .rt-expander:after{content:'';position:absolute;width:0;height:0;top:50%;left:50%;transform:translate(-50%, -50%) rotate(-90deg);border-left:5.04px solid transparent;border-right:5.04px solid transparent;border-top:7px solid rgba(0,0,0,0.8);transition:all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);cursor:pointer}.ReactTable .rt-expander.-open:after{transform:translate(-50%, -50%) rotate(0)}.ReactTable .rt-resizer{display:inline-block;position:absolute;width:36px;top:0;bottom:0;right:-18px;cursor:col-resize;z-index:10}.ReactTable .rt-tfoot{display:flex;flex-direction:column;box-shadow:0 0 15px 0 rgba(0,0,0,0.15)}.ReactTable .rt-tfoot .rt-td{border-right:1px solid rgba(0,0,0,0.05)}.ReactTable .rt-tfoot .rt-td:last-child{border-right:0}.ReactTable.-striped .rt-tr.-odd{background:rgba(0,0,0,0.03)}.ReactTable.-highlight .rt-tbody .rt-tr:not(.-padRow):hover{background:rgba(0,0,0,0.05)}.ReactTable .-pagination{z-index:1;display:flex;justify-content:space-between;align-items:stretch;flex-wrap:wrap;padding:3px;box-shadow:0 0 15px 0 rgba(0,0,0,0.1);border-top:2px solid rgba(0,0,0,0.1)}.ReactTable .-pagination .-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;height:100%;border:0;border-radius:3px;padding:6px;font-size:1em;color:rgba(0,0,0,0.6);background:rgba(0,0,0,0.1);transition:all .1s ease;cursor:pointer;outline:none}.ReactTable .-pagination .-btn[disabled]{opacity:.5;cursor:default}.ReactTable .-pagination .-btn:not([disabled]):hover{background:rgba(0,0,0,0.3);color:#fff}.ReactTable .-pagination .-previous,.ReactTable .-pagination .-next{flex:1;text-align:center}.ReactTable .-pagination .-center{flex:1.5;text-align:center;margin-bottom:0;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-around}.ReactTable .-pagination .-pageInfo{display:inline-block;margin:3px 10px;white-space:nowrap}.ReactTable .-pagination .-pageJump{display:inline-block}.ReactTable .-pagination .-pageJump input{width:70px;text-align:center}.ReactTable .-pagination .-pageSizeOptions{margin:3px 10px}.ReactTable .rt-noData{display:block;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);background:rgba(255,255,255,0.8);transition:all .3s ease;z-index:1;pointer-events:none;padding:20px;color:rgba(0,0,0,0.5)}.ReactTable .-loading{display:block;position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(255,255,255,0.8);transition:all .3s ease;z-index:-1;opacity:0;pointer-events:none}.ReactTable .-loading>div{position:absolute;display:block;text-align:center;width:100%;top:50%;left:0;font-size:15px;color:rgba(0,0,0,0.6);transform:translateY(-52%);transition:all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.ReactTable .-loading.-active{opacity:1;z-index:2;pointer-events:all}.ReactTable .-loading.-active>div{transform:translateY(50%)}.ReactTable input,.ReactTable select{border:1px solid rgba(0,0,0,0.1);background:#fff;padding:5px 7px;font-size:inherit;border-radius:3px;font-weight:normal;outline:none}.ReactTable .rt-resizing .rt-th,.ReactTable .rt-resizing .rt-td{transition:none !important;cursor:col-resize;-webkit-user-select:none;-moz-user-select:none;user-select:none}/*! react-toggle-switch v0.5.7 | MIT | https://github.com/trendmicro-frontend/react-toggle-switch */.toggle-switch---switch---3EchW{box-sizing:border-box;line-height:20px;position:relative;display:inline-block;width:48px;height:24px}.toggle-switch---switch---3EchW *,.toggle-switch---switch---3EchW *:before,.toggle-switch---switch---3EchW *:after{box-sizing:inherit}.toggle-switch---switch-sm---31JjY{width:32px;height:16px}.toggle-switch---switch---3EchW input{display:none}.toggle-switch---toggle---mncCu.toggle-switch---disabled---eCY9b{opacity:0.4;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";filter:alpha(opacity=40);cursor:not-allowed}.toggle-switch---switch---3EchW.toggle-switch---checked---3aC9B .toggle-switch---toggle---mncCu{border-color:#30a7df;background-color:#30a7df}.toggle-switch---switch---3EchW.toggle-switch---checked---3aC9B .toggle-switch---toggle---mncCu:before{transform:translateX(24px)}.toggle-switch---switch---3EchW.toggle-switch---checked---3aC9B .toggle-switch---toggle-sm---20q-N:before{transform:translateX(16px)}.toggle-switch---toggle---mncCu{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;border-color:#bbb;background-color:#bbb;transition:all 0.4s ease}.toggle-switch---toggle---mncCu:hover{background-color:#ccc}.toggle-switch---toggle---mncCu:before{position:absolute;content:"";height:22px;width:22px;left:1px;bottom:1px;background-color:#fff;transition:all 0.24s ease;box-shadow:0 1px 4px rgba(0,0,0,0.3);border-radius:50%}.toggle-switch---toggle-sm---20q-N:before{height:14px;width:14px}.toggle-switch---toggle---mncCu.toggle-switch---round---1fvZN{border-radius:24px}.toggle-switch---toggle-sm---20q-N.toggle-switch---round---1fvZN{border-radius:16px}.tooltipster-sidetip.tooltipster-light .tooltipster-box{border-radius:3px;border:1px solid #ccc;background:#ededed}.tooltipster-sidetip.tooltipster-light .tooltipster-content{color:#666}.tooltipster-sidetip.tooltipster-light .tooltipster-arrow{height:9px;margin-left:-9px;width:18px}.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow,.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow{height:18px;margin-left:0;margin-top:-9px;width:9px}.tooltipster-sidetip.tooltipster-light .tooltipster-arrow-background{border:9px solid transparent}.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-background{border-bottom-color:#ededed;top:1px}.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow-background{border-left-color:#ededed;left:-1px}.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-background{border-right-color:#ededed;left:1px}.tooltipster-sidetip.tooltipster-light.tooltipster-top .tooltipster-arrow-background{border-top-color:#ededed;top:-1px}.tooltipster-sidetip.tooltipster-light .tooltipster-arrow-border{border:9px solid transparent}.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#ccc}.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow-border{border-left-color:#ccc}.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-border{border-right-color:#ccc}.tooltipster-sidetip.tooltipster-light.tooltipster-top .tooltipster-arrow-border{border-top-color:#ccc}.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-uncropped{top:-9px}.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-uncropped{left:-9px}.tooltipster-base{display:flex;pointer-events:none;position:absolute}.tooltipster-box{flex:1 1 auto}.tooltipster-content{box-sizing:border-box;max-height:100%;max-width:100%;overflow:auto}.tooltipster-ruler{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;visibility:hidden}.tooltipster-fade{opacity:0;transition-property:opacity}.tooltipster-fade.tooltipster-show{opacity:1}.tooltipster-grow{transform:scale(0, 0);transition-property:transform;-webkit-backface-visibility:hidden}.tooltipster-grow.tooltipster-show{transform:scale(1, 1);transition-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1.15)}.tooltipster-swing{opacity:0;transform:rotateZ(4deg);transition-property:transform}.tooltipster-swing.tooltipster-show{opacity:1;transform:rotateZ(0deg);transition-timing-function:cubic-bezier(0.23, 0.635, 0.495, 2.4)}.tooltipster-fall{transition-property:top;transition-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1.15)}.tooltipster-fall.tooltipster-initial{top:0 !important}.tooltipster-fall.tooltipster-dying{transition-property:all;top:0 !important;opacity:0}.tooltipster-slide{transition-property:left;transition-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1.15)}.tooltipster-slide.tooltipster-initial{left:-40px !important}.tooltipster-slide.tooltipster-dying{transition-property:all;left:0 !important;opacity:0}@keyframes tooltipster-fading{0%{opacity:0}100%{opacity:1}}.tooltipster-update-fade{animation:tooltipster-fading 400ms}@keyframes tooltipster-rotating{25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}100%{transform:rotate(0)}}.tooltipster-update-rotate{animation:tooltipster-rotating 600ms}@keyframes tooltipster-scaling{50%{transform:scale(1.1)}100%{transform:scale(1)}}.tooltipster-update-scale{animation:tooltipster-scaling 600ms}.tooltipster-sidetip .tooltipster-box{background:#565656;border:2px solid black;border-radius:4px}.tooltipster-sidetip.tooltipster-bottom .tooltipster-box{margin-top:8px}.tooltipster-sidetip.tooltipster-left .tooltipster-box{margin-right:8px}.tooltipster-sidetip.tooltipster-right .tooltipster-box{margin-left:8px}.tooltipster-sidetip.tooltipster-top .tooltipster-box{margin-bottom:8px}.tooltipster-sidetip .tooltipster-content{color:white;line-height:18px;padding:6px 14px}.tooltipster-sidetip .tooltipster-arrow{overflow:hidden;position:absolute}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow{height:10px;margin-left:-10px;top:0;width:20px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow{height:20px;margin-top:-10px;right:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow{height:20px;margin-top:-10px;left:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow{bottom:0;height:10px;margin-left:-10px;width:20px}.tooltipster-sidetip .tooltipster-arrow-background,.tooltipster-sidetip .tooltipster-arrow-border{height:0;position:absolute;width:0}.tooltipster-sidetip .tooltipster-arrow-background{border:10px solid transparent}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background{border-bottom-color:#565656;left:0px;top:3px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background{border-left-color:#565656;left:-3px;top:0px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background{border-right-color:#565656;left:3px;top:0px}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background{border-top-color:#565656;left:0px;top:-3px}.tooltipster-sidetip .tooltipster-arrow-border{border:10px solid transparent;left:0;top:0}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:black}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border{border-left-color:black}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border{border-right-color:black}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border{border-top-color:black}.tooltipster-sidetip .tooltipster-arrow-uncropped{position:relative}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped{top:-10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped{left:-10px}