.rc-switch{position:relative;display:inline-block;box-sizing:border-box;width:44px;height:22px;line-height:20px;padding:0;vertical-align:middle;border-radius:20px 20px;border:1px solid #444;background-color:#444;cursor:pointer;transition:all .3s cubic-bezier(.35,0,.25,1)}.rc-switch-inner{color:#fff;font-size:12px;position:absolute;left:24px;top:0}.rc-switch:after{position:absolute;width:18px;height:18px;left:2px;top:1px;border-radius:50% 50%;background-color:#fff;content:" ";cursor:pointer;box-shadow:0 2px 5px rgba(0,0,0,.26);transform:scale(1);transition:left .3s cubic-bezier(.35,0,.25,1);-webkit-animation-timing-function:cubic-bezier(.35,0,.25,1);animation-timing-function:cubic-bezier(.35,0,.25,1);-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-name:rcSwitchOff;animation-name:rcSwitchOff}.rc-switch:hover:after{transform:scale(1.1);-webkit-animation-name:rcSwitchOn;animation-name:rcSwitchOn}.rc-switch:focus{box-shadow:0 0 0 2px tint(#f90,80%);outline:none}.rc-switch-checked{border:1px solid #f90;background-color:#f90}.rc-switch-checked .rc-switch-inner{left:6px}.rc-switch-checked:after{left:22px}.rc-switch-disabled{cursor:no-drop;background:#333;border-color:#333}.rc-switch-disabled:after{background:#222;-webkit-animation-name:none;animation-name:none;cursor:no-drop}.rc-switch-disabled:hover:after{transform:scale(1);-webkit-animation-name:none;animation-name:none}.rc-switch-label{display:inline-block;line-height:20px;font-size:14px;padding-left:10px;vertical-align:middle;white-space:normal;pointer-events:none;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}@-webkit-keyframes rcSwitchOn{0%{transform:scale(1)}50%{transform:scale(1.25)}to{transform:scale(1.1)}}@keyframes rcSwitchOn{0%{transform:scale(1)}50%{transform:scale(1.25)}to{transform:scale(1.1)}}@-webkit-keyframes rcSwitchOff{0%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes rcSwitchOff{0%{transform:scale(1.1)}to{transform:scale(1)}}.AppWrapper.useTheme .color-default,.AppWrapper.useTheme footer ul li:not(.active) button i,.AppWrapper.useTheme form fieldset label{transition:color .3s}.AppWrapper.useTheme .App>.section>.wrapper,.AppWrapper.useTheme .badge,.AppWrapper.useTheme .ProfileScreen>section .wrapper .view .code,.AppWrapper.useTheme .Screen>section>.wrapper,.AppWrapper.useTheme .Screen header,.AppWrapper.useTheme footer ul{transition:background-color .3s}.AppWrapper.useTheme form fieldset.inline{transition:border-color .3s}.AppWrapper.useTheme .rc-switch{transition:border-color .3s,background-color .3s}.AppWrapper.theme-light .App{color:#111;background-color:#eee}.AppWrapper.theme-light .App>section,.AppWrapper.theme-light .App>section>.wrapper,.AppWrapper.theme-light .Screen>section>.wrapper{background-color:#fff}.AppWrapper.theme-light h1,.AppWrapper.theme-light h2,.AppWrapper.theme-light h3,.AppWrapper.theme-light h4,.AppWrapper.theme-light h5,.AppWrapper.theme-light li,.AppWrapper.theme-light ol,.AppWrapper.theme-light p{color:#111}.AppWrapper.theme-light .Screen header{background-color:#eee}.AppWrapper.theme-light .Screen header ul li:nth-child(2){color:#555}.AppWrapper.theme-light .badge{background-color:#ccc}.AppWrapper.theme-light button i{color:#111}.AppWrapper.theme-light .form-control,.AppWrapper.theme-light form fieldset label{color:#000}.AppWrapper.theme-light form fieldset:not(.inline) .form-control{background-color:rgba(0,0,0,.2)}.AppWrapper.theme-light .color-default{color:#000!important}.AppWrapper.theme-light .SelectControl>[class*=control]>div:first-child :not([class*=placeholder]){color:#000}.AppWrapper.theme-light .SelectControl [class*=menu]{background-color:#eee}.AppWrapper.theme-light .SelectControl [class*=menu] [class*=-option]{background-color:#ddd}.AppWrapper.theme-light .SendVideoScreen .SelectControl [class*=-menu] [class*=-option] .name{color:#000}.AppWrapper.theme-light form fieldset.inline{border-color:#ddd}.AppWrapper.theme-light .rc-switch{border-color:#bbb;background-color:#bbb}.AppWrapper.theme-light .rc-switch-checked{border:1px solid #f90;background-color:#f90}.AppWrapper.theme-light .toggleButton{background-color:#ccc}.AppWrapper.theme-light .toggleButton button.btn.btn.btn-default:not(.btn-link):not(.btn-outline){color:#000}.AppWrapper.theme-light .toggleButton button.btn:first-child:before{background-color:#999}.AppWrapper.theme-light footer ul{background-color:#eee}.AppWrapper.theme-light footer ul li:not(.active) button i{color:#aaa}.AppWrapper.theme-light .ProfileScreen>section .wrapper .view .code{background-color:#ddd}.AppWrapper.theme-light .ContactList ul li .btn.btn-icon-only{background-color:#f90}.AppWrapper.theme-light .ContactList ul li{border-top-color:#ccc}.AppWrapper.theme-light .SendVideoScreen .videoInputContainer{background-color:rgba(0,0,0,.2)}.AppWrapper.theme-light .SendVideoScreen .videoInputContainer .video-js{background-color:hsla(0,0%,100%,0)}.AppWrapper.theme-light .SendVideoScreen .videoInput i{color:#000}.AppWrapper.theme-light .HomeScreenGuide{background-color:#fff}.AppWrapper.theme-light .HomeScreenGuide h2,.AppWrapper.theme-light .HomeScreenGuide ol,.AppWrapper.theme-light .HomeScreenGuide p{color:#000}.AppWrapper.theme-light .FriendRequestScreen .foundUser{background-color:#ddd}.AppWrapper.theme-light .FriendRequestScreen .foundUser .btn[disabled]{background-color:#ccc}.AppWrapper.theme-light .VideoList ul li{border-top-color:#ccc}.AppWrapper.theme-light .VideoList ul li .SwipeOptionWrapper .content{background-color:#fff}.AppWrapper.theme-light .VideoList .info .title{color:#444}.AppWrapper.theme-light .VideoScreen{background:#fff}.AppWrapper.theme-light .VideoScreen .annotationInfos li{border-top-color:#bbb}.AppWrapper.theme-light .VideoScreen.infoContainer .infoContent,.AppWrapper.theme-light .VideoScreen .infoContainer .infoContent{background:#eee}.AppWrapper.theme-light .VideoScreen .info .primary .AvatarIcon .icon i{color:#000}.AppWrapper.theme-light .VideoPlayer .video-js{background-color:#fff}.AppWrapper.theme-light .VideoPlayer .video-js .vjs-control-bar{background-color:#eee}.AppWrapper.theme-light .VideoPlayer .video-js .vjs-mute-control,.AppWrapper.theme-light .VideoPlayer .video-js .vjs-play-control,.AppWrapper.theme-light .VideoPlayer .video-js .vjs-progress-holder .vjs-play-progress{color:#000}.AppWrapper.theme-light .VideoPlayer .video-js .vjs-play-progress.vjs-slider-bar{background-color:#555}.AppWrapper.theme-light .VideoPlayer .video-js .vjs-progress-holder .vjs-load-progress div{background-color:#aaa}.AppWrapper.theme-light .AnimatedPlayButton .iconContainer i,.AppWrapper.theme-light .VideoScreen .annotationIndicators .annotationIndicator .text,.AppWrapper.theme-light .VideoScreen .annotationInfos li .index .text{color:#fff}.AppWrapper.theme-light .VideoScreen .annotationThumbnail{background-color:#ddd}.AppWrapper.theme-light .VideoScreen .annotationThumbnail i{color:#999}.AppWrapper.theme-light .VideoThumbnail{background-color:#fff}.AppWrapper.theme-light .SimpleVideoEditor .timeline .time{color:#000}.AppWrapper.theme-light .SimpleVideoEditor .audioRecorder,.AppWrapper.theme-light .SimpleVideoEditor .controlsContainer,.AppWrapper.theme-light .SimpleVideoEditor .toolsContainer{background:#fff}.AppWrapper.theme-light .SimpleVideoEditor .toolsContainer .tools .btn i{color:#111}.AppWrapper.theme-light .SimpleVideoEditor .controlsContainer .stepBackwardButton:before{background:linear-gradient(90deg,#fff 40%,hsla(0,0%,100%,0))}.AppWrapper.theme-light .SimpleVideoEditor .controlsContainer .stepForwardButton:before{background:linear-gradient(90deg,hsla(0,0%,100%,0),#fff 60%)}.AppWrapper.theme-light .SimpleVideoEditor .annotations .annotation{background:#000}.AppWrapper.theme-light .SimpleVideoEditor .annotations .annotation.selected{background:#f90}.AppWrapper.theme-light .SimpleVideoEditor .DrawingScreen .tools{background:#fff}.AppWrapper.theme-light .SimpleVideoEditor .DrawingScreen .tools:before{background-image:linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.AppWrapper.theme-light .SimpleVideoEditor .DrawingScreen .tools:after{background-image:linear-gradient(90deg,hsla(0,0%,100%,0),#fff)}.AppWrapper.theme-light .SimpleVideoEditor .DrawingScreen .tools .brush{background:#aaa}html{font-size:62.5%;-webkit-text-size-adjust:100%}@supports (-webkit-touch-callout:none){html{font-size:11px}}#root,.App,.AppWrapper,body,html{margin:0;padding:0;width:100%;height:100%;overflow:hidden}body{position:fixed;font-size:16px;font-size:1.6rem;line-height:1.5;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{-ms-scroll-chaining:none!important;overscroll-behavior:none!important;box-sizing:border-box}#root{background-color:#000;padding:env(safe-area-inset-top) env(safe-area-inset-right) calc(env(safe-area-inset-bottom) - 20px) env(safe-area-inset-left)}.landscape #root{padding:0!important}.AppWrapper{position:relative}.App{transition:transform .3s;display:flex;flex-direction:column;color:#eee;background-color:#111}.App>section{flex-grow:1;background-color:#000;height:calc(100% - 7rem)}.App.showInstallPrompt>section{height:calc(100% - 12rem)}.App.behind,.Screen.behind{transform:scale(.9)}.App:not(.behind),.Screen:not(.behind){transition-delay:.3s}.Screen{overflow:hidden}.logotype svg .cls-1{fill:#fff}.tagline{font-family:"Barlow",sans-serif;text-transform:lowercase;color:#df4f70}h1{font-size:3rem;margin:1rem 1.5rem}h1,h2,h3,h4,h5,li,ol,p{color:#eee}button{background-color:transparent;outline:0;border:0}button i{color:#eee;font-size:1.5rem}button .text{font-weight:400;font-size:1.4rem}.text-center{text-align:center}.sr-only{width:0;height:0;visibility:hidden}a{color:#f90}footer{position:relative;width:100%;height:7rem}footer nav,footer ul{height:100%}footer ul{margin:0;padding:0;display:flex;list-style-type:none;background-color:#111}footer ul li{flex-grow:1;width:25%;height:100%}footer ul li.active{pointer-events:none}footer ul li.active button .text,footer ul li.active button i{color:#f90!important}footer ul li button{position:relative;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0}footer ul li button i{font-size:2.4rem}footer ul li button i+.text{margin-top:.5rem}footer ul li button .text,footer ul li button i{transition:color .3s;color:#555}footer ul li button .text{font-size:1.2rem}.Screen{width:100%;height:100%;display:flex;flex-direction:column}.Screen header{position:relative;width:100%;height:4rem;background-color:#111}.Screen header nav{position:relative;height:100%}.Screen header ul{margin:0;padding:0;display:flex;height:100%;list-style-type:none}.Screen header ul li{min-width:6rem}.Screen header ul li,.Screen header ul li .btn-icon-only{height:100%;display:flex;justify-content:center;align-items:center}.Screen header ul li .btn-icon-only{position:relative;padding:0;width:100%}.Screen header ul li .btn-link{font-weight:400;text-align:right;padding-right:.5rem;color:#fff}.Screen header ul li:first-child .btn-icon-only{justify-content:flex-start;padding-left:1.5rem}.Screen header ul li:nth-child(2){flex-grow:1;text-align:center;font-size:1.4rem;color:#999}.Screen header ul li:nth-child(3) .btn-icon-only{justify-content:flex-end;padding-right:1.5rem}.Screen>section{width:100%;height:calc(100% - 7rem);flex-grow:1}.Screen>section>.wrapper{width:100%;height:100%;overflow-x:hidden;overflow-y:auto;background-color:#000}.Screen>section .emptyData,.Screen>section .emptyList{width:100%;height:100%;color:#666;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 6rem;text-align:center}.Screen>section .emptyData h2,.Screen>section .emptyList h2{font-size:2.5rem;margin:0 0 2rem;padding:0;line-height:3rem}.Screen>section .emptyData p,.Screen>section .emptyList p{font-size:1.4rem;margin:0;padding:0}form .rc-switch{margin:1rem 0}form fieldset{position:relative;outline:none;border:0;display:flex;flex-direction:column;margin:0;padding:0}form fieldset:not(:first-child){margin-top:2rem}form fieldset label{font-size:1.4rem;margin-bottom:.5rem;color:#fff}form fieldset .notes{font-size:1.2rem;opacity:.5;margin-top:.5rem}form fieldset.error{-webkit-animation:shake .82s cubic-bezier(.36,.07,.19,.97) both;animation:shake .82s cubic-bezier(.36,.07,.19,.97) both}form fieldset:not(.inline)+fieldset.inline{margin-top:1rem}form fieldset.inline{display:block;position:relative;border-top:1px solid #222;padding-left:10rem;margin-top:0}form fieldset.inline:last-child{border-bottom:1px solid #222}form fieldset.inline label{position:absolute;top:0;left:0;width:10rem;text-align:left;padding-top:1rem;padding-bottom:1rem;margin:0;font-size:1.4rem}form fieldset.inline .form-control{width:100%;flex-grow:1;text-align:left;background-color:transparent;padding:1rem 0;border-radius:0;margin:0;font-size:1.4rem}form fieldset.inline textarea{resize:none}form fieldset.inline .notes{text-align:left}.btn,.form-control{border:none;border-radius:.8rem;outline:0;line-height:2.1rem}textarea{font-size:1.4rem}.form-control,textarea{font-family:-apple-system,BlinkMacSystemFont,sans-serif}.form-control{transition:background-color .3s;padding:.8rem;font-size:1.5rem;color:#fff;background-color:hsla(0,0%,100%,.2)}.form-control:focus{background-color:hsla(0,0%,100%,.4)}.btn{outline:none;font-size:1.2rem;font-weight:700}.btn:not(.btn-link){padding:.7rem 1.5rem}.btn.btn-shadow{box-shadow:0 0 3rem rgba(0,0,0,.25)}.btn.btn-link{padding:0}.btn.btn-rounded{border-radius:3rem}.btn.btn-dimmed{opacity:.5}.btn.btn-default:not(.btn-link):not(.btn-outline){background-color:#fff;color:#111}.btn.btn-default:not(.btn-link).btn-outline{color:#fff;border:1px solid #fff;background-color:transparent}.btn.btn-default.btn-link{background-color:transparent;color:#fff;font-size:16px}.btn.btn-primary:not(.btn-link):not(.btn-outline){background-color:#f90;color:#111}.btn.btn-primary:not(.btn-link).btn-outline{color:#f90;border:1px solid #f90;background-color:transparent}.btn.btn-primary.btn-link{background-color:transparent;color:#f90;font-size:16px}.btn.btn-danger:not(.btn-link):not(.btn-outline){background-color:#f60;color:#fff}.btn.btn-danger:not(.btn-link).btn-outline{color:#f60;border:1px solid #f60;background-color:transparent}.btn.btn-danger.btn-link{background-color:transparent;color:#f60;font-size:16px}.btn.btn-icon-only{background-color:transparent;outline:none!important}.btn.btn-icon-only i{font-size:1.5rem}.btn.btn-icon-only i.icon-big{margin-top:.3rem;font-size:2.2rem}.btn.disabled,.btn[disabled]{opacity:.25;color:#fff}.btn.disabled i,.btn[disabled] i{color:#fff!important}.btn .text+i,.btn i+.text{margin-left:.5rem}.btn .rating-score+.text{margin-left:.75rem}.btn .text+.badge{margin-left:.5rem;font-size:1.1rem;padding:0 .5rem;height:1.8rem}.btn .LoadingIndicator{height:2rem;transform:scale(.35);color:#fff}.toggleButton{background-color:#333;border-radius:.8rem}.toggleButton button.btn{position:relative;width:11rem;height:2.6rem;padding:0}.toggleButton button.btn.btn.btn-default:not(.btn-link):not(.btn-outline){background-color:transparent;color:#fff;font-weight:400}.toggleButton button.btn.btn.btn-default:not(.btn-link):not(.btn-outline) span{position:relative}.toggleButton button.btn:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.toggleButton button.btn:first-child:before{transition:transform .3s;content:"";position:absolute;width:10.6rem;height:2.2rem;top:.2rem;left:.2rem;border-radius:.64rem;background-color:#666}.toggleButton button.btn:first-child.active{pointer-events:none}.toggleButton button.btn:first-child:not(.active):before{transform:translateX(11rem)}.toggleButton button.btn:last-child{border-top-left-radius:0;border-bottom-left-radius:0}p i{padding:0 .3rem}.badge{font-size:1.2rem;background-color:#666;border-radius:10rem;padding:0 1rem;display:inline-block}.badge.color-danger{color:#fff!important;background-color:#f60}.react-code-input input::-webkit-inner-spin-button,.react-code-input input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-code-input input[type=number]{-moz-appearance:textfield}.SelectControl>[class*=control]{min-height:34px;background-color:transparent;border:0!important;outline:0!important;box-shadow:none!important}.SelectControl>[class*=control]>div:first-child{padding-top:0;padding-bottom:0}.SelectControl>[class*=control]>div:first-child :not([class*=placeholder]){color:#fff}.SelectControl [class*=indicatorContainer]{padding-top:5px;padding-bottom:3px;color:#777!important;display:flex;align-items:center;justify-content:center;width:3rem}.SelectControl [class*=indicatorContainer] svg{display:none}.SelectControl [class*=indicatorContainer]:before{font-family:"Font Awesome 5 Pro";content:"\f00d"}.SelectControl [class*=indicatorSeparator]{opacity:.3}.SelectControl [class*=indicatorSeparator]+[class*=indicatorContainer]{width:4rem}.SelectControl [class*=indicatorSeparator]+[class*=indicatorContainer]:before{content:"\f078"}.SelectControl [class*=menu]{margin-top:1px;background-color:#333;box-shadow:0 2rem 2rem rgba(0,0,0,.5)}.SelectControl [class*=MenuList]{max-height:20rem}.SelectControl [class*=ValueContainer]{overflow:visible}fieldset.inline .SelectControl.form-control{padding:0}fieldset.inline .SelectControl.form-control>[class*=control]{min-height:41px}fieldset.inline .SelectControl.form-control>[class*=control]>div:first-child{padding-left:0}fieldset.inline .SelectControl.form-control>[class*=control]>div:first-child>div:first-child{margin-left:0}fieldset.inline .SelectControl.form-control [class*=indicatorSeparator]{display:none}fieldset.inline .SelectControl.form-control [class*=indicatorContainer]{width:3rem;padding-left:0;padding-right:.5rem;justify-content:flex-end}fieldset.inline .SelectControl.form-control [class*=indicatorContainer]+[class*=indicatorSeparator]+[class*=indicatorContainer]{display:none}.wifiWarning{font-size:1.2rem;text-align:center;margin:0;padding:.5rem 1.5rem;background-color:#fc0;color:#000}.attention:after{content:"";position:absolute;top:.6rem;right:.6rem;width:.6rem;height:.6rem;border-radius:50%;background-color:#f90;-webkit-animation:attention_pulse .8s infinite alternate;animation:attention_pulse .8s infinite alternate}@-webkit-keyframes attention_pulse{0%{opacity:.5;transform:scale(1)}to{opacity:1;transform:scale(1.3)}}@keyframes attention_pulse{0%{opacity:.5;transform:scale(1)}to{opacity:1;transform:scale(1.3)}}@media screen and (orientation:landscape){#root{padding:0 0 env(safe-area-inset-bottom)}.Screen header{padding-left:calc(env(safe-area-inset-right) - 30px);padding-right:calc(env(safe-area-inset-right) - 30px)}}.Toastify .Toastify__toast-container{padding:0}.Toastify .Toastify__toast{background:#070063;font-size:1.4rem;box-shadow:0 0 4rem #000;padding-left:2rem}.Toastify .Toastify__close-button{width:3rem;height:3rem}.Toastify .Toastify__close-button svg{transform:scale(1.2)}.MainMenu{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%}.MainMenu:not(.visible){pointer-events:none}.MainMenu:not(.visible) .blocker{opacity:0}.MainMenu:not(.visible) nav{transform:translateX(-100%)}.MainMenu .blocker{transition:opacity .3s;position:absolute;top:0;right:0;width:100%;height:100%;background:rgba(0,0,0,.5)}.MainMenu nav{position:relative;transition:transform .3s;display:flex;flex-direction:column;width:85%;height:100%;background:#111;box-shadow:-2rem 0 3rem rgba(0,0,0,.7);color:#fff}.MainMenu nav .navProfile{padding:2.5rem 1.5rem 1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.MainMenu nav .navProfile .AvatarIcon{width:10rem;height:10rem;margin-bottom:1rem}.MainMenu nav .navProfile .AvatarIcon .initial{font-size:4rem}.MainMenu nav .navProfile .companyRole,.MainMenu nav .navProfile .mobile{font-size:1.4rem;color:#888}.MainMenu nav .navProfile .mobile,.MainMenu nav .navProfile .name{width:100%;text-align:center}.MainMenu nav .navCompany{padding:1rem 0;display:flex;align-items:center;justify-content:center;background-color:#222}.MainMenu nav .navCompany .companyLogo{width:7rem;height:7rem;margin-right:1rem;background-size:contain;background-repeat:no-repeat;background-position:50%}.MainMenu nav .navCompany .companyName{font-size:1.4rem;color:#aaa}.MainMenu nav .navItems{flex-grow:1;list-style:none;padding:0;margin:0}.MainMenu nav .navItems button{width:100%;color:#fff;padding:1.5rem 2rem;border-bottom:1px solid #333;display:flex;align-items:center;justify-content:center}.MainMenu nav .navItems button .text{margin-left:1rem;flex-grow:1;text-align:left}.MainMenu nav .navItems li:first-child button{border-top:1px solid #333}.MainMenu nav .navFooter{padding:1.5rem;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.MainMenu nav .navFooter button{width:100%}.MainMenu nav .closeButton{position:absolute;top:0;right:0;width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;padding:0}.AvatarIcon{position:relative;width:4.5rem;height:4.5rem}.AvatarIcon .iconContainer{width:100%;height:100%;background-color:#999}.AvatarIcon .icon,.AvatarIcon .iconContainer{overflow:hidden;border-radius:50%;display:flex;align-items:center;justify-content:center}.AvatarIcon .icon{width:88%;height:88%}.AvatarIcon .icon i{margin-top:.5em;font-size:5em;border-radius:50%}.AvatarIcon .initial{font-size:1.2em}.AvatarIcon .photo{width:100%;height:100%;background-size:cover;background-position:50%}.AvatarIcon .editableIcon{color:#fff;position:absolute;top:-.25rem;right:-.25rem;font-size:1rem;opacity:.5}.AvatarIcon.clickable{cursor:pointer}.InstallPrompt{display:flex;justify-content:center;align-items:center;background:#333;padding-right:1rem;flex-shrink:0;height:5rem}.InstallPrompt .info{padding:0 .5rem 0 0;flex-grow:1}.InstallPrompt h2,.InstallPrompt p{color:#f90!important}.InstallPrompt h2{font-size:1.4rem;margin:0}.InstallPrompt p{font-size:1.2rem;margin:0}.InstallPrompt button.closeButton i{font-size:2rem;color:rgba(255,153,0,.5)}.InstallPrompt .installButton{font-size:1.4rem}.AlertModal.center{display:flex;align-items:center}.AlertModal.center .rodal-dialog{position:relative;top:0}.sweet-overlay{background-color:rgba(0,0,0,.7)}.sweet-alert{font-family:-apple-system,BlinkMacSystemFont,sans-serif!important;background-color:#222!important;padding-bottom:3rem!important;box-shadow:0 0 4rem #000}.sweet-alert.success>div>div{background:transparent!important}.sweet-alert .sa-icon.sa-info{border-color:#f90}.sweet-alert .sa-icon.sa-info:after,.sweet-alert .sa-icon.sa-info:before,.sweet-alert .sa-icon.sa-info [class*=sa-]{background-color:#f90}.sweet-alert .sa-icon.sa-warning{border-color:#fc0}.sweet-alert .sa-icon.sa-warning [class*=sa-]{background-color:#fc0}.sweet-alert .sa-icon.sa-error{border-color:#f60}.sweet-alert .sa-icon.sa-error [class*=sa-]{background-color:#f60}.sweet-alert h2{font-size:1.8rem!important;margin:0;color:#fff}.sweet-alert p{font-size:1.4rem;margin:0;color:#fff}.sweet-alert .btn{font-size:1.4rem;font-weight:400!important;margin:1rem .5rem;padding:1rem 3.2rem;border-radius:4rem;text-decoration:none;box-shadow:none!important;color:#fff!important}.sweet-alert .btn.btn-default,.sweet-alert .btn.cancel{background-color:#999!important}.sweet-alert .btn.btn-primary,.sweet-alert .btn.confirm{background-color:#f90}.sweet-alert .feedbackRating{margin:2rem 0 0}.sweet-alert .feedbackRating .rating-score{margin:0 .2rem;font-size:5rem}.sweet-alert .feedbackRating .rating-score-empty{filter:none;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%)}.LandscapeBlocker{transition:opacity .3s;background:#000;position:absolute;z-index:999;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;pointer-events:none}.LandscapeBlocker p{color:#fff;font-size:2rem;margin:0}.LandscapeBlocker .icon{position:relative;width:30rem;height:30rem;margin-top:-5rem}.LandscapeBlocker .icon svg{fill:#fff}.LandscapeBlocker .icon .arrow,.LandscapeBlocker .icon .phone{position:absolute}.LandscapeBlocker .icon .phone svg{width:67%;height:67%}.LandscapeBlocker .icon .arrow svg{width:20%;height:20%;transform:translate(240%,70%) scaleX(-1)}.LandscapeBlocker .icon .portrait{transform:translate(-12%,20%)}.LandscapeBlocker .icon .landscape{opacity:.25;transform:translate(15%,60%) rotate(90deg)}@media screen and (orientation:landscape){.LandscapeBlocker{pointer-events:all;opacity:1}}.native .LandscapeBlocker{display:none}.SplashScreen{transition:opacity .3s;width:100%;height:100%;position:absolute;top:0;left:0;z-index:9999;background:#070063;display:flex;flex-direction:column;align-items:center;justify-content:center}.SplashScreen:not(.visible){opacity:0;pointer-events:none}.SplashScreen .logo{width:60vw;margin-top:-3rem}.SplashScreen .logotype{width:50vw}.SplashScreen .tagline{font-size:2.2rem}.SplashScreen .loadingProgressBar{position:relative;width:calc(100% - 6rem);height:1rem;border-radius:1rem;overflow:hidden;margin:4rem 0 1rem}.SplashScreen .loadingProgressBar:before{content:"";position:absolute;width:100%;height:100%;background-color:#fff;opacity:.3}.SplashScreen .loadingProgressBar>div{position:absolute;width:100%;height:100%;background-color:#f90;border-radius:1rem}.SplashScreen .loadingMessage{color:#fff;font-size:1.4rem}@media screen and (orientation:landscape){.SplashScreen .logo{margin-top:20vh;margin-top:calc(var(--vh, 1vh)*20);width:80vh;width:calc(var(--vh, 1vh)*80);height:80vh;height:calc(var(--vh, 1vh)*80)}}.LoginScreen{transition:opacity .3s;width:100%;height:100%;overflow:hidden;position:absolute;top:0;left:0;z-index:9998;background:#070063;display:flex;flex-direction:column;align-items:center;justify-content:center}.LoginScreen .grecaptcha-badge{opacity:0}.LoginScreen .logoContainer{display:flex;flex-direction:column;align-items:center;justify-content:center}.LoginScreen .logoContainer .logo,.LoginScreen .logoContainer .logotype{width:40vw}.LoginScreen .logoContainer .logotype svg .cls-1{fill:#fff}.LoginScreen .logoContainer .tagline{font-size:1.35rem;margin:-.5rem 0 1rem}.LoginScreen .logoContainer h1{font-size:6vw;margin:0}.LoginScreen .logoContainer p{font-size:1.3rem;font-style:italic;margin:.5rem 0}.LoginScreen:not(.visible){opacity:0}.LoginScreen:not(.visible),.LoginScreen:not(.visible) form *{pointer-events:none!important}.LoginScreen form{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:40rem}.LoginScreen form p{font-size:1.3rem;text-align:center}.LoginScreen fieldset{position:absolute;width:100%;border:0;margin:0;padding:2rem 1.5rem;transition:opacity .3s;opacity:0;pointer-events:none}.LoginScreen fieldset label{color:#fff;font-size:1.6rem}.LoginScreen fieldset .form-control{color:#000}.LoginScreen fieldset .notes{opacity:1}.LoginScreen fieldset .notes p{margin:.5rem 0}.LoginScreen fieldset.invalid .react-code-input input,.LoginScreen fieldset.invalid label{-webkit-animation:shake .6s cubic-bezier(.36,.07,.19,.97) both;animation:shake .6s cubic-bezier(.36,.07,.19,.97) both;transform:translateZ(0);color:#f60!important}.LoginScreen fieldset .react-code-input input{font-family:-apple-system,BlinkMacSystemFont,sans-serif!important;background:hsla(0,0%,100%,.2)!important;color:#fff!important}@-webkit-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)}}@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)}}.LoginScreen label{display:block;font-size:1.5em;text-align:center;margin-bottom:1rem}.LoginScreen input{text-align:center;font-size:2em;width:100%}.LoginScreen .react-tel-input input{font-size:2em;text-align:left;padding:.5rem 1rem .5rem 5.5rem;width:100%;height:auto;background:hsla(0,0%,100%,.2);color:#fff}.LoginScreen .react-tel-input .country-list{margin-top:.3rem;width:calc(100vw - 3rem)}.LoginScreen .react-tel-input .country-list li{color:#000}.LoginScreen .react-tel-input .flag-dropdown{background:hsla(0,0%,100%,.2)}.LoginScreen .react-tel-input .flag-dropdown .selected-flag{width:4.3rem;padding:0;display:flex;align-items:center;justify-content:center}.LoginScreen .react-tel-input .flag-dropdown:hover .selected-flag{background:hsla(0,0%,100%,.2)}.LoginScreen .react-tel-input .flag-dropdown .arrow{position:relative;width:1rem;height:2rem;border:0;top:0;pointer-events:none}.LoginScreen .react-tel-input .flag-dropdown .arrow:before{content:"\f078";font-family:"Font Awesome 5 Pro";font-size:1rem;position:absolute;top:0;left:0}.LoginScreen .react-tel-input .flag-dropdown .arrow.up:before{content:"\f077"}.LoginScreen .react-code-input{display:flex!important;align-items:center;justify-content:center}.LoginScreen .react-code-input input{padding:0!important;display:flex;align-items:center;justify-content:center}.LoginScreen fieldset[data-step=mobile]{opacity:1}.LoginScreen fieldset[data-step=mobile] *{pointer-events:all}.LoginScreen.mobileCodeSent fieldset[data-step=mobile],.LoginScreen.mobileCodeSent fieldset[data-step=verification]{opacity:0}.LoginScreen.mobileCodeSent fieldset[data-step=mobile] *,.LoginScreen.mobileCodeSent fieldset[data-step=verification] *{pointer-events:none}.LoginScreen.mobileCodeSent fieldset[data-step=mobileCode]{opacity:1}.LoginScreen.mobileCodeSent fieldset[data-step=mobileCode] *{pointer-events:all}.LoginScreen.verifyingMobileCode fieldset[data-step=mobile],.LoginScreen.verifyingMobileCode fieldset[data-step=mobileCode]{opacity:0}.LoginScreen.verifyingMobileCode fieldset[data-step=mobile] *,.LoginScreen.verifyingMobileCode fieldset[data-step=mobileCode] *{pointer-events:none}.LoginScreen.verifyingMobileCode fieldset[data-step=verification]{opacity:1}.LoginScreen.verifyingMobileCode fieldset[data-step=verification] *{pointer-events:all}.LoginScreen .actions{margin-top:1.5rem;display:flex;justify-content:center;align-items:center}.LoginScreen .actions button{padding:1rem 2.5rem;margin:0 .5rem;font-size:1.4rem}.LoginScreen .actions button.resendCodeButton{padding-left:1.5rem;padding-right:1.5rem}.LoginScreen .actions button.signInButton{width:14rem;height:4.1rem}.LoginScreen .sendCodeReadyTime{margin-top:.5rem;margin-left:6.5rem;width:100%;text-align:center;font-size:.8em;color:#fff}.LoginScreen .sendCodeReadyTime:not(.visible){opacity:0}.LoginScreen .messageButton{opacity:.4}.LoginScreen .installPrompt{text-align:center;opacity:.9}.LoginScreen .installPrompt h4{margin:3rem 0 1rem}@media (display-mode:standalone){.LoginScreen .installPrompt{display:none}}.LoadingIndicator{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.LoadingIndicator .lds-spinner{color:official;display:inline-block;position:relative;width:80px;height:80px}.LoadingIndicator .lds-spinner div{transform-origin:40px 40px;-webkit-animation:lds-spinner 1.2s linear infinite;animation:lds-spinner 1.2s linear infinite}.LoadingIndicator .lds-spinner div:after{content:" ";display:block;position:absolute;top:3px;left:37px;width:6px;height:18px;border-radius:20%;background:rgba(0,0,0,.25)}.LoadingIndicator .lds-spinner div:first-child{transform:rotate(0deg);-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.LoadingIndicator .lds-spinner div:nth-child(2){transform:rotate(30deg);-webkit-animation-delay:-1s;animation-delay:-1s}.LoadingIndicator .lds-spinner div:nth-child(3){transform:rotate(60deg);-webkit-animation-delay:-.9s;animation-delay:-.9s}.LoadingIndicator .lds-spinner div:nth-child(4){transform:rotate(90deg);-webkit-animation-delay:-.8s;animation-delay:-.8s}.LoadingIndicator .lds-spinner div:nth-child(5){transform:rotate(120deg);-webkit-animation-delay:-.7s;animation-delay:-.7s}.LoadingIndicator .lds-spinner div:nth-child(6){transform:rotate(150deg);-webkit-animation-delay:-.6s;animation-delay:-.6s}.LoadingIndicator .lds-spinner div:nth-child(7){transform:rotate(180deg);-webkit-animation-delay:-.5s;animation-delay:-.5s}.LoadingIndicator .lds-spinner div:nth-child(8){transform:rotate(210deg);-webkit-animation-delay:-.4s;animation-delay:-.4s}.LoadingIndicator .lds-spinner div:nth-child(9){transform:rotate(240deg);-webkit-animation-delay:-.3s;animation-delay:-.3s}.LoadingIndicator .lds-spinner div:nth-child(10){transform:rotate(270deg);-webkit-animation-delay:-.2s;animation-delay:-.2s}.LoadingIndicator .lds-spinner div:nth-child(11){transform:rotate(300deg);-webkit-animation-delay:-.1s;animation-delay:-.1s}.LoadingIndicator .lds-spinner div:nth-child(12){transform:rotate(330deg);-webkit-animation-delay:0s;animation-delay:0s}@-webkit-keyframes lds-spinner{0%{opacity:1}to{opacity:0}}@keyframes lds-spinner{0%{opacity:1}to{opacity:0}}.LoadingIndicator.fullScreen{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.LoadingIndicator.light .lds-spinner div:after{background:hsla(0,0%,100%,.25)}.CombinedInboxScreen>section{overflow-y:auto}.CombinedInboxScreen h2{margin:1.5rem 0 1rem;padding:0 1.5rem;display:inline-block}.CombinedInboxScreen h2+.badge{margin-top:-.65rem;vertical-align:middle}.VideoList ul{padding:0;margin:0;list-style-type:none;flex-direction:column;display:flex}.VideoList ul li{cursor:pointer;border-top:1px solid #333}.VideoList ul li .SwipeOptionWrapper .content{display:flex;align-items:center;justify-content:flex-start;padding:.8rem 1.5rem;background-color:#000}.VideoList ul li.highlight .title{font-weight:700;color:#fff}.VideoList ul li.highlight .dates{color:#fff!important}.VideoList ul li.highlight i{color:#fff}.VideoList ul li.highlight .avatar{border-color:#fff;border-radius:50%}.VideoList .statusIcon{margin-right:.5rem;vertical-align:middle;font-size:1.2rem;color:#555}.VideoList .statusIcon.fa-arrow-to-bottom{font-size:1.6rem}.VideoList .avatar{flex-shrink:0;border:2px solid transparent}.VideoList .companyAvatar{position:absolute;top:.8rem;left:1rem;width:2rem;height:2rem}.VideoList .info{flex-grow:1;padding:0 1.5rem 0 1.3rem}.VideoList .info .title{color:#bbb}.VideoList .info .dates{font-size:1.2rem}.SwipeOptionWrapper{position:relative}.SwipeOptionWrapper.open .content{z-index:5001;pointer-events:none}.SwipeOptionWrapper.open .options{z-index:5000}.SwipeOptionWrapper .content{position:relative;z-index:1;pointer-events:all}.SwipeOptionWrapper .content:not(.dragged){transition:transform .3s}.SwipeOptionWrapper .options{position:absolute;width:100%;height:100%;display:flex;align-items:flex-end;flex-direction:row-reverse;pointer-events:none}.SwipeOptionWrapper .options .btn{width:20%;height:100%;border-radius:0;font-weight:400;pointer-events:all}.SwipeOptionWrapper .swipeOptionBlocker{position:fixed;top:0;left:0;width:100%;height:100%;z-index:4999;background-color:transparent;pointer-events:all}.ContactsScreen>section{overflow-y:auto}.ContactsScreen h2{margin:1.5rem 0 1rem;padding:0 1.5rem;display:inline-block}.ContactsScreen h2+.badge{margin-top:-.65rem;vertical-align:middle}.ContactsScreen .contactListContainer+.contactListContainer{margin-top:1.5rem}.ContactsScreen .companies .AvatarIcon{width:9rem;height:9rem}.ContactsScreen .companies .iconContainer{border-radius:0;background-color:transparent}.ContactsScreen .companies .iconContainer .photo{background-size:contain;background-repeat:no-repeat}.ContactList ul{padding:0;margin:0;list-style-type:none;flex-direction:column;display:flex}.ContactList ul li{display:flex;align-items:center;justify-content:flex-start;padding:1rem 1.5rem;cursor:pointer;pointer-events:none;border-top:1px solid #333}.ContactList ul li .actions{flex-shrink:0}.ContactList ul li .btn{padding:.3rem 1rem;pointer-events:all}.ContactList ul li .btn.btn-icon-only{width:3.5rem;height:3.5rem;padding:0;display:flex;align-items:center;justify-content:center;background-color:#555;border-radius:50%}.ContactList ul li .btn.btn-icon-only i{margin-top:.3rem}.ContactList ul li .btn+.btn{margin-left:.5rem}.ContactList .avatar{flex-shrink:0}.ContactList .info{flex-grow:1;padding:0 1.5rem}.ContactList .info .description{font-size:1.2rem;opacity:.5}.ProfileScreen{position:relative;overflow:hidden}.ProfileScreen header ul li:first-child,.ProfileScreen header ul li:last-child{width:8rem}.ProfileScreen .AvatarIcon{margin:3rem auto 1rem;width:12rem;height:12rem}.ProfileScreen .AvatarIcon+.btn{color:#f90;font-weight:400;text-align:center;width:100%}.ProfileScreen .AvatarIcon .initial{font-size:3em}.ProfileScreen>section .wrapper .view{display:flex;align-items:center;flex-direction:column;text-align:center}.ProfileScreen>section .wrapper .view .name{font-size:2.5rem}.ProfileScreen>section .wrapper .view .empty,.ProfileScreen>section .wrapper .view .mobile{opacity:.5}.ProfileScreen>section .wrapper .view .description{margin-top:2rem;font-size:1.4rem}.ProfileScreen>section .wrapper .view .code,.ProfileScreen>section .wrapper .view .company{width:calc(100% - 4rem);margin:3rem 0 0;padding:2rem;background-color:#222;border-radius:.8rem}.ProfileScreen>section .wrapper .view .code h3,.ProfileScreen>section .wrapper .view .company h3{font-size:1.4rem;font-weight:400;color:#999;margin:0 0 1rem}.ProfileScreen>section .wrapper .view .code .empty{font-size:1.2rem}.ProfileScreen>section .wrapper .view .code .codeValue{font-size:3rem;color:#f90}.ProfileScreen>section .wrapper .view .code .notes{position:relative;font-size:1.2rem;font-weight:400;color:#666;margin:1.5rem 0 0}.ProfileScreen>section .wrapper .view .code .notes p{width:100%;text-align:center;margin:0}.ProfileScreen>section .wrapper .view .code .notes p:last-child{position:absolute;top:0;left:0}.ProfileScreen>section .wrapper .view .code .notes.copied p:first-child,.ProfileScreen>section .wrapper .view .code .notes:not(.copied) p:last-child{visibility:hidden}.ProfileScreen>section .wrapper .view .company{align-items:center;justify-content:center;width:calc(100% - 4rem);margin:3rem 0 2rem;padding:2rem;background-color:#222;border-radius:.8rem}.ProfileScreen>section .wrapper .view .company .companyInfo{display:flex;font-size:1.4rem}.ProfileScreen>section .wrapper .view .company .companySubInfo{display:flex;flex-direction:column;align-items:center;justify-content:center}.ProfileScreen>section .wrapper .view .company .companyLogo{width:12rem;height:12rem;margin-right:2rem;background-size:contain;background-repeat:no-repeat;background-position:50%}.ProfileScreen>section .wrapper .view .company .companyName{font-size:1.6rem;margin-bottom:1rem}.ProfileScreen>section .wrapper .view .company .companyRole{display:flex;flex-direction:column;width:100%;border:1px solid #333;border-radius:.8rem}.ProfileScreen>section .wrapper .view .company .companyRole .companyRoleLabel{font-size:1.2rem;background-color:#333;color:#aaa}.ProfileScreen>section .wrapper .view .company .companyRole .companyRoleValue{padding:.5rem 0}.ProfileScreen form{display:flex;align-items:center;flex-direction:column;text-align:center;margin-bottom:2rem}.ProfileScreen form fieldset{width:calc(100% - 4rem);display:flex;align-items:center;justify-content:center}.ProfileScreen form .form-control{width:100%;text-align:center}.ProfileScreen form label[for=isOptOutSms]{margin:0;padding:0}.ProfileScreen form .company{display:flex;align-items:center}.ProfileScreen form .company .companyLogo{width:4.1rem;height:4.1rem;margin-right:1rem;background-size:contain;background-repeat:no-repeat;background-position:50%}.ProfileScreen .uploadInput{position:absolute;top:0;left:0;width:100%;height:100%}.ProfileScreen .uploadInput input[type=file]{opacity:0;display:block;width:100%;height:100%}.UploadProgress{transition:opacity .3s;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;padding:4rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:7;opacity:.8}.UploadProgress h2{margin-top:0}.UploadProgress .ProgressBar{margin:3rem 0 10rem;width:70%}.UploadProgress:not(.visible){opacity:0;pointer-events:none}@media screen and (orientation:landscape){.UploadProgress h2{margin-bottom:0;color:#fff}.UploadProgress p{margin-bottom:3rem;color:#fff}.UploadProgress .ProgressBar{margin:0;width:auto;height:60%}.UploadProgress .ProgressBar .CircularProgressbar{height:100%}}.SettingsScreen .wrapper{display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.SettingsScreen h1{font-size:2.4rem;margin:1rem 0 0}.SettingsScreen .version{margin-top:1rem;font-size:1.3rem;text-align:center;opacity:.5;color:#fff}.SettingsScreen .logo{width:50vw;background:#070063;border-radius:1rem;margin-top:3rem;padding:2rem}.SettingsScreen form{display:flex;align-items:center;flex-direction:column;text-align:center;width:100%;margin-top:3rem}.SettingsScreen form fieldset{width:calc(100% - 4rem);display:flex;align-items:flex-start;justify-content:center;padding-left:12rem}.SettingsScreen form fieldset.inline label{width:12rem}.SettingsScreen form .form-control{width:100%;text-align:center}.SettingsScreen form textarea{width:100%!important;max-width:100%!important;min-width:100%!important;min-height:15rem;max-height:25rem;text-align:left!important}.SettingsScreen form .rc-switch{margin:1rem 0}.SettingsScreen .SelectControl [class*=-menu] [class*=-option],.SettingsScreen .SelectControl [class*=-singleValue]{display:flex;align-items:center}.SettingsScreen .SelectControl [class*=-menu] [class*=-option] .flag,.SettingsScreen .SelectControl [class*=-singleValue] .flag{margin-right:1rem}.SettingsScreen .SelectControl [class*=-menu] [class*=-option] .label,.SettingsScreen .SelectControl [class*=-singleValue] .label{flex-grow:1;color:#fff}.SettingsScreen .updateButton{margin-top:2rem;font-size:1.4rem;font-weight:400}.VideoScreen{transition:transform .3s;position:absolute;top:0;left:0;width:100%;height:100%;background:#000;z-index:5}.VideoScreen:not(.visible){transform:translateX(110%);pointer-events:none}.VideoScreen>section{display:flex;flex-direction:column}.VideoScreen .SimpleVideoEditor.editing .videoPlayerContainer{height:calc(100% - 17rem)}.VideoScreen .playButton.hidden,.VideoScreen .playingControls.hidden{opacity:0;pointer-events:all}.VideoScreen .pausedControls,.VideoScreen .playingControls{position:absolute;top:0;left:0;transition:opacity 1s;color:#fff;width:100%;height:calc(100% - 4rem);display:flex;align-items:center;justify-content:center;opacity:.9}.VideoScreen .pausedControls.hidden,.VideoScreen .playingControls.hidden{opacity:0}.VideoScreen .pausedControls .pauseBlocker,.VideoScreen .playingControls .pauseBlocker{position:absolute;top:0;left:0;width:100%;height:100%}.VideoScreen .pausedControls button,.VideoScreen .playingControls button{position:relative;width:5rem;height:5rem;padding:0;margin:1rem}.VideoScreen .pausedControls button i,.VideoScreen .playingControls button i{font-size:3rem}.VideoScreen .pausedControls button.skipBackwardButton .text,.VideoScreen .pausedControls button.skipForwardButton .text,.VideoScreen .playingControls button.skipBackwardButton .text,.VideoScreen .playingControls button.skipForwardButton .text{font-size:1.2rem}.VideoScreen .pausedControls button .text,.VideoScreen .playingControls button .text{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.6rem;font-weight:700;padding:0;margin:.3rem 0 0}.VideoScreen .pausedControls button:before,.VideoScreen .playingControls button:before{position:absolute;top:-5rem;left:-5rem;width:15rem;height:15rem;content:"";background:radial-gradient(circle,rgba(0,0,0,.75) 0,rgba(0,0,0,.3) 25%,transparent 40%);pointer-events:none}.VideoScreen .pausedControls i,.VideoScreen .playingControls i{position:relative;margin-top:.5rem}.VideoScreen .videoPlayerContainer{position:relative;width:100%;height:100%;flex-shrink:0}.VideoScreen .videoPlayerContainer .VideoPlayer{width:100%;height:100%}.VideoScreen .videoPlayerContainer .VideoPlayer video.vjs-tech{height:calc(100% - 4rem)}.VideoScreen .videoPlayerContainer .VideoPlayer .vjs-volume-panel{display:none}.VideoScreen .videoPlayerContainer .VideoPlayer .vjs-control-bar,.VideoScreen .videoPlayerContainer .VideoPlayer .vjs-volume-control{height:4rem!important}.VideoScreen .videoPlayerContainer .VideoPlayer .vjs-control-bar{padding:0 .5rem}.VideoScreen .videoPlayerContainer .VideoPlayer .vjs-volume-bar.vjs-slider-horizontal{margin-top:1.9em;margin-bottom:1.9em}.VideoScreen .videoPlayerContainer .VideoPlayer .vjs-button{width:4rem;height:4rem;display:flex;align-items:center;justify-content:center}.VideoScreen .videoPlayerContainer .VideoPlayer .vjs-button .vjs-icon-placeholder{display:block;font-size:1.4rem}.VideoScreen .videoPlayerContainer .VideoPlayer .vjs-button.vjs-fullscreen-control,.VideoScreen .videoPlayerContainer .VideoPlayer .vjs-button.vjs-picture-in-picture-control{display:none}.VideoScreen .videoPlayerContainer .VideoPlayer .vjs-remaining-time{width:4.2rem;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.VideoScreen.infoContainer{transition:transform .3s;position:absolute;top:0;right:0;width:100%;height:100%;overflow-y:auto;background:transparent;z-index:7}.VideoScreen.infoContainer:not(.visible){transform:translateX(100%);pointer-events:none}.VideoScreen.infoContainer .closeInfoButton{position:absolute;top:0;right:0}.VideoScreen.infoContainer .infoActions{position:absolute;padding:1.5rem .75rem;bottom:0;right:0;width:85%;display:flex}.VideoScreen.infoContainer .infoActions button{width:calc(50% - 1.5rem);margin:0 .75rem;padding-left:.25rem;padding-right:.25rem}.VideoScreen.infoContainer .infoActions .rateFeedbackButton{background-color:#666;color:#fff}.VideoScreen.infoContainer .infoContent{position:absolute;top:0;right:0;width:85%;height:100%;background:#111;box-shadow:-2rem 0 3rem rgba(0,0,0,.7)}.VideoScreen.infoContainer .blocker{position:absolute;top:0;right:0;width:100%;height:100%;background:transparent}.VideoScreen .VideoPlayer+.AnimatedPlayButton,.VideoScreen .VideoPlayer .VideoThumbnail{height:calc(100% - 4rem)}.VideoScreen .annotationIndicators{position:absolute;top:0;left:5.5rem;width:calc(100% - 11.2rem);height:calc(100% - 3.8rem);pointer-events:none}.VideoScreen .annotationIndicators .annotationIndicator{position:absolute;bottom:-.5rem;left:0;pointer-events:all}.VideoScreen .annotationIndicators .annotationIndicator i{transition:color .3s;position:absolute;top:0;left:0;margin-left:-.75rem;font-size:2rem;margin-top:2.8rem}.VideoScreen .annotationIndicators .annotationIndicator .text{color:#000;position:absolute;top:0;left:0;width:1.5rem;text-align:center;margin-left:-.75rem;font-size:1.1rem;font-weight:700;margin-top:2.8rem}.VideoScreen .annotationIndicators .annotationIndicator .playButton{padding:3rem 2rem 1rem;margin-left:-2rem}.VideoScreen .annotationIndicators .annotationIndicator.selected i{color:#f90}.VideoScreen .annotationInfos{height:calc(100% - 24.8rem)}.VideoScreen .annotationInfos ul{list-style:none;padding:0;margin:0;overflow-y:auto;height:100%}.VideoScreen .annotationInfos li{display:flex;padding:1.5rem .2rem 1.5rem 1rem;cursor:pointer;border-top:1px solid #333}.VideoScreen .annotationInfos li h2{padding-bottom:.25}.VideoScreen .annotationInfos li .index{position:relative;margin-right:1rem;font-weight:700}.VideoScreen .annotationInfos li .index .text{position:absolute;left:0;top:-.25rem;width:1.5rem;font-size:1.2rem;text-align:center;color:#000}.VideoScreen .annotationInfos li .index i{font-size:2rem}.VideoScreen .annotationInfos li.selected{background-color:#f90}.VideoScreen .annotationInfos li.selected dd,.VideoScreen .annotationInfos li.selected h2,.VideoScreen .annotationInfos li.selected p{color:#000}.VideoScreen .annotationInfos li.selected dd i,.VideoScreen .annotationInfos li.selected h2 i,.VideoScreen .annotationInfos li.selected p i{color:#fff}.VideoScreen .annotationInfos>h2{margin:1rem 0;padding:0 1rem 0 1.5rem;display:inline-block}.VideoScreen .annotationInfos>h2+.badge{margin-top:-.65rem;vertical-align:middle}.VideoScreen .annotationInfos .actions{display:flex;align-items:center;justify-content:center}.VideoScreen .annotationInfos .actions i{color:#888}.VideoScreen .annotationThumbnail{position:relative;width:10rem;height:6rem;display:flex;align-items:center;justify-content:center;background-color:#222;border:1px solid #222;flex-shrink:0}.VideoScreen .annotationThumbnail .imageAnnotation{width:100%;height:100%;background-size:contain;background-repeat:no-repeat;background-position:50%;position:absolute}.VideoScreen .annotationThumbnail .fa-comment-alt-dots{font-size:3rem}.VideoScreen .annotationThumbnail .iconOverlay{position:relative;width:100%;height:100%;background-color:hsla(0,0%,100%,.15);display:flex;align-items:center;justify-content:center}.VideoScreen .annotationThumbnail .iconOverlay .AnimatedPlayButton .iconContainer{margin-left:.3rem;margin-top:.15rem}.VideoScreen .annotationThumbnail .iconOverlay .AnimatedPlayButton .iconContainer:after{width:3rem;height:3rem;margin-left:-.75rem;margin-top:-.75rem;border-width:.3rem;border-color:#fff}.VideoScreen .annotationThumbnail .iconOverlay .AnimatedPlayButton .iconContainer i{font-size:2.1rem!important;margin-left:.3rem;margin-top:.15rem;color:#fff}.VideoScreen .annotationInfo h2,.VideoScreen .info h2{font-size:1.6rem;margin:0}.VideoScreen .annotationInfo p,.VideoScreen .info p{font-size:1.4rem;margin:0}.VideoScreen .annotationInfo p.message,.VideoScreen .info p.message{font-size:1.2rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.VideoScreen .annotationInfo .primary,.VideoScreen .info .primary{display:flex;margin:.5rem 0 1rem}.VideoScreen .annotationInfo .primary>div:last-child,.VideoScreen .info .primary>div:last-child{margin-left:1rem;flex-grow:1}.VideoScreen .annotationInfo .primary h2,.VideoScreen .info .primary h2{width:calc(100% - 3rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.VideoScreen .annotationInfo .primary .AvatarIcon,.VideoScreen .info .primary .AvatarIcon{width:6rem;height:6rem}.VideoScreen .annotationInfo .primary .AvatarIcon .icon i,.VideoScreen .info .primary .AvatarIcon .icon i{font-size:3em;color:#fff}.VideoScreen .annotationInfo .dateInfo,.VideoScreen .info .dateInfo{font-size:1.2rem;margin-top:.2rem}.VideoScreen .annotationInfo dl,.VideoScreen .info dl{margin:0;display:flex;flex-wrap:wrap}.VideoScreen .annotationInfo dd,.VideoScreen .annotationInfo dt,.VideoScreen .info dd,.VideoScreen .info dt{font-size:1.1rem;display:inline-block}.VideoScreen .annotationInfo dt,.VideoScreen .info dt{display:none}.VideoScreen .annotationInfo dd,.VideoScreen .info dd{margin-left:0}.VideoScreen .annotationInfo dd:not(:last-child):after,.VideoScreen .info dd:not(:last-child):after{content:"|";display:inline-block;margin:0 .5rem;color:#555}.VideoScreen .info{padding:1.5rem;flex-shrink:0;height:15rem}.VideoScreen .annotationInfo{display:flex;flex-direction:column;justify-content:center;padding-left:1rem;flex-grow:1}.VideoScreen .description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:4.2rem}.VideoScreen .infoContent{height:100%}.VideoScreen .infoContent .description{display:block;height:auto}.VideoScreen .LoadingIndicator{position:absolute;top:0;left:0}.VideoScreen .toggleFullscreenButton{position:absolute;top:0;right:0;padding:20px}.VideoScreen .toggleFullscreenButton i{font-size:2rem}.VideoScreen .toggleFullscreenButton.on{top:40px}@media screen and (orientation:landscape){.VideoScreen>header{display:none}.VideoScreen>section{flex-direction:row}.VideoScreen>section>div:not(.VideoEditor):not(.LoadingIndicator){width:100%!important;height:100%!important}.VideoScreen>section>div:not(.VideoEditor):not(.LoadingIndicator):not(:first-child){border-left:1px solid #222}.VideoScreen .info{overflow-y:auto}}.landscape .VideoScreen .AnimatedPlayButton,.landscape .VideoScreen .annotationIndicators,.landscape .VideoScreen .vjs-control-bar,.landscape .VideoScreen header{display:none!important}.landscape .VideoScreen .playingControls,.landscape .VideoScreen .videoPlayerContainer .VideoPlayer+.AnimatedPlayButton,.landscape .VideoScreen .videoPlayerContainer .VideoPlayer .VideoThumbnail,.landscape .VideoScreen .videoPlayerContainer .VideoPlayer video{height:100%!important}.landscape .VideoScreen .playingControls .buttons{position:absolute;top:2rem;background-color:rgba(0,0,0,.7);border-radius:1.5rem}.landscape .VideoScreen .playingControls .buttons button{margin:2rem}.landscape .VideoScreen .playingControls .buttons button i{margin-top:0}.landscape .VideoScreen .playingControls .buttons button .text{margin-top:1px}.landscape .VideoScreen .playingControls .buttons .ProgressBar{position:absolute;top:0;left:0;transform:translateX(-2px)}.landscape .VideoScreen .playingControls .buttons .ProgressBar text{display:none}.landscape .VideoScreen .toggleFullscreenButton{top:unset;bottom:0}.landscape .AnnotationViewerScreen.overlay{top:0!important;height:100%!important}.landscape .AnnotationViewerScreen.overlay,.landscape .VideoScreen .playingControls,.landscape .VideoScreen .VideoPlayer{width:100vw!important;width:calc(var(--vh, 1vw)*100)!important;height:100vw!important;transform:translate(calc(var(--lso)*-1),var(--lso)) rotate(90deg)}.VideoPlayer .video-js,.VideoPlayer video{width:100%;height:100%;overflow:hidden}.VideoPlayer video.vjs-tech{height:calc(100% - 3rem);outline:0}.VideoPlayer .vjs-control-bar{display:flex!important;opacity:1!important;background-color:#111}.VideoPlayer .vjs-fullscreen-control,.VideoPlayer .vjs-picture-in-picture-control{display:none}.VideoPlayer .VideoThumbnail{height:calc(100% - 3rem)}.VideoPlayer .vjs-controls-disabled .vjs-control-bar{display:none!important}.VideoPlayer .vjs-controls-disabled+.VideoThumbnail,.VideoPlayer .vjs-controls-disabled video.vjs-tech{height:100%!important}.VideoPlayer .vjs-text-track-display{opacity:0}::-webkit-media-controls,::-webkit-media-controls-enclosure{display:none!important}.VideoThumbnail{transition:opacity .3s;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;display:flex;align-items:center;justify-content:center;pointer-events:none}.VideoThumbnail:not(.visible){opacity:0}.VideoThumbnail .image{width:100%;height:100%;background-size:contain;background-repeat:no-repeat;background-position:50%}.VideoEditor{position:relative;width:100%;height:100%}.VideoEditor *{touch-action:none}.VideoEditor:not(.editing) .annotations,.VideoEditor:not(.editing) .annotationViewer,.VideoEditor:not(.editing) .fullScrub,.VideoEditor:not(.editing) .thumbnails{visibility:hidden;pointer-events:none}.VideoEditor .videoInput{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.VideoEditor .videoInput input{position:absolute;width:100%;height:100%;opacity:0}.VideoEditor .videoInput p{color:#aaa;font-size:2em}.VideoEditor .VideoPlayer{position:absolute;width:100%;height:100%;top:0;left:0}.VideoEditor .VideoPlayer .VideoThumbnail,.VideoEditor .VideoPlayer video.vjs-tech{height:calc(100% - 4rem)}.VideoEditor>.VideoPlayer .vjs-control-bar,.VideoEditor>.VideoPlayer .vjs-volume-control{height:4rem!important}.VideoEditor>.VideoPlayer .vjs-control-bar{padding:0 .5rem}.VideoEditor>.VideoPlayer .vjs-volume-bar.vjs-slider-horizontal{margin-top:1.9em;margin-bottom:1.9em}.VideoEditor>.VideoPlayer .vjs-button{width:4rem;height:4rem;display:flex;align-items:center;justify-content:center}.VideoEditor>.VideoPlayer .vjs-button .vjs-icon-placeholder{display:block;font-size:1.4rem}.VideoEditor>.VideoPlayer .vjs-remaining-time{display:flex;align-items:center;justify-content:center}.VideoEditor>.VideoPlayer:not(.isLoading) .vjs-progress-control{opacity:0}.VideoEditor>.VideoPlayer .vjs-progress-control{transition:opacity .3s;pointer-events:none}.VideoEditor>.VideoPlayer .vjs-progress-control .vjs-progress-holder{height:100%;background:transparent}.VideoEditor>.VideoPlayer .vjs-progress-control .vjs-load-progress,.VideoEditor>.VideoPlayer .vjs-progress-control .vjs-load-progress>div{background:rgba(34,34,34,.9)}.VideoEditor>.VideoPlayer .vjs-fullscreen-control,.VideoEditor>.VideoPlayer .vjs-picture-in-picture-control,.VideoEditor>.VideoPlayer .vjs-progress-control .vjs-play-progress{display:none}.VideoEditor .fullScrub{position:absolute;width:100%;height:calc(100% - 4rem);top:0;left:0;z-index:1}.VideoEditor .fullScrub .blocker{position:absolute;width:100%;height:100%;top:0;left:0}.VideoEditor .fullScrub .scrubber{top:0;left:0;height:100%;pointer-events:none;position:absolute;transition:opacity .3s}.VideoEditor .fullScrub .scrubber:after,.VideoEditor .fullScrub .scrubber:before{transition:opacity .3s,height .3s;content:"";position:absolute;left:0;width:0;border-left:1px solid rgba(0,0,0,.75);border-right:1px solid hsla(0,0%,100%,.75);height:calc(50% - 10rem)}.VideoEditor .fullScrub .scrubber:before{top:0}.VideoEditor .fullScrub .scrubber:after{bottom:0}.VideoEditor .fullScrub .scrubber.disabled .annotateButton{opacity:.25;pointer-events:none}.VideoEditor .fullScrub .scrubber.disabled .annotateButton input{pointer-events:none!important}.VideoEditor .fullScrub .scrubber.disabled:after,.VideoEditor .fullScrub .scrubber.disabled:before{opacity:.25}.VideoEditor .fullScrub .scrubber.audioSupported .annotateButton{opacity:0;pointer-events:none}.VideoEditor .fullScrub .scrubber.audioSupported .annotateButton input{pointer-events:none!important}.VideoEditor .fullScrub .scrubber.audioSupported .annotateButton.annotateTextButton{transform:translateY(7.5rem)}.VideoEditor .fullScrub .scrubber.audioSupported .annotateButton.annotateDrawingButton{transform:translateY(2.5rem)}.VideoEditor .fullScrub .scrubber.audioSupported .annotateButton.annotateVideoButton{transform:translateY(-2.5rem)}.VideoEditor .fullScrub .scrubber.audioSupported .annotateButton.annotateImageButton{transform:translateY(-7.5rem)}.VideoEditor .fullScrub .scrubber.audioSupported .annotateButton.annotateAudioButton{opacity:1;pointer-events:all}.VideoEditor .fullScrub .scrubber.audioSupported .annotateButton.annotateAudioButton input{pointer-events:all!important}.VideoEditor .fullScrub .scrubber.audioSupported:after,.VideoEditor .fullScrub .scrubber.audioSupported:before{height:calc(50% - 2.5rem)}.VideoEditor .fullScrub .scrubber .annotateButton{transition:opacity .3s,transform .3s;position:absolute;width:5rem;height:5rem;bottom:12.3rem;margin-left:-2.5rem;margin-top:-2.5rem;border-radius:50%;background:rgba(0,0,0,.7);border:1px solid hsla(0,0%,80%,.7);display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:1.3em}.VideoEditor .fullScrub .scrubber .annotateButton i{color:#fff;margin-top:.2rem}.VideoEditor .fullScrub .scrubber .annotateButton button,.VideoEditor .fullScrub .scrubber .annotateButton input{pointer-events:all;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;z-index:1}.VideoEditor .fullScrub .scrubber .annotateButton.annotateTextButton{top:calc(50% - 7.5rem);border-bottom-left-radius:0;border-bottom-right-radius:0}.VideoEditor .fullScrub .scrubber .annotateButton.annotateTextButton i{margin-top:.8rem}.VideoEditor .fullScrub .scrubber .annotateButton.annotateDrawingButton{top:calc(50% - 2.5rem);border-radius:0;border-top:0}.VideoEditor .fullScrub .scrubber .annotateButton.annotateVideoButton{top:calc(50% + 2.5rem);border-radius:0;border-top:0;border-bottom:0}.VideoEditor .fullScrub .scrubber .annotateButton.annotateImageButton{top:calc(50% + 7.5rem);border-top-left-radius:0;border-top-right-radius:0}.VideoEditor .fullScrub .scrubber .annotateButton.annotateImageButton i{margin-top:0}.VideoEditor .fullScrub .scrubber .annotateButton.annotateAudioButton{top:50%;opacity:0;pointer-events:none}.VideoEditor .thumbnails{position:absolute;left:0;bottom:0;width:100%;height:10%;display:flex;flex-wrap:nowrap}.VideoEditor .thumbnails .thumbnail{width:100%;height:100%;background-size:cover;background-position:50%;background-repeat:no-repeat}.VideoEditor .annotations{position:absolute;left:0;bottom:4rem;width:100%;height:100%;pointer-events:none;z-index:2;overflow:hidden}.VideoEditor .annotations .annotation{transition:opacity .3s;position:absolute;bottom:0;left:0;margin-left:-2rem;pointer-events:none;width:4rem;height:4rem;display:flex;align-items:center;justify-content:center}.VideoEditor .annotations .annotation.hasAudio{height:8rem}.VideoEditor .annotations .annotation i{color:#fff;margin-top:2px}.VideoEditor .annotations .annotation i.fa-comment-alt{margin-top:.4rem}.VideoEditor .annotations .annotation button{position:absolute;background:rgba(0,0,0,.7);border:1px solid hsla(0,0%,80%,.7);border-radius:4rem;pointer-events:all;width:4rem;height:4rem;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1}.VideoEditor .annotations .annotation button i{pointer-events:none;margin:.6rem}.VideoEditor .annotations .annotation button i.fa-microphone-alt{font-size:2rem}.VideoEditor .annotations .annotation button.playButton{transition:transform .1s,opacity .1s;width:100%;height:100%}.VideoEditor .annotations .annotation .deleteArea{pointer-events:none;position:absolute;margin-top:-200%;transition:opacity .3s;background:rgba(255,102,0,.8);width:100%;height:4rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.VideoEditor .annotations .annotation:before{transition:transform .3s;content:"";position:absolute;bottom:-2rem;left:calc(50% - 1px);width:0;height:2rem;border-left:1px solid rgba(0,0,0,.75);border-right:1px solid hsla(0,0%,100%,.75)}.VideoEditor .annotations .annotation.selected button.playButton{-webkit-animation:blink .3s infinite alternate;animation:blink .3s infinite alternate}.VideoEditor .annotations .annotation:not(.pressed) .deleteArea{opacity:0}.VideoEditor .annotationViewer{transition:opacity .3s;position:absolute;top:0;left:0;border-radius:1rem;overflow:hidden;z-index:4;background:rgba(51,51,51,.75)}.VideoEditor .annotationViewer video{pointer-events:none}.VideoEditor .annotationViewer .imageViewer{width:100%;height:100%;background-position:50%;background-size:contain;background-repeat:no-repeat}.VideoEditor .annotationViewer .textViewer{overflow-y:auto;height:100%}.VideoEditor .annotationViewer .textViewer p{font-size:1.2rem;margin:0;padding:1rem 3rem 1rem 1rem;height:100%}.VideoEditor .annotationViewer:not(.visible){pointer-events:none;opacity:0}.VideoEditor .annotationViewer .closeButton{width:3.4rem;height:3.4rem;right:0;font-size:2.04rem;color:#fff}.VideoEditor .annotationToPlay,.VideoEditor .annotationViewer .closeButton{position:absolute;top:0;z-index:5;display:flex;align-items:center;justify-content:center}.VideoEditor .annotationToPlay{transition:opacity .3s;left:0;width:100%;height:calc(100% - 4rem)}.VideoEditor .annotationToPlay .dialog{background:rgba(34,34,34,.9);box-shadow:0 0 3rem 2rem rgba(0,0,0,.3);color:#fff;font-size:2rem;padding:3rem 4rem;border-radius:2rem;display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;justify-content:center}.VideoEditor .annotationToPlay .dialog h2{margin:0;padding:0;flex-grow:1;text-align:center}.VideoEditor .annotationToPlay .dialog .buttons{margin:1rem 0;display:flex;justify-content:center}.VideoEditor .annotationToPlay .dialog button{padding:1rem 2rem;display:flex;align-items:center;justify-content:center;font-size:2rem;background-color:hsla(0,0%,100%,.2);border-radius:4rem}.VideoEditor .annotationToPlay .dialog button.playAnnotationButton{background-color:rgba(255,153,0,.7)}.VideoEditor .annotationToPlay .dialog button .text{color:#fff}.VideoEditor .annotationToPlay .dialog button i{margin:.2rem 1rem 0 0}.VideoEditor .annotationToPlay .dialog button:last-child{margin-left:2rem}.VideoEditor .annotationToPlay:not(.visible){pointer-events:none;opacity:0}.VideoEditor .annotationTextInput{transition:opacity .3s;width:100%;height:100%;position:absolute;top:0;left:0;z-index:2;background:transparent;padding:2rem 2rem 6rem}.VideoEditor .annotationTextInput:not(.visible){opacity:0;pointer-events:none}.VideoEditor .annotationTextInput .annotationTextInputContainer{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.VideoEditor .annotationTextInput .inputHeading{border-radius:1rem;border-bottom-left-radius:0;border-bottom-right-radius:0;background:rgba(85,85,85,.85);width:calc(100% - 4rem);padding:.5rem 0;margin-left:-4rem;text-align:center;color:#fff;font-size:1.4rem;border-bottom:1px solid #777}.VideoEditor .annotationTextInput textarea{flex-grow:1;resize:none;margin-left:-4rem;width:calc(100% - 4rem);border:0;border-radius:1rem;border-top-left-radius:0;border-top-right-radius:0;background:rgba(85,85,85,.85);font-size:1.8rem;padding:1.5rem;color:#fff}.VideoEditor .annotationTextInput .actions{position:absolute;top:calc(100% - 12rem);left:calc(100% - 4rem)}.VideoEditor .annotationTextInput .actions .btn{transition:opacity .3s,background-color .3s;width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;padding:0;border-top-left-radius:0;border-bottom-left-radius:0}.VideoEditor .annotationTextInput .actions .btn[disabled]{opacity:.5}.VideoEditor .annotationTextInput .actions .btn:not(:first-child){margin-top:.5rem}.VideoEditor .annotationTextInput .actions .btn.btn-default{background-color:rgba(85,85,85,.85)}.VideoEditor.drawing .fullScrub{visibility:hidden}.VideoEditor .AudioRecorderScreen,.VideoEditor .DrawingScreen{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2}.VideoEditor .drawingAnnotationViewer{position:absolute;top:0;left:0;width:100%;height:calc(100% - 4rem);display:flex;align-items:center;justify-content:center;background:transparent}.VideoEditor .drawingAnnotationViewer>div{pointer-events:none;background:transparent!important}.DrawingScreen{width:100%;height:100%;display:flex;flex-direction:column}.DrawingScreen section{background:transparent}.DrawingScreen .canvasContainer{position:relative;flex-grow:1;height:calc(100% - 8rem);overflow:hidden}.DrawingScreen .canvasContainer,.DrawingScreen .canvasWrapper{display:flex;align-items:center;justify-content:center}.DrawingScreen .canvasWrapper>div{background:hsla(0,0%,100%,.1)!important}.DrawingScreen .tools{display:flex;flex-shrink:0;height:4rem;padding:.5rem;width:100%;background:#222}.DrawingScreen .tools .brush{border-radius:50%;display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;background:#555;border:1px solid #555;margin-right:1rem}.DrawingScreen .tools .brush .brushRadius{border-radius:50%;transform:scale(1.4);width:100%;height:100%}.DrawingScreen .tools .btn{margin-left:.5rem;display:flex;padding-top:0;padding-bottom:0}.DrawingScreen .tools .btn i{display:none}.DrawingScreen .tools .actions{display:flex;flex-shrink:0;flex-grow:1;flex-direction:row-reverse}.DrawingScreen .tools .colors{display:flex;overflow-x:auto;overflow-y:hidden;max-width:calc(100% - 13.1rem)}.DrawingScreen .tools .colors::-webkit-scrollbar{width:0;height:0;background:transparent}.DrawingScreen .tools .palette{padding:0;margin:0;list-style-type:none;display:flex;align-items:center;justify-content:center;width:auto;height:100%}.DrawingScreen .tools .palette li{display:flex;border-radius:.5rem;width:3rem;height:3rem;margin:0 .25rem;border:1px solid #888}.DrawingScreen .tools .palette li.selected{border:.5rem solid #f90}.DrawingScreen.readOnly{pointer-events:none}.DrawingScreen.readOnly footer,.DrawingScreen.readOnly header{visibility:hidden}.DrawingScreen.readOnly .canvasWrapper>div{background:transparent!important}.DrawingScreen .footerActions{position:relative;z-index:1;display:flex;flex-shrink:0;flex-grow:1;padding:1rem}.DrawingScreen .footerActions button{flex-grow:1;margin:0 .5rem;font-size:1.4rem;font-weight:400}.AudioRecorderScreen{transition:transform .3s;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:#000}.AudioRecorderScreen:not(.visible){transform:translateY(100%)}.AudioRecorderScreen>section{display:flex;align-items:center;justify-content:center;flex-direction:column}.AudioRecorderScreen .oscilloscopeContainer{position:relative}.AudioRecorderScreen .oscilloscopeContainer .circleIndicator:not(.visible),.AudioRecorderScreen .oscilloscopeContainer .waveCanvas:not(.visible){display:none}.AudioRecorderScreen .oscilloscopeContainer .waveCanvas{width:100%;height:20rem}.AudioRecorderScreen .oscilloscopeContainer .circleIndicator{transition:transform .1s;position:absolute;width:10rem;height:10rem;background:rgba(255,153,0,.5);border-radius:50%;margin-left:-5rem;margin-top:-2.5rem}.AudioRecorderScreen .actions{position:relative;display:flex;align-items:center;justify-content:center}.AudioRecorderScreen .actions .btn{border-radius:50%;width:5rem;height:5rem;padding:0;margin:0 .5rem}.AudioRecorderScreen .actions .btn.btn-default i{color:#000}.AudioRecorderScreen .actions .btn i{margin-top:.5rem;font-size:2.5rem}.SimpleVideoEditor{position:relative;width:100%;height:100%;display:flex;flex-direction:column}.SimpleVideoEditor .videoPlayerContainer{width:100%;height:calc(100% - 17rem)}.SimpleVideoEditor .VideoPlayer{position:absolute;width:100%;height:100%;top:0;left:0}.SimpleVideoEditor .VideoPlayer .VideoThumbnail,.SimpleVideoEditor .VideoPlayer video.vjs-tech{height:calc(100% - 3rem)}.SimpleVideoEditor .VideoPlayer+.AnimatedPlayButton{height:100%}.SimpleVideoEditor .toolsContainer{position:absolute;left:0;bottom:0;display:flex;align-items:flex-start;padding:0 1rem;width:100%;height:13rem;z-index:1;background:#000}.SimpleVideoEditor .toolsContainer.annotationSelected .annotateSubtitleButton,.SimpleVideoEditor .toolsContainer.annotationSelected .annotateTextButton,.SimpleVideoEditor .toolsContainer.annotationSelected .tools>:not(.annotateDeleteButton),.SimpleVideoEditor .toolsContainer:not(.annotationSelected) .tools>.annotateDeleteButton{opacity:.15;pointer-events:none}.SimpleVideoEditor .toolsContainer:not(.annotationSelected) .tools>.annotateDeleteButton i{color:#fff!important}.SimpleVideoEditor .toolsContainer.audioSupported:not(.hasAudio) .tools>.annotateAudioButton,.SimpleVideoEditor .toolsContainer.drawingAnnotation:not(.hasText) .annotateTextButton,.SimpleVideoEditor .toolsContainer.textAnnotation.hasPositionalText .annotateTextButton,.SimpleVideoEditor .toolsContainer.textAnnotation:not(.hasDrawing) .tools>.annotateDrawingButton{opacity:1;pointer-events:all}.SimpleVideoEditor .toolsContainer .tools{transition:transform .3s;position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.SimpleVideoEditor .toolsContainer .tools>*{transition:opacity .3s}.SimpleVideoEditor .toolsContainer .tools>.annotateAudioButton{transition:opacity .3s,color .3s;opacity:.15;pointer-events:none}.SimpleVideoEditor .toolsContainer .tools .btn{display:flex;flex-shrink:0;align-items:center;justify-content:center;position:relative;width:5rem;height:5rem;padding:0;margin:-1.5rem .5rem 0;border-radius:50%;background:#333}.SimpleVideoEditor .toolsContainer .tools .btn i{color:#eee;font-size:2rem;margin-top:.3rem}.SimpleVideoEditor .toolsContainer .tools .btn .text{position:absolute;color:#fff;font-size:1.2rem;font-weight:400;top:-2.2rem;width:100%;text-align:center;margin:0}.SimpleVideoEditor .toolsContainer .tools .btn input[type=file]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.SimpleVideoEditor .textareaContainer{transition:max-width .3s,opacity .3s;position:relative;z-index:1;flex-grow:1;display:flex;flex-direction:column;align-items:center;width:100%;height:17rem;background-color:#000;padding:0 1.5rem}.SimpleVideoEditor .textareaContainer .legend{color:#fff;display:flex;align-items:center;justify-content:center;padding:1.5rem 0 1rem}.SimpleVideoEditor .textareaContainer .legend i{margin-right:1rem}.SimpleVideoEditor .textareaContainer .legend .text{font-size:1.4rem}.SimpleVideoEditor .textareaContainer .textareaActions{position:relative;z-index:1;display:flex;padding:1rem 0;width:100%}.SimpleVideoEditor .textareaContainer .textareaActions button{flex-grow:1;margin:0 .5rem;font-size:1.4rem;font-weight:400}.SimpleVideoEditor .textareaContainer .textareaActions button:first-child{margin-left:0}.SimpleVideoEditor .textareaContainer .textareaActions button:last-child{margin-right:0}.SimpleVideoEditor .textareaContainer textarea{width:100%;height:3rem;padding:.5rem 1rem;border-radius:.8rem}.SimpleVideoEditor .textareaContainer.positional:not(.isCommitted){position:absolute;height:100%;padding-bottom:4rem;justify-content:center;background-color:rgba(0,0,0,.75)}.SimpleVideoEditor .textareaContainer .moveTextInstruction{font-size:1.4rem;margin:0}.SimpleVideoEditor .textareaContainer .positionalSwitch{margin:1rem 0}.SimpleVideoEditor .textareaContainer .positionalSwitch label{color:#fff;font-size:1.4rem;margin-right:1rem}.SimpleVideoEditor .audioRecorder,.SimpleVideoEditor .controlsContainer{transition:opacity .3s,transform .3s;position:absolute;left:0;width:100%;padding:.5rem 0;background:#000;border-top:1px solid #222;border-bottom:1px solid #222;overflow:hidden}.SimpleVideoEditor .audioRecorder{color:#fff;font-size:1.2rem;display:flex;justify-content:center;align-items:center;padding:.5rem 1rem;height:4rem;bottom:13rem}.SimpleVideoEditor .audioRecorder p{flex-grow:1;-webkit-animation:blink .8s infinite alternate;animation:blink .8s infinite alternate}@-webkit-keyframes blink{0%{opacity:.35}to{opacity:1}}@keyframes blink{0%{opacity:.35}to{opacity:1}}.SimpleVideoEditor .audioRecorder .btn{height:100%;padding:0 1rem}.SimpleVideoEditor .controlsContainer{height:4rem;bottom:13rem}.SimpleVideoEditor .controlsContainer :not(.btn){pointer-events:none}.SimpleVideoEditor .controlsContainer .currentTimeIndicator{position:absolute;top:10%;left:50%;pointer-events:none;width:1px;height:70%;background:#f90}.SimpleVideoEditor .controlsContainer .stepBackwardButton,.SimpleVideoEditor .controlsContainer .stepForwardButton{position:absolute;top:0;width:4rem;height:100%;z-index:1}.SimpleVideoEditor .controlsContainer .stepBackwardButton i,.SimpleVideoEditor .controlsContainer .stepForwardButton i{position:relative}.SimpleVideoEditor .controlsContainer .stepBackwardButton:before,.SimpleVideoEditor .controlsContainer .stepForwardButton:before{position:absolute;top:0;width:150%;height:100%;content:""}.SimpleVideoEditor .controlsContainer .stepBackwardButton{left:0;padding-left:1rem;padding-right:2rem}.SimpleVideoEditor .controlsContainer .stepBackwardButton:before{left:0;background:linear-gradient(90deg,#000 40%,transparent)}.SimpleVideoEditor .controlsContainer .stepForwardButton{right:0;padding-left:2rem;padding-right:1rem}.SimpleVideoEditor .controlsContainer .stepForwardButton:before{right:0;background:linear-gradient(90deg,transparent,#000 60%)}.SimpleVideoEditor .annotations{position:absolute;top:0;left:0}.SimpleVideoEditor .annotations .annotation{transition:background .3s;position:absolute;top:0;left:0;width:1rem;height:1rem;margin-left:-.5rem;border-radius:50%;background:#fff}.SimpleVideoEditor .annotations .annotation.selected{background:#f90}.SimpleVideoEditor .timelineContainer{position:relative;width:100%;height:6rem;overflow-x:scroll}.SimpleVideoEditor .timelineContainer:not(.isPlayerPlaying){pointer-events:all!important}.SimpleVideoEditor .timelineContainer .paddedTimeline{display:inline-block;height:3rem;padding:0 50vw}.SimpleVideoEditor .timelineContainer .timeline{pointer-events:none}.SimpleVideoEditor .timeline{position:relative;height:100%}.SimpleVideoEditor .timeline .lines{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center}.SimpleVideoEditor .timeline .time{position:relative;flex-shrink:0;height:100%;color:#fff;font-size:1.1rem;display:flex;align-items:flex-end;justify-content:center;margin-left:-2rem;margin-right:2rem}.SimpleVideoEditor .timeline .time:before{content:"";position:absolute;top:0;width:1px;height:40%;background:#444}.SimpleVideoEditor .pausedControls,.SimpleVideoEditor .playingControls{height:100%;z-index:1}.SimpleVideoEditor .pausedControls{pointer-events:none}.SimpleVideoEditor .pausedControls>button{pointer-events:all}.SimpleVideoEditor .DrawingScreen{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2;padding-bottom:calc(env(safe-area-inset-bottom) - 20px)}.SimpleVideoEditor .DrawingScreen footer{height:17rem;background:#000;flex-shrink:0}.SimpleVideoEditor .DrawingScreen .legend{color:#fff;display:flex;align-items:center;justify-content:center;padding:1.5rem 0 1rem}.SimpleVideoEditor .DrawingScreen .legend i{margin-right:1rem}.SimpleVideoEditor .DrawingScreen .legend .text{font-size:1.4rem}.SimpleVideoEditor .DrawingScreen .tools{padding:.5rem .5rem 0 1.5rem;justify-content:center;align-items:flex-start;background:none}.SimpleVideoEditor .DrawingScreen .tools:after,.SimpleVideoEditor .DrawingScreen .tools:before{content:"";position:absolute;top:0;width:2rem;height:100%;z-index:1;pointer-events:none}.SimpleVideoEditor .DrawingScreen .tools:before{background-image:linear-gradient(90deg,#000,transparent);left:5rem}.SimpleVideoEditor .DrawingScreen .tools:after{background-image:linear-gradient(90deg,transparent,#000);right:4rem}.SimpleVideoEditor .DrawingScreen .tools .brush{margin-right:.5rem;flex-shrink:0}.SimpleVideoEditor .DrawingScreen .tools .actions{height:3rem;display:flex;align-items:center}.SimpleVideoEditor .DrawingScreen .tools .actions .undoButton{width:100%;height:100%;display:flex;align-items:center;padding:0 1.5rem 0 0}.SimpleVideoEditor .DrawingScreen .tools .colors{position:relative;width:100%;height:100%;max-width:100%}.SimpleVideoEditor .DrawingScreen .tools .colors .palette{background-color:transparent;align-items:flex-start;padding:0 1.5rem}.SimpleVideoEditor .DrawingScreen .btn .text{display:none}.SimpleVideoEditor .DrawingScreen .btn i{display:block}.SimpleVideoEditor .DrawingScreen .btn.clearButton{display:none}.SimpleVideoEditor .DrawingScreen .btn.undoButton{background-color:transparent}.SimpleVideoEditor .noDurationInstruction{color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;padding:2rem;width:100%;height:100%}.SimpleVideoEditor.hasDuration .noDurationInstruction{display:none}.SimpleVideoEditor:not(.hasDuration) .skipBackwardButton,.SimpleVideoEditor:not(.hasDuration) .skipForwardButton{opacity:0;pointer-events:none}.SimpleVideoEditor.drawing .annotationInfos,.SimpleVideoEditor.drawing .audioRecorder,.SimpleVideoEditor.drawing .controlsContainer,.SimpleVideoEditor.drawing .toolsContainer,.SimpleVideoEditor.writingText .annotationInfos,.SimpleVideoEditor.writingText .audioRecorder,.SimpleVideoEditor.writingText .controlsContainer,.SimpleVideoEditor.writingText .toolsContainer,.SimpleVideoEditor:not(.hasDuration) .annotationInfos,.SimpleVideoEditor:not(.hasDuration) .audioRecorder,.SimpleVideoEditor:not(.hasDuration) .controlsContainer,.SimpleVideoEditor:not(.hasDuration) .toolsContainer{visibility:hidden;pointer-events:none}.SimpleVideoEditor.drawing .AnimatedPlayButton,.SimpleVideoEditor.drawing .skipBackwardButton,.SimpleVideoEditor.drawing .skipForwardButton,.SimpleVideoEditor.writingText .AnimatedPlayButton,.SimpleVideoEditor.writingText .skipBackwardButton,.SimpleVideoEditor.writingText .skipForwardButton{visibility:hidden}.SimpleVideoEditor.drawing .pausedControls,.SimpleVideoEditor.drawing .playingControls,.SimpleVideoEditor.writingText .pausedControls,.SimpleVideoEditor.writingText .playingControls{pointer-events:none}.SimpleVideoEditor.recordingAudio .controlsContainer{transform:translateY(4rem);pointer-events:none}.SimpleVideoEditor.recordingAudio .tools>:not(.annotateAudioButton){opacity:.15;pointer-events:none}.SimpleVideoEditor.recordingAudio .tools .annotateAudioButton{opacity:1;pointer-events:none}.SimpleVideoEditor.recordingAudio .tools .annotateAudioButton i{color:#f90}.SimpleVideoEditor.recordingAudio .tools .annotateDeleteButton i{transition:color .3s}.SimpleVideoEditor.recordingAudio .textareaContainer{opacity:.15;pointer-events:none}.SimpleVideoEditor:not(.recordingAudio) .audioRecorder{transform:translateY(4rem);pointer-events:none}.SimpleVideoEditor .showAnnotationsListButton{position:absolute;bottom:8rem;width:100%;height:4rem}.SimpleVideoEditor .showAnnotationsListButton i{position:relative}.SimpleVideoEditor .showAnnotationsListButton:before{content:"";position:absolute;top:50%;left:50%;width:6rem;height:6rem;margin-left:-3rem;margin-top:-3rem;background:radial-gradient(#000,rgba(0,0,0,.75) 0,rgba(0,0,0,.3) 35%,rgba(255,0,0,0) 50%)}.SimpleVideoEditor .annotationViewer{position:absolute;top:0;left:0;width:100%;height:calc(100% - 17rem);pointer-events:none}.SimpleVideoEditor .annotationViewer .vjs-progress-control{display:none}.SimpleVideoEditor .drawingAnnotationViewer{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:transparent}.SimpleVideoEditor .drawingAnnotationViewer>div{pointer-events:none;background:transparent!important}.SimpleVideoEditor .drawingAnnotationViewer>div canvas{width:100%!important}.SimpleVideoEditor .imageAnnotationViewer,.SimpleVideoEditor .videoAnnotationViewer{position:absolute;top:0;bottom:0;width:100%;height:100%;display:flex;align-items:flex-end;justify-content:center;pointer-events:none;padding-bottom:.75rem;-webkit-animation:fadeIn .3s;animation:fadeIn .3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.SimpleVideoEditor .imageAnnotationViewer .fullScreenIcon,.SimpleVideoEditor .videoAnnotationViewer .fullScreenIcon{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(0,0,0,.75) 0,rgba(0,0,0,.3) 15%,transparent 40%)}.SimpleVideoEditor .imageAnnotationViewer .fullScreenIcon i,.SimpleVideoEditor .videoAnnotationViewer .fullScreenIcon i{font-size:3rem;color:#fff}.SimpleVideoEditor .imageAnnotationViewer .imageContainer,.SimpleVideoEditor .videoAnnotationViewer .videoContainer{position:relative;pointer-events:all;border:.4rem solid #f90;background:#000}.SimpleVideoEditor .imageAnnotationViewer .imageContainer:before,.SimpleVideoEditor .videoAnnotationViewer .videoContainer:before{position:absolute;bottom:-.84rem;left:50%;content:"";background:#f90;width:1.4rem;height:1.4rem;margin-left:-.7rem;border-radius:.28rem;transform:rotate(45deg)}.SimpleVideoEditor .imageAnnotationViewer .image{position:relative;width:100%;height:100%;background-position:50%;background-repeat:no-repeat;background-size:cover}.SimpleVideoEditor .annotationSubtitleTextViewer,.SimpleVideoEditor .textAnnotationViewer{position:absolute;width:100%;bottom:0;left:0;text-align:center;font-size:1.6rem;padding:0 2rem}.SimpleVideoEditor .annotationSubtitleTextViewer p,.SimpleVideoEditor .textAnnotationViewer p{text-shadow:1px 1px 2px #000}.SimpleVideoEditor .annotationSubtitleTextViewer{bottom:17rem}.SimpleVideoEditor .annotationPositionalTextViewer{position:absolute;top:0;left:0;width:100%;height:100%;padding-bottom:17rem}.SimpleVideoEditor .annotationInfos{transition:transform .3s;position:absolute;left:.5rem;bottom:calc(-50% + 3rem);width:calc(100% - 1rem);height:50%;background:#111;z-index:2;border-top-left-radius:.8rem;border-top-right-radius:.8rem;border:1px solid #333;display:flex;flex-direction:column}.SimpleVideoEditor .annotationInfos.visible{transform:translateY(calc(-100% + 3rem));box-shadow:0 -1rem 4rem #000}.SimpleVideoEditor .annotationInfos.visible .annotationInfosToggleButton i{transform:translateY(-.1rem) rotate(180deg)}.SimpleVideoEditor .annotationInfos ul{flex-grow:1}.SimpleVideoEditor .annotationInfos li{align-items:center}.SimpleVideoEditor .annotationInfos li.selected{background-color:#222}.SimpleVideoEditor .annotationInfos li.selected .message,.SimpleVideoEditor .annotationInfos li.selected h2{color:#fff}.SimpleVideoEditor .annotationInfos li.empty{font-size:1.4rem;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:0;opacity:.5}.SimpleVideoEditor .annotationInfos li:first-child{border-top:0}.SimpleVideoEditor .annotationInfos .annotationInfo{padding-right:1rem}.SimpleVideoEditor .annotationInfos .deleteAnnotationButton,.SimpleVideoEditor .annotationInfos .editAnnotationButton{width:3rem;height:3rem;border-radius:50%;margin-right:1rem;padding:0;flex-shrink:0;display:flex;align-items:center;justify-content:center}.SimpleVideoEditor .annotationInfos .editAnnotationButton{background:#fff}.SimpleVideoEditor .annotationInfos .editAnnotationButton i{color:#000}.SimpleVideoEditor .annotationInfos .deleteAnnotationButton{background:#f60}.SimpleVideoEditor .annotationInfos .annotationInfosToggleButton{display:flex;align-items:center;padding:0 1.5rem 0 1rem;width:100%;height:3rem;text-align:center;flex-shrink:0;border-bottom:1px solid #333}.SimpleVideoEditor .annotationInfos .annotationInfosToggleButton i{transition:transform .3s;color:#fff;margin-left:1rem}.SimpleVideoEditor .annotationInfos .annotationInfosToggleButton .label{display:flex;flex-grow:1;align-items:center;justify-content:flex-start;text-align:left;height:100%}.SimpleVideoEditor .annotationInfos .annotationInfosToggleButton .label .text:before{display:inline-block;width:1rem;height:1rem;content:"";background:#fff;border-radius:50%;margin-right:1rem}.SimpleVideoEditor .annotationInfos .annotationInfosToggleButton .text{color:#fff;font-size:1.4rem}.SimpleVideoEditor .annotationInfos .annotationInfosToggleButton .badge{margin-left:1rem;color:#fff}.SimpleVideoEditor .annotationInfos .annotationThumbnail{width:6rem;border-radius:50%;background:#333}.SimpleVideoEditor .annotationInfos .annotationThumbnail i{font-size:2rem}.PositionalTextScreen .TargetIndicator,.positionalTextSupport .TargetIndicator{position:absolute;top:0;left:0;width:5rem;height:5rem;margin-left:-2.55rem;margin-top:-2.55rem;border-radius:50%}.PositionalTextScreen .content,.PositionalTextScreen .positionalText,.positionalTextSupport .content,.positionalTextSupport .positionalText{position:absolute;font-size:1.4rem}.PositionalTextScreen .content.leftAlign .textContainer,.PositionalTextScreen .positionalText.leftAlign .textContainer,.positionalTextSupport .content.leftAlign .textContainer,.positionalTextSupport .positionalText.leftAlign .textContainer{border-right-width:0;left:3rem}.PositionalTextScreen .content.rightAlign .textContainer,.PositionalTextScreen .positionalText.rightAlign .textContainer,.positionalTextSupport .content.rightAlign .textContainer,.positionalTextSupport .positionalText.rightAlign .textContainer{border-left-width:0;text-align:right;right:3rem}.PositionalTextScreen .content.rightAlign .SimpleTargetIndicator:before,.PositionalTextScreen .positionalText.rightAlign .SimpleTargetIndicator:before,.positionalTextSupport .content.rightAlign .SimpleTargetIndicator:before,.positionalTextSupport .positionalText.rightAlign .SimpleTargetIndicator:before{margin-left:-3rem}.PositionalTextScreen .content.bottomAlign .textContainer,.PositionalTextScreen .positionalText.bottomAlign .textContainer,.positionalTextSupport .content.bottomAlign .textContainer,.positionalTextSupport .positionalText.bottomAlign .textContainer{bottom:0}.PositionalTextScreen .content.topAlign .textContainer,.PositionalTextScreen .positionalText.topAlign .textContainer,.positionalTextSupport .content.topAlign .textContainer,.positionalTextSupport .positionalText.topAlign .textContainer{top:0}.PositionalTextScreen .content .textContainer,.PositionalTextScreen .positionalText .textContainer,.positionalTextSupport .content .textContainer,.positionalTextSupport .positionalText .textContainer{position:absolute;max-width:30vw;width:30vw;transition:transform .3s;padding:.25rem .5rem;background:rgba(223,79,112,.9);border-color:#fff;border-style:solid;border-width:0 .3rem;font-size:1.4rem;box-shadow:0 0 2rem #000}.PositionalTextScreen .content .textContainer p,.PositionalTextScreen .positionalText .textContainer p,.positionalTextSupport .content .textContainer p,.positionalTextSupport .positionalText .textContainer p{width:calc(30vw - 1.6rem);color:#fff;margin:0;padding:0;word-break:break-word;font-size:1.4rem}.PositionalTextScreen{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.PositionalTextScreen .content>:not(.dragArea){pointer-events:none}.PositionalTextScreen .content .dragArea{position:absolute}.positionalTextSupport{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.positionalTextSupport .positionalText .textContainer{-webkit-animation:reveal .5s;animation:reveal .5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;overflow:hidden;opacity:0}@-webkit-keyframes reveal{0%{opacity:0;max-width:0}to{opacity:1;max-width:30vw}}@keyframes reveal{0%{opacity:0;max-width:0}to{opacity:1;max-width:30vw}}.positionalTextSupport .positionalText:first-child .textContainer{-webkit-animation-delay:.2s;animation-delay:.2s}.positionalTextSupport .positionalText:nth-child(2) .textContainer{-webkit-animation-delay:.4s;animation-delay:.4s}.positionalTextSupport .positionalText:nth-child(3) .textContainer{-webkit-animation-delay:.6s;animation-delay:.6s}.positionalTextSupport .positionalText:nth-child(4) .textContainer{-webkit-animation-delay:.8s;animation-delay:.8s}.positionalTextSupport .positionalText:nth-child(5) .textContainer{-webkit-animation-delay:1s;animation-delay:1s}.positionalTextSupport .positionalText:nth-child(6) .textContainer{-webkit-animation-delay:1.2s;animation-delay:1.2s}.positionalTextSupport .positionalText:nth-child(7) .textContainer{-webkit-animation-delay:1.4s;animation-delay:1.4s}.positionalTextSupport .positionalText:nth-child(8) .textContainer{-webkit-animation-delay:1.6s;animation-delay:1.6s}.positionalTextSupport .positionalText:nth-child(9) .textContainer{-webkit-animation-delay:1.8s;animation-delay:1.8s}.positionalTextSupport .positionalText:nth-child(10) .textContainer{-webkit-animation-delay:2s;animation-delay:2s}.positionalTextSupport .positionalText:nth-child(11) .textContainer{-webkit-animation-delay:2.2s;animation-delay:2.2s}.positionalTextSupport .positionalText:nth-child(12) .textContainer{-webkit-animation-delay:2.4s;animation-delay:2.4s}.positionalTextSupport .positionalText:nth-child(13) .textContainer{-webkit-animation-delay:2.6s;animation-delay:2.6s}.positionalTextSupport .positionalText:nth-child(14) .textContainer{-webkit-animation-delay:2.8s;animation-delay:2.8s}.positionalTextSupport .positionalText:nth-child(15) .textContainer{-webkit-animation-delay:3s;animation-delay:3s}.positionalTextSupport .positionalText:nth-child(16) .textContainer{-webkit-animation-delay:3.2s;animation-delay:3.2s}.positionalTextSupport .positionalText:nth-child(17) .textContainer{-webkit-animation-delay:3.4s;animation-delay:3.4s}.positionalTextSupport .positionalText:nth-child(18) .textContainer{-webkit-animation-delay:3.6s;animation-delay:3.6s}.positionalTextSupport .positionalText:nth-child(19) .textContainer{-webkit-animation-delay:3.8s;animation-delay:3.8s}.positionalTextSupport .positionalText:nth-child(20) .textContainer{-webkit-animation-delay:4s;animation-delay:4s}.TargetIndicator{height:5rem;width:5rem;position:relative}.TargetIndicator,.TargetIndicator *{box-sizing:border-box}.TargetIndicator .circle{position:absolute;height:100%;width:100%;top:0;left:0;-webkit-animation:radar-spinner-animation 3s infinite;animation:radar-spinner-animation 3s infinite}.TargetIndicator .circle:first-child,.TargetIndicator .circle:nth-child(3){padding:0;-webkit-animation-delay:.3s;animation-delay:.3s}.TargetIndicator .circle:nth-child(2),.TargetIndicator .circle:nth-child(4){padding:.45455rem;-webkit-animation-delay:0;animation-delay:0}.TargetIndicator .circle-inner,.TargetIndicator .circle-inner-container{height:100%;width:100%;border-radius:50%;border:.22727rem solid transparent}.TargetIndicator .circle-inner{border-left-color:rgba(223,79,112,.9);border-right-color:rgba(223,79,112,.9)}.TargetIndicator .circle:first-child .circle-inner,.TargetIndicator .circle:nth-child(2) .circle-inner{border-left-color:hsla(0,0%,100%,.9);border-right-color:hsla(0,0%,100%,.9);border-width:.35714rem}@-webkit-keyframes radar-spinner-animation{50%{transform:rotate(180deg)}to{transform:rotate(0deg)}}@keyframes radar-spinner-animation{50%{transform:rotate(180deg)}to{transform:rotate(0deg)}}.SimpleTargetIndicator{position:relative}.SimpleTargetIndicator:after,.SimpleTargetIndicator:before{content:"";position:absolute}.SimpleTargetIndicator:after{width:.75rem;height:.75rem;background:rgba(223,79,112,.9);border-radius:50%;border:1px solid #fff;margin-top:-.375rem;margin-left:-.375rem}.SimpleTargetIndicator:before{width:3rem;border-bottom:1px solid rgba(223,79,112,.9);border-top:1px solid #fff}.AnimatedPlayButton{transition:opacity .3s;opacity:.9;position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.AnimatedPlayButton.hidden{opacity:0;pointer-events:none}.AnimatedPlayButton:before{position:absolute;width:70%;height:70%;content:"";background:radial-gradient(circle,rgba(0,0,0,.75) 0,rgba(0,0,0,.3) 25%,transparent 40%)}.AnimatedPlayButton .iconContainer{position:relative;z-index:1}.AnimatedPlayButton .iconContainer:after{-webkit-animation:ripple 1.5s infinite;animation:ripple 1.5s infinite;position:absolute;top:0;left:0;content:"";border:1px solid #f90;border-radius:50%}.AnimatedPlayButton .iconContainer i{color:#f90}@-webkit-keyframes ripple{0%{transform:scale(0);opacity:1;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{transform:scale(1.05);opacity:.9;-webkit-animation-timing-function:linear;animation-timing-function:linear}80%{transform:scale(1.5);opacity:0;-webkit-animation-timing-function:linear;animation-timing-function:linear}to{transform:scale(1.7);opacity:0;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes ripple{0%{transform:scale(0);opacity:1;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{transform:scale(1.05);opacity:.9;-webkit-animation-timing-function:linear;animation-timing-function:linear}80%{transform:scale(1.5);opacity:0;-webkit-animation-timing-function:linear;animation-timing-function:linear}to{transform:scale(1.7);opacity:0;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.AnimatedPlayButton .iconContainer{margin-left:.5rem;margin-top:.25rem}.AnimatedPlayButton .iconContainer:after{width:5rem;height:5rem;margin-left:-1.25rem;margin-top:-1.25rem;border-width:.5rem;border-color:#fff}.AnimatedPlayButton .iconContainer i{font-size:3.5rem!important;margin-left:.5rem;margin-top:.25rem;color:#fff}.AnnotationViewerScreen{transition:transform .3s;position:absolute;top:0;left:0;z-index:6}.AnnotationViewerScreen>section{background:#111;display:flex;flex-direction:column}.AnnotationViewerScreen>section>.wrapper{position:relative}.AnnotationViewerScreen:not(.overlay):not(.visible){transform:translateY(100%);pointer-events:none}.AnnotationViewerScreen:not(.overlay).visible{transform:translateX(0)}.AnnotationViewerScreen.overlay{transition:opacity .3s;top:4rem;height:calc(100% - 8rem);pointer-events:none}.AnnotationViewerScreen.overlay:not(.visible){opacity:0;pointer-events:none}.AnnotationViewerScreen.overlay.visible{opacity:1}.AnnotationViewerScreen.overlay>header{display:none}.AnnotationViewerScreen.overlay>section{background:transparent}.AnnotationViewerScreen.overlay>section .wifiWarning{display:none}.AnnotationViewerScreen.overlay>section .wrapper{background:transparent}.AnnotationViewerScreen.overlay .drawingContainer .VideoThumbnail{visibility:hidden}.AnnotationViewerScreen .VideoPlayer{width:100%;height:100%}.AnnotationViewerScreen .VideoPlayer .VideoThumbnail,.AnnotationViewerScreen .VideoPlayer video.vjs-tech{height:calc(100% - 4rem)}.AnnotationViewerScreen .VideoPlayer .vjs-control-bar,.AnnotationViewerScreen .VideoPlayer .vjs-volume-control{height:4rem!important}.AnnotationViewerScreen .VideoPlayer .vjs-control-bar{padding:0 .5rem}.AnnotationViewerScreen .VideoPlayer .vjs-volume-bar.vjs-slider-horizontal{margin-top:1.9em;margin-bottom:1.9em}.AnnotationViewerScreen .VideoPlayer .vjs-button{width:4rem;height:4rem;display:flex;align-items:center;justify-content:center}.AnnotationViewerScreen .VideoPlayer .vjs-button .vjs-icon-placeholder{display:block;font-size:1.4rem}.AnnotationViewerScreen .VideoPlayer .vjs-button.vjs-fullscreen-control,.AnnotationViewerScreen .VideoPlayer .vjs-button.vjs-picture-in-picture-control{display:none}.AnnotationViewerScreen .VideoPlayer .vjs-remaining-time{width:4.2rem;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.AnnotationViewerScreen .image{width:100%;height:100%;background-size:contain;background-repeat:no-repeat;background-position:50%}.AnnotationViewerScreen .wrapper>.textContainer{width:100%;height:100%;padding-bottom:1rem;overflow-y:auto;display:flex;align-items:flex-end;justify-content:center;position:relative;z-index:1}.AnnotationViewerScreen .wrapper>.textContainer p{width:100%;padding:1rem 1.5rem 0;font-size:1.6rem;text-align:center;text-shadow:1px 1px 2px #000}.AnnotationViewerScreen .drawingContainer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;display:flex;align-items:center;justify-content:center}.AnnotationViewerScreen .drawingContainer .drawing{position:relative}.AnnotationViewerScreen .drawingContainer .drawing>div{background:transparent!important}.AnnotationViewerScreen .drawingContainer .VideoPlayer{position:absolute;top:0;left:0;width:100%;height:100%}@media screen and (orientation:landscape){.AnnotationViewerScreen.overlay{top:0;height:calc(100% - 4rem)}}.SendVideoScreen{transition:transform .3s;position:absolute;top:0;left:0;width:100%;height:100%;background:#000;z-index:5}.SendVideoScreen:not(.visible){transform:translateY(110%);pointer-events:none}.SendVideoScreen .wrapper{padding-top:2rem}.SendVideoScreen .videoInputContainer{position:relative;width:100%;background-color:hsla(0,0%,100%,.2);border-radius:.3rem;overflow:hidden}.SendVideoScreen .videoInputContainer .video-js{background-color:transparent}.SendVideoScreen .videoInput{width:100%;height:100vw;display:flex;align-items:center;justify-content:center}.SendVideoScreen .videoInput input{position:absolute;width:100%;height:100%;opacity:0}.SendVideoScreen .videoInput i,.SendVideoScreen .videoInput p{color:#fff;opacity:.5;font-size:1.4rem;pointer-events:none}.SendVideoScreen .videoInput i{opacity:.2;font-size:7rem}.SendVideoScreen .VideoPlayer{position:absolute;width:100%;height:100%;top:0;left:0}.SendVideoScreen form{display:flex;align-items:center;flex-direction:column;text-align:center}.SendVideoScreen form fieldset{width:calc(100% - 4rem)!important;display:flex;align-items:center;justify-content:center}.SendVideoScreen form fieldset.video{margin-top:.25rem;margin-bottom:2rem;padding-top:2rem;border-top:1px solid #222}.SendVideoScreen form fieldset:first-child{border-top:0}.SendVideoScreen form .form-control{width:100%;text-align:center}.SendVideoScreen form textarea{width:100%!important;text-align:left!important}.SendVideoScreen .AvatarIcon .icon i{font-size:1.5em}.SendVideoScreen .SelectControl [class*=-Group]:not(:first-child){border-top:1px solid #444}.SendVideoScreen .SelectControl .badge{background-color:#555;border-radius:2em;color:#aaa;display:inline-block;font-size:1.1rem;line-height:1.1rem;padding:.25rem .75rem}.SendVideoScreen .SelectControl [class*=-menu] [class*=-option],.SendVideoScreen .SelectControl [class*=-singleValue]{display:flex;align-items:center}.SendVideoScreen .SelectControl [class*=-menu] [class*=-option] .AvatarIcon,.SendVideoScreen .SelectControl [class*=-singleValue] .AvatarIcon{flex-shrink:0;width:2.8rem;height:2.8rem;margin-right:1rem}.SendVideoScreen .SelectControl [class*=-menu] [class*=-option] .AvatarIcon .initial,.SendVideoScreen .SelectControl [class*=-singleValue] .AvatarIcon .initial{font-size:1em}.SendVideoScreen .SelectControl [class*=-menu] [class*=-option] .name,.SendVideoScreen .SelectControl [class*=-singleValue] .name{flex-grow:1;color:#fff}.FriendRequestScreen{transition:transform .3s;position:absolute;top:0;left:0;width:100%;height:100%;background:#000;z-index:5}.FriendRequestScreen:not(.visible){transform:translateY(110%);pointer-events:none}.FriendRequestScreen .wrapper{padding-top:3rem}.FriendRequestScreen .videoInputContainer{position:relative;width:100%;background-color:hsla(0,0%,100%,.2);border-radius:.3rem;overflow:hidden}.FriendRequestScreen .videoInputContainer .video-js{background-color:transparent}.FriendRequestScreen .videoInput{width:100%;height:20vh;display:flex;align-items:center;justify-content:center}.FriendRequestScreen .videoInput input{position:absolute;width:100%;height:100%;opacity:0}.FriendRequestScreen .videoInput i,.FriendRequestScreen .videoInput p{color:#fff;opacity:.5;font-size:1.4rem;pointer-events:none}.FriendRequestScreen .videoInput i{opacity:.2;font-size:7rem}.FriendRequestScreen .VideoPlayer{position:absolute;width:100%;height:100%;top:0;left:0}.FriendRequestScreen form{display:flex;align-items:center;flex-direction:column;text-align:center}.FriendRequestScreen form fieldset{width:calc(100% - 4rem);display:flex;align-items:center;justify-content:center}.FriendRequestScreen form fieldset.video{margin-bottom:2rem}.FriendRequestScreen form .form-control{width:100%;text-align:center}.FriendRequestScreen form .form-control.SelectControl{padding:0}.FriendRequestScreen form textarea{width:100%!important;max-width:100%!important;min-width:100%!important;min-height:15rem;max-height:25rem;text-align:left!important}.FriendRequestScreen .foundUser{transition:opacity .3s;width:calc(100% - 4rem);margin:3rem auto 0;padding:3rem 2rem;background-color:#222;border-radius:.8rem;text-align:center}.FriendRequestScreen .foundUser:not(.visible){opacity:0}.FriendRequestScreen .foundUser .AvatarIcon{margin:0 auto 1rem;width:12rem;height:12rem}.FriendRequestScreen .foundUser .AvatarIcon+.btn{color:#f90;font-weight:400;text-align:center;width:100%}.FriendRequestScreen .foundUser .AvatarIcon .initial{font-size:3em}.FriendRequestScreen .foundUser .description,.FriendRequestScreen .foundUser .name{color:#fff}.FriendRequestScreen .foundUser .name{font-size:2.5rem}.FriendRequestScreen .foundUser .empty{opacity:.5}.FriendRequestScreen .foundUser .description{margin-top:1rem;font-size:1.4rem}.FriendRequestScreen .foundUser .btn{margin-top:3rem;font-size:1.6rem}.FriendRequestScreen .foundUser .btn i{color:#000;margin-right:.5rem}.FriendRequestScreen .foundUser .btn[disabled]{opacity:1;background-color:#333;color:#f90}.FriendRequestScreen .foundUser .btn[disabled] i{color:#f90!important}.FriendRequestScreen .foundUser .sendFriendRequestButton{width:23rem}.HomeScreenGuide{transition:transform .3s;z-index:9999;width:100%;height:100%;background-color:#000;overflow-y:auto;-webkit-overflow-scrolling:touch;text-align:left;padding:1.5rem}.HomeScreenGuide,.HomeScreenGuide .closeButton{position:absolute;top:0;left:0}.HomeScreenGuide:not(.visible){transform:translateY(100%)}.HomeScreenGuide h2,.HomeScreenGuide h4{color:#fff}.HomeScreenGuide h2{font-size:1.8rem;margin-top:3rem}.HomeScreenGuide h4{color:#f90}.HomeScreenGuide ol{padding:0;margin:0 0 4rem;color:#fff;text-align:left;list-style:none;counter-reset:li;font-size:1.4rem}.HomeScreenGuide ol li{margin:3rem 0 1.5rem;padding:0}.HomeScreenGuide ol li:before{content:counter(li);counter-increment:li;display:inline-block;width:2.5rem;height:2.5rem;text-align:center;background:#f90;font-weight:700;border-radius:50%;margin-right:1rem}.HomeScreenGuide ol li img{display:block;margin:2rem auto}.HomeScreenGuide .imageContainer{position:relative}.HomeScreenGuide .indicator{color:#f90;font-size:3rem;position:absolute;background:radial-gradient(circle,rgba(0,0,0,.5) 0,rgba(0,0,0,.2) 25%,transparent 50%);width:14rem;height:14rem;display:flex;align-items:center;justify-content:center}.HomeScreenGuide .indicator-1{-webkit-animation:point-vertical .3s infinite alternate;animation:point-vertical .3s infinite alternate;left:calc(50% - 7.5rem);bottom:-3rem}.HomeScreenGuide .indicator-1 i{transform:rotate(180deg)}.HomeScreenGuide .indicator-2{-webkit-animation:point-horizontal .3s infinite alternate;animation:point-horizontal .3s infinite alternate;left:-6%;top:calc(50% - 3.6rem)}.HomeScreenGuide .indicator-2 i{transform:rotate(90deg)}@-webkit-keyframes point-vertical{0%{transform:translateY(0)}to{transform:translateY(-1rem)}}@keyframes point-vertical{0%{transform:translateY(0)}to{transform:translateY(-1rem)}}@-webkit-keyframes point-horizontal{0%{transform:translateX(0)}to{transform:translateX(-1rem)}}@keyframes point-horizontal{0%{transform:translateX(0)}to{transform:translateX(-1rem)}}.OnboardingScreen{transition:opacity .3s;width:100%;height:100%;position:absolute;top:0;left:0;z-index:9999;background:#070063;display:flex;flex-direction:column;align-items:center;justify-content:center}.OnboardingScreen .closeButton{position:absolute;top:0;left:0;z-index:1}.OnboardingScreen:not(.visible){opacity:0;pointer-events:none}.OnboardingScreen label{font-size:2.5rem;line-height:3rem;color:#fff;margin-bottom:1rem;padding:0;width:100%;opacity:.75;text-align:center}.OnboardingScreen .form-control{font-size:3rem;line-height:4rem;color:#fff}.OnboardingScreen input[type=text].form-control,.OnboardingScreen textarea.form-control{resize:none;background:transparent;border-radius:0;padding:0;border-bottom:1px solid hsla(0,0%,100%,.85);width:100%;color:#f90}.OnboardingScreen input[type=text].form-control{text-align:center}.OnboardingScreen textarea.form-control{font-size:2rem}.OnboardingScreen .sections{transition:transform .3s;position:relative;width:100%;height:100%;display:flex;flex-wrap:nowrap}.OnboardingScreen .sections section{top:0;left:0;width:100%;height:100%;flex-direction:column;padding:3rem}.OnboardingScreen .navigation,.OnboardingScreen .sections section{position:absolute;display:flex;align-items:center;justify-content:center}.OnboardingScreen .navigation{pointer-events:none;bottom:3rem}.OnboardingScreen .navigation>div{position:relative;width:1.5rem;height:.5rem;border-radius:.5rem;background:hsla(0,0%,100%,.3);margin:0 .25rem}.OnboardingScreen .navigation>div:first-child:after{transition:transform .3s;position:absolute;top:0;left:0;content:"";width:1.5rem;height:.5rem;border-radius:.5rem;background:#fff}.OnboardingScreen .navigation[data-active-section="0"]>div:first-child:after{transform:translateX(0)}.OnboardingScreen .navigation[data-active-section="1"]>div:first-child:after{transform:translateX(2rem)}.OnboardingScreen .navigation[data-active-section="2"]>div:first-child:after{transform:translateX(4rem)}.OnboardingScreen .navigation[data-active-section="3"]>div:first-child:after{transform:translateX(6rem)}.OnboardingScreen .navigation[data-active-section="4"]>div:first-child:after{transform:translateX(8rem)}.OnboardingScreen .navigation[data-active-section="5"]>div:first-child:after{transform:translateX(10rem)}.OnboardingScreen .navigation[data-active-section="6"]>div:first-child:after{transform:translateX(12rem)}.OnboardingScreen .navigation[data-active-section="7"]>div:first-child:after{transform:translateX(14rem)}.OnboardingScreen section:not(.in):not(.out){opacity:0;pointer-events:none}.OnboardingScreen section[data-step=intro] .welcomeMessage{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:4rem;margin-top:2rem}.OnboardingScreen section[data-step=intro] .welcomeMessage .btn,.OnboardingScreen section[data-step=intro] .welcomeMessage h1,.OnboardingScreen section[data-step=intro] .welcomeMessage p{opacity:0}.OnboardingScreen section[data-step=intro] .welcomeMessage h1{font-size:3rem}.OnboardingScreen section[data-step=intro] .welcomeMessage .btn{font-size:2rem;padding:1.5rem 3rem;margin-top:2rem}.OnboardingScreen section[data-step=intro] .logo{width:60vw;margin-top:-3rem}.OnboardingScreen section[data-step=intro].in .btn,.OnboardingScreen section[data-step=intro].in .logo,.OnboardingScreen section[data-step=intro].in h1,.OnboardingScreen section[data-step=intro].in p{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.OnboardingScreen section[data-step=intro].in .logo{-webkit-animation-name:slideInLogo;animation-name:slideInLogo;-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes slideInLogo{0%{transform:translateY(0)}to{transform:translateY(-20rem)}}@keyframes slideInLogo{0%{transform:translateY(0)}to{transform:translateY(-20rem)}}.OnboardingScreen section[data-step=intro].in .btn,.OnboardingScreen section[data-step=intro].in h1,.OnboardingScreen section[data-step=intro].in p{-webkit-animation-name:slideInWelcome;animation-name:slideInWelcome;-webkit-animation-duration:1s;animation-duration:1s}.OnboardingScreen section[data-step=intro].in h1{-webkit-animation-delay:3.3s;animation-delay:3.3s}.OnboardingScreen section[data-step=intro].in p{-webkit-animation-delay:3.7s;animation-delay:3.7s}.OnboardingScreen section[data-step=intro].in .btn{-webkit-animation-delay:4.1s;animation-delay:4.1s}@-webkit-keyframes slideInWelcome{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes slideInWelcome{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}.OnboardingScreen section[data-step=intro].out .btn,.OnboardingScreen section[data-step=intro].out .logo,.OnboardingScreen section[data-step=intro].out h1,.OnboardingScreen section[data-step=intro].out p{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-duration:1s;animation-duration:1s;opacity:1}.OnboardingScreen section[data-step=intro].out .logo{-webkit-animation-name:slideOutLogo;animation-name:slideOutLogo;-webkit-animation-delay:.2s;animation-delay:.2s;transform:translateY(-20rem)}.OnboardingScreen section[data-step=intro].out .btn,.OnboardingScreen section[data-step=intro].out h1,.OnboardingScreen section[data-step=intro].out p{-webkit-animation-name:slideOutWelcome;animation-name:slideOutWelcome}.OnboardingScreen section[data-step=intro].out h1{-webkit-animation-delay:.4s;animation-delay:.4s}.OnboardingScreen section[data-step=intro].out p{-webkit-animation-delay:.6s;animation-delay:.6s}.OnboardingScreen section[data-step=intro].out .btn{-webkit-animation-delay:.8s;animation-delay:.8s}@-webkit-keyframes slideOutLogo{0%{transform:translateY(-20rem);opacity:1}to{transform:translateY(-25rem);opacity:0}}@keyframes slideOutLogo{0%{transform:translateY(-20rem);opacity:1}to{transform:translateY(-25rem);opacity:0}}@-webkit-keyframes slideOutWelcome{0%{transform:translateY(0);opacity:1}to{transform:translateY(-5rem);opacity:0}}@keyframes slideOutWelcome{0%{transform:translateY(0);opacity:1}to{transform:translateY(-5rem);opacity:0}}.OnboardingScreen section[data-step=firstName]{transition:transform 1s ease-in-out,opacity 1s ease-in-out}.OnboardingScreen section[data-step=firstName] input,.OnboardingScreen section[data-step=firstName] label{opacity:0}.OnboardingScreen section[data-step=firstName].in input,.OnboardingScreen section[data-step=firstName].in label{-webkit-animation-name:slideInFirstName;animation-name:slideInFirstName;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-duration:1s;animation-duration:1s}.OnboardingScreen section[data-step=firstName].in label{-webkit-animation-delay:2s;animation-delay:2s}.OnboardingScreen section[data-step=firstName].in input{-webkit-animation-delay:2.4s;animation-delay:2.4s}.OnboardingScreen section[data-step=firstName].in.step-2{transform:translateY(-15rem);opacity:1}.OnboardingScreen section[data-step=firstName].in.step-3{transform:translateY(-20rem);opacity:0}@-webkit-keyframes slideInFirstName{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFirstName{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}.OnboardingScreen section[data-step=lastName]{transition:transform 1s ease-in-out,opacity 1s ease-in-out;transition-delay:.2s,.2s}.OnboardingScreen section[data-step=lastName] input,.OnboardingScreen section[data-step=lastName] label{opacity:0}.OnboardingScreen section[data-step=lastName].in input,.OnboardingScreen section[data-step=lastName].in label{-webkit-animation-name:slideInLastName;animation-name:slideInLastName;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-duration:1s;animation-duration:1s}.OnboardingScreen section[data-step=lastName].in label{-webkit-animation-delay:1s;animation-delay:1s}.OnboardingScreen section[data-step=lastName].in input{-webkit-animation-delay:1.4s;animation-delay:1.4s}.OnboardingScreen section[data-step=lastName].in.step-3{transform:translateY(-5rem);opacity:0}@-webkit-keyframes slideInLastName{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLastName{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}.OnboardingScreen section[data-step=description]{transition:transform 2s ease-in-out,opacity 2s ease-in-out;margin-top:-8rem}.OnboardingScreen section[data-step=description] label,.OnboardingScreen section[data-step=description] p,.OnboardingScreen section[data-step=description] textarea{opacity:0}.OnboardingScreen section[data-step=description] p{font-size:3rem;text-align:center}.OnboardingScreen section[data-step=description] p .name{color:#f90}.OnboardingScreen section[data-step=description] textarea{margin-top:2rem}.OnboardingScreen section[data-step=description].in label,.OnboardingScreen section[data-step=description].in p,.OnboardingScreen section[data-step=description].in textarea{-webkit-animation-name:slideInDescription;animation-name:slideInDescription;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-duration:1s;animation-duration:1s}.OnboardingScreen section[data-step=description].in p{-webkit-animation-delay:1s;animation-delay:1s}.OnboardingScreen section[data-step=description].in label{-webkit-animation-delay:2s;animation-delay:2s}.OnboardingScreen section[data-step=description].in textarea{-webkit-animation-delay:2.4s;animation-delay:2.4s}@-webkit-keyframes slideInDescription{0%{opacity:0;transform:translateY(5rem)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDescription{0%{opacity:0;transform:translateY(5rem)}to{opacity:1;transform:translateY(0)}}.OnboardingScreen section[data-step=description].out label,.OnboardingScreen section[data-step=description].out p,.OnboardingScreen section[data-step=description].out textarea{-webkit-animation-name:slideOutDescription;animation-name:slideOutDescription;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-duration:1s;animation-duration:1s;opacity:1}.OnboardingScreen section[data-step=description].out p{-webkit-animation-delay:.4s;animation-delay:.4s}.OnboardingScreen section[data-step=description].out label{-webkit-animation-delay:.6s;animation-delay:.6s}.OnboardingScreen section[data-step=description].out textarea{-webkit-animation-delay:.8s;animation-delay:.8s}@-webkit-keyframes slideOutDescription{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-5rem)}}@keyframes slideOutDescription{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-5rem)}}.OnboardingScreen section[data-step=photoUrl]{margin-top:-4rem}.OnboardingScreen section[data-step=photoUrl] .AvatarIcon,.OnboardingScreen section[data-step=photoUrl] .btn,.OnboardingScreen section[data-step=photoUrl] label{opacity:0}.OnboardingScreen section[data-step=photoUrl] .AvatarIcon{margin-top:10rem}.OnboardingScreen section[data-step=photoUrl] .AvatarIcon .iconContainer{transform:scale(4);background:hsla(0,0%,100%,.2)}.OnboardingScreen section[data-step=photoUrl] .AvatarIcon .iconContainer .initial{color:hsla(0,0%,100%,.5)}.OnboardingScreen section[data-step=photoUrl] .btn{position:relative;transition:opacity .3s;font-size:2rem;padding:1.5rem 3rem;width:24rem}.OnboardingScreen section[data-step=photoUrl] .btn.hidden{visibility:hidden}.OnboardingScreen section[data-step=photoUrl] .btn-primary{margin-top:12rem;margin-bottom:2rem;overflow:hidden}.OnboardingScreen section[data-step=photoUrl] .btn-primary .progressBar{transition:width .3s,opacity .3s;position:absolute;top:0;right:0;width:100%;height:100%;background:rgba(0,0,0,.4)}.OnboardingScreen section[data-step=photoUrl] .btn-primary .progressBar:not(.visible){opacity:0}.OnboardingScreen section[data-step=photoUrl] .uploadInput{position:absolute;opacity:0;width:24rem;height:30rem;margin-top:1rem}.OnboardingScreen section[data-step=photoUrl] .uploadInput input[type=file]{width:100%;height:100%}.OnboardingScreen section[data-step=photoUrl].in .AvatarIcon,.OnboardingScreen section[data-step=photoUrl].in .btn,.OnboardingScreen section[data-step=photoUrl].in label{-webkit-animation-name:slideInPhotoUrl;animation-name:slideInPhotoUrl;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-duration:1s;animation-duration:1s}.OnboardingScreen section[data-step=photoUrl].in label{-webkit-animation-delay:1.4s;animation-delay:1.4s}.OnboardingScreen section[data-step=photoUrl].in .AvatarIcon{-webkit-animation-delay:1.8s;animation-delay:1.8s}.OnboardingScreen section[data-step=photoUrl].in .btn-primary{-webkit-animation-delay:2.2s;animation-delay:2.2s}.OnboardingScreen section[data-step=photoUrl].in .btn-default{-webkit-animation-delay:2.6s;animation-delay:2.6s}@-webkit-keyframes slideInPhotoUrl{0%{opacity:0;transform:translateY(5rem)}to{opacity:1;transform:translateY(0)}}@keyframes slideInPhotoUrl{0%{opacity:0;transform:translateY(5rem)}to{opacity:1;transform:translateY(0)}}.OnboardingScreen section[data-step=photoUrl].out .AvatarIcon,.OnboardingScreen section[data-step=photoUrl].out .btn,.OnboardingScreen section[data-step=photoUrl].out label{-webkit-animation-name:slideOutPhotoUrl;animation-name:slideOutPhotoUrl;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-duration:1s;animation-duration:1s;opacity:1}.OnboardingScreen section[data-step=photoUrl].out label{-webkit-animation-delay:.2s;animation-delay:.2s}.OnboardingScreen section[data-step=photoUrl].out .AvatarIcon{-webkit-animation-delay:.4s;animation-delay:.4s}.OnboardingScreen section[data-step=photoUrl].out .btn-primary{-webkit-animation-delay:.6s;animation-delay:.6s}.OnboardingScreen section[data-step=photoUrl].out .btn-default{-webkit-animation-delay:.8s;animation-delay:.8s}@-webkit-keyframes slideOutPhotoUrl{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-5rem)}}@keyframes slideOutPhotoUrl{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-5rem)}}.OnboardingScreen section[data-step=notification] .btn,.OnboardingScreen section[data-step=notification] label{opacity:0}.OnboardingScreen section[data-step=notification] .btn{font-size:2rem;padding:1.5rem 3rem;width:20rem}.OnboardingScreen section[data-step=notification] .btn-primary{margin-top:4rem;margin-bottom:2rem}.OnboardingScreen section[data-step=notification].in .btn,.OnboardingScreen section[data-step=notification].in label{-webkit-animation-name:slideInNotification;animation-name:slideInNotification;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-duration:1s;animation-duration:1s}.OnboardingScreen section[data-step=notification].in label{-webkit-animation-delay:1.4s;animation-delay:1.4s}.OnboardingScreen section[data-step=notification].in .btn-primary{-webkit-animation-delay:1.8s;animation-delay:1.8s}.OnboardingScreen section[data-step=notification].in .btn-default{-webkit-animation-delay:2.2s;animation-delay:2.2s}@-webkit-keyframes slideInNotification{0%{opacity:0;transform:translateY(5rem)}to{opacity:1;transform:translateY(0)}}@keyframes slideInNotification{0%{opacity:0;transform:translateY(5rem)}to{opacity:1;transform:translateY(0)}}.OnboardingScreen section[data-step=notification].out .btn,.OnboardingScreen section[data-step=notification].out label{-webkit-animation-name:slideOutNotification;animation-name:slideOutNotification;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-duration:1s;animation-duration:1s;opacity:1}.OnboardingScreen section[data-step=notification].out label{-webkit-animation-delay:.2s;animation-delay:.2s}.OnboardingScreen section[data-step=notification].out .btn-primary{-webkit-animation-delay:.4s;animation-delay:.4s}.OnboardingScreen section[data-step=notification].out .btn-default{-webkit-animation-delay:.6s;animation-delay:.6s}@-webkit-keyframes slideOutNotification{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-5rem)}}@keyframes slideOutNotification{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-5rem)}}.OnboardingScreen section[data-step=outro] .btn,.OnboardingScreen section[data-step=outro] footer,.OnboardingScreen section[data-step=outro] label,.OnboardingScreen section[data-step=outro] p{opacity:0}.OnboardingScreen section[data-step=outro] .btn{font-size:2rem;padding:1.5rem 3rem;width:20rem}.OnboardingScreen section[data-step=outro] .btn-primary{margin-top:4rem;margin-bottom:2rem}.OnboardingScreen section[data-step=outro] footer{height:auto;margin-top:1rem}.OnboardingScreen section[data-step=outro] footer nav{width:100%;height:6rem}.OnboardingScreen section[data-step=outro] footer nav ol{background:rgba(0,0,0,.35);display:flex;padding:0;margin:0;height:100%;counter-reset:li}.OnboardingScreen section[data-step=outro] footer nav li{width:25%;display:flex;flex-direction:column;justify-content:center;align-items:center}.OnboardingScreen section[data-step=outro] footer nav li:before{content:counter(li);counter-increment:li;display:inline-block;width:1.8rem;height:1.8rem;font-size:1.1rem;font-weight:700;text-align:center;background:#f90;border-radius:50%;margin:-2rem 0 1rem}.OnboardingScreen section[data-step=outro] footer nav li i{font-size:2rem}.OnboardingScreen section[data-step=outro] footer nav li .text{font-size:1rem;margin-top:.25rem}.OnboardingScreen section[data-step=outro] footer legend{margin-top:2rem}.OnboardingScreen section[data-step=outro] footer legend ol{padding:0;margin:0;color:#fff;text-align:left;list-style:none;counter-reset:li;font-size:1.4rem}.OnboardingScreen section[data-step=outro] footer legend ol li{position:relative;margin:1rem 0;padding:0 0 0 3.5rem}.OnboardingScreen section[data-step=outro] footer legend ol li:before{position:absolute;top:0;left:0;content:counter(li);counter-increment:li;display:inline-block;width:2.5rem;height:2.5rem;text-align:center;background:#f90;font-weight:700;border-radius:50%;margin-right:1rem}.OnboardingScreen section[data-step=outro] footer legend ol li img{display:block;margin:2rem auto}.OnboardingScreen section[data-step=outro].in .btn,.OnboardingScreen section[data-step=outro].in footer,.OnboardingScreen section[data-step=outro].in label,.OnboardingScreen section[data-step=outro].in p{-webkit-animation-name:slideInOuter;animation-name:slideInOuter;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-duration:1s;animation-duration:1s}.OnboardingScreen section[data-step=outro].in label{-webkit-animation-delay:1.4s;animation-delay:1.4s}.OnboardingScreen section[data-step=outro].in p{-webkit-animation-delay:1.8s;animation-delay:1.8s}.OnboardingScreen section[data-step=outro].in footer{-webkit-animation-delay:2.2s;animation-delay:2.2s}.OnboardingScreen section[data-step=outro].in .btn{-webkit-animation-delay:2.6s;animation-delay:2.6s}@-webkit-keyframes slideInOuter{0%{opacity:0;transform:translateY(5rem)}to{opacity:1;transform:translateY(0)}}@keyframes slideInOuter{0%{opacity:0;transform:translateY(5rem)}to{opacity:1;transform:translateY(0)}}.OnboardingScreen section[data-step=outro].out .btn,.OnboardingScreen section[data-step=outro].out footer,.OnboardingScreen section[data-step=outro].out label,.OnboardingScreen section[data-step=outro].out p{-webkit-animation-name:slideOutOuter;animation-name:slideOutOuter;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-duration:1s;animation-duration:1s;opacity:1}.OnboardingScreen section[data-step=outro].out label{-webkit-animation-delay:.2s;animation-delay:.2s}.OnboardingScreen section[data-step=outro].out p{-webkit-animation-delay:.4s;animation-delay:.4s}.OnboardingScreen section[data-step=outro].out footer{-webkit-animation-delay:.6s;animation-delay:.6s}.OnboardingScreen section[data-step=outro].out .btn{-webkit-animation-delay:.8s;animation-delay:.8s}@-webkit-keyframes slideOutOuter{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-5rem)}}@keyframes slideOutOuter{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-5rem)}}.BlockerMessageScreen{transition:opacity .3s;width:100%;height:100%;position:absolute;top:0;left:0;z-index:9999;background:#070063;display:flex;flex-direction:column;align-items:center;justify-content:center}.BlockerMessageScreen:not(.visible){opacity:0;pointer-events:none}.BlockerMessageScreen .logo{width:60vw;margin-top:-3rem}.BlockerMessageScreen .logotype{width:50vw}.BlockerMessageScreen .tagline{font-size:2.2rem}.BlockerMessageScreen .messageContainer{padding:1.5rem 2rem}.BlockerMessageScreen .messageContainer h1{margin:1.5rem 0;padding:0}.BlockerMessageScreen .messageContainer p{font-size:1.4rem}@media screen and (orientation:landscape){.BlockerMessageScreen{flex-direction:row}.BlockerMessageScreen .logo{width:200vw;width:calc(var(--vh, 1vw)*200);height:auto;padding:4rem}.BlockerMessageScreen .messageContainer{padding-right:4rem}}.StaffScreen{transition:transform .3s;position:absolute;top:0;left:0;z-index:5;width:100%;height:100%;background-color:#000;overflow-y:auto;-webkit-overflow-scrolling:touch;text-align:left}.StaffScreen:not(.visible){transform:translateY(100%)}.StaffScreen>section{overflow-y:auto}.StaffScreen h2{margin:1.5rem 0 1rem;padding:0 1.5rem;display:inline-block}.StaffScreen h2+.badge{margin-top:-.65rem;vertical-align:middle}.StaffScreen .staffListContainer+.staffListContainer{margin-top:1.5rem}.StaffList ul{padding:0;margin:0;list-style-type:none;flex-direction:column;display:flex}.StaffList ul li{display:flex;align-items:center;justify-content:flex-start;cursor:pointer;pointer-events:none;border-top:1px solid #333}.StaffList ul li .SwipeOptionWrapper{width:100%}.StaffList ul li .SwipeOptionWrapper .content{display:flex;align-items:center;justify-content:flex-start;padding:.8rem 1.5rem;background-color:#000}.StaffList ul li .actions{flex-shrink:0}.StaffList ul li .btn{padding:.3rem 1rem;pointer-events:none}.StaffList ul li .btn.btn-icon-only{width:3.5rem;height:3.5rem;padding:0;display:flex;align-items:center;justify-content:center;background-color:#555;border-radius:50%}.StaffList ul li .btn.btn-icon-only i{margin-top:.3rem}.StaffList ul li .btn+.btn{margin-left:.5rem}.StaffList .avatar{flex-shrink:0}.StaffList .info{flex-grow:1;padding:0 1.5rem}.StaffList .info .description{font-size:1.2rem}.StaffList .info .description span:not(:first-child){margin-left:.5rem}.StaffList .info .description span.role{opacity:.75}.StaffDetailsScreen{transition:transform .3s;position:absolute;top:0;left:0;width:100%;height:100%;background:#000;z-index:5}.StaffDetailsScreen:not(.visible){transform:translateY(110%);pointer-events:none}.StaffDetailsScreen .wrapper{padding-top:3rem}.StaffDetailsScreen h2{padding:0 2rem;margin:0 0 1rem}.StaffDetailsScreen form{display:flex;align-items:center;flex-direction:column;text-align:center}.StaffDetailsScreen form fieldset{width:calc(100% - 4rem)!important;display:flex;align-items:center;justify-content:center}.StaffDetailsScreen form .form-control{width:100%;text-align:center}.StaffDetailsScreen form textarea{width:100%!important;text-align:left!important}.StaffDetailsScreen .SelectControl [class*=-Group]:not(:first-child){border-top:1px solid #444}.StaffDetailsScreen .SelectControl .badge{background-color:#555;border-radius:2em;color:#aaa;display:inline-block;font-size:1.1rem;line-height:1.1rem;padding:.25rem .75rem}.StaffDetailsScreen .SelectControl [class*=-menu] [class*=-option],.StaffDetailsScreen .SelectControl [class*=-singleValue]{display:flex;align-items:center}.StaffDetailsScreen .SelectControl [class*=-menu] [class*=-option] .AvatarIcon,.StaffDetailsScreen .SelectControl [class*=-singleValue] .AvatarIcon{flex-shrink:0;width:2.8rem;height:2.8rem;margin-right:1rem}.StaffDetailsScreen .SelectControl [class*=-menu] [class*=-option] .AvatarIcon .initial,.StaffDetailsScreen .SelectControl [class*=-singleValue] .AvatarIcon .initial{font-size:1em}.StaffDetailsScreen .SelectControl [class*=-menu] [class*=-option] .name,.StaffDetailsScreen .SelectControl [class*=-singleValue] .name{flex-grow:1;color:#fff}.StudentsScreen:not(.showAsMainScreen){transition:transform .3s;position:absolute;top:0;left:0;z-index:5;width:100%;height:100%;background-color:#000;overflow-y:auto;-webkit-overflow-scrolling:touch;text-align:left}.StudentsScreen.showAsMainScreen>section{overflow-y:auto}.StudentsScreen:not(.visible){transform:translateY(100%)}.StudentsScreen>section{overflow-y:auto}.StudentsScreen h2{margin:1.5rem 0 1rem;padding:0 1.5rem;display:inline-block}.StudentsScreen h2+.badge{margin-top:-.65rem;vertical-align:middle}.StudentsScreen .studentListContainer+.studentListContainer{margin-top:1.5rem}.StudentList ul{padding:0;margin:0;list-style-type:none;flex-direction:column;display:flex}.StudentList ul li{display:flex;align-items:center;justify-content:flex-start;cursor:pointer;pointer-events:none;border-top:1px solid #333}.StudentList ul li .SwipeOptionWrapper{width:100%}.StudentList ul li .SwipeOptionWrapper .content{display:flex;align-items:center;justify-content:flex-start;padding:.8rem 1.5rem;background-color:#000}.StudentList ul li .actions{flex-shrink:0}.StudentList ul li .btn{padding:.3rem 1rem;pointer-events:none}.StudentList ul li .btn.btn-icon-only{width:3.5rem;height:3.5rem;padding:0;display:flex;align-items:center;justify-content:center;background-color:#555;border-radius:50%}.StudentList ul li .btn.btn-icon-only i{margin-top:.3rem}.StudentList ul li .btn+.btn{margin-left:.5rem}.StudentList .avatar{flex-shrink:0}.StudentList .info{flex-grow:1;padding:0 1.5rem}.StudentList .info .description{font-size:1.2rem}.StudentList .info .description span:not(:first-child){margin-left:.5rem}.StudentList .info .description span.role{opacity:.75}.color-primary{color:#f90!important}.color-default{color:#fff!important}.color-warning{color:#fc0!important}.color-danger{color:#f60!important}.color-dimmed{color:#999!important}.text-large{font-size:1.6rem}.text-larger{font-size:1.8rem}.StudentDetailsScreen{transition:transform .3s;position:absolute;top:0;left:0;width:100%;height:100%;background:#000;z-index:5}.StudentDetailsScreen:not(.visible){transform:translateY(110%);pointer-events:none}.StudentDetailsScreen .wrapper{padding-top:3rem}.StudentDetailsScreen h2{padding:0 2rem;margin:0 0 1rem}.StudentDetailsScreen form{display:flex;align-items:center;flex-direction:column;text-align:center}.StudentDetailsScreen form fieldset{width:calc(100% - 4rem)!important;display:flex;align-items:flex-start;justify-content:center}.StudentDetailsScreen form .form-control{width:100%;text-align:center}.StudentDetailsScreen form textarea{width:100%!important;text-align:left!important}.StudentDetailsScreen .SelectControl [class*=-Group]:not(:first-child){border-top:1px solid #444}.StudentDetailsScreen .SelectControl .badge{background-color:#555;border-radius:2em;color:#aaa;display:inline-block;font-size:1.1rem;line-height:1.1rem;padding:.25rem .75rem}.StudentDetailsScreen .SelectControl [class*=-menu] [class*=-option],.StudentDetailsScreen .SelectControl [class*=-singleValue]{display:flex;align-items:center}.StudentDetailsScreen .SelectControl [class*=-menu] [class*=-option] .AvatarIcon,.StudentDetailsScreen .SelectControl [class*=-singleValue] .AvatarIcon{flex-shrink:0;width:2.8rem;height:2.8rem;margin-right:1rem}.StudentDetailsScreen .SelectControl [class*=-menu] [class*=-option] .AvatarIcon .initial,.StudentDetailsScreen .SelectControl [class*=-singleValue] .AvatarIcon .initial{font-size:1em}.StudentDetailsScreen .SelectControl [class*=-menu] [class*=-option] .name,.StudentDetailsScreen .SelectControl [class*=-singleValue] .name{flex-grow:1;color:#fff}
/*# sourceMappingURL=main.0b511e1c.chunk.css.map */