@reference "tailwindcss";@apply w-full h-full border border-dashed shrink relative cursor-pointer rounded-[8px] hover:opacity-90 overflow-hidden;.app-upload .dropzone{border-color:var(--dark-cerulean-70);background:var(--gray-neutral-100)}.app-upload .dropzone:hover{border-color:var(--dark-cerulean-50)}@apply w-full h-full p-10;@apply w-full h-full flex flex-col gap-10 justify-center items-center;@apply relative w-full sm:w-[75%] lg:w-[70%] 2xl:w-[50%] h-full;@apply relative object-cover block max-w-full max-h-full;@apply z-10 h-full w-full;@apply flex items-center gap-2 hover:opacity-75 border px-4 py-3 lg:px-6 lg:py-4 rounded-[8px];.app-upload .dropzone .upload-btn{border-color:var(--primary)}@apply size-5 lg:size-6 min-w-5 min-h-5 lg:min-w-6 lg:min-h-6;.app-upload .dropzone .upload-btn .upload-icon{color:var(--primary)}@apply text-lg font-medium text-center;.app-upload .dropzone .upload-btn .upload-btn-text{color:var(--primary)}@apply w-6 h-6 rounded-full flex justify-center items-center absolute right-0 top-0 translate-x-1/2 -translate-y-1/2 z-10;@apply absolute w-full h-full inset-0 pointer-events-none cursor-none z-2 flex items-center justify-center;@apply w-full h-full overflow-hidden;@apply opacity-80;.app-upload .upload-box--dragging{border-color:var(--dark-cerulean-50)}.upload--dragging{padding:2px;position:relative}.upload--dragging .dropzone{z-index:2;position:relative}.upload--dragging:before{content:"";z-index:1;filter:blur(20px);background:linear-gradient(45deg,#cc368e,#2e2eb1,#09f709,#f4f421,#f70909,#e90188,#0808f8,#09f709,#e2e200,#fb1c1c) 0 0/400%;width:calc(100% + 3px);height:calc(100% + 3px);animation:18s linear infinite steam;position:absolute;top:-2px;left:-2px}@keyframes steam{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}