@layer base{.dropzone{text-align:center;border-radius:var(--radius-box,.5rem);border:2px dashed var(--color-base-300);background-color:var(--color-base-100);width:100%;min-height:9rem;color:var(--color-base-content);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:.6rem;padding:1.75rem 1.25rem;transition:border-color .15s,background-color .15s,color .15s;display:flex}.dropzone:hover{border-color:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){.dropzone:hover{border-color:color-mix(in oklab,var(--color-base-content) 35%,transparent)}}.dropzone:hover{background-color:var(--color-base-200)}.dropzone:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.dropzone[data-dragging]{border-color:var(--color-primary);background-color:var(--color-primary);border-style:solid}@supports (color:color-mix(in lab,red,red)){.dropzone[data-dragging]{background-color:color-mix(in oklab,var(--color-primary) 10%,transparent)}}.dropzone[data-disabled]{opacity:.6;cursor:not-allowed}.dropzone[data-disabled]:hover{border-color:var(--color-base-300);background-color:var(--color-base-100)}.dropzone-icon{background-color:var(--color-base-200);width:2.75rem;height:2.75rem;color:var(--color-base-content);border-radius:9999px;justify-content:center;align-items:center;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.dropzone-icon{color:color-mix(in oklab,var(--color-base-content) 60%,transparent)}}.dropzone-icon svg{flex-shrink:0;width:1.4rem;height:1.4rem}.dropzone[data-dragging] .dropzone-icon{background-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.dropzone[data-dragging] .dropzone-icon{background-color:color-mix(in oklab,var(--color-primary) 18%,transparent)}}.dropzone[data-dragging] .dropzone-icon{color:oklch(from var(--color-primary) l calc(c * 2) h)}@supports (color:color-mix(in lab,red,red)){.dropzone[data-dragging] .dropzone-icon{color:oklch(from color-mix(in oklab,var(--color-primary) 50%,var(--color-base-content)) l calc(c * 2) h)}}.dropzone-title{font-size:1rem;font-weight:600}.dropzone-hint{color:var(--color-base-content);font-size:1rem}@supports (color:color-mix(in lab,red,red)){.dropzone-hint{color:color-mix(in oklab,var(--color-base-content) 60%,transparent)}}.dropzone-input{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.dropzone-input:focus-visible{outline:none}.dropzone:has(.dropzone-input:focus-visible){outline:var(--focus-width,2px) solid var(--color-primary);outline-offset:var(--focus-offset,2px)}}