.Form_Control>.file-field {
    border-radius: var(--vel-shape400-border_radius);
    color: var(--vel-color-neutral-800);
    border: 1px dashed var(--vel-color-neutral-600);
    background: var(--vel-color-neutral-100);
    position: relative;
    isolation: isolate;
    min-height: 124px;
    padding: var(--vel-fixed-spacing-07);
    display: flex;
    flex-flow: column;
    align-items: center;
}
.Form_Control>.file-field.compact
{
    padding: var(--vel-fixed-spacing-02) var(--vel-fixed-spacing-04);
    display: flex;
    flex-flow: row;
    min-height: auto;
    gap:var(--vel-fixed-spacing-02);
}
.Form_Control>.file-field.compact>.Form_InputFILE
{
    flex:1 1 auto;
}
.Form_Control>.file-field.compact>.draganddrophere
{
    display:none;
}
.Form_Control>.file-field.compact>button {
    margin-block-start: 0;
    flex: 0 0 auto;
}

.Form_Control>.file-field>.Form_InputFILE>.fileinput-text,
.Form_Control>.file-field>.draganddrophere
{
    margin: 0px;
    font-weight: var(--vel-typography-text-200-bold-font_weight, var(--vel-typography-text-200-font_weight));
    font-size: var(--vel-typography-text-200-bold-font_size, var(--vel-typography-text-200-font_size));
    line-height: var(--vel-typography-text-200-bold-line_height, var(--vel-typography-text-200-line_height));
    font-family: var(--vel-typography-text-200-bold-font_family, var(--vel-typography-text-200-font_family));
    letter-spacing: var(--vel-typography-text-200-bold-letter_spacing, var(--vel-typography-text-200-letter_spacing));
    display:flex;
}

.Form_Control>.file-field>button.inputfile-delete>svg,
.Form_Control>.file-field>.draganddrophere>svg
{
    height:20px;
    margin-right: var(--vel-fixed-spacing-03);
    flex:0 0 auto;
}

.Form_Control>.file-field>button
{
    margin-block-start: var(--vel-fixed-spacing-05);
}
.Form_Control>.file-field.dropover
{
    background: var(--vel-color-neutral-200);
}