@import url(https://fonts.googleapis.com/css?family=DM+Sans:regular,bold);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}body,code{font-family:DM Sans}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:poin}a,a:hover,a:visited{color:#fff}a:hover{text-decoration:none}p{display:block;margin:0 0 1rem}.row{display:flex;flex-wrap:wrap;margin:0 -15px}.col{box-sizing:border-box;padding:0 15px}.col-half{flex:0 0 50%;max-width:50%}.text-right{text-align:right}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.8rem!important}.management-page{background:#fff;height:100%;padding:0;position:relative;width:calc(100% - 60px)}.management-panel{background:#fff;height:100%;overflow-y:auto;padding:53px 30px 0;right:0;transition:width .3s ease,right .3s ease}.management-panel__block{display:block}.form__row{*zoom:1;flex:0 0 100%;margin-bottom:21px;position:relative}.form__row--flush{margin-bottom:0!important}.form__row a{color:rgba(15,18,40,.9);transition:color .3s ease}.add-another{border:none;color:rgba(15,18,40,.9);cursor:pointer;font-size:14px;letter-spacing:.14px;line-height:54px;text-decoration:underline}.add-another:hover{text-decoration:none}.add-another:before{border:2px solid #fff;border-radius:50%;color:#fff;content:"+";display:inline-block;font:400 26px/20px DM Sans;height:23px;margin-right:8px;text-align:center;vertical-align:middle;width:23px}.form__row__remove{cursor:pointer;font-size:0;overflow:hidden;position:absolute;right:0;text-decoration:none;top:64%;transform:translateY(-50%)}.form__row__remove:after{border:2px solid #959595;border-radius:50%;color:#959595!important;content:"+";display:inline-block;font:400 26px/20px DM Sans;height:23px;margin-right:8px;text-align:center;transform:rotate(45deg);vertical-align:middle;width:23px}.form__row__half{margin-bottom:31px}.form__label{font-weight:500}.form__label,.form__label__bold{color:grey!important;display:block;font-size:18px!important;letter-spacing:.1px!important;line-height:24px!important;margin-bottom:8px}.form__label__bold{font-weight:700}.form__label.error{color:red}.form__label--inline{float:left;line-height:54px}.form__action{margin-top:32px;overflow:hidden}.form__row--center{text-align:center}.form__action .btn{border:1px solid #cecece;font-size:14px}.form-in__row{display:flex;flex-wrap:wrap}.form__col__seventy{flex:0 0 70%;max-width:70%}.form__col__thirty{flex:0 0 30%;max-width:30%;padding-left:20px}.btn--inline{display:inline-block}.btn--standard{margin:0 auto;transition:background-color .3s ease,color .3s ease;width:210px;width:calc(50% - 5px)}.btn--standard--center{margin:0 auto!important}.btn{-webkit-appearance:none!important;background-color:transparent;border:2px solid #000;border-radius:50px;box-shadow:none;color:#000;cursor:pointer;font:400 16px/33px DM Sans;height:37px;letter-spacing:.16px;line-height:1.5;outline:none;padding:0 20px;text-align:center;text-decoration:none;text-transform:none}.btn--action-inline{transition:border .3s ease;width:50%;width:calc(50% - 5px)}.btn--inline{display:inline-block!important;float:none!important;margin-left:24px;position:relative;top:0}.form__row:after,.form__row:before{clear:both;content:"";display:table}.no-touch .btn:hover{text-decoration:none}.btn.btn--standard:hover:enabled,.btn.btn--standard:hover[enabled]{border:2px solid #000}.btn.btn-icon{background-position:12px;background-repeat:no-repeat;background-size:24px 24px;border:1px solid #cecece;color:rgba(15,18,40,.9);font-size:14px;padding-left:40px;transition:color .3s ease-in-out,border .3s ease-in-out;-webkit-transition:color .3s ease-in-out,border .3s ease-in-out}.btn-slack{background-image:url(https://app.hqrdev.com/static/media/slack-logo.907c7d3efa398038bd65.svg)}.btn-google{background-image:url(https://app.hqrdev.com/static/media/google.ee81294d840f15c46fc9.svg)}.btn-icon:hover{border-color:#000;color:#000}.hide-on-phone{display:none}.form__action:last-of-type{margin-top:-11px}.form__text-input{-webkit-appearance:none;background-color:transparent;border:3px solid #e5e5e5;border-radius:8px;font-size:14px;height:48px;letter-spacing:.14px;line-height:37px;outline:none;padding-left:18px;text-align:left;transition:border-color .2s ease;width:100%}.form__text-input.error{border-color:red;color:red}@media screen and (min-width:768px){.management-panel{padding:53px 40px 0}.form__row{margin-bottom:34px}.form__row__half{float:left;margin-bottom:0;width:calc(50% - 12px)}.form__row__half:first-of-type{margin-right:24px}.form__text-input{font-size:18px;letter-spacing:.18px;line-height:42px}.btn{font-size:16px;height:42px;letter-spacing:.16px;line-height:2}.hide-on-phone{display:inline}.btn--standard{line-height:1;margin:0;width:210px;width:calc(50% - 5px)}.form__action:last-of-type{margin-top:-21px}}@media screen and (min-width:1024px){.management-page{width:calc(100% - 300px)}.management-panel{padding:22px 40px 22px 150px}.management-panel__inner{width:778px}}.loader{animation:load3 1.4s linear infinite;background:#fff;background:linear-gradient(90deg,#fff 10%,hsla(0,0%,100%,0) 42%);border-radius:50%;bottom:0;font-size:2px;height:11em;margin:auto;position:relative;right:0;text-indent:-9999em;transform:translateZ(0);width:11em}.loader,.loader:before{left:0;position:absolute;top:0}.loader:before{background:#fff;border-radius:100% 0 0 0;content:"";height:50%;width:50%}.loader:after{background:#000;border-radius:50%;bottom:0;content:"";height:75%;left:0;margin:auto;position:absolute;right:0;top:0;width:75%}@keyframes load3{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loader.white{background:#000;background:linear-gradient(90deg,#000 10%,transparent 42%)}.loader.white:before{background:#000}.loader.white:after,.modal{background:#fff}.modal{height:0;left:0;opacity:0;overflow:auto;position:fixed;top:0;transform:translateY(20px);transition:height 0s .1s,opacity .1s,transform .1s;width:100%;z-index:40000}.setting-container{background:"#000 !important"}.modal-open .modal{height:100%;opacity:1;transform:translateY(0);transition:opacity .1s,transform .1s}.modal__close{background:url(https://app.hqrdev.com/static/media/icon.modal.close.7a62b7a4f6d6b0c477f3.svg) no-repeat;background-size:100% 100%}.modal__close,.modal__close__white{border:0;height:18px;outline:none;padding:0;position:absolute;right:40px;top:40px;width:18px}.modal__close__white{background:url(https://app.hqrdev.com/static/media/x.a189d058148db155f4f2.svg) no-repeat;background-size:100% 100%}.modal__content{padding:40px}.modal__title{color:#666;font:500 28px Gotham;margin:0;text-align:left;text-transform:none}.modal__form{margin:40px 0 0;max-width:660px}.modal__form__row--smaller{font-size:0}@media screen and (min-width:768px){.modal__form__row--smaller{margin-bottom:25px}}.modal__form__row--flush{margin-bottom:0}.modal__form__row--flush:last-of-type{margin-bottom:21px!important}@media screen and (min-width:768px){.modal__form__row--flush:last-of-type{margin-bottom:34px!important}}.modal__form__row--group{margin-bottom:0}@media screen and (min-width:768px){.modal__form__row--group{margin-bottom:34px}.modal__form__row--group--smaller{margin-bottom:25px}}.modal__form__row--with-bottom-border{border-bottom:1px solid #cecece}.modal__form__row__half{margin-bottom:31px}@media screen and (min-width:768px){.modal__form__row__half{float:left;margin-bottom:0;width:calc(50% - 12px)}.modal__form__row__half:first-of-type{margin-right:24px}}.modal__form__row__half:last-of-type{margin-bottom:0}.modal__form__row__half--secondary{float:left;width:calc(50% - 7px)}@media screen and (min-width:768px){.modal__form__row__half--secondary{width:calc(50% - 12px)}}.modal__form__row__half--secondary:first-of-type{margin-right:14px}@media screen and (min-width:768px){.modal__form__row__half--secondary:first-of-type{margin-right:24px}}.modal__form__row__half--secondary--full{margin-right:0;width:100%}@media screen and (min-width:768px){.modal__form__row__half--secondary--full{width:calc(50% - 12px)}}.modal__form__row__seventy{float:left;width:70%}.modal__form__row__thirty{float:left;padding-left:24px;width:30%}.modal__form__row__thirty--flush{padding-left:6px}.modal__form__row a{color:rgba(15,18,40,.9);transition:color .3s ease}.modal__form__label{color:grey;display:block;letter-spacing:.1;line-height:24px;font:500 16px DM Sans}.modal__form__label__setting{color:grey;display:block;font:500 16px DM Sans;letter-spacing:letter-spacing(10,14px)}.modal__form__label--inline{float:left;line-height:54px}.modal__form__label--smaller{color:#cecece}.modal__form__label--smaller,.modal__form__note{font:500 14px/18px GTWalsheim,Helvetica Neue,Helvetica,Arial,sans-serif;letter-spacing:letter-spacing(10,14px)}.modal__form__note{color:#999;display:block;margin:0}.modal__form__text-input{-webkit-appearance:none;background-color:transparent;border:0;border-bottom:1px solid #cecece;color:#9d9d9d;font:500 16px DM Sans;height:37px;letter-spacing:letter-spacing(10,14px);outline:none;text-align:left;transition:border-color .2s ease;width:100%}@media screen and (min-width:768px){.modal__form__text-input{font-size:18px;height:42px;letter-spacing:letter-spacing(10,18px);line-height:42px}}.modal__form__text-input::-webkit-input-placeholder{color:#969696;font:500 10px/40px GTWalsheim,Helvetica Neue,Helvetica,Arial,sans-serif;letter-spacing:letter-spacing(10,10px);text-align:left}@media screen and (min-width:768px){.modal__form__text-input::-webkit-input-placeholder{font-size:16px;letter-spacing:letter-spacing(10,16px);line-height:42px}}.modal__form__text-input:-moz-placeholder{color:#969696;font:500 10px/40px GTWalsheim,Helvetica Neue,Helvetica,Arial,sans-serif;letter-spacing:letter-spacing(10,10px);text-align:left}@media screen and (min-width:768px){.modal__form__text-input:-moz-placeholder{font-size:16px;letter-spacing:letter-spacing(10,16px);line-height:42px}}.modal__form__text-input:-ms-input-placeholder{color:#969696;font:500 10px/40px GTWalsheim,Helvetica Neue,Helvetica,Arial,sans-serif;letter-spacing:letter-spacing(10,10px);text-align:left}@media screen and (min-width:768px){.modal__form__text-input:-ms-input-placeholder{font-size:16px;letter-spacing:letter-spacing(10,16px);line-height:42px}}.modal__form__text-input.placeholder{color:#969696;font:500 10px/40px GTWalsheim,Helvetica Neue,Helvetica,Arial,sans-serif;letter-spacing:letter-spacing(10,10px);text-align:left}@media screen and (min-width:768px){.modal__form__text-input.placeholder{font-size:16px;letter-spacing:letter-spacing(10,16px);line-height:42px}}.modal__form__text-input:focus{border-color:rgba(15,18,40,.9)}.modal__form__text-input--qty{color:#787878;display:inline-block;height:21px;line-height:23px;padding:4px 0 0;text-align:center;vertical-align:middle;width:22px}.modal__form__text-input--postcode-find{display:inline-block;width:140px}.modal .opentok-hardware-setup-preview{margin:20px 0 0}.modal .opentok-hardware-setup-activity-bg{background:#e4e4e4}.modal .opentok-hardware-setup-activity-bg:after{background:#6eff5b;background:linear-gradient(90deg,#6eff5b 61%,#fcff70 76%,#faff00 87%,#ff7070);border-top:5px solid #fff;content:"";display:block;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#6eff5b",endColorstr="#ff7070",GradientType=1);height:5px}.modal .hardware-setup-activity-fg{background:#ecfc54;height:20px;width:0}.modal__av-settings{margin-bottom:21px}@media screen and (min-width:768px){.modal__av-settings{margin-bottom:34px}}.modal__av-settings .modal__form__row.last{margin:0}.modal .hardware-setup-preview{margin:20px 0 0;position:relative}.modal .hardware-setup-preview video{background-position:50%;background-repeat:no-repeat;background-size:cover}.video-container{height:300px;position:relative;width:300px}.video-loading{background-color:#000;display:block;height:100%;position:absolute;width:100%;z-index:1}.modal .hardware-setup-activity-bg{background-color:#e4e4e4}.modal .hardware-setup-activity-gg{background-color:#ecfc54;height:20px}.modal .hardware-setup-activity-bg:after{background:#6eff5b;background:linear-gradient(90deg,#6eff5b 61%,#fcff70 76%,#faff00 87%,#ff7070);border-top:5px solid #fff;content:"";display:block;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#6eff5b",endColorstr="#ff7070",GradientType=1);height:5px}@media screen and (min-width:768px){.modal__form__row{margin-bottom:34px}}.modal__form__row{margin-bottom:21px;overflow:hidden;position:relative}.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{background-color:#333;border-radius:4px;color:#fff;font-size:14px;line-height:1.4;outline:0;position:relative;transition-property:transform,visibility,opacity;white-space:normal}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{border-top-color:initial;border-width:8px 8px 0;bottom:-7px;left:0;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{border-bottom-color:initial;border-width:0 8px 8px;left:0;top:-7px;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-left-color:initial;border-width:8px 0 8px 8px;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{border-right-color:initial;border-width:8px 8px 8px 0;left:-7px;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{color:#333;height:16px;width:16px}.tippy-arrow:before{border-color:transparent;border-style:solid;content:"";position:absolute}.tippy-content{padding:5px 9px;position:relative;z-index:1}*{outline:none}button{-webkit-appearance:none}*{box-sizing:border-box}div{display:block}button:hover{opacity:.8}.App{display:none;height:100vh}.App.show{display:flex}.landing-screen{color:#fff}.flash-section,.landing-screen,.loading-screen{align-items:center;background:url(https://app.hqrdev.com/static/media/background.f4701b4b5e9363c6cf8a.png) no-repeat;background-size:cover;color:#fff;display:flex;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh;width:100%}.flash-section .col-full{padding-left:0;padding-right:0}.App-link{color:#191a19}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.forms{display:flex;flex-wrap:wrap}.form-group{flex:0 0 100%;height:100%;max-width:100%;padding:0 1rem}.form-control{background-color:#fff;border:1px solid #f1f1f1;display:block;height:auto;margin:0 0 5px;padding:7px 10px;width:100%}.col-full{flex:0 0 100%;max-width:100%;padding:0 1rem}.btn{display:block;font-size:16px;height:61px;padding:7px 20px;width:162px}.text-center{text-align:center}.loading__message:after{animation:spin 1s infinite;background-image:url(https://app.hqrdev.com/static/media/logo.white.4df2bdf5fe255df65280.svg);background-position:100%;background-repeat:no-repeat;background-size:40px 40px;content:"";display:inline-block;height:40px;margin:0 0 0 20px;width:40px}.link-forgot-password{color:grey!important;font-size:12px!important;font-weight:500;letter-spacing:.1;margin-top:8px!important;text-decoration:none}.p-relative{position:relative}.container{display:block;padding:0 15px}.login-page-label{color:grey!important;font-size:12px!important;font-weight:500!important;line-height:24px;margin-bottom:4px;margin-top:24px}.login-page-input{flex:0 0 100%;margin-bottom:4px}.login-page h2{color:#000;font:400 22px/38px;letter-spacing:.22px}.snackbar{background-color:#000;border:1px solid #000;color:#fff}.snackbar-top{font-size:16px;padding:7px 0;position:absolute;text-align:center;top:0;width:100%}.btn.btn--standard:disabled,.btn.btn--standard:hover:disabled,.btn.btn--standard:hover[disabled],.btn.btn--standard[disabled]{background-color:#fff;border:1px solid #696969}label.form__checkbox{display:block}.skinned-wrapper{border:3px solid #e5e5e5;border-radius:8px;color:#9d9d9d;font-size:14px;height:43px;letter-spacing:.14px;line-height:37px;outline:none;padding-left:18px;text-align:left;transition:border-color .2s ease;width:100%}.skinned-wrapper-white{background:#fff}.skinned-wrapper.error{border-bottom-color:red}.skinned-wrapper.error .skinned-text{color:red}@media screen and (min-width:768px){.skinned-wrapper{font-size:18px;letter-spacing:.18px}}.skinned-wrapper:before{border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #cecece;content:"";display:inline;margin-top:16px;position:absolute;right:16px;width:0}.skinned-wrapper select{filter:alpha(opacity=0);height:100%;opacity:0;width:100%}.StripeElement--webkit-autofill{background:transparent!important}.StripeElement{border-bottom:1px solid #cecece;font-size:18px;height:16.2px;line-height:42px;padding:25.7px 0}.skinned-wrapper .skinned-text{color:#9d9d9d;font-size:24px;font-weight:500;letter-spacing:.14px;padding:2px 0 0;position:absolute;width:100%;z-index:0}.skinned-wrapper .skinned-text,.skinned-wrapper select,.skinned-wrapper select option{color:#9d9d9d;font-size:18px;letter-spacing:.14px;width:100%}@media screen and (min-width:768px){.skinned-wrapper .skinned-text,.skinned-wrapper select,.skinned-wrapper select option{font-size:14px;line-height:32px}}.skinned-wrapper-sidebar{border:3px solid #e5e5e5;border-radius:8px;color:#9d9d9d;font-size:14px;height:43px;letter-spacing:.14px;line-height:37px;outline:none;padding-left:18px;text-align:left;transition:border-color .2s ease;width:100%}.skinned-wrapper-sidebar-white{background:#fff}.skinned-wrapper-sidebar.error{border-bottom-color:red}.skinned-wrapper-sidebar.error .skinned-text{color:red}@media screen and (min-width:768px){.skinned-wrapper-sidebar{font-size:18px;letter-spacing:.18px}}.skinned-wrapper-sidebar select{filter:alpha(opacity=0);height:100%;opacity:0;width:100%}.skinned-wrapper-sidebar .skinned-text{color:#9d9d9d;font-size:24px;font-weight:500;letter-spacing:.14px;padding:2px 0 0;position:absolute;width:100%;z-index:0}.skinned-wrapper-sidebar .skinned-text,.skinned-wrapper-sidebar select,.skinned-wrapper-sidebar select option{color:#9d9d9d;font-size:18px;letter-spacing:.14px;width:100%}@media screen and (min-width:768px){.skinned-wrapper-sidebar .skinned-text,.skinned-wrapper-sidebar select,.skinned-wrapper-sidebar select option{font-size:14px;line-height:32px}}.skinned-select{background-color:#252525}.error-message{color:red;font-size:.875rem;margin-top:.25rem}
/*# sourceMappingURL=main.eef6c3e4.css.map*/