﻿
.corpay-file-browser {
    border: 2px dashed var(--corpay-disabled);
    border-radius: 4px;
    padding: 16px 22px;
    width: auto;
    color: var(--corpay-tertiary) !important;
    text-align: center;
    font-family: var(--corpay-font-family);
    letter-spacing: normal;
    text-transform: uppercase;
    font-weight: bold;
}
.corpay-file-browser:hover,
.corpay-file-browser.onHover {
    cursor: pointer;
    border-color: var(--corpay-anchor);
}
.corpay-file-browser .material-symbols-outlined {
    color: var(--corpay-tertiary);
}
.corpay-file-browser .material-symbols-outlined:hover {
    cursor: pointer;
}
.corpay-file-browser.has-file {
    text-transform: inherit;
}
.corpay-file-browser.error {
    border-color: var(--corpay-error);
}