.file-input-container{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;height:120px;border:2px dashed #4b5563;border-radius:1rem;cursor:pointer;transition:all .2s;text-align:center}.file-input-container:hover{border-color:#9ca3af;background-color:#1f2937}.file-input-container input[type=file]{display:none}.file-input-container span{font-size:.875rem;font-weight:600;color:#d1d5db}.file-input-container svg{color:#d1d5db}.hidden-visually{opacity:0;pointer-events:none;position:absolute}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none;border-radius:.5rem}#particles-js{position:absolute;width:100%;height:100%;top:0;left:0;z-index:-1}