.tip{position:absolute;top:0;left:0;right:0;display:flex;align-items:flex-start;box-sizing:border-box;padding:25px 13px;min-height:132px;background-image:linear-gradient(#000,rgba(0,0,0,.738) 19%,rgba(0,0,0,.541) 34%,rgba(0,0,0,.382) 47%,rgba(0,0,0,.278) 56.5%,rgba(0,0,0,.194) 65%,rgba(0,0,0,.126) 73%,rgba(0,0,0,.075) 80.2%,rgba(0,0,0,.042) 86.1%,rgba(0,0,0,.021) 91%,rgba(0,0,0,.008) 95.2%,rgba(0,0,0,.002) 98.2%,transparent);z-index:1}@media(max-height:636px){.tip{min-height:112px}}.tip__link{position:absolute;top:20px;flex:none;width:40px;height:40px}.tip__link:first-child{left:13px}.tip__link:last-child{right:13px}.tip__link a{display:block;width:100%;height:100%;text-decoration:none;color:inherit}.tip__link button{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0;width:100%;height:100%;background-color:transparent;border:0;border-radius:0}.tip__link svg{display:block;width:100%;height:100%}.tip__text{margin:0 auto;max-width:270px;text-align:center;font-weight:400;font-size:14px;line-height:1.3;white-space:pre-line}.camera-controls{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:145px 17px 15px;background-image:linear-gradient(0deg,#000 30.35%,transparent);z-index:1}.camera-controls__info-link{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:36px;height:36px;text-decoration:none;text-align:center;font-size:21px;line-height:1.4;color:#222;background-color:#fff;border-radius:50%;box-shadow:0 4px 4px rgba(0,0,0,.25);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.camera-controls__info-link:first-child .camera-controls__label{left:0;transform:translateX(0);margin-bottom:38px;text-align:left}.camera-controls__info-link:first-child .camera-controls__label:after,.camera-controls__info-link:first-child .camera-controls__label:before{left:18px;transform:translateX(-50%)}.camera-controls__info-link:last-child .camera-controls__label{left:auto;right:0;transform:translateX(0);margin-bottom:38px;text-align:right}.camera-controls__info-link:last-child .camera-controls__label:after,.camera-controls__info-link:last-child .camera-controls__label:before{left:auto;right:18px;transform:translateX(50%)}.camera-controls__label{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);margin-bottom:47px;width:120px;text-align:center;font-size:14px;line-height:1.3;color:#fff;transition:opacity .3s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.camera-controls__label.hidden{opacity:0;pointer-events:none}.camera-controls__label:before{width:1px;height:25px;border-radius:1px}.camera-controls__label:after,.camera-controls__label:before{content:"";position:absolute;top:calc(100% + 5px);left:50%;transform:translateX(-50%);background-color:#fff}.camera-controls__label:after{margin-top:20px;width:5px;height:5px;border-radius:50%}.camera-controls__button{position:relative;display:block;padding:0;width:72px;height:72px;color:#fff;background-color:transparent;border:0;border-radius:50%;transition:all .1s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.camera-controls__button svg{display:block;width:100%;height:100%}.camera-controls__button .camera-controls__play-icon{transform:scale(-1) rotate(90deg)}.camera-controls__button .circle,.camera-controls__button .outline,.camera-controls__button .ring{transform-origin:center;transition:all .3s ease}.camera-controls__button .ring{stroke-dasharray:226px;stroke-dashoffset:226px}.camera-controls__button.down .circle{transform:scale(.8);color:hsla(0,0%,100%,.5)}.camera-controls__button.down .outline,.camera-controls__button.down .ring{color:hsla(0,0%,100%,.5)}.camera-controls__button.video .ring{-webkit-animation:dash 15s linear;animation:dash 15s linear;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}.camera-controls__button.saving-video .circle{transform:scale(.8);color:hsla(0,0%,100%,.5)}.camera-controls__button.saving-video .outline{color:hsla(0,0%,100%,.5)}.camera-controls__button.saving-video .ring{color:hsla(0,0%,100%,.5);stroke-dasharray:56.52px;-webkit-animation:swirl 2s linear;animation:swirl 2s linear;-webkit-animation-delay:.5s;animation-delay:.5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes dash{to{stroke-dashoffset:0}}@keyframes dash{to{stroke-dashoffset:0}}@-webkit-keyframes swirl{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes swirl{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.camera-controls__notify{position:absolute;top:-3px;right:-3px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;padding-bottom:1px;width:15px;height:15px;font-size:8px;line-height:10px;color:#fff;background-color:#da2243;border-radius:50%}.camera-controls__button_map,.camera-controls__button_qr{display:flex;flex-direction:column;justify-content:center;align-items:center;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='72' height='72' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='36' cy='36' r='27' fill='%23fff'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;background-position:50%}.camera-controls__button_map img,.camera-controls__button_map svg,.camera-controls__button_qr img,.camera-controls__button_qr svg{display:block;width:28px;height:28px;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}