.camera:hover .on-ready-buttons{opacity:1}.camera{position:relative;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-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.camera-wrapper{position:relative;width:100%;height:100%}.camera-wrapper #photo,.camera-wrapper #preview{position:relative;border-radius:5px}.counter{position:absolute;top:1rem;left:1rem;margin:0 auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.counter .content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#f66;background-color:rgba(0,0,0,.5);padding:2px 10px;border-radius:3px}.counter i{margin-right:.5rem}.buttons-wrapper{position:absolute;top:0;bottom:6px;left:0;right:0;width:100%;pointer-events:none}.buttons-wrapper i{margin:0 .5rem}.buttons-wrapper i span{font-family:Avenir,Helvetica,Arial,sans-serif}.buttons-wrapper .on-ready-buttons{display:grid;grid-template-columns:1fr 1fr 1fr;position:relative;width:60%;left:0;right:0;margin:0 auto;opacity:0;-webkit-transition:all 1s;transition:all 1s;top:calc(50% - 2rem - 20px)}.buttons-wrapper .on-ready-buttons.paused{opacity:1}.buttons-wrapper .on-ready-buttons.smallPreview{top:calc(50% - 2rem - 8px)}.buttons-wrapper .on-ready-buttons.capture-photo{top:calc(100% - 1rem)!important;grid-template-columns:1fr 0fr;width:30%;opacity:1}.buttons-wrapper .cancel-button{pointer-events:auto;position:absolute;cursor:pointer;width:1.5rem;height:1.5rem;top:1rem;left:1rem}.buttons-wrapper .cancel-button .icon{position:absolute;top:0;left:.75rem;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:1px;height:1.5rem;background-color:#000}.buttons-wrapper .cancel-button .icon:before{content:"";position:absolute;height:1px;width:1.5rem;top:.75rem;left:-.75rem;background-color:#000}.buttons-wrapper .reset-button{position:relative;bottom:0;left:0;right:0;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:2rem;width:2rem;margin:0 auto;color:#fff;background-color:#f66;border-radius:50%;cursor:pointer;pointer-events:auto;opacity:.9}.buttons-wrapper .reset-button.capture-photo{opacity:1;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.4);box-shadow:0 1px 3px rgba(0,0,0,.4)}.buttons-wrapper .reset-button:hover{background-color:#fff}.buttons-wrapper .reset-button:hover i{color:#000}.buttons-wrapper .upload-button{-webkit-transition:all .5s;transition:all .5s;grid-column-start:3;position:relative;bottom:0;left:0;right:0;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:2rem;width:2rem;margin:0 auto;color:#fff;background-color:#29c57f;border-radius:50%;cursor:pointer;pointer-events:auto;opacity:.9}.buttons-wrapper .upload-button.capture-photo{grid-column-start:2;opacity:1;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.4);box-shadow:0 1px 3px rgba(0,0,0,.4)}.buttons-wrapper .upload-button:hover{background-color:#fff}.buttons-wrapper .upload-button:hover i{color:#000}.buttons-wrapper .record-button{position:absolute;bottom:-1rem;left:0;right:0;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:2rem;width:2rem;margin:0 auto;color:#fff;background-color:#f66;border-radius:50%;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.4);box-shadow:0 1px 3px rgba(0,0,0,.4);cursor:pointer;pointer-events:auto}.buttons-wrapper .record-button:hover{background-color:#fff}.buttons-wrapper .record-button:hover i{color:#000}#camera-select{position:absolute;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;top:1rem;right:1rem;z-index:1;font-size:6pt;font-family:Yahei}.upload .upload-icon[data-v-258fd978]{width:270px;height:205px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;display:-webkit-box;display:-ms-flexbox;display:flex}.upload .upload-icon i[data-v-258fd978]{color:#39f}.camera-note[data-v-258fd978]{color:#fd7e14;font-size:8pt;margin-top:10px}.avatar img{width:24px;height:24px;cursor:-webkit-zoom-in;cursor:zoom-in;border:1px solid #c2bfbf}