.form-dropzone .dropzone-panel{align-items:center;background-image:linear-gradient(90deg,#fff 50%,transparent 0),linear-gradient(90deg,#fff 50%,transparent 0),linear-gradient(180deg,#fff 50%,transparent 0),linear-gradient(180deg,#fff 50%,transparent 0);background-position:top,bottom,0,100%;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-size:20px 1px,20px 1px,1px 20px,1px 20px;border:none;border-radius:8px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;padding:20px;text-align:center;transition:background-color .3s;width:100%}.form-dropzone .dropzone-panel:hover{--tw-border-opacity:1;border-color:rgb(var(--color-primary-DEFAULT)/var(--tw-border-opacity,1))}.form-dropzone .file-list{margin-top:1rem}.form-dropzone .file-list>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.form-dropzone .file-item{--tw-bg-opacity:1;align-items:center;background-color:rgb(var(--color-gray-100)/var(--tw-bg-opacity,1));border-radius:.375rem;display:flex;justify-content:space-between;padding:.5rem}.form-dropzone .file-item:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--color-gray-800)/var(--tw-bg-opacity,1))}.form-dropzone .file-item .file-info{display:flex;flex:1 1 0%;flex-direction:column;text-align:left;word-break:break-all}@media (min-width:640px){.form-dropzone .file-item .file-info{align-items:center;flex-direction:row}}.form-dropzone .file-item .file-info .file-name{font-weight:500;margin-right:.5rem}.form-dropzone .file-item .file-info .file-size{--tw-text-opacity:1;color:rgb(var(--color-gray-500)/var(--tw-text-opacity,1));font-size:.75rem;line-height:1rem}.form-dropzone .file-item .file-info .file-size:is(.dark *){--tw-text-opacity:1;color:rgb(var(--color-gray-400)/var(--tw-text-opacity,1))}.light .form-dropzone .dropzone-panel{align-items:center;background-image:linear-gradient(90deg,#111827 50%,transparent 0),linear-gradient(90deg,#111827 50%,transparent 0),linear-gradient(180deg,#111827 50%,transparent 0),linear-gradient(180deg,#111827 50%,transparent 0);background-position:top,bottom,0,100%;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-size:20px 1px,20px 1px,1px 20px,1px 20px;border:none;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;transition:background-color .3s;width:100%}
