@import url("https://fonts.googleapis.com/css?family=Lato:300,300i,400,500,700,700i,900&display=swap");html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,button,nav{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-family:inherit;font-size:100%;vertical-align:baseline}body{line-height:1;color:#000;background:#fff}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0;vertical-align:middle}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}a img{border:none}button{background:none;color:inherit}.filter-black{filter:brightness(0)}.filter-grey-1{filter:brightness(98%)}.filter-grey-2{filter:brightness(96%)}.filter-grey-3{filter:brightness(93%)}.filter-grey-4{filter:brightness(87%)}.filter-grey-5{filter:brightness(60%)}.filter-grey-6{filter:brightness(26%)}.filter-grey-7{filter:brightness(12%)}.text-smaller{font-weight:300;font-size:0.75em}.text-small{font-weight:300;font-size:0.88em}.text-normal{font-weight:300;font-size:1em}.text-medium-large{font-weight:300;font-size:1.25em}.text-large{font-weight:300;font-size:1.5em}.text-larger{font-weight:100;font-size:1.75em}.text-x-large{font-weight:100;font-size:2.5em}.text-xx-large{font-weight:100;font-size:3.13em}.text-xxx-large{font-weight:100;font-size:3.75em}.absoluteCover{position:absolute;top:0;left:0;width:100%;height:100%}*{box-sizing:border-box}html,body{height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}body{font-family:'Lato', 'sans-serif';font-size:16px;font-weight:400}strong,.bold{font-weight:700}.scroll{position:relative;overflow:hidden}h1,h2,h3,h4,h5{padding:0.5em 0}h1{font-weight:100;font-size:1.75em}h2{font-weight:300;font-size:1.5em}h3{font-weight:300;font-size:1.25em}h4{font-weight:300;font-size:1em}.h3{font-weight:300;font-size:1.25em;text-transform:uppercase;font-weight:700;width:60%;display:inline-block;margin:10px 0 15px 0}@font-face{font-family:'M-S';font-weight:100;font-style:normal;src:url("https://files.classcraft.com/classcraft-assets/fonts/museo_100.woff") format('woff')}@font-face{font-family:'M-S';font-weight:100;font-style:italic;src:url("https://files.classcraft.com/classcraft-assets/fonts/museo_100-it.woff") format('woff')}@font-face{font-family:'M-S';font-weight:300;font-style:normal;src:url("https://files.classcraft.com/classcraft-assets/fonts/museo_300.woff") format('woff')}@font-face{font-family:'M-S';font-weight:700;font-style:normal;src:url("https://files.classcraft.com/classcraft-assets/fonts/museo_700.woff") format('woff')}@font-face{font-family:'M-S';font-weight:700;font-style:italic;src:url("https://files.classcraft.com/classcraft-assets/fonts/museo_700-it.woff") format('woff')}@font-face{font-family:'M-S';font-weight:900;font-style:normal;src:url("https://files.classcraft.com/classcraft-assets/fonts/museo_900.woff") format('woff')}.modalWindowWrapper{position:fixed;width:100%;height:100%;top:0;left:0;animation-timing-function:ease-out;z-index:1000000;text-align:center;padding:10vh 8vh 3vh 10vh}.modalWindowWrapper.modalWindow_blackBG{background-color:rgba(0,0,0,0.6)}.modalWindowWrapper.modalWindow_blackBG .modalWindowInner{border:none}.modalWindowWrapper .modalWindowBack{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.modalWindowWrapper~#globalWrapper{filter:blur(2px)}.modalWindowWrapper.fullScreen #closeModal{top:0.875em;right:0.6em}.modalWindowWrapper.fullScreen #closeModal:hover{background-color:#ddd;border-radius:50%}.modalWindowWrapper.fullScreen #closeModal:hover:before{filter:brightness(26%)}.modalWindowWrapper.fullScreen #closeModal:hover:after{color:#555}.modalWindowWrapper.fullScreen #closeModal:before{filter:brightness(60%)}.modalWindowWrapper.fullScreen #closeModal:after{content:'esc';display:block;margin-top:30px;font-size:11px;color:#999;text-align:center}.modalWindowWrapper.fullScreen .modalWindowInner{width:100%;height:100%;max-width:none;max-height:none;border-radius:0;border:0;background-color:#fff}.modalWindowWrapper.fullScreen .modalWindowInner .modalWindowTitle{max-width:none}.modalWindowWrapper.fullScreen .modalWindowInner .modalWindowTitle.noHeight+.modalWindowContent{max-height:none}.modalWindowWrapper.fullScreen .modalWindowInner .modalWindowContent{max-width:none;max-height:none}.modalWindowWrapper.transparentHeader .modalWindowInner .modalWindowTitle{z-index:10}.modalWindowWrapper .modalWindowInner{position:relative;z-index:1;width:100%;height:100%;overflow:hidden;display:flex;flex-flow:column nowrap;align-items:stretch;justify-content:flex-start;border-radius:1em;box-shadow:0 0 15px rgba(170,172,175,0.5);border:1px solid #ddd}.modalWindowWrapper .modalWindowInner .modalWindowTitle{background-color:#fff;font-family:Lato, 'sans-serif';font-weight:100;position:relative;z-index:1;font-size:1.75em;padding:0.5em 0.55em 0.45em 0.55em;text-align:left;width:100%;max-width:920px;box-shadow:0 0 15px rgba(170,172,175,0.5);flex-basis:51px;flex-grow:0;flex-shrink:0;align-self:auto;z-index:10}.modalWindowWrapper .modalWindowInner .modalWindowTitle .closeModal{top:12px;right:6px;height:48px;width:48px;cursor:pointer;position:absolute}.modalWindowWrapper .modalWindowInner .modalWindowTitle .closeModal:before{top:18%;left:31%}.modalWindowWrapper .modalWindowInner .modalWindowTitle .titleBackButton{display:inline-block;width:0.75em;height:0.75em;margin-right:0.5em;cursor:pointer}.modalWindowWrapper .modalWindowInner .modalWindowTitle.redModal{background-color:#f00;color:#fff}.modalWindowWrapper .modalWindowInner .modalWindowTitle.redModal .closeModal:before{filter:none}.modalWindowWrapper .modalWindowInner .modalWindowTitle.greenModal{background-color:#00b44b;color:#fff}.modalWindowWrapper .modalWindowInner .modalWindowTitle.greenModal .closeModal:before{filter:none}.modalWindowWrapper .modalWindowInner .modalWindowTitle.blueModal{background-color:#007dff;color:#fff}.modalWindowWrapper .modalWindowInner .modalWindowTitle.blueModal .closeModal:before{filter:none}.modalWindowWrapper .modalWindowInner .modalWindowTitle.yellowModal{background-color:#ffa000;color:#fff}.modalWindowWrapper .modalWindowInner .modalWindowTitle.yellowModal .closeModal:before{filter:none}.modalWindowWrapper .modalWindowInner .modalWindowTitle.goldModal{background-color:#c2872b;color:#fff}.modalWindowWrapper .modalWindowInner .modalWindowTitle.goldModal .closeModal:before{filter:none}.modalWindowWrapper .modalWindowInner .modalWindowTitle.darkModal{background-color:#212121;color:#fff;box-shadow:none}.modalWindowWrapper .modalWindowInner .modalWindowTitle.darkModal .closeModal:before{filter:none}.modalWindowWrapper .modalWindowInner .modalWindowTitle.darkModal+.modalWindowContent{background-color:#000}.modalWindowWrapper .modalWindowInner .modalWindowTitle img{width:1em;margin-right:0.5em}.modalWindowWrapper .modalWindowInner .modalWindowTitle.large{font-weight:100;font-size:2.5em;flex-basis:2.5em;line-height:1.6em;text-align:center;white-space:normal}.modalWindowWrapper .modalWindowInner .modalWindowTitle.large .closeModal{position:absolute;top:20px;right:30px}.modalWindowWrapper .modalWindowInner .modalWindowTitle.large .subtitle{font-size:0.33em;margin-top:-2.5em}.modalWindowWrapper .modalWindowInner .modalWindowTitle span.subtitle{font-size:0.5em;font-style:italic;color:#999}.modalWindowWrapper .modalWindowInner .modalWindowTitle.noHeader{box-shadow:none;white-space:normal}.modalWindowWrapper .modalWindowInner .modalWindowTitle.noHeight{flex-basis:0;flex-grow:0;flex-shrink:0;align-self:auto;padding:0;white-space:normal}.modalWindowWrapper .modalWindowInner .modalWindowTitle.small-centered{font-weight:300;font-size:1em;text-align:center;display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-around;padding:0.1em 0 0 0;border-top-left-radius:1em;border-top-right-radius:1em}.modalWindowWrapper .modalWindowInner .modalWindowContent{width:100%;flex-basis:100%;flex-grow:0;flex-shrink:1;align-self:auto;background-color:#fff;overflow:hidden;position:relative}.modalWindowWrapper .modalWindowInner .modalWindowContent>div:first-of-type:not(.addStudentsWrapper):not(.onboardingWrapper):not(.GenericModalWrapper):not(.ModalWrapper){position:absolute;min-height:100%;width:100%}.modalWindowWrapper .modalWindowInner .modalWindowContent>div:first-of-type:not(.addStudentsWrapper):not(.onboardingWrapper):not(.GenericModalWrapper):not(.ModalWrapper).oneToOne{display:flex;flex-flow:row nowrap;align-items:stretch;justify-content:flex-start}.modalWindowWrapper .modalWindowInner .modalWindowContent>div:first-of-type:not(.addStudentsWrapper):not(.onboardingWrapper):not(.GenericModalWrapper):not(.ModalWrapper).oneToOne .panelLeft,.modalWindowWrapper .modalWindowInner .modalWindowContent>div:first-of-type:not(.addStudentsWrapper):not(.onboardingWrapper):not(.GenericModalWrapper):not(.ModalWrapper).oneToOne .panelRight{flex-basis:50%;flex-grow:0;flex-shrink:1;min-height:100%}.modalWindowWrapper .modalWindowInner .modalWindowContent>div:first-of-type:not(.addStudentsWrapper):not(.onboardingWrapper):not(.GenericModalWrapper):not(.ModalWrapper).twoToThree{display:flex;flex-flow:row nowrap;align-items:stretch;justify-content:flex-start}.modalWindowWrapper .modalWindowInner .modalWindowContent>div:first-of-type:not(.addStudentsWrapper):not(.onboardingWrapper):not(.GenericModalWrapper):not(.ModalWrapper).twoToThree .panelLeft{flex-basis:67%;flex-grow:0;flex-shrink:1;min-height:100%}.modalWindowWrapper .modalWindowInner .modalWindowContent>div:first-of-type:not(.addStudentsWrapper):not(.onboardingWrapper):not(.GenericModalWrapper):not(.ModalWrapper).twoToThree .panelRight{flex-basis:34%;flex-grow:0;flex-shrink:1;min-height:100%}.modalWindowWrapper .modalWindowInner .modalWindowContent>div:first-of-type:not(.addStudentsWrapper):not(.onboardingWrapper):not(.GenericModalWrapper):not(.ModalWrapper) .panelLeft{border-right:1px solid #ddd}.modalWindowWrapper .modalWindowInner .modalWindowContent .btnWrapper{margin-top:2em}.modalWindowWrapper .modalWindowInner .modalWindowContent .modalWindow_innerGenericWrapper{display:flex;flex-flow:row nowrap;align-items:center;justify-content:flex-start;padding:2em}.modalWindowWrapper .modalWindowInner .modalWindowContent .modalWindow_innerGenericWrapper .modalWindow_innerGenericContent{width:100%;text-align:center}.modalWindowWrapper .modalWindowInner .bottomButton{font-weight:100;font-size:1.75em;flex-shrink:0;line-height:3.5em;cursor:pointer;color:#fff;background-color:#00b44b}.modalWindowWrapper .modalWindowInner .bottomButton img{width:1em;margin-right:0.5em}.modalWindowWrapper .modalWindowInner .bottomButton:hover{background-color:#00a551}.modalWindowWrapper .modalWindowInner .whiteBottomContainer{font-weight:300;font-size:1.5em;flex-shrink:0;line-height:4.5em;color:textColor;background-color:#fff;border-top:1px solid #ddd}.VolumeMeter{position:relative;width:100%;height:100%;background-image:url("https://files.classcraft.com/classcraft-assets/lp/volumemeter/volume-meter-sidebar.png"), url("https://files.classcraft.com/classcraft-assets/lp/volumemeter/volume-meter-topbar.png"), url("https://files.classcraft.com/classcraft-assets/quests/volumemeter.jpg");background-repeat:no-repeat;background-position:left top, left calc(55 * 100vh / 720) top, center center;background-size:auto 100%, calc(100% - calc(55 * 100vh / 720)) auto, cover;overflow:hidden}.VolumeMeter--fr-CA{background-image:url("https://files.classcraft.com/classcraft-assets/lp/volumemeter/volume-meter-sidebar.png"), url("https://files.classcraft.com/classcraft-assets/lp/volumemeter/volume-meter-topbar-fr.png"), url("https://files.classcraft.com/classcraft-assets/quests/volumemeter.jpg")}.VolumeMeter .mainContent{margin:0 auto;z-index:1;max-width:1440px;width:100%;height:100%;position:relative}.VolumeMeter .mainContent .innerMainContent{display:flex;flex-flow:row nowrap;align-items:center;justify-content:flex-end;margin:0 0 0 auto;padding:10vh 8vh 3vh 10vh;width:100%;height:100%;position:relative}.VolumeMeter .mainContent .innerMainContent .panel{display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;width:100%;height:100%}.VolumeMeter .mainContent .innerMainContent .panel.full .content{padding:2em 1em}@media (min-width: 1024px){.VolumeMeter .mainContent .innerMainContent .panel.full .content{padding:3em}}@media (max-width: 500px){.VolumeMeter .mainContent .innerMainContent .panel.full .content{padding:1em}}.VolumeMeter .mainContent .innerMainContent .panel .content{display:flex;flex-flow:column nowrap;align-items:center;justify-content:space-between;background-color:#fff;border-radius:1em;padding:1em 2em;text-align:center;width:100%;height:100%}@media (min-width: 750px){.VolumeMeter .mainContent .innerMainContent .panel .content{padding:2em 3em}}@media (max-width: 500px){.VolumeMeter .mainContent .innerMainContent .panel .content{padding:1em}}.VolumeMeter .mainContent .innerMainContent .panel .content+*{margin-top:2rem}.VolumeMeter .mainContent .innerMainContent .panel .title{font-weight:400;font-size:calc(27.5px + 1.5625vw);line-height:1.1em}@media (min-width: 750px){.VolumeMeter .mainContent .innerMainContent .panel .title{font-size:calc(35px + 1.5625vw)}}@media (max-width: 500px){.VolumeMeter .mainContent .innerMainContent .panel .title{font-size:calc(21.5px + 1.5625vw)}}.VolumeMeter .mainContent .innerMainContent .panel .title strong{font-weight:900}.VolumeMeter .mainContent .innerMainContent .panel .subtitle{max-width:75%;font-size:calc(16px + 0.3125vw);line-height:1.3em;color:#555;margin:1em auto 0}@media (max-width: 500px){.VolumeMeter .mainContent .innerMainContent .panel .subtitle{max-width:100%;font-size:calc(12px + 0.3125vw)}}.VolumeMeter .mainContent .innerMainContent .panel .text{font-weight:300;font-size:calc(14.4px + (16 - 14.4) * ((100vw - 320px) / (1440 - 320)));color:#555;font-weight:100;line-height:1.3em}@media (max-width: 319px){.VolumeMeter .mainContent .innerMainContent .panel .text{font-size:14.4px}}@media (min-width: 1440px){.VolumeMeter .mainContent .innerMainContent .panel .text{font-size:16px}}@media (min-width: 750px){.VolumeMeter .mainContent .innerMainContent .panel .text{font-weight:300;font-size:calc(15.75px + (18 - 15.75) * ((100vw - 320px) / (1440 - 320)));font-weight:100}}@media (min-width: 750px) and (max-width: 319px){.VolumeMeter .mainContent .innerMainContent .panel .text{font-size:15.75px}}@media (min-width: 750px) and (min-width: 1440px){.VolumeMeter .mainContent .innerMainContent .panel .text{font-size:18px}}.VolumeMeter .mainContent .innerMainContent .panel .volumeInstructions{font-style:italic;font-weight:100;color:#999;line-height:1.5em}@media (max-width: 500px){.VolumeMeter .mainContent .innerMainContent .panel .volumeInstructions{font-size:0.8rem}}.VolumeMeter .mainContent .innerMainContent .panel .buttons{display:flex;flex-flow:row nowrap;align-items:stretch;justify-content:center;flex-shrink:0;padding:0 2em 2em 2em}.VolumeMeter .mainContent .innerMainContent .panel .image-meter{width:80%}.VolumeMeterFailed{display:flex;flex-flow:column nowrap;align-items:stretch;justify-content:center;height:100%;padding:2.5em 2em;background-color:#fff6f9}@media (max-width: 500px){.VolumeMeterFailed{padding:1em}}.VolumeMeterFailed .title{color:#212121;letter-spacing:1px;line-height:1.1em;margin-bottom:0.25em}.VolumeMeterFailed .title:not(.large){font-weight:100;font-size:calc(22.400000000000002px + (28 - 22.400000000000002) * ((100vw - 320px) / (1440 - 320)))}@media (max-width: 319px){.VolumeMeterFailed .title:not(.large){font-size:22.400000000000002px}}@media (min-width: 1440px){.VolumeMeterFailed .title:not(.large){font-size:28px}}.VolumeMeterFailed .title.large{font-weight:100;font-size:calc(32px + (40 - 32) * ((100vw - 320px) / (1440 - 320)));font-weight:500}@media (max-width: 319px){.VolumeMeterFailed .title.large{font-size:32px}}@media (min-width: 1440px){.VolumeMeterFailed .title.large{font-size:40px}}@media (min-width: 600px){.VolumeMeterFailed .title:not(.large){font-weight:100;font-size:calc(32px + (40 - 32) * ((100vw - 320px) / (1440 - 320)))}.VolumeMeterFailed .title.large{font-weight:100;font-size:calc(37.5px + (50 - 37.5) * ((100vw - 320px) / (1440 - 320)));font-weight:500}}@media (min-width: 750px){.VolumeMeterFailed .title:not(.large){font-weight:100;font-size:calc(37.5px + (50 - 37.5) * ((100vw - 320px) / (1440 - 320)))}.VolumeMeterFailed .title.large{font-weight:100;font-size:calc(45px + (60 - 45) * ((100vw - 320px) / (1440 - 320)));font-weight:500}}.VolumeMeterFailed .title strong{font-weight:900}@media (min-width: 600px) and (max-width: 319px){.VolumeMeterFailed .title:not(.large){font-size:32px}}@media (min-width: 600px) and (min-width: 1440px){.VolumeMeterFailed .title:not(.large){font-size:40px}}@media (min-width: 600px) and (max-width: 319px){.VolumeMeterFailed .title.large{font-size:37.5px}}@media (min-width: 600px) and (min-width: 1440px){.VolumeMeterFailed .title.large{font-size:50px}}@media (min-width: 750px) and (max-width: 319px){.VolumeMeterFailed .title:not(.large){font-size:37.5px}}@media (min-width: 750px) and (min-width: 1440px){.VolumeMeterFailed .title:not(.large){font-size:50px}}@media (min-width: 750px) and (max-width: 319px){.VolumeMeterFailed .title.large{font-size:45px}}@media (min-width: 750px) and (min-width: 1440px){.VolumeMeterFailed .title.large{font-size:60px}}.VolumeMeterFailed .text{font-weight:300;font-size:calc(17px + (20 - 17) * ((100vw - 320px) / (1440 - 320)));font-weight:100;line-height:1.3em;margin:1rem 0}@media (max-width: 319px){.VolumeMeterFailed .text{font-size:17px}}@media (min-width: 1440px){.VolumeMeterFailed .text{font-size:20px}}@media (min-width: 750px){.VolumeMeterFailed .text{font-weight:300;font-size:calc(20.4px + (24 - 20.4) * ((100vw - 320px) / (1440 - 320)));font-weight:100;margin:1.5rem 0}}@media (min-width: 750px) and (max-width: 319px){.VolumeMeterFailed .text{font-size:20.4px}}@media (min-width: 750px) and (min-width: 1440px){.VolumeMeterFailed .text{font-size:24px}}.VolumeMeterFailed .content{padding:0 5vw}.VolumeMeterFailed .content .buttons{display:flex;flex-flow:row nowrap;align-items:center;justify-content:center;flex-shrink:0}@media (min-width: 800px){.VolumeMeterFailed .content .buttons{display:flex;flex-flow:row wrap;align-items:center;justify-content:center}}.VolumeMeterFailed .content .buttons .btn{margin:0.3em}.VolumeMeterSuccess{display:flex;flex-flow:column nowrap;align-items:stretch;justify-content:center;height:100%;padding:2.5em 2em;background-color:#f2fffb}@media (max-width: 500px){.VolumeMeterSuccess{padding:1em}}.VolumeMeterSuccess .title{font-weight:100;font-size:calc(45px + (60 - 45) * ((100vw - 320px) / (1440 - 320)));font-weight:900;line-height:1.1em;margin-bottom:0.25em}@media (max-width: 319px){.VolumeMeterSuccess .title{font-size:45px}}@media (min-width: 1440px){.VolumeMeterSuccess .title{font-size:60px}}@media (max-width: 500px){.VolumeMeterSuccess .title{font-weight:100;font-size:calc(32px + (40 - 32) * ((100vw - 320px) / (1440 - 320)));font-weight:900}}@media (max-width: 500px) and (max-width: 319px){.VolumeMeterSuccess .title{font-size:32px}}@media (max-width: 500px) and (min-width: 1440px){.VolumeMeterSuccess .title{font-size:40px}}.VolumeMeterSuccess .subtitle{font-weight:300;font-size:calc(17px + (20 - 17) * ((100vw - 320px) / (1440 - 320)));font-weight:100;line-height:1.3em;margin:1rem 0}@media (max-width: 319px){.VolumeMeterSuccess .subtitle{font-size:17px}}@media (min-width: 1440px){.VolumeMeterSuccess .subtitle{font-size:20px}}@media (min-width: 750px){.VolumeMeterSuccess .subtitle{font-weight:300;font-size:calc(20.4px + (24 - 20.4) * ((100vw - 320px) / (1440 - 320)));font-weight:100;margin:1.5rem 0}}@media (max-width: 500px){.VolumeMeterSuccess .subtitle{font-weight:300;font-size:calc(15.75px + (18 - 15.75) * ((100vw - 320px) / (1440 - 320)))}}@media (min-width: 750px) and (max-width: 319px){.VolumeMeterSuccess .subtitle{font-size:20.4px}}@media (min-width: 750px) and (min-width: 1440px){.VolumeMeterSuccess .subtitle{font-size:24px}}@media (max-width: 500px) and (max-width: 319px){.VolumeMeterSuccess .subtitle{font-size:15.75px}}@media (max-width: 500px) and (min-width: 1440px){.VolumeMeterSuccess .subtitle{font-size:18px}}.VolumeMeterSuccess .buttons{display:flex;flex-flow:row nowrap;align-items:center;justify-content:center;flex-shrink:0}.VolumeMeterSuccess .buttons .btn.upper.large{font-weight:100;font-size:calc(22.400000000000002px + (28 - 22.400000000000002) * ((100vw - 320px) / (1440 - 320)));font-weight:900;letter-spacing:2px;padding:0.25em 1.3em}@media (max-width: 319px){.VolumeMeterSuccess .buttons .btn.upper.large{font-size:22.400000000000002px}}@media (min-width: 1440px){.VolumeMeterSuccess .buttons .btn.upper.large{font-size:28px}}@media (min-width: 750px){.VolumeMeterSuccess .buttons .btn.upper.large{font-weight:100;font-size:calc(32px + (40 - 32) * ((100vw - 320px) / (1440 - 320)));font-weight:900}}@media (min-width: 750px) and (max-width: 319px){.VolumeMeterSuccess .buttons .btn.upper.large{font-size:32px}}@media (min-width: 750px) and (min-width: 1440px){.VolumeMeterSuccess .buttons .btn.upper.large{font-size:40px}}.ButtonWrapper{display:inline-block;vertical-align:middle;flex-shrink:0;border-radius:2em;cursor:pointer;font-weight:300;letter-spacing:1px;line-height:1.3em;padding:0.575em 1.3em 0.5em;text-align:center;max-width:100%;position:relative}.ButtonWrapper:focus{outline:none}.ButtonWrapper.disabled{cursor:default;opacity:0.3}.ButtonWrapper.upper{text-transform:uppercase}.ButtonWrapper.bold{font-weight:700}.ButtonWrapper.large{font-size:1.25em}.ButtonWrapper.green{background-color:#00b44b;color:#fff}.ButtonWrapper.green:hover:not(.disabled){background-color:#00a551}.ButtonWrapper.red{background-color:#f00;color:#fff}.ButtonWrapper.red:hover:not(.disabled){background-color:#e60000}.ButtonWrapper.whiteGreyBorder{background-color:#fff;border:2px solid #ddd;color:#999}.ButtonWrapper.whiteGreyBorder:hover:not(.disabled){color:#fff;background-color:#ddd}.ButtonWrapper.whiteGreenBorder{background-color:#fff;border:2px solid #00b44b;color:#00b44b}.ButtonWrapper.whiteGreenBorder:hover:not(.disabled){color:#fff;background-color:#00b44b}.ButtonWrapper.grey{color:#aaa;background-color:#eee}.ButtonWrapper.grey:hover:not(.disabled){background-color:#cacaca}.ButtonWrapper.color.color-grey-4{color:#ddd}.ButtonWrapper.color.color-grey-4:hover:not(.disabled){color:#999}.ButtonWrapper.color.color-grey-5{color:#999}.ButtonWrapper.color.color-grey-5:hover:not(.disabled){color:#555}.ButtonWrapper.color.color-grey-6{color:#555}.ButtonWrapper.color.color-grey-6:hover:not(.disabled){color:#212121}.ButtonWrapper.color.color-lightGreen{color:#00b44b}.ButtonWrapper.color.color-lightGreen:hover:not(.disabled){color:#00a551}.ButtonWrapper.hover.hover-lightGreen:hover:not(.disabled){color:#00a551}.btn{border:0 none;border-radius:1.5em;font-size:1.3rem;font-weight:700;text-align:center;text-transform:uppercase;text-decoration:none;padding:0.4em 0.8em;display:inline-flex;justify-content:center;align-items:center;cursor:pointer;color:#fff;transition-property:background-color;transition-duration:0.375s;transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1)}@media (min-width: 750px){.btn{font-size:1.7rem}}@media (max-width: 500px){.btn{font-size:1rem}}.btn:not(.noHover):hover{background-color:#1c1c1c}.btn img{display:inline-block;vertical-align:middle;height:1em}.btn img+div{margin-left:0.65em}.btn div{display:inline-block;vertical-align:middle}.btn div+img{margin-left:0.65em}.btn div.arrowUp{width:0;height:0;border-left:0.5em solid rgba(255,255,255,0.001);border-right:0.5em solid rgba(255,255,255,0.001);border-bottom:0.7em solid #fff}.btn div.arrowRight{width:0;height:0;border-top:0.5em solid rgba(255,255,255,0.001);border-bottom:0.5em solid rgba(255,255,255,0.001);border-left:0.7em solid #fff}.btn div.arrowDown{width:0;height:0;border-left:0.5em solid rgba(255,255,255,0.001);border-right:0.5em solid rgba(255,255,255,0.001);border-top:0.7em solid #fff}.btn div.arrowLeft{width:0;height:0;border-top:0.5em solid rgba(255,255,255,0.001);border-bottom:0.5em solid rgba(255,255,255,0.001);border-right:0.7em solid #fff}.btn:focus{outline:none}.btn.upper,.btn.btnNext{text-transform:uppercase}.btn.inactive{opacity:0.3;cursor:default}.btn.noHover{cursor:default}.btn.small{font-size:0.7em}.btn.small.white-grey-border{border:2px solid #ddd}.btn.smaller{font-size:0.5em}.btn.smaller.white-grey-border{border:2px solid #ddd}.btn.relative{font-size:0.88em}.btn.medium{font-size:1.125em}.btn.large,.btn.btnNext,.btn.btnBack{font-size:1.25em}.btn.large:not(.icon),.btn.btnNext:not(.icon),.btn.btnBack:not(.icon){min-width:6em}.btn.larger{font-size:2em}.btn.larger:not(.icon){min-width:10em}.btn.green,.btn.btnNext{background-color:#00b44b}.btn.green:not(.noHover):hover,.btn.btnNext:not(.noHover):hover{background-color:#00a551}.btn.green-border{color:#00b44b;background-color:#fff}.btn.green-border:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid #00b44b;border-radius:2em}.btn.green-border:not(.noHover):hover{color:#fff;background-color:#00a551}.btn.green-border:not(.noHover):hover:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid #00a551;border-radius:2em}.btn.green-border:not(.noHover):hover img,.btn.green-border:not(.noHover):hover:before{filter:none}.btn.green-border.icon:not(.noHover):hover:before{filter:none}.btn.purple{background-color:#6932dc}.btn.purple:not(.noHover):hover{background-color:#4a239d}.btn.purple-secondary{background-color:rgba(255,255,255,0.001);color:#6932dc;border:2px solid #6932dc}.btn.purple-secondary:not(.noHover):hover{background-color:rgba(255,255,255,0.001);color:#4a239d;border-color:#4a239d}.btn.red{background-color:#f00}.btn.red:not(.noHover):hover{background-color:#e60000}.btn.blue{background-color:#007dff}.btn.blue:not(.noHover):hover{background-color:#0064dc}.btn.yellow{background-color:#ffa000}.btn.yellow:not(.noHover):hover{background-color:#f5aa1e}.btn.highlightYellow{background-color:#ffb900}.btn.highlightYellow:not(.noHover):hover{background-color:#f0aa00}.btn.gold{background-color:#c2872b}.btn.gold:not(.noHover):hover{background-color:#aa711e}.btn.grey,.btn.btnNext.disabled,.btn.btnNext.disabled:hover{color:#aaa;background-color:#eee}.btn.grey:not(.noHover):hover,.btn.btnNext.disabled:not(.noHover):hover,.btn.btnNext.disabled:hover:not(.noHover):hover{background-color:#cacaca}.btn.darkGrey{background-color:#cacaca}.btn.darkGrey:not(.noHover):hover{background-color:#acacac}.btn.transparent{background-color:rgba(255,255,255,0.2)}.btn.transparent:not(.noHover):hover{background-color:rgba(217,217,217,0.2)}.btn.white{color:#000;background-color:#fff}.btn.white:not(.noHover):hover{background-color:#eee}.btn.white-grey-border,.btn.btnNext.disabled,.btn.btnNext.disabled:hover{color:#999;background-color:#fff;border:2px solid #ddd}.btn.white-grey-border img,.btn.btnNext.disabled img,.btn.btnNext.disabled:hover img,.btn.white-grey-border.icon:before,.btn.btnNext.disabled.icon:before,.btn.btnNext.disabled:hover.icon:before{filter:brightness(60%)}.btn.white-grey-border:not(.noHover):hover,.btn.btnNext.disabled:not(.noHover):hover,.btn.btnNext.disabled:hover:not(.noHover):hover{color:#fff;background-color:#ddd}.btn.white-grey-border:not(.noHover):hover img,.btn.btnNext.disabled:not(.noHover):hover img,.btn.btnNext.disabled:hover:not(.noHover):hover img,.btn.white-grey-border:not(.noHover):hover:before,.btn.btnNext.disabled:not(.noHover):hover:before,.btn.btnNext.disabled:hover:not(.noHover):hover:before{filter:none}.btn.white-grey-border.icon:not(.noHover):hover:before,.btn.btnNext.disabled.icon:not(.noHover):hover:before,.btn.btnNext.disabled:hover.icon:not(.noHover):hover:before{filter:none}.btn.white-green-border{color:#00b44b;background-color:#fff;border:4px solid #00b44b;font-weight:700}.btn.white-green-border:not(.noHover):hover{background-color:#eee}.btn.white-green-border:not(.noHover):hover img,.btn.white-green-border:not(.noHover):hover:before{filter:none}.btn.white-green-border.icon:not(.noHover):hover:before{filter:none}.btn.white-red-border{color:#f00;background-color:#fff;border:4px solid #f00;font-weight:700}.btn.white-red-border:not(.noHover):hover{background-color:#eee}.btn.white-red-border:not(.noHover):hover img,.btn.white-red-border:not(.noHover):hover:before{filter:none}.btn.white-red-border.icon:not(.noHover):hover:before{filter:none}.btn.white-grey-content{color:#ddd;background-color:#fff;border:1px solid #00b44b}.btn.white-grey-content img,.btn.white-grey-content.icon:before{filter:brightness(87%)}.btn.white-grey-content:not(.noHover):hover{color:#999;background-color:#fff}.btn.white-grey-content:not(.noHover):hover img,.btn.white-grey-content:not(.noHover):hover:before{filter:brightness(60%)}.btn.white-grey-content.icon:not(.noHover):hover:before{filter:brightness(60%)}.btn.squareBtn{background-color:#fff;border:1px solid #ddd;color:#000;border-radius:0.75em}.btn.squareBtn:not(.noHover):hover{background-color:#fafafa}.btn.squareBtn img{height:1.6em}.btn.inner-black{color:#000}.btn.inner-black:before{filter:brightness(0)}.btn.inner-grey-3{color:#eee}.btn.inner-grey-3:before{filter:brightness(93%)}.btn.inner-grey-4{color:#ddd}.btn.inner-grey-4:before{filter:brightness(87%)}.btn.inner-grey-5,.btn.btnNext.disabled,.btn.btnNext.disabled:hover{color:#999}.btn.inner-grey-5:before,.btn.btnNext.disabled:before,.btn.btnNext.disabled:hover:before{filter:brightness(60%)}.btn.inner-grey-6{color:#424242}.btn.inner-grey-6:before{filter:brightness(26%)}.btn.textBtn{background-color:rgba(255,255,255,0.001);font-weight:700;line-height:1}.btn.textBtn.noHover{padding:0;cursor:pointer}.btn.textBtn.noHover:hover{filter:brightness(60%)}.btn.textBtn.small{font-weight:300;font-size:0.75em}.btn.textBtn.light{font-weight:300}.btn.textBtn.green{color:#00b44b}.btn.textBtn.green:not(.noHover):hover{background-color:#00b44b;color:#fff}.btn.textBtn.green:not(.noHover):hover img{filter:none}.btn.textBtn.grey-4{color:#ddd}.btn.textBtn.grey-4 img{filter:brightness(87%)}.btn.textBtn.grey-4:not(.noHover):hover{background-color:#eee}.btn.textBtn.grey-4:not(.noHover):hover img{filter:brightness(93%)}.btn.textBtn.grey-5{color:#999}.btn.textBtn.grey-5 img{filter:brightness(60%)}.btn.textBtn.grey-5:not(.noHover):hover{background-color:#999;color:#fff}.btn.textBtn.grey-5:not(.noHover):hover img{filter:none}.btn.icon{height:3.5em;width:3.5em;border-radius:100%;padding:0;position:relative}.btn.icon:before{content:"";display:block;position:absolute;width:50%;height:50%;left:25%;top:25%;background-size:contain;background-position:center center;background-repeat:no-repeat}.btn.icon.small{font-size:0.6em}.btn.icon.submit.checkmark{background-size:contain;background-position:center center;background-repeat:no-repeat;background-image:url("https://files.classcraft.com/classcraft-assets/icons/checkmark.svg");background-size:50%;background-position:center}.btn.icon.attachment:before{background-image:url("https://files.classcraft.com/classcraft-assets/icons/attachment.svg")}.btn.icon.analytics:before{background-image:url("https://files.classcraft.com/classcraft-assets/icons/analytics.svg")}.btn.icon.arrow:before{background-image:url("https://files.classcraft.com/classcraft-assets/icons/arrow.svg")}.btn.icon.top:before{transform:rotate(0deg)}.btn.icon.right:before{transform:rotate(90deg)}.btn.icon.bottom:before{transform:rotate(180deg)}.btn.icon.left:before{transform:rotate(270deg)}.btn.icon.cancel:before{background-image:url("https://files.classcraft.com/classcraft-assets/icons/cancel.svg")}.btn.icon.checkmark:before{background-image:url("https://files.classcraft.com/classcraft-assets/icons/checkmark.svg")}.btn.icon.close:before{background-image:url("https://files.classcraft.com/classcraft-assets/icons/close.svg")}.btn.icon.comments:before{background-image:url("https://files.classcraft.com/classcraft-assets/icons/comments.svg")}.btn.icon.delete:before{background-image:url("https://files.classcraft.com/classcraft-assets/icons/delete.svg")}.btn.icon.duplicate:before{background-image:url("https://files.classcraft.com/classcraft-assets/icons/duplicate.svg")}.btn.icon.edit:before{background-image:url("https://files.classcraft.com/classcraft-assets/icons/edit.svg")}.btn.icon.facebook:before{background-image:url("https://files.classcraft.com/classcraft-assets/icons/facebook.svg")}.btn.icon.flag:before{background-image:url("https://files.classcraft.com/classcraft-assets/icons/flag.svg")}.btn.icon.gp:before{background-image:url("https://files.classcraft.com/classcraft-assets/icons/gp.svg")}.btn.icon.invite:before{background-image:url("https://files.classcraft.com/classcraft-assets/icons/invite.svg")}.btn.icon.key:before{background-image:url("https://files.classcraft.com/classcraft-assets/icons/key.svg")}.btn.icon.minus:before{background-image:url("https://files.classcraft.com/classcraft-assets/icons/minus.svg")}.btn.icon.multiclass:before{background-image:url("https://files.classcraft.com/classcraft-assets/icons/multiclass.svg")}.btn.icon.next:before{background-image:url("https://files.classcraft.com/classcraft-assets/icons/next.svg")}.btn.icon.pause:before{background-image:url("https://files.classcraft.com/classcraft-assets/icons/pause.svg")}.btn.icon.plus:before{background-image:url("https://files.classcraft.com/classcraft-assets/icons/plus.svg")}.btn.icon.plus_minus:before{background-image:url("https://files.classcraft.com/classcraft-assets/icons/plus_minus.svg")}.btn.icon.prev:before{background-image:url("https://files.classcraft.com/classcraft-assets/icons/prev.svg")}.btn.icon.question:before{background-image:url("https://files.classcraft.com/classcraft-assets/icons/question.svg")}.btn.icon.random:before{background-image:url("https://files.classcraft.com/classcraft-assets/icons/random.svg")}.btn.icon.reset_pwd_email:before{background-image:url("https://files.classcraft.com/classcraft-assets/icons/reset_pwd_email.svg")}.btn.icon.revert:before{background-image:url("https://files.classcraft.com/classcraft-assets/icons/revert.svg")}.btn.icon.settings:before{background-image:url("https://files.classcraft.com/classcraft-assets/icons/settings.svg")}.btn.icon.star:before{background-image:url("https://files.classcraft.com/classcraft-assets/icons/star.svg")}.btn.icon.tag:before{background-image:url("https://files.classcraft.com/classcraft-assets/icons/tag.svg")}.btn.icon.team:before{background-image:url("https://files.classcraft.com/classcraft-assets/icons/team.svg")}.btn.icon.tumblr:before{background-image:url("https://files.classcraft.com/classcraft-assets/icons/tumblr.svg")}.btn.icon.twitter:before{background-image:url("https://files.classcraft.com/classcraft-assets/icons/twitter.svg")}.btn.icon.user:before{background-image:url("https://files.classcraft.com/classcraft-assets/icons/user.svg")}.btn.icon.users:before{background-image:url("https://files.classcraft.com/classcraft-assets/icons/users.svg")}.btn.icon.home:before{background-image:url("https://files.classcraft.com/classcraft-assets/icons/home.svg")}.btn.icon.webinar:before{background-image:url("https://files.classcraft.com/classcraft-assets/icons/webinar.svg")}.btn.icon.swords:before{background-image:url("https://files.classcraft.com/classcraft-assets/icons/swords.svg")}.btn.icon.print:before{background-image:url("https://files.classcraft.com/classcraft-assets/icons/print.svg")}.btn.icon.unlink:before{background-image:url("https://files.classcraft.com/classcraft-assets/icons/unlink.svg")}.btn.icon.googleDrive:before{background-image:url("https://files.classcraft.com/classcraft-assets/icons/googleDrive.svg")}.btn.icon.menu_dots:before{background-image:url("https://files.classcraft.com/classcraft-assets/icons/menu_dots.svg")}.btn.icon.ap:before{background-image:url("https://files.classcraft.com/classcraft-assets/icons/ap.svg")}.btn.icon.oneDrive:before{background-image:url("https://files.classcraft.com/classcraft-assets/icons/oneDrive.svg")}.btn.icon.armor:before{background-image:url("https://files.classcraft.com/classcraft-assets/icons/gear/armor.svg")}.btn.icon.belt:before{background-image:url("https://files.classcraft.com/classcraft-assets/icons/gear/belt.svg")}.btn.icon.boots:before{background-image:url("https://files.classcraft.com/classcraft-assets/icons/gear/boots.svg")}.btn.icon.clothing:before{background-image:url("https://files.classcraft.com/classcraft-assets/icons/gear/clothing.svg")}.btn.icon.headgear:before{background-image:url("https://files.classcraft.com/classcraft-assets/icons/gear/headgear.svg")}.btn.icon.helmet:before{background-image:url("https://files.classcraft.com/classcraft-assets/icons/gear/helmet.svg")}.btn.icon.hood:before{background-image:url("https://files.classcraft.com/classcraft-assets/icons/gear/hood.svg")}.btn.icon.magic:before{background-image:url("https://files.classcraft.com/classcraft-assets/icons/gear/magic.svg")}.btn.icon.mask:before{background-image:url("https://files.classcraft.com/classcraft-assets/icons/gear/mask.svg")}.btn.icon.accessory:before{background-image:url("https://files.classcraft.com/classcraft-assets/icons/gear/accessory.svg")}.btn.icon.pants:before{background-image:url("https://files.classcraft.com/classcraft-assets/icons/gear/pants.svg")}.btn.icon.power:before{background-image:url("https://files.classcraft.com/classcraft-assets/icons/gear/power.svg")}.btn.icon.robes:before{background-image:url("https://files.classcraft.com/classcraft-assets/icons/gear/robes.svg")}.btn.icon.shield:before{background-image:url("https://files.classcraft.com/classcraft-assets/icons/gear/shield.svg")}.btn.icon.staff:before{background-image:url("https://files.classcraft.com/classcraft-assets/icons/gear/staff.svg")}.btn.icon.weapon:before{background-image:url("https://files.classcraft.com/classcraft-assets/icons/gear/weapon.svg")}.btn.icon.set:before{background-image:url("https://files.classcraft.com/classcraft-assets/icons/gear/set.svg")}.btn.icon.pet:before{background-image:url("https://files.classcraft.com/classcraft-assets/icons/gear/pet.svg")}.btn.icon.next:before{margin-left:5%}.btn.icon.prev:before{margin-left:-5%}.btn.icon.facebook{background-color:#3b5998}.btn.icon.twitter{background-color:#5ea9dd}.btn.icon.tumblr{background-color:#34455e}.btn.provider{padding-left:4em}.btn.provider:before{background-size:contain;background-position:left center;background-repeat:no-repeat;content:"";margin-left:1.5em;width:1.5em;height:100%;position:absolute;top:0;left:0}.btn.provider.textBtn{padding-left:2em}.btn.provider.textBtn:before{margin-left:0}.btn.provider.edmodo:before{background-image:url("https://files.classcraft.com/classcraft-assets/images/integrations/edmodo-logo.svg")}.btn.provider.excel:before{background-image:url("https://files.classcraft.com/classcraft-assets/images/integrations/excel_icon.svg")}.btn.provider.facebook:before{background-image:url("https://files.classcraft.com/classcraft-assets/images/integrations/facebook-logo.svg")}.btn.provider.google:before{background-image:url("https://files.classcraft.com/classcraft-assets/images/integrations/google-logo.svg")}.btn.provider.googleClassroom:before{background-image:url("https://files.classcraft.com/classcraft-assets/images/google_classroom_square.png")}.btn.provider.microsoft:before{background-image:url("https://files.classcraft.com/classcraft-assets/images/integrations/microsoft_logo.svg")}.btn.provider.plus:before{background-image:url("https://files.classcraft.com/classcraft-assets/icons/plus.svg")}.btn.provider.twitter:before{background-image:url("https://files.classcraft.com/classcraft-assets/images/integrations/twitter-logo.svg")}.btn.provider.users:before{background-image:url("https://files.classcraft.com/classcraft-assets/icons/lightGreen/users.svg")}.btn.gearCatButton{width:38px;height:38px;background-color:#fff}.btn.gearCatButton:active,.btn.gearCatButton:hover,.btn.gearCatButton.active{background-color:#ffa000}.btn.gearCatButton:active:before,.btn.gearCatButton:hover:before,.btn.gearCatButton.active:before{filter:brightness(0)}.btn.btnBack{background-color:rgba(255,255,255,0.001);color:#ddd;padding-left:1.85em;text-transform:uppercase}.btn.btnBack:before{content:"";filter:brightness(87%);background-size:contain;background-position:center center;background-repeat:no-repeat;background-image:url("https://files.classcraft.com/classcraft-assets/icons/back_arrow_2.svg");width:1em;height:1em;position:absolute;top:0.675em;left:0.6em}.btn.btnBack:hover{background-color:rgba(255,255,255,0.001);color:#999}.btn.btnBack:hover:before{filter:brightness(60%)}.btn.btnBack.white{color:#fff}.btn.btnBack.white:before{filter:none}.btn.btnBack.white:hover{background-color:rgba(255,255,255,0.001);color:#999}.btn.btnBack.white:hover:before{filter:brightness(60%)}.IconWrapper{position:relative}.IconWrapper.circle{border-radius:50%}.IconWrapper.hover:hover{cursor:pointer}.IconWrapper:not(.renderAsImg).circle .icon,.IconWrapper:not(.renderAsImg).circle .preload{width:50%;height:50%;top:25%;left:25%}.IconWrapper:not(.renderAsImg).hover:hover .preload{opacity:1}.IconWrapper:not(.renderAsImg) .icon,.IconWrapper:not(.renderAsImg) .preload{position:absolute;top:0;left:0;width:100%;height:100%;background-size:contain;background-position:center center;background-repeat:no-repeat}.IconWrapper:not(.renderAsImg) .preload{transition-property:opacity;transition-duration:200ms;transition-timing-function:ease-out;opacity:0}.IconWrapper.renderAsImg.circle .icon,.IconWrapper.renderAsImg.circle .preload{height:50%;margin:auto}.IconWrapper.renderAsImg.hover:hover .icon{display:none}.IconWrapper.renderAsImg.hover:hover .preload{display:block}.IconWrapper.renderAsImg .icon,.IconWrapper.renderAsImg .preload{height:100%}.IconWrapper.renderAsImg .preload{display:none}.timeInput>*{display:inline-block;text-align:center}.monospacedTimer{font-weight:700;text-align:center}.monospacedTimer .separator{display:inline-block;width:0.5em}.monospacedTimer .digit{display:inline-block;width:0.65em}.mainContent .panel.ConfigureMeter .content .title{margin-bottom:0.375em}@media (max-width: 500px){.mainContent .panel.ConfigureMeter .content .title{font-size:calc(17.5px + 1.5625vw)}}.mainContent .panel.ConfigureMeter .content .center{display:flex;flex-flow:row nowrap;align-items:center;justify-content:center;flex-grow:1;width:100%}.mainContent .panel.ConfigureMeter .content .center .meterWrapper{width:100%}.mainContent .panel.ConfigureMeter .content .center .meterWrapper .scale{display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;font-weight:300;font-size:0.75em;color:#999}.mainContent .panel.ConfigureMeter .content .center .meterWrapper .Meter{margin:1em 0;width:100%;height:55px}@media (min-width: 750px){.mainContent .panel.ConfigureMeter .content .center .meterWrapper .Meter{height:75px}}@media (max-width: 500px){.mainContent .panel.ConfigureMeter .content .center .meterWrapper .Meter{height:48px}}.mainContent .panel.ConfigureMeter .content .center .meterWrapper .Meter .sliderWrapper .slider .handle .diamond.topDiamond{top:-10px}.mainContent .panel.ConfigureMeter .content .center .meterWrapper .Meter .sliderWrapper .slider .handle .diamond.bottomDiamond{bottom:-10px}.mainContent .panel.ConfigureMeter .content .center .meterWrapper .readjust{font-weight:300;font-size:0.88em;color:#555;font-style:italic}.mainContent .panel.ConfigureTimer .content .title{margin-bottom:0.375em}.mainContent .panel.ConfigureTimer .content .timerInput{display:flex;flex-flow:row nowrap;align-items:center;justify-content:center;flex-grow:1}.mainContent .panel.ConfigureTimer .content .timerInput .timeInput{font-size:calc(48.75px + (130 - 48.75) * ((100vw - 501px) / (1440 - 501)));color:#bbb;font-weight:700}@media (max-width: 500px){.mainContent .panel.ConfigureTimer .content .timerInput .timeInput{font-size:48.75px}}@media (min-width: 1440px){.mainContent .panel.ConfigureTimer .content .timerInput .timeInput{font-size:130px}}.mainContent .panel.ConfigureTimer .content .timerInput .btn.icon{font-weight:300;font-size:calc(12.6px + (14 - 12.6) * ((100vw - 320px) / (1440 - 320)));margin-left:1em}@media (max-width: 319px){.mainContent .panel.ConfigureTimer .content .timerInput .btn.icon{font-size:12.6px}}@media (min-width: 1440px){.mainContent .panel.ConfigureTimer .content .timerInput .btn.icon{font-size:14px}}@media (min-width: 667px){.mainContent .panel.ConfigureTimer .content .timerInput .btn.icon{font-weight:300;font-size:calc(14.4px + (16 - 14.4) * ((100vw - 320px) / (1440 - 320)));margin-left:2em}}@media (min-width: 667px) and (max-width: 319px){.mainContent .panel.ConfigureTimer .content .timerInput .btn.icon{font-size:14.4px}}@media (min-width: 667px) and (min-width: 1440px){.mainContent .panel.ConfigureTimer .content .timerInput .btn.icon{font-size:16px}}.mainContent .panel.ConfigureTimer .content .timerInput .btn.upper{font-weight:300;font-size:calc(17px + (20 - 17) * ((100vw - 320px) / (1440 - 320)));font-weight:700}@media (max-width: 319px){.mainContent .panel.ConfigureTimer .content .timerInput .btn.upper{font-size:17px}}@media (min-width: 1440px){.mainContent .panel.ConfigureTimer .content .timerInput .btn.upper{font-size:20px}}.CTA{padding:2em;background-color:#fff;border-radius:1em;text-align:center;width:100%;position:relative}@media (min-width: 768px){.CTA{text-align:left}.CTA:before{background-size:contain;background-position:right bottom;background-repeat:no-repeat;background-image:url("https://files.classcraft.com/classcraft-assets/lp/volumemeter/pets.png");border-bottom-right-radius:1em;content:"";width:calc(40% + 7.5vw);height:75%;position:absolute;right:0;bottom:0}}@media (min-width: 1024px){.CTA{padding-right:3em;padding-left:3em}}.CTA .title{margin-bottom:0.25em}.CTA .text{font-style:italic;margin-bottom:1.25em}.mainContent .panel.Intro .content{overflow:hidden;position:relative}.mainContent .panel.Intro .content .title{z-index:1}.mainContent .panel.Intro .content .text{font-weight:300;margin:1em 0 2.25em;max-width:36em}.mainContent .panel.Intro .content .btn-wrapper{margin-top:1em}.mainContent .panel.Intro .content .btn{z-index:1;position:relative}.mainContent .panel.Intro .content .Meter{flex-grow:1;border-radius:0;box-shadow:none;margin:1em 0;max-width:600px;width:100%;background-color:rgba(255,255,255,0.001)}.Meter{background-color:#fff;border-radius:1em;box-shadow:0 0 15px rgba(170,172,175,0.5);position:relative}.Meter .barsWrapper{position:absolute;height:100%;width:100%;border-radius:inherit;overflow:hidden;z-index:20}.Meter .barsWrapper>div{height:100%;width:0;max-width:100%;transition-property:width;transition-duration:0.1s;transition-timing-function:linear;position:absolute}.Meter .sliderWrapper{position:absolute;width:100%;height:100%;z-index:21}.Meter .sliderWrapper .slider{width:100%;height:100%}.Meter .sliderWrapper .slider .handle{width:20px;height:100%;position:relative;cursor:pointer}.Meter .sliderWrapper .slider .handle .text{position:absolute;text-transform:uppercase;text-align:center;top:-50px;font-weight:700;left:50%;transform:translateX(-50%)}.Meter .sliderWrapper .slider .handle .diamond{width:100%;padding-bottom:100%;position:absolute;background-color:#f1008c;transform:rotate(45deg) skew(5deg, 5deg);left:0}.Meter .sliderWrapper .slider .handle .diamond.topDiamond{top:-15px}.Meter .sliderWrapper .slider .handle .diamond.bottomDiamond{bottom:-15px}.Meter .sliderWrapper .slider .handle .middleLine{position:absolute;height:100%;width:4px;top:0;left:calc(50% - 2px);background-color:#f1008c}.Meter .sliderWrapper .slider .handle .greyLine{position:absolute;background-color:#999;height:27%;width:2px;border-radius:1em;top:calc(50% - 12px)}.Meter .sliderWrapper .slider .handle .greyLine.leftLine{left:0}.Meter .sliderWrapper .slider .handle .greyLine.rightLine{right:0}.VolumeMeter .mainContent .panel.Outro .content{background-size:100% auto;background-position:center bottom;background-repeat:no-repeat;justify-content:flex-start;overflow:hidden;position:relative;padding:0}@media (min-width: 1024px){.VolumeMeter .mainContent .panel.Outro .content{padding:0}}.VolumeMeter .mainContent .panel.Outro .content .inner{display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;flex-grow:1;padding:2em 3em;position:relative}@media (max-width: 500px){.VolumeMeter .mainContent .panel.Outro .content .inner{padding:1em}}.VolumeMeter .mainContent .panel.Outro .content .inner>*{z-index:1}.VolumeMeter .mainContent .panel.Outro .content .inner .title{font-weight:900}@media (max-width: 500px){.VolumeMeter .mainContent .panel.Outro .content .inner .title{font-size:calc(16px + 1.5625vw)}}.VolumeMeter .mainContent .panel.Outro .content .inner .subtitle{font-weight:300;font-size:calc(17px + (20 - 17) * ((100vw - 320px) / (1440 - 320)));font-weight:100;line-height:1.3em;margin:1rem 0;color:#000;max-width:100%}@media (max-width: 319px){.VolumeMeter .mainContent .panel.Outro .content .inner .subtitle{font-size:17px}}@media (min-width: 1440px){.VolumeMeter .mainContent .panel.Outro .content .inner .subtitle{font-size:20px}}@media (min-width: 750px){.VolumeMeter .mainContent .panel.Outro .content .inner .subtitle{font-weight:300;font-size:calc(20.4px + (24 - 20.4) * ((100vw - 320px) / (1440 - 320)));font-weight:100;margin:1.5rem 0}}@media (max-width: 500px){.VolumeMeter .mainContent .panel.Outro .content .inner .subtitle{font-weight:300;font-size:calc(12.6px + (14 - 12.6) * ((100vw - 320px) / (1440 - 320)))}}@media (min-width: 750px) and (max-width: 319px){.VolumeMeter .mainContent .panel.Outro .content .inner .subtitle{font-size:20.4px}}@media (min-width: 750px) and (min-width: 1440px){.VolumeMeter .mainContent .panel.Outro .content .inner .subtitle{font-size:24px}}@media (max-width: 500px) and (max-width: 319px){.VolumeMeter .mainContent .panel.Outro .content .inner .subtitle{font-size:12.6px}}@media (max-width: 500px) and (min-width: 1440px){.VolumeMeter .mainContent .panel.Outro .content .inner .subtitle{font-size:14px}}.VolumeMeter .mainContent .panel.Outro .content .inner .text{font-weight:300;font-size:calc(20.4px + (24 - 20.4) * ((100vw - 320px) / (1440 - 320)));text-shadow:0 0 8px #fff;font-weight:100;line-height:1.3em;margin:0 10%;font-style:italic;color:#555;margin:1.5em auto 0}@media (max-width: 319px){.VolumeMeter .mainContent .panel.Outro .content .inner .text{font-size:20.4px}}@media (min-width: 1440px){.VolumeMeter .mainContent .panel.Outro .content .inner .text{font-size:24px}}.VolumeMeter .mainContent .panel.Outro .content .share{width:100%;display:flex;background-color:#6932dc;align-items:center;padding:2em 3em;justify-content:center}@media (max-width: 500px){.VolumeMeter .mainContent .panel.Outro .content .share{padding:1em;flex-direction:column}}.VolumeMeter .mainContent .panel.Outro .content .share .subtitle{font-weight:300;font-size:calc(15.75px + (18 - 15.75) * ((100vw - 320px) / (1440 - 320)));color:#fff;font-style:normal;font-weight:100;letter-spacing:1.5px;line-height:1.1em;margin:0 1em 0 0;padding:0;text-align:left;width:100%}@media (max-width: 319px){.VolumeMeter .mainContent .panel.Outro .content .share .subtitle{font-size:15.75px}}@media (min-width: 1440px){.VolumeMeter .mainContent .panel.Outro .content .share .subtitle{font-size:18px}}@media (min-width: 750px){.VolumeMeter .mainContent .panel.Outro .content .share .subtitle{font-weight:100;font-size:calc(22.400000000000002px + (28 - 22.400000000000002) * ((100vw - 320px) / (1440 - 320)));font-weight:100}}@media (max-width: 500px){.VolumeMeter .mainContent .panel.Outro .content .share .subtitle{font-weight:300;font-size:calc(14.4px + (16 - 14.4) * ((100vw - 320px) / (1440 - 320)));margin-bottom:0.5em}}.VolumeMeter .mainContent .panel.Outro .content .share .subtitle strong{font-weight:900}@media (min-width: 750px) and (max-width: 319px){.VolumeMeter .mainContent .panel.Outro .content .share .subtitle{font-size:22.400000000000002px}}@media (min-width: 750px) and (min-width: 1440px){.VolumeMeter .mainContent .panel.Outro .content .share .subtitle{font-size:28px}}@media (max-width: 500px) and (max-width: 319px){.VolumeMeter .mainContent .panel.Outro .content .share .subtitle{font-size:14.4px}}@media (max-width: 500px) and (min-width: 1440px){.VolumeMeter .mainContent .panel.Outro .content .share .subtitle{font-size:16px}}.VolumeMeter .mainContent .panel.Outro .content .share .networks{display:flex;flex-flow:row nowrap;align-items:center;justify-content:center;padding:0}.VolumeMeter .mainContent .panel.Outro .content .share .networks .network{transition-property:transform;transition-duration:200ms;transition-timing-function:ease-out;flex-shrink:0;background-color:#fff;border-radius:50%;width:2.5em;height:2.5em;position:relative}.VolumeMeter .mainContent .panel.Outro .content .share .networks .network:not(:last-child){margin-right:1em}@media (min-width: 768px){.VolumeMeter .mainContent .panel.Outro .content .share .networks .network:not(:last-child){margin-right:1.5em}}.VolumeMeter .mainContent .panel.Outro .content .share .networks .network:hover{cursor:pointer;transform:scale(1.0625, 1.0625)}.VolumeMeter .mainContent .panel.Outro .content .share .networks .network svg{fill:#fff;width:50%;height:50%;position:absolute;top:25%;left:25%}.VolumeMeter .mainContent .panel.Outro .restart{display:flex;flex-flow:row nowrap;align-items:center;justify-content:center;font-weight:300;font-size:calc(14.4px + (16 - 14.4) * ((100vw - 320px) / (1440 - 320)))}@media (max-width: 319px){.VolumeMeter .mainContent .panel.Outro .restart{font-size:14.4px}}@media (min-width: 1440px){.VolumeMeter .mainContent .panel.Outro .restart{font-size:16px}}.VolumeMeter .mainContent .panel.Outro .restart:hover{cursor:pointer}.VolumeMeter .mainContent .panel.Outro .restart:hover svg{fill:#ddd}.VolumeMeter .mainContent .panel.Outro .restart:hover span{color:#ddd}.VolumeMeter .mainContent .panel.Outro .restart svg{transition-property:fill;transition-duration:200ms;transition-timing-function:ease-out;fill:#eee;margin-right:0.5em;width:1em;height:1em}.VolumeMeter .mainContent .panel.Outro .restart span{transition-property:color;transition-duration:200ms;transition-timing-function:ease-out;color:#eee;letter-spacing:1px;margin-top:0.125em;text-transform:uppercase}.mainContent .panel.Play .content .inner{display:flex;flex-flow:row nowrap;align-items:center;justify-content:center}.mainContent .panel.Play .content .inner .monospacedTimer{font-size:calc(52.5px + (140 - 52.5) * ((100vw - 320px) / (1440 - 320)));color:#212121;font-weight:700}@media (max-width: 319px){.mainContent .panel.Play .content .inner .monospacedTimer{font-size:52.5px}}@media (min-width: 1440px){.mainContent .panel.Play .content .inner .monospacedTimer{font-size:140px}}.mainContent .panel.Play .content .Meter{border:4px solid #fff;margin:2.5em 0;width:100%;height:18vh;max-height:100px}.mainContent .panel.Play .content .howQuiet{font-weight:100;font-size:calc(45px + (60 - 45) * ((100vw - 320px) / (1440 - 320)));line-height:1.1em;margin-bottom:1.5em}@media (max-width: 319px){.mainContent .panel.Play .content .howQuiet{font-size:45px}}@media (min-width: 1440px){.mainContent .panel.Play .content .howQuiet{font-size:60px}}.Unsupported .content .browserLogosWrapper{display:flex;flex-flow:row nowrap;align-items:stretch;justify-content:flex-start;flex-grow:1;margin:2em 0;width:100%}.Unsupported .content .browserLogosWrapper>div{background-size:contain;background-position:center center;background-repeat:no-repeat;margin:0 1em;width:calc(33% - 2em)}.Unsupported .content .browserLogosWrapper .chromeLogo{background-image:url("https://files.classcraft.com/classcraft-assets/images/browsers/chrome.png")}.Unsupported .content .browserLogosWrapper .firefoxLogo{background-image:url("https://files.classcraft.com/classcraft-assets/images/browsers/firefox.png")}.Unsupported .content .browserLogosWrapper .edgeLogo{background-image:url("https://files.classcraft.com/classcraft-assets/images/browsers/edge.png")}.Unsupported .content .text{color:#555;font-style:italic;font-weight:100;line-height:1.5em}.Unsupported .content .text strong{text-decoration:underline;font-weight:700}#root_node{width:100%;height:100%}