.camera{position:relative;width:60vw;margin:0 auto}.camera__video{position:absolute;width:auto;height:100%;top:0;left:50%;transform:translateX(-50%)}.camera__video-wrap{position:relative;width:100%;padding-top:100%;overflow:hidden}.camera__canvas{display:inline-block;position:absolute;top:0;left:0}.camera__canvas-wrap{position:absolute;top:0;left:0;right:0;bottom:0}.camera__canvas-inr{position:relative}.camera__canvas-inr .canvas-container{display:inline-block;border:1px solid #7fffd4;overflow:hidden}.camera__canvas--image,.camera__canvas--video{display:none}.camera__start{position:absolute;top:0;left:0;transform:translateX(-120%)}.camera__btn{margin-top:30px;margin-left:20px}.camera__btn:first-child{margin-top:0}.camera__btn-wrap{position:absolute;display:flex;flex-direction:row;flex-wrap:wrap;bottom:0;right:0;transform:translateY(120%)}.camera__btn--hide{display:none}.camera__group{margin-right:20px}.camera__group-name{border:none}.camera__group-stickers{position:absolute;display:none;top:30px;left:0}.camera__group--active .camera__group-stickers{display:flex}.camera__stickers{width:40px;height:40px;margin-left:20px}.camera__stickers-wrap{display:flex;margin-top:20px;padding-bottom:50px;position:relative;overflow:hidden;overflow-x:scroll}.camera__stickers--animate{overflow:hidden}.camera__stickers--animate img{height:120%}