.camera:hover .on-ready-buttons{opacity:1}.camera{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}.camera-wrapper{position:relative;width:100%}.camera-wrapper #photo,.camera-wrapper #preview{position:relative;border-radius:5px}.counter{position:absolute;top:1rem;left:1rem;margin:0 auto;width:-moz-fit-content;width:fit-content}.counter .content{display:flex;align-items:center;color:#c137a2;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;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% - 2rem)!important;grid-template-columns:1fr 1fr;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;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:flex;justify-content:center;align-items:center;height:4rem;width:4rem;margin:0 auto;color:#fff;background-color:#c137a2;border-radius:50%;cursor:pointer;pointer-events:auto;opacity:.9}.buttons-wrapper .reset-button.capture-photo{opacity:1;box-shadow:0 1px 3px rgba(0,0,0,.4)}.buttons-wrapper .upload-button{transition:all .5s;grid-column-start:3;position:relative;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:center;height:4rem;width:4rem;margin:0 auto;color:#fff;background-color:#c137a2;border-radius:50%;cursor:pointer;pointer-events:auto;opacity:.9}.buttons-wrapper .upload-button.capture-photo{grid-column-start:2;opacity:1;box-shadow:0 1px 3px rgba(0,0,0,.4)}.buttons-wrapper .record-button{position:absolute;bottom:-1.2rem;left:0;right:0;display:flex;justify-content:center;align-items:center;height:4rem;width:4rem;margin:0 auto;color:#fff;background-color:#c137a2;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.4);cursor:pointer;pointer-events:auto}#camera-select{position:absolute;width:-moz-fit-content;width:fit-content;top:1rem;right:1rem;z-index:1}