body,html{width:100%;height:100%;margin:0;padding:0;display:flex;justify-content:center;align-items:center;min-height:100%}.pic{position:relative;width:100px;height:100px;margin:auto;margin-bottom:10px;border-radius:100px}.pic video{width:100%;height:100%;border-radius:100%;object-fit:cover}button,label,select{display:block}video.recorded{display:block;width:100px;height:300px}.box-wrapper button{width:100%;max-width:300px}button.inverted{border:1px solid #000;background-color:#fff;color:#000}.info{padding:70px 0;text-align:center;width:100%;height:calc(100% - 140px);background-color:#fff;color:#333;margin:auto}.info h3{margin:0;margin-bottom:5px;font-size:28px}.info p{margin:0;margin-bottom:20px}.info button{background-color:#f4c24b;color:#000;position:relative;margin:auto}.box-video{z-index:100!important;width:100%;height:100%;text-align:center;background-color:#000}.box-video-in{position:absolute;z-index:1;left:0;right:0;margin:auto;width:100%;height:100%}#localVideoFull{position:absolute;left:0;top:0;right:0;margin:auto;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;transform:scaleX(-1)}#localVideoFull2,#video{position:relative;left:0;top:0;right:0;margin:auto;width:auto;height:100%;object-fit:cover}#video{top:0;width:280px;height:350px}#localVideoFull2{display:none}.localVideo{position:relative}video{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}#restart-bt{position:absolute;display:none;width:auto;background-color:red;color:#fff;border-radius:80px;font-size:12px;z-index:3;top:30px;left:30px}#restart-bt-again{position:relative;margin-top:20px;width:auto;background-color:red;color:#fff;border-radius:80px;font-size:12px;z-index:3}#continue-bt{position:absolute;display:none;width:auto;padding:12px 24px;background-color:#fff;color:#333;border-radius:20px;z-index:3;bottom:30px;right:30px}.box-video-in button{position:relative;left:0;right:0;max-width:250px;margin:auto}#counter{position:absolute;text-align:center;z-index:2;width:50px;top:50px;left:0;right:0;margin:auto;color:#fff;text-align:left;font-size:15px;font-weight:500;line-height:15px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.footer-video{position:absolute;z-index:3;width:calc(100% - 40px);left:0;right:0;margin:auto;height:100px;background-color:#000;border-top:1px solid #fff;bottom:0}.changeCamera{position:absolute;top:10px;right:10px;width:35px;height:35px}.changeCamera img{position:absolute;top:0;bottom:0;object-fit:contain;margin:auto}.recs{position:relative;top:20px;left:0}.start-rec{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:150px;color:#fff;background-color:purple;border-radius:8px;height:30px;line-height:30px;text-align:center;height:auto;display:none}.stop-rec{position:absolute;top:0;bottom:0;left:0;right:0;width:80px;height:40px;line-height:40px;padding:0;background-color:red;margin:auto;margin-top:20px;border-radius:4px;cursor:pointer;color:#fff;text-align:center;cursor:pointer;display:none}.rec{position:relative;display:inline-block;width:60px;height:60px;border-radius:8px}.recs .rec video{position:absolute!important;width:60px!important;height:60px!important;object-fit:cover!important}.bt-box-video{position:absolute;z-index:3;bottom:50px;top:0;bottom:0;left:0;right:0;margin:auto;width:55px;height:55px;border-radius:80px;border:3px solid #fff;box-shadow:0 0 10px 3px #dcdcdc;text-align:center}.bt-box-video-out{position:absolute;z-index:3;bottom:50px;top:0;bottom:0;left:0;right:0;margin:auto;width:75px;height:75px;border-radius:80px;background-color:#fff;opacity:.4;text-align:center;display:none}.bt-box-video-in{position:absolute;z-index:4;bottom:10px;left:0;right:0;margin:auto;width:50px;height:50px;border-radius:80px;border:1px solid #333;background-color:#fff;text-align:center;top:0;bottom:0;margin:auto}.bt-box-video.increased-size{z-index:3;width:75px;height:75px;opacity:1;border:none;background-color:transparent}.bt-box-video.increased-size .bt-box-video-in{background-color:red}.altogether{position:absolute;z-index:3;width:100px;height:100px;bottom:20px;left:0;right:0;margin:auto}.bts{position:absolute;z-index:2;bottom:100px;width:100%;max-width:300px;left:0;right:0;margin:auto;text-align:center}button.inverted,button.normal{width:100px;margin:5px 5px;display:none}button.normal{background-color:#f4c24b}.circular-button{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:80px;height:80px;border-radius:50%;background-color:transparent;border:2px solid #bc8f8f;overflow:hidden;background-color:red;animation:border-animation 1s linear infinite}.inner-rectangle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:30px;border-radius:5px;background-color:#fff}@keyframes border-animation{0%{border-width:2px}50%{border-width:6px}100%{border-width:2px}}.bt-frame{z-index:2;background-color:#f4c24b}.video-container{position:relative;z-index:10!important;max-width:400px;width:100%;height:auto;margin:auto;top:0;left:0;right:0;overflow:auto}#mainVideo{position:relative;margin:auto;max-width:400px;width:100%;height:auto;max-height:300px}#thumbnailsContainer{position:relative;width:100%;overflow-x:auto;white-space:nowrap;margin-top:20px}#thumbnailsContainer img{width:80px;height:auto;margin:0 5px;cursor:pointer}#bt-frame{position:relative;margin:0;padding:0}#frameRange{position:relative;margin:20px 0}.close-box-video{font-size:22px;z-index:10!important;color:#fff;width:20px;height:20px;background-color:#000;border-radius:100px;padding:10px;position:absolute;top:20px;right:20px;font-family:"Work Sans",sans-serif;cursor:pointer}#autocomplete-list{border:1px solid #ccc;max-height:250px;overflow-y:auto;width:100%;position:relative;background-color:#fff;z-index:10;margin-bottom:10px}.autocomplete-item{padding:8px;cursor:pointer}.autocomplete-item:hover{background-color:#f0f0f0}.hidden{display:none}input#addSkill{margin-bottom:0}input#placeUser{margin-top:0}