@property --imgz-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.imgz-dropzone{border:2px dashed var(--border);position:relative}.imgz-dropzone.imgz-dropzone--active{border-color:#0000;box-shadow:0 0 45px -12px #7eddd38c}.imgz-dropzone.imgz-dropzone--active:before{content:"";border-radius:inherit;background:conic-gradient(from var(--imgz-angle), #7eddd3, #b6efe7, #4fb9ad, #7eddd3);-webkit-mask-composite:xor;padding:2px;animation:3s linear infinite imgz-angle-spin;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes imgz-angle-spin{to{--imgz-angle:360deg}}@media (prefers-reduced-motion:reduce){.imgz-dropzone.imgz-dropzone--active:before{animation:none}}