@import "../variables";
@import "../colors";

.FileUploader {
    position: relative;

    & + .Button {
        margin-top: $offset_main;
    }
}

.FileUploader-trigger,
.FileUploader-information {
    display: inline-block;
    vertical-align: middle;
}

.FileUploader-information {
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.FileUploader-trigger {
    color: $color_action_main;
    cursor: pointer;
    overflow: hidden;
    position: relative;

    &:hover {
        text-decoration: underline;
    }

    .FileUploader-information + & {
        margin-left: $offset_main * .5;
    }
}

.FileUploader-input {
    cursor: pointer;
    filter: alpha(opacity=0);
    font-size: 20px;
    height: 100%;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
}