/* Hidden file input; the styled label is the visible control. */
.input {
    display: none;
}

.input__wrapper {
    width: 100%;
    height: 100%;
}

.input__label {
    width: 100%;
    height: 100%;
    text-align: center;
    color: var(--color-accent);
    cursor: pointer;
}

.input__label--hidden {
    display: none;
}

.upload-button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--upload-button-width);
    padding: 12px 24px;
    border-radius: var(--radius-pill);
    background-color: var(--color-accent);
    color: var(--color-white);
    cursor: pointer;
}