.vc-k-image-input-b-upload-v1{width:var(--image-width);aspect-ratio:var(--image-aspect-ratio);position:relative}.vc-k-image-input-b-upload-v1 .cover-image-wrapper{position:absolute;top:0;left:0;bottom:0;right:0;cursor:pointer;border-radius:1rem;overflow:hidden}.vc-k-image-input-b-upload-v1 .cover-image-wrapper .image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.vc-k-image-input-b-upload-v1 .cover-image-wrapper:hover .hover-overlay{opacity:1}.vc-k-image-input-b-upload-v1 .cover-image-wrapper .hover-overlay{position:absolute;top:0;left:0;bottom:0;right:0;z-index:1;transition:all .3s ease-out;opacity:0;display:flex;justify-content:center;align-items:center;background:rgba(10,10,10,.8);color:#fff}.vc-k-image-input-b-upload-v1 .upload-wrapper{position:relative;width:100%;height:100%}.vc-k-image-input-b-upload-v1 .upload-wrapper .upload{width:100%;height:100%;text-align:center}.vc-k-image-input-b-upload-v1 .upload-wrapper .upload>.upload-draggable{display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:1rem}.vc-k-image-input-b-upload-v1 .upload-wrapper input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;outline:none;cursor:pointer;z-index:-1}.vc-k-image-input-b-upload-v1 .upload-wrapper>.hint{font-size:.75rem;font-weight:500;color:#7a7a7a}.vc-k-image-input-b-upload-v1 .upload-wrapper .help{text-align:center}.vc-k-image-input-b-upload-v1 .upload-wrapper .upload>.upload-draggable{width:100%}.vc-k-image-input-b-upload-v1 .preview-wrapper{position:relative;width:100%;height:100%}.vc-k-image-input-b-upload-v1 .preview-wrapper .inner{width:100%;height:100%;overflow:hidden;border-radius:1rem}.vc-k-image-input-b-upload-v1 .preview-wrapper .inner .image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.vc-k-image-input-b-upload-v1 .preview-wrapper .delete-button{display:flex;align-items:center;justify-content:center;position:absolute;right:calc(-25px / 3);top:calc(-25px / 3);width:25px;height:25px;border-radius:100%;background-color:#ff3860;box-shadow:0 0 3px #0a0a0a80;color:#fff;cursor:pointer}.vc-k-image-input-b-upload-v1 .preview-wrapper .delete-button:hover{box-shadow:0 0 8px #0a0a0ab3}.vc-k-image-croppa-v1{position:relative;width:var(--image-width);aspect-ratio:var(--image-aspect-ratio)}.vc-k-image-croppa-v1 .button.rotate{position:absolute;bottom:.25rem;right:.25rem}.vc-k-image-croppa-v1 .croppa-element>canvas{cursor:pointer}.vc-k-image-croppa-v1 .cover-image-wrapper{position:absolute;top:0;left:0;bottom:0;right:0;cursor:pointer;border-radius:1rem;overflow:hidden}.vc-k-image-croppa-v1 .cover-image-wrapper .image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.vc-k-image-croppa-v1 .cover-image-wrapper:hover .hover-overlay{opacity:1}.vc-k-image-croppa-v1 .cover-image-wrapper .hover-overlay{position:absolute;top:0;left:0;bottom:0;right:0;z-index:1;transition:all .3s ease-out;opacity:0;display:flex;justify-content:center;align-items:center;background:rgba(10,10,10,.8);color:#fff}.vc-k-image-croppa-v1 .croppa-container{width:100%;height:100%}.vc-k-image-croppa-v1 .croppa-container>canvas{width:100%;height:100%;border:5px dashed hsl(0,0%,71%);border-radius:1rem;overflow:hidden}.vc-k-image-croppa-v1 .croppa-container>.icon-remove{position:absolute;background-color:#fff;border-radius:100px;box-shadow:0 0 5px #0a0a0a80;transition:.3s box-shadow}.vc-k-image-croppa-v1 .croppa-container>.icon-remove:hover{box-shadow:0 3px 8px #0a0a0a80}.vc-k-image-croppa-v1 .croppa-container.croppa--has-target canvas{border:none;box-shadow:0 0 5px #0a0a0a80}.has-text-ci{color:#00b6ff}.vc-k-video-input-b-upload-v1{width:var(--video-width);aspect-ratio:var(--video-aspect-ratio);position:relative}.vc-k-video-input-b-upload-v1 .section{padding:1rem}.vc-k-video-input-b-upload-v1 .cover-video-wrapper{position:absolute;top:0;left:0;bottom:0;right:0;cursor:pointer;overflow:hidden;display:flex;flex-direction:column}.vc-k-video-input-b-upload-v1 .cover-video-wrapper .video-content{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.vc-k-video-input-b-upload-v1 .cover-video-wrapper .delete-button{width:100%;padding:.5rem 0;z-index:1;transition:all .3s ease-out;opacity:1;display:flex;justify-content:center;align-items:center;color:#fff;background-color:#ff3860}.vc-k-video-input-b-upload-v1 .upload-wrapper{position:relative;width:100%;height:100%;cursor:pointer}.vc-k-video-input-b-upload-v1 .upload-wrapper .upload{width:100%;height:100%;text-align:center}.vc-k-video-input-b-upload-v1 .upload-wrapper .upload>.upload-draggable{display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:1rem;width:100%;height:100%}.vc-k-video-input-b-upload-v1 .upload-wrapper input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;outline:none;cursor:pointer;z-index:-1}.vc-k-video-input-b-upload-v1 .upload-wrapper>.hint{font-size:.75rem;font-weight:500;color:#7a7a7a}.vc-k-video-input-b-upload-v1 .upload-wrapper .help{text-align:center}.vc-k-video-input-b-upload-v1 .upload-wrapper .upload>.upload-draggable{width:100%}.vc-k-video-input-b-upload-v1 .preview-wrapper{position:relative;width:100%;height:100%;display:flex;flex-direction:column}.vc-k-video-input-b-upload-v1 .preview-wrapper .video-content{width:100%;height:100%;overflow:hidden}.vc-k-video-input-b-upload-v1 .preview-wrapper .video-content .video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.vc-k-video-input-b-upload-v1 .preview-wrapper .delete-button{display:flex;align-items:center;justify-content:center;height:10%;flex-shrink:0;box-shadow:0 0 3px #0a0a0a80;color:#fff;background-color:#ff3860;cursor:pointer}.vc-k-video-input-b-upload-v1 .preview-wrapper .delete-button:hover{box-shadow:0 0 8px #0a0a0ab3}
