.App{height:100%}.LanguageSelector{max-width:760px}.LanguageSelector .LanguageTile{cursor:pointer}.LanguageSelector .LanguageTile .titleContainer{background:linear-gradient(transparent,rgba(0,0,0,.4) 50%,rgba(0,0,0,.6));height:48px!important}.LanguageSelector .LanguageTile .subtitle,.LanguageSelector .LanguageTile .title{text-shadow:0 1px 1px #000}.LanguageSelector .LanguageTile.LanguageTileDisabled{-webkit-filter:grayscale(100%);filter:grayscale(100%)}.ResponseButtonCard{margin:0 .5em}.ResponseButtonCard.fullHeight{height:100%}button.ResponseButton{font-size:24px;font-weight:400;height:100%;text-transform:none}button.ResponseButton.dense{font-size:16px;line-height:unset}button.ResponseButton.large{min-height:96px;padding:0 48px}button.ResponseButton.selected{background-color:#5aaf50;color:#fff}.ResponseButtonBar.vertical button.ResponseButton{min-width:160px}@media (min-width:600px){.ResponseButtonBar.vertical button.ResponseButton{min-width:320px}}.ResponseButtonBar{display:flex;flex-flow:row;padding-top:1em;margin:0 -.5em;max-width:100%}.ResponseButtonBar.vertical{flex-flow:column!important}.ResponseButtonBar>div{flex:1 1;margin-bottom:.5em}.ResponseButtonBar>.buttonAndExplanationContainer{display:flex;flex-direction:column}.ResponseButtonBar .buttonBox{margin:0 -8px}.ResponseButtonBar .explanationBox{padding-top:16px;color:rgba(0,0,0,.54)}@media (min-width:600px){.ResponseButtonBar>.buttonAndExplanationContainer{flex-direction:row}.ResponseButtonBar .buttonBox{flex:1 1;align-self:justify;margin:0}.ResponseButtonBar .explanationBox{flex:3 1;align-self:center;padding-top:0}}.SlideToUnlock{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:linear-gradient(180deg,#010101,#181818);border:2px solid #454545;border-radius:30px;box-shadow:0 0 20px rgba(0,0,0,.6);padding:20px 0;overflow:hidden}.SlideToUnlock h2{color:#454545;font-weight:300;font-size:48px;margin:0;min-height:98px;padding:0;position:relative;vertical-align:middle;white-space:nowrap}.SlideToUnlock .SlideToUnlockButton{margin:0 20px;position:absolute;vertical-align:middle;transition:transform .3s ease-out;-webkit-transform:translate(0);transform:translate(0)}.SlideToUnlock .SlideToUnlockButton.react-draggable-dragging{transition:none}.SlideToUnlock .SlideToUnlockLabel{height:72px;position:absolute;left:50%;top:50%;text-align:center;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-user-select:none;-ms-user-select:none;user-select:none}.StatisticsDisplay{overflow:auto;-webkit-overflow-scrolling:touch}.StatisticsDisplay .bar{display:inline-block;background-color:#2196f3;height:24px;vertical-align:middle;margin-right:1px}.StatisticsDisplay .barLabel{margin-left:4px}.StatisticsDisplay table td,.StatisticsDisplay table th{padding:8px!important}.StatisticsDisplay table th{padding:8px!important;font-size:.8125rem!important;-webkit-transform:translateY(8px);transform:translateY(8px)}.StatisticsDisplay table thead tr{text-transform:uppercase}.StatisticsDisplay table tbody tr:nth-of-type(odd){background-color:#f8f8f8}.ExitButton,.LockScreenButton{position:fixed;top:0;right:0;width:48px;height:48px}.fade-enter{opacity:.01}.fade-enter.fade-enter-active{opacity:1;transition:opacity .3s ease-in}.fade-exit{opacity:1}.fade-exit.fade-exit-active{opacity:.01;transition:opacity .3s ease-in}.fade-and-slide-down-appear{opacity:.01;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.fade-and-slide-down-appear.fade-and-slide-down-appear-active{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0);transition:opacity .3s ease-out,-webkit-transform .3s ease-out;transition:opacity .3s ease-out,transform .3s ease-out;transition:opacity .3s ease-out,transform .3s ease-out,-webkit-transform .3s ease-out}.fade-and-slide-down-enter{opacity:.01;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.fade-and-slide-down-enter.fade-and-slide-down-enter-active{transition:opacity .3s ease-out,-webkit-transform .3s ease-out;transition:opacity .3s ease-out,transform .3s ease-out;transition:opacity .3s ease-out,transform .3s ease-out,-webkit-transform .3s ease-out}.fade-and-slide-down-enter.fade-and-slide-down-enter-active,.fade-and-slide-down-exit{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}.fade-and-slide-down-exit.fade-and-slide-down-exit-active{opacity:.01;-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0);transition:opacity .3s ease-out,-webkit-transform .3s ease-out;transition:opacity .3s ease-out,transform .3s ease-out;transition:opacity .3s ease-out,transform .3s ease-out,-webkit-transform .3s ease-out}.slide-left-enter{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.slide-left-enter.slide-left-enter-active{transition:-webkit-transform .3s ease-in;transition:transform .3s ease-in;transition:transform .3s ease-in,-webkit-transform .3s ease-in}.slide-left-enter.slide-left-enter-active,.slide-left-exit{-webkit-transform:translateZ(0);transform:translateZ(0)}.slide-left-exit.slide-left-exit-active{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);transition:-webkit-transform .3s ease-in;transition:transform .3s ease-in;transition:transform .3s ease-in,-webkit-transform .3s ease-in}.SurveyList .consentGiven{color:#4caf50}.SurveyList .consentGivenButCancelled{color:#ffc107}.SurveyList .consentNotGiven{color:#f44336}.SurveyPage{box-sizing:border-box;display:flex;flex-flow:column;justify-content:center;position:absolute;width:100%;min-height:100%}.SurveyPage header{background:rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.2);text-align:center;margin:0 -96px;padding:0 112px;min-height:32px}.SurveyPage header h1{color:#5aaf50;font-weight:400;font-size:24px;margin:8px 0}.SurveyPage header h2{color:rgba(0,0,0,.35);font-size:16px;font-weight:400;margin:8px 0}.SurveyPage footer{padding:8px}.SurveyPageContents{align-items:center;display:flex;flex-flow:column;flex-grow:1;justify-content:center;padding:8px 0}.SurveyPageContents>div{padding:0 16px;box-sizing:border-box}.SurveyPageContents>div.MuiPaper-root{padding:0}.SurveyPageContents h1:first-child{margin-top:0}.SurveyPageContents footer{margin-top:1em}@media (min-width:600px){.SurveyPage header{margin:0 -192px;padding:0 288px;min-height:32px}.SurveyPage header h1{font-size:32px;margin:16px 0}.SurveyPage header h2{margin:16px 0}.SurveyPage footer{padding:8px 32px 32px}.SurveyPageContents{padding-left:32px;padding-right:32px}}@media (min-width:960px){.SurveyPage{min-height:100%}}.SurveyPageTransitionForward-enter{opacity:.01;-webkit-transform:translateX(50%);transform:translateX(50%)}.SurveyPageTransitionForward-enter-active{transition:all .5s;transition-delay:.25s;transition-timing-function:ease-out}.SurveyPageTransitionForward-enter-active,.SurveyPageTransitionForward-exit{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.SurveyPageTransitionForward-exit-active{transition:all .5s;transition-timing-function:ease-in}.SurveyPageTransitionBack-enter,.SurveyPageTransitionForward-exit-active{opacity:.01;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.SurveyPageTransitionBack-enter-active{transition:all .5s;transition-delay:.25s;transition-timing-function:ease-out}.SurveyPageTransitionBack-enter-active,.SurveyPageTransitionBack-exit{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.SurveyPageTransitionBack-exit-active{opacity:.01;transition:all .5s;transition-timing-function:ease-in;-webkit-transform:translateX(50%);transform:translateX(50%)}.NavigationControls{display:flex;flex-flow:row nowrap;justify-content:space-evenly}.NavigationControls div{margin:0 .5em}.SurveyView{position:relative;top:48px;height:calc(100% - 48px);width:100%;overflow:auto;overflow-x:hidden}.Background{background-image:linear-gradient(hsla(0,0%,96.9%,.65),hsla(0,0%,96.9%,.95)),url(/static/media/bg1.16734803.png);background-size:cover;height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1000}.SingleChoicePage header{background-color:#2196f3;color:#fff;padding:.5em;text-align:center}.SingleChoicePage-green{background-color:#c8e6c9!important}.SingleChoicePage header.green{background-color:#4caf50}.SingleChoicePage-large{font-size:32px;font-weight:400}.number-list{text-align:center;font-size:300%}.GenericTextPage{max-width:100%}.large{font-size:150%}.x-large{font-size:200%}.center{text-align:center}@media (min-width:600px){.large{font-size:200%}.x-large{font-size:300%}}.IntroductionPage{margin:auto}@media (min-width:600px){.IntroductionPage{max-width:90%}}.MultipleChoicePage header{background-color:#2196f3;color:#fff;padding:.5em;text-align:center}.MultipleChoicePage-green{background-color:#c8e6c9!important}.MultipleChoicePage header.green{background-color:#4caf50}.SelectSportPage .SportGroupTile{cursor:pointer}.SelectSportPage .SportGroupTile .titleContainer{background:hsla(0,0%,100%,.8);height:32px!important;text-align:center;white-space:normal;text-overflow:clip}.SelectSportPage .SportGroupTile .title{color:rgba(0,0,0,.87);text-shadow:0 0 4px #fff}.SelectSportPage .SportGroupTile .subtitle{text-shadow:0 1px 1px #000}.SportGroupTile .MuiImageListItem-item{background:#fff;border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,.6)}.SportGroupTile .MuiImageListItem-imgFullWidth{top:unset;width:unset;height:calc(100% - 32px);left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.SelectSportPage .SportGroupTilePaper{height:100%;position:relative}.SelectSportPage .SportGroupTilePaper .SportGroupTilePaperLabel{color:rgba(0,0,0,.87);font-size:.9375rem;font-weight:500;text-align:center;text-transform:uppercase;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.SSCPage h2{color:#000!important;text-shadow:none!important}.SSCPage-blue{background-color:#bbdefb!important}.SSCPage-green{background-color:#c8e6c9!important}.SSCPage header{color:#fff;padding:.5em;text-align:center}.SSCPage header.blue{background-color:#2196f3}.SSCPage header.green{background-color:#4caf50}.MuiFormControl-root.large .MuiInputBase-root{font-size:3rem}.MuiFormControl-root.centered input{text-align:center}.SyncStatusSummary.submitted{background-color:#4caf50;color:#fff}.SyncStatusSummary.error{background-color:#f44336;color:#fff}.SyncStatusSummary.toSubmit{background-color:#ffc107}.SyncStatusSummary.check{color:#4caf50}.SyncStatusSummary.syncProblem{color:#f44336}.Sidebar{width:320px;height:100%}.Sidebar .updateAvailable{background-color:#ffc107}.Sidebar .updateError{background-color:#f44336;color:#fff}.SidebarToggleButton{position:relative}.SidebarToggleButton.floating{position:fixed;left:0;top:0}.NavigationProgressDots{text-align:center;height:100%;line-height:52px;color:hsla(0,0%,100%,.6)}.NavigationProgressDots .current,.NavigationProgressDots .done{color:#fff}@media (max-width:599px){.NavigationProgressDots{-webkit-transform:scale(.75);transform:scale(.75);line-height:24px}}.Header{position:absolute;left:0;right:0;top:0;height:48px;background:linear-gradient(90deg,#56ab3b,#458d39)}.ModeIndicator{display:block;position:fixed;left:5%;right:5%;bottom:8px;min-height:48px;line-height:48px;background-color:rgba(0,0,0,.5);border-radius:24px;color:#fff;font-weight:lighter;font-size:32px;text-align:center;text-overflow:ellipsis;z-index:1000}.OnlineStateIndicator{position:fixed;top:0;right:0;width:48px;height:48px}.OnlineStateIndicator svg{position:absolute;top:12px;right:12px}.SurveyTimeoutIndicator{position:fixed;top:0;right:48px;width:48px;height:48px}#root,body,html{height:100%}body{margin:0;padding:0;font-family:Roboto,Arial,sans-serif}.spinning{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}.rotating-cw{-webkit-animation:spin-cw 2s linear infinite;animation:spin-cw 2s linear infinite}.rotating-ccw{-webkit-animation:spin-ccw 2s linear infinite;animation:spin-ccw 2s linear infinite}@-webkit-keyframes spin-cw{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin-cw{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes spin-ccw{to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}@keyframes spin-ccw{to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}.switem-root{cursor:default;position:relative;overflow:hidden;-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.switem-container{width:400%;margin-left:-100%;position:relative}.switem-container.transitioning-back{transition:all .3s ease}.switem-left{color:#fff;position:absolute;left:0;height:100%}.switem-content,.switem-left{top:0;width:25%;vertical-align:top}.switem-content{position:relative;left:25%}.switem-right{color:#fff;left:50%;top:0;width:25%;vertical-align:top}.switem-button,.switem-right{position:absolute;height:100%}.switem-button{text-align:center;overflow:hidden;font-size:80%}.switem-button .switem-button-content{display:block;position:absolute;width:100%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.switem-button.switem-left-button{right:0}.switem-button.switem-right-button{left:0}.switem-container.show-left-buttons,.switem-container.show-left-buttons .switem-button,.switem-container.show-right-buttons,.switem-container.show-right-buttons .switem-button{transition:all .3s ease}
/*# sourceMappingURL=main.a4fa9be9.chunk.css.map */