@import url("https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap");@import url(./normalize.css);@import url(./side_navbar.css);@import url(./videos_tree.css);body,.btn{font-family:'Ubuntu', sans-serif;color:#3C4350;font-size:16px}body a,.btn a{text-decoration:none}.hidden{display:none !important}.page-container{width:100%;height:calc(100% - 62px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.page-container__header{width:calc(100% - 66px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:27px 33px 22px 33px;position:relative}.page-container__header::after{content:"";height:1px;width:calc(100% - 66px);border-top:1px solid #257F9E;position:absolute;bottom:0}.page-container__title{font-weight:400;font-size:1.5rem;font-family:'Inter', sans-serif;color:#3C4350}.container{height:100%;width:100%;max-width:1920px}.popup-page{background-color:#F8F8F8;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100vh}.popup{background-color:#fff;-webkit-box-shadow:0 4px 4px rgba(162,172,189,0.2);box-shadow:0 4px 4px rgba(162,172,189,0.2);border-radius:16px;border:1px solid #F3F3F3;width:100%;max-width:565px;min-height:335px;padding:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media screen and (max-width: 768px){.popup{width:calc(100% - 100px)}}.popup__title,.popup__subtitle,.popup__form,.popup__button-actions,.popup__titles{width:100%;max-width:445px}.popup__title,.popup__subtitle{font-weight:400;text-align:left}.popup__title{font-size:1.5rem}.popup__subtitle{font-size:1.125rem;margin-bottom:8px}.popup__form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.popup__form .form-group{width:100%;margin:12px 0}.popup__form .form-group__input{width:423px}@media screen and (max-width: 768px){.popup__form .form-group__input{width:100%}}.popup__button-actions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-top:28px}@media screen and (max-width: 768px){.popup__button-actions{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.popup__button-actions--btn{margin:0 13px}.popup__button-actions--btn:last-child{margin-right:0}@media screen and (max-width: 768px){.popup__button-actions--btn{width:100%;margin:10px 0}.popup__button-actions--btn .btn--secondary{width:100%}}.tile{width:252px;height:280px;background-color:#fff;border-radius:5px;margin:0 14px 32px 32px}.tile--img{height:100%;width:100%;background-size:contain;background-repeat:no-repeat;background-position:center}.tile--img-box{width:252px;height:154px;display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:5px;background:-o-linear-gradient(0.27deg, rgba(37,127,158,0.5) -6.28%, rgba(61,193,161,0.5) 119.61%);background:linear-gradient(89.73deg, rgba(37,127,158,0.5) -6.28%, rgba(61,193,161,0.5) 119.61%)}.tile--title{font-size:1.25rem;font-weight:500;margin:11px;color:#3C4350}.btn{height:46px;font-weight:500;font-size:1.125rem;line-height:21px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:23px;padding:12px 45px;border:1px solid #3C4350;cursor:pointer;background-color:transparent;color:#fff;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease}.btn:hover{filter:drop-shadow(0px 2px 2px rgba(0,0,0,0.25))}.btn:hover{-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease}.btn:hover:hover{filter:drop-shadow(0px 2px 2px rgba(0,0,0,0.25))}.btn--primary,.btn--secondary,.btn--link{border:none}.btn--primary{background-color:#257F9E}.btn--primary:hover{background-color:#299BC2}.btn--secondary{background-color:#fff;border:1px solid #257F9E;color:#257F9E}.btn--secondary:hover{border:1px solid #299BC2;color:#299BC2}.btn--link{font-weight:400;color:#3C4350}.btn--link:hover{text-decoration:underline}.btn--back-btn{padding-left:0;padding-right:0;margin-bottom:11px;font-size:1rem;color:#257F9E;height:20px}.btn--back-btn-icon{margin-right:6px;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.btn--disabled,.btn:disabled,.btn[disabled]{background-color:#D9D9D9;color:#3C4350;border:none;pointer-events:none}.btn--disabled:hover,.btn:disabled:hover,.btn[disabled]:hover{pointer-events:none}.form-group{position:relative}.form-group__static-label{font-weight:400;font-size:1rem}.form-group__select{margin-top:16px;background:#fff;border:1px solid #B1B1B1;border-radius:7px;height:50px;width:100%;color:#707070;font-family:'Ubuntu';font-style:normal;font-weight:400;padding:1px;font-size:1rem}.form-group__input{border:1px solid #B1B1B1;border-radius:7px;height:50px;padding:0 10px;width:100%;outline:none;background-color:#fcfcfc}.form-group__input:focus-visible{border:2px solid #B1B1B1}.form-group__input::placeholder{color:transparent}.form-group__input:-webkit-autofill,.form-group__input:-webkit-autofill:hover,.form-group__input:-webkit-autofill:focus,.form-group__input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #fff inset !important}.form-group__input:focus~.form-group__floating-label,.form-group__input:not(:placeholder-shown)~.form-group__floating-label{top:-0.6rem;opacity:1;color:#3C4350;background-color:#fcfcfc;padding:0 5px}.form-group__floating-label{position:absolute;pointer-events:none;font-size:1rem;left:10px;top:17px;padding:0 5px;transition:0.2s ease all;color:#707070;background-color:#fcfcfc}.upload-video-input{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.upload-video-input__label,.upload-video-input__sublabel{margin:5px 0}.upload-video-input__label{width:100%}.upload-video-input__sublabel{margin-bottom:8px;color:#6A6E76}.upload-video-input__draggable-container{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;max-width:445px;min-height:145px;background-color:#EDEFF2;border:1px dashed #B1B1B1;border-radius:7px;position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden}.upload-video-input__draggable-container--input{position:absolute;width:200%;height:50%}.upload-video-input__draggable-container--input[type="file"]{color:transparent}.upload-video-input__drop-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#6A6E76;font-size:1rem;padding-top:23px;padding-bottom:18px;margin:0}.upload-video-input__drop-info--img{margin-right:8px}.upload-video-input__or{position:relative}.upload-video-input__or::before,.upload-video-input__or::after{content:"";position:absolute;height:1px;width:48px;background-color:#D8D9DA;top:50%}.upload-video-input__or::before{left:-60px}.upload-video-input__or::after{right:-60px}.upload-video-input__browse-file{font-weight:500;font-size:1.125rem;color:#257F9E;cursor:pointer}.upload-video-input__browse-file:hover{text-decoration:underline}.upload-video-input__chosen-file{width:350px;overflow:hidden;display:inline-block;text-overflow:ellipsis;white-space:nowrap}.upload-video-input__buttons-actions{height:80px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;border-bottom:1px solid #257F9E}.progress-bar{margin:15px 0;height:25px;min-width:445px;width:100%;background-color:#F3F3F3;border-radius:7px}.progress-bar__progress-belt{height:100%;border-radius:7px;display:flex;justify-content:center;align-items:center;background:linear-gradient(89.73deg, #257F9E -6.78%, #3DC1A1 119.61%);color:#fff;font-size:.8rem}.loader{border:6px solid #F3F3F3;border-top:6px solid #257F9E;margin:10px auto;border-radius:50%;width:50px;height:50px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.base-layout-container{position:relative;height:calc(100vh - 69px);width:100%;padding-top:69px}@media screen and (max-width: 768px){.base-layout-container{padding-top:160px}}@media screen and (max-width: 480px){.base-layout-container{padding-top:320px}}@media screen and (max-width: 768px){.base-layout-container--logged{padding-top:190px}}.base-layout-container--without-header{padding-top:0;height:100vh}.footer{height:62px;width:calc(100% - 37px);position:absolute;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:37px;background-color:#3C4350}.footer__copyright--text{color:#F3F3F3;font-weight:400;font-size:1rem;margin:0 43px 0 0}.footer__privacy-terms{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-left:43px}.footer__privacy-terms--link{margin:0;color:#fff;font-weight:500;font-size:1rem}.footer__privacy-terms--link:not(:first-child){border-left:1px solid #787F8B;padding-left:17px;margin-left:17px}.footer__logo{height:100%;width:25%;margin-left:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.footer__mlink{color:white;font-weight:500}.footer__link{height:62px;margin:0 25px;display:flex;align-items:center}.footer__link--img{height:100%;max-height:34px}@media screen and (max-width: 768px){.footer{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:120px;padding:15px 0;width:100%}.footer__copyright--text{margin:15px 0}.footer__logo{width:100%;height:auto;margin:0;display:flex;justify-content:center;flex-wrap:wrap}.footer__privacy-terms{margin-left:0}}@media screen and (max-width: 480px){.footer{height:150px}}.base-header.not-logged,.base-header.logged{width:100%;height:69px;position:absolute;top:0;background-color:#fff}.base-header.not-logged{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media screen and (max-width: 768px){.base-header.not-logged{height:160px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}@media screen and (max-width: 480px){.base-header.not-logged{height:320px}}.base-header .not-logged__logo{height:100%;padding-left:10px;overflow:hidden;padding-top:5px}.base-header .not-logged__logo--img{height:100%}.base-header .not-logged__buttons{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-right:15px}.base-header .not-logged__buttons--link{margin:0 14px}@media screen and (max-width: 480px){.base-header .not-logged__buttons{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;height:auto}.base-header .not-logged__buttons--link{margin:14px 0}}.base-header.logged{right:0;width:calc(100% - 232px);display:flex;justify-content:flex-end;box-shadow:2px 2px 2px rgba(0,0,0,0.15)}@media screen and (max-width: 768px){.base-header.logged{width:100%;height:190px}}.base-header .logged__buttons{height:100%;display:flex;align-items:center}.base-header .logged__buttons--link{margin:0 5px}.base-header .logged__my-profile-btn{margin:0 5px}.base-header .logged__my-profile-btn--img{margin:0 10px;-webkit-transition:-webkit-transform .4s ease;-ms-transition:-ms-transform .4s ease;transition:transform .4s ease}.base-header .logged__my-profile-btn--active>img{transform:rotate(180deg)}.base-header .logged__my-profile-dropdown{position:absolute;width:157px;right:58px;top:52px;padding:12px 0;display:none;list-style-type:none;background:#fff;color:#3C4350;-webkit-box-shadow:0 4px 4px rgba(162,172,189,0.2);box-shadow:0 4px 4px rgba(162,172,189,0.2);border-radius:6px}.base-header .logged__my-profile-dropdown--active{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;z-index:99999}.base-header .logged__my-profile-dropdown-item{font-size:1rem;width:100%;height:42px}.base-header .logged__my-profile-dropdown-item:hover{background-color:rgba(0,0,0,0.04)}.base-header .logged__my-profile-dropdown-item--link{width:100%;height:100%;color:#3C4350;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 17px}@media screen and (max-width: 768px){.base-header .logged__buttons{width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.base-header .logged__buttons--link,.base-header .logged__buttons button{margin:5px 0}.base-header .logged__my-profile-dropdown{top:160px;left:50%;transform:translate(-50%, 0)}}.sidebar{height:calc(100% - 62px);width:232px;position:absolute;left:0;top:0;background-color:#fff;box-shadow:0 4px 4px #EDEFF2;white-space:normal;word-wrap:break-word;overflow-wrap:break-word}.sidebar__studies-results-btn-title{pointer-events:none;width:85%;text-align:left;color:#3C4350}.sidebar__sidebar__logo{height:95px}.sidebar__studies-results-container{width:100%;height:calc(100% - 88px)}.sidebar__studies-results-participants-list,.sidebar__studies-results-list{list-style-type:none;padding-left:25px}.sidebar__studies-results-participants-list{display:none;padding-left:0}.sidebar__studies-results-participants-list.active{display:flex;flex-direction:column}.sidebar__dropdown_box{width:30px;height:100%;display:flex;justify-content:center;align-items:center}.sidebar__dropdown_box>img{width:20px}.sidebar__studies-results-participants-list-item{margin:6px 0;display:flex;justify-content:center}.sidebar__studies-results-participants-list-item--link{height:100%;width:100%;color:inherit;text-align:left;padding:15px 0 15px 15px}.sidebar__studies-results-participants-list-item--link:hover{color:inherit;text-decoration:none}.sidebar__studies-results-participants-list-item:hover{cursor:pointer;background-color:rgba(0,0,0,0.04)}.sidebar__studies-results-list{overflow-y:auto;margin:0;height:100%}.sidebar__studies-results-list-item{width:100%;font-size:1rem;max-width:193px;border-bottom:1px solid #F5F5F5;margin:5px 0}.sidebar__dropdown-result-list-item-btn{height:45px;width:100%;padding:0 0 0 9px;border:none;color:#3C4350;font-weight:400;font-size:16px;line-height:18px;border-radius:0;position:relative;justify-content:flex-start}.sidebar__dropdown-result-list-item-btn .dropdown-icon--active{display:none}.sidebar__dropdown-result-list-item-btn--active{background:linear-gradient(89.73deg, #257F9E -6.78%, #3DC1A1 119.61%);border-radius:8px;color:#fff}.sidebar__dropdown-result-list-item-btn--active .dropdown-icon--active{display:inline}.sidebar__dropdown-result-list-item-btn--active .dropdown-icon--inactive{display:none}.sidebar__dropdown-result-list-item-btn--active:hover{color:#fff}.sidebar__dropdown-result-list-item-btn>img{margin-left:16px;position:absolute;right:15px}.home-page{background:-o-linear-gradient(0.27deg, rgba(37,127,158,0.5) -6.28%, rgba(61,193,161,0.5) 119.61%),url("/static/images/home-page-background.jpeg") no-repeat local 50% 0;background:linear-gradient(89.73deg, rgba(37,127,158,0.5) -6.28%, rgba(61,193,161,0.5) 119.61%),url("/static/images/home-page-background.jpeg") no-repeat local 50% 0;background-size:cover}.home-page__content-container{height:100%;max-width:445px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-left:116px}.home-page__content-title{width:435px;font-size:2rem;font-weight:500;line-height:47px;letter-spacing:0.03em;color:#fcfcfc}.home-page__button-wrapper{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;margin-bottom:135px}@media screen and (max-width: 768px){.home-page__content-container{width:100%;max-width:none;padding:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.home-page__button-wrapper{width:435px}}@media screen and (max-width: 480px){.home-page__content-title{text-align:center;width:100%}.home-page__button-wrapper{width:100%;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:110px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}.login-page__content-container{width:100%;height:100%;display:flex;position:relative;background-color:#F8F8F8}.login-page__logo{position:absolute;z-index:1}.login-page__image-container{width:55%;height:100%;position:relative;background:-o-linear-gradient(0.27deg, rgba(37,127,158,0.5) -6.28%, rgba(61,193,161,0.5) 119.61%),url("/static/images/login-page-background.jpeg") no-repeat local 50% 0;background:linear-gradient(89.73deg, rgba(37,127,158,0.5) -6.28%, rgba(61,193,161,0.5) 119.61%),url("/static/images/login-page-background.jpeg") no-repeat local 50% 0;display:flex;align-items:center;justify-content:flex-end;padding-left:25px}.login-page__image-container:after{content:"";display:block;width:100px;height:100px;position:absolute;border-radius:50%;-webkit-box-shadow:50px -50px 0 0 #F8F8F8;box-shadow:50px -50px 0 0 #F8F8F8;top:0;right:50px}@media screen and (max-width: 1023px){.login-page__image-container{display:none}}.login-page__login-form-container{width:45%;min-width:440px;max-width:880px;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;background-color:#F8F8F8}.login-page__login-form-container::after{content:"";position:absolute;width:52px;height:100%;background-color:#F8F8F8;bottom:0;left:-50px;border-radius:0 0 0 50px}@media screen and (max-width: 1023px){.login-page__login-form-container{width:100%;max-width:100%}}@media screen and (max-width: 480px){.login-page__login-form-container{min-width:320px}}.login-page__title-wrapper{height:100%;width:100%;max-width:1040px;display:flex;align-items:center}.login-page__title{color:#fff;font-weight:500;padding-left:15px;width:430px;line-height:47px;letter-spacing:0.03em;margin-bottom:155px}.login-page__form-title{font-weight:500;font-size:1.75rem;width:100%;margin-bottom:35px}.login-page__form{display:flex;flex-direction:column;align-items:center}.login-page__form .form-group{width:400px;margin:15px 0}@media screen and (max-width: 480px){.login-page__form .form-group{width:100%;max-width:400px;min-width:320px}}.login-page__login-button{margin:15px 0;width:400px}@media screen and (max-width: 480px){.login-page__login-button{width:100%;max-width:400px;min-width:320px}}.login-page__register{display:flex;align-items:center;margin-top:25px}.login-page__register--link{margin-left:8px;color:#257F9E}.login-page__register--link:hover{text-decoration:underline}.my-research-page{margin-left:232px;width:calc(100% - 232px);background-color:#F8F8F8}.my-research-page__delete-btn{color:#257F9E;font-weight:500;font-size:1rem;width:70px;height:35px}.my-research-page__delete-btn--icon{margin:0 7px}.my-research-page__btn{height:35px;width:135px;margin-right:11px}.my-research-page__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;overflow:auto}.my-research-page__title{font-weight:400;font-size:1.5rem;margin-top:72px;margin-bottom:24px;font-family:'Inter', sans-serif;color:#000000;padding-left:32px}.my-research-page__add-research-btn{margin-left:32px}.my-research-page__research{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:15px;padding:23px 0}.my-research-page__wrapper{margin-top:26px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;align-items:center}.my-research-page__buttons{display:flex;align-content:start;flex-direction:column}.my-research-page__buttons button{justify-content:left;padding:5px}.my-research-page__link:hover{text-decoration:none}.study-page{margin-left:232px;width:calc(100% - 232px);background-color:#F8F8F8}.study-page__button-actions{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.study-page__btn{padding:8px 23px;height:40px}.study-page__btn:first-child{margin-right:16px}.study-page__btn--delete{padding:4px;margin-right:6px;display:-webkit-box;display:-ms-flexbox;display:flex;width:78px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;color:#257F9E;font-weight:500;font-size:1rem}.study-page__btn--upload,.study-page__btn--process,.study-page__btn--processing,.study-page__btn--download{padding:0;height:35px;width:150px}.study-page__btn--upload:first-child,.study-page__btn--process:first-child,.study-page__btn--processing:first-child,.study-page__btn--download:first-child{margin-right:0}.study-page__btn--upload{background-color:#9d4325}.study-page__btn--upload:hover{background-color:rgba(157,67,37,0.898039)}.study-page__btn--process{background-color:#39b5a1}.study-page__btn--process:hover{background-color:rgba(57,181,161,0.74902)}.study-page__participants-container{width:100%;padding:22px 0;display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;overflow-y:auto}.study-page__tile{height:auto;padding-bottom:9px}.study-page__tile--title{margin-top:6px;margin-left:9px;margin-bottom:4px}.study-page__tile--date{color:#787F8B;font-size:1rem;font-weight:400;width:100%;margin:0 9px 6px 9px}.study-page__tile--link{margin-left:9px;color:#257F9E}.study-page__tile--link:hover{text-decoration:underline}.study-page__wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:60px}.study-page__no-participant{width:100%;margin:0 0 0 32px;font-size:1rem}.participant-upload-video-page .upload-video-input__buttons-actions{display:none}.participant-upload-video-page__processing-title{text-align:center;font-weight:400;font-size:1.5rem}.process-participant-video-page{margin-left:232px;width:calc(100% - 232px);background-color:#F8F8F8;overflow-y:auto}.process-participant-video-page__process-container{width:100%;padding-bottom:70px}.process-participant-video-page__wrapper{width:calc(100% - 64px);margin:18px 32px 12px 32px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.process-participant-video-page__wrapper--card{background-color:#fff;min-height:420px;border-radius:16px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.process-participant-video-page__buttons{display:-webkit-box;display:-ms-flexbox;display:flex;width:calc(100% - 64px);margin:18px 32px 12px 32px;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.process-participant-video-page__buttons .btn{margin-left:20px}.process-participant-video-page__btn{width:220px}.process-participant-video-page__video{padding:25px 0;min-height:0px}.process-participant-video-page__video--player{width:100%;max-width:1200px;height:auto}.process-participant-video-page__subtitle{font-family:'Inter', sans-serif;font-size:1.25rem;font-weight:600;margin:4px 0}.process-participant-video-page__desc{font-weight:400;font-size:1rem;text-align:left;width:100%;max-width:630px;line-height:26px;margin:4px 0}.process-participant-video-page__loader-container{width:calc(100% - 64px);margin:18px 32px 12px 32px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%}.process-participant-video-page__divider{width:calc(100% - 64px);height:1px;border:none;border-top:1px solid #257F9E;margin:18px 32px 24px 32px}.result-page{background-color:#F8F8F8}.result-page--logged{margin-left:232px;width:calc(100% - 232px);background-color:#F8F8F8}.result-page__content-container--logged{width:95%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.result-page__content-container{width:80%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.result-page__title{align-self:flex-start;font-size:1.5rem;font-weight:400;font-family:Inter;margin-top:40px}.result-page__video-container{width:100%;background-color:#fff;padding-left:25px;border-radius:16px;border:1px solid #F3F3F3;box-shadow:0px 4px 4px rgba(162,172,189,0.2);margin-bottom:16px;padding-bottom:10px;padding-right:10px;display:flex;flex-wrap:wrap}.result-page__video-screen{display:flex;flex-direction:row;align-items:center}.result-page__video-title{font-size:1.125rem;margin:10px 0px 5px 0px}.result-page__video{width:auto;height:35vh}.result-page__video-box{margin-left:5px}.result-page__events-box{display:flex;flex-direction:column;justify-content:space-between;flex-wrap:wrap}.result-page__events-box>form{margin:0}.result-page__event-form{display:flex;justify-content:center;align-items:center;margin-top:2px;text-align:center;flex-wrap:wrap}.result-page__event-form>*{margin:0px 2px}.result-page__chart-container{width:100%;height:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;border-radius:16px;border:1px solid #F3F3F3;box-shadow:0px 4px 4px rgba(162,172,189,0.2);margin-bottom:30px;background-color:#fff;padding-left:25px;padding-right:10px}.result-page__legend{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;align-items:center;justify-content:flex-start;line-height:26px;width:100%}.result-page__legend-title{color:#3C4350;font-size:1.125rem;padding-left:12px;width:20%}.result-page__legend-interest{width:1.5%;height:20%;background-color:#257F9E;border-radius:6px;margin-left:80px}.result-page__legend-activity{width:1.5%;height:20%;background-color:#3DC1A1;border-radius:6px;margin-left:16px}.result-page__legend-event{width:15px;height:15px;background-color:rgba(255,99,132,0.25);border:1px solid #666;border-radius:8px;margin-left:16px}.result-page__legend-item-text{color:#3C4350;font-size:0.875rem;margin-left:7px}.result-page__legend-button{margin-left:30px;width:10%;font-size:1rem;padding:0px}.result-page__chart-content{position:relative;height:100% !important;width:100% !important;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width: 768px){.result-page{height:calc(100% - 150px)}.result-page__legend-interest{margin-left:40px}.result-page__video{width:100%}}@media screen and (max-width: 480px){.result-page{height:calc(100% - 180px)}.result-page__legend-interest{margin-left:10px}}.demo-page{height:100%;width:100%;display:flex;justify-content:center;align-items:center;font-size:24px;background-color:#F8F8F8}.demo-page__content{width:30%;background-color:#fff;border:1px solid #F3F3F3;box-shadow:0px 4px 4px rgba(162,172,189,0.2);border-radius:16px;padding:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}.demo-page__title{align-self:center}.demo-page__form{margin-top:28px}.demo-page__form-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}.demo-page__form-btn{margin-top:40px;-ms-flex-item-align:end;align-self:flex-end}.effect-page__content-container--logged{justify-content:flex-start}.effect-page__back-arrow{width:100%;height:5%;display:flex;flex-flow:row;justify-content:flex-start;align-items:center;margin-top:25px;margin-bottom:20px}.effect-page__title{margin:0px 0px 15px 0px}.effect-page__chart-container{height:40%}.effect-page__video{position:relative;height:26vh}.effect-page__buttons{display:flex;flex-flow:row;justify-content:flex-end;align-items:center;height:15%;width:100%;margin-bottom:60px}.effect-page__back-button{margin-right:20px}.message__modal{position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,0.4)}.message__modal-fade{opacity:0;transition:opacity .15s linear}.message__modal-show{opacity:1}.message__modal-content-fade{transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform:translate(0, -100%);transform:translate(0, -100%)}.message__modal-content-show{-webkit-transform:translate(0, 0);transform:translate(0, 0)}.message__modal-content{background-color:#fefefe;border-radius:.3rem;margin:auto;padding:20px;border:1px solid rgba(0,0,0,0.2);max-width:500px}.message__modal-message-error{color:#9b2a2a}.message__modal-message-success{color:#2a9b42}.message__close{color:#aaaaaa;float:right;font-size:28px;font-weight:bold}.message__close:hover,.message__close:focus{color:#000;text-decoration:none;cursor:pointer}.warning-shake{animation:shake 0.5s;animation-iteration-count:5;color:red}@keyframes shake{0%{transform:translate(1px, 0px)}10%{transform:translate(-1px, 0px)}20%{transform:translate(-3px, 0px)}30%{transform:translate(3px, 0px)}40%{transform:translate(1px, 0px)}50%{transform:translate(-1px, 0px)}60%{transform:translate(-3px, 0px)}70%{transform:translate(3px, 0px)}80%{transform:translate(-1px, 0px)}90%{transform:translate(1px, 0px)}100%{transform:translate(1px, 0px)}}