.quikpik{position:fixed;top:0;left:0;right:0;bottom:0;max-height:100vh;max-width:100vw;display:flex;align-items:center;justify-content:center;font-family:Inter var,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;z-index:10000;padding:.5rem}.quikpik:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:#6b7280;opacity:.75;z-index:10000}@keyframes quik-up{0%{opacity:0;transform:translateY(4rem)}to{opacity:1;transform:translateY(0)}}.quik-body{position:relative;background:#fff;padding:1.5rem;border-radius:.5rem;text-align:center;font-size:.875rem;z-index:10001;max-width:calc(100vw - 1rem);min-width:24rem;max-height:calc(100vh - 4rem);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);outline:none;animation:quik-up .25s ease forwards;display:flex;overflow:hidden}.quik-body-fit{height:auto;max-width:24rem;padding:1.5rem}.quik-content-wrapper{display:flex;flex-direction:column;flex-grow:1;justify-content:center;align-items:center}.quik-content{position:relative;flex-grow:1;overflow:hidden}.quik-drop-target{cursor:pointer;border-radius:.375rem;padding:2rem;border:4px dashed #eef2ff}.quik-drop-target-active{background:#eef2ff}.quik-header{color:#161e2e;line-height:1.5rem;font-size:1.125rem;font-weight:500;margin:0;margin-top:1.25rem}.quik-text{display:block;color:#6b7280;line-height:1.25rem;max-width:75%;margin:.5rem auto 1.5rem}.quik-icon{margin:auto;color:#818cf8;width:4rem;height:4rem}.quik-file-input{position:absolute;top:-10000px;left:-10000px;width:1px;overflow:hidden;z-index:1}.quik-media{display:flex;flex-grow:1;flex-direction:column;max-width:100%}.quik-confirm-item{margin:auto;overflow:hidden;max-width:100%;max-height:100%}.quik-crop{box-sizing:border-box;border:1px solid black;box-shadow:inset 0 0 1px 1px #fff,0 0 0 10000px rgba(0,0,0,.5);position:absolute;top:calc(25% - 4rem);left:calc(50% - 4rem);width:8rem;height:8rem}.quik-crop:after{content:"";position:absolute;top:-6px;left:-6px;bottom:-6px;right:-6px;border-image:linear-gradient(#fff,#fff);border-width:12px;border-style:solid}.quik-footer{display:flex;margin-top:1rem;align-items:center;justify-content:center;width:100%}.quik-footer-btn{box-sizing:border-box;color:#333;background-color:#f4f4f4;border:1px solid #eee;outline:none;margin:0 .5rem;padding:.5rem .75rem;font-size:.875rem;border-radius:.375rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;height:2.5rem;max-height:2.5rem}.quik-footer-btn:focus,.quik-footer-btn:active{background:#eee;border-color:#eee}.quik-footer-btn svg{opacity:.8;height:1.25rem;width:1.25rem;margin-right:.5rem}.quik-footer-btn-primary{background:#6366f1;border-color:#6366f1;color:#fff}.quik-footer-btn-primary:focus,.quik-footer-btn-primary:active{background:#4338ca;border-color:#4338ca}.quik-progress{width:100%}.quik-progress-text{display:flex;justify-content:space-between;color:#6b7280;line-height:1.25rem;margin:.5rem auto}.quik-filename{max-width:calc(100% - 5rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quik-percent{display:inline-block;text-align:right;width:4rem}.quik-progress-bar,.quik-progress-bar-wrapper{display:block;background:#c3dafe;height:8px;border-radius:4px}.quik-progress-bar{background:#667eea;width:0;transition:width .25s,background-color .25s}.quik-done-bar{background:#48bb78}.quikpik video{width:100%}@media only screen and (max-width: 768px){.quik-body{min-width:unset;height:unset;max-height:calc(100vh - 3rem);width:calc(100% - 2rem)}.quik-footer{flex-flow:wrap}.quik-footer-btn{margin-bottom:.75rem;padding:.25rem .5rem}.quik-footer-btn{width:100%}}