.file-field{cursor:pointer;transition:background-color .15s cubic-bezier(.45,0,.55,1),border-color .15s cubic-bezier(.45,0,.55,1),filter .15s cubic-bezier(.45,0,.55,1)}.file-field.layout-1{border:2px dashed #c7c7c7;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem;display:flex}@media (max-width:767px){.file-field.layout-1{padding:3.75rem 0}}.file-field.layout-1:hover,.file-field.layout-1.focus,.file-field.layout-1.hover{background-color:#f15a4a14;border-color:#f15a4a}.file-field.layout-1:focus-within{border-color:#f15a4a}.file-field.layout-1:has(:disabled){filter:grayscale(100);cursor:not-allowed}.file-field input{width:0;height:0}.file-field input:disabled{background-color:#f5f5f5}.file-field .default-placeholder{flex-direction:column;justify-content:center;align-items:center;display:flex}.file-field .default-placeholder .icon{margin-bottom:1.5rem}.file-field .default-placeholder .icon svg{stroke-width:1px;color:#f15a4a;width:48px;height:48px}.file-field .default-placeholder .title{font-size:1.13rem}.file-field .default-placeholder .subtitle{color:#383838;text-align:center;margin-top:.25rem;font-size:1rem}.file-field .default-placeholder .subtitle .text-center{text-align:center}.file-field .default-placeholder .subtitle .text-sm\!{font-size:.88rem}