.centris-c-fileInput {
    height: 2.5rem;
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.centris-c-fileInput--input {
    min-width: 14rem;
    filter: alpha(opacity=0);
    opacity: 0}

.centris-c-fileInput--prompt {
    top: 0;
    right: 0;
    left: 0;
    z-index: 5;
    height: 2.5rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: absolute;
    border-radius: 0.25rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgba(210, 214, 220, var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-text-opacity))}

.centris-c-fileInput--prompt:after {
    content: "Choose files...";
}

.centris-c-fileInput--prompt:before {
    top: -.075rem;
    right: -.075rem;
    bottom: -.075rem;
    z-index: 6;
    display: block;
    content: "Browse";
    height: 2.5rem;
    line-height: 1.5;
    position: absolute;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgba(14, 188, 238, var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgba(159, 166, 178, var(--tw-bg-opacity));
    --tw-bg-opacity: 1;
    background-color: rgba(14, 188, 238, var(--tw-bg-opacity));
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity))}

.centris-c-fileInput--prompt:hover:before {
    --tw-bg-opacity: 1;
    background-color: rgba(47, 199, 242, var(--tw-bg-opacity));
}

.centris-c-fileInput--prompt:focus:before {
    --tw-shadow: 0 0 0 3px rgba(118, 169, 250, 0.45);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    outline: 2px solid transparent;
    outline-offset: 2px;
}


.centris-c-progress {
    height: 1rem;
    display: inline-block;
}

.centris-c-progress[value] {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border-style: none;
    --tw-text-opacity: 1;
    color: rgba(57, 177, 0, var(--tw-text-opacity));
}

.centris-c-progress[value]::-webkit-progress-bar {
    border-radius: 0.25rem;
    --tw-bg-opacity: 1;
    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
}

.centris-c-progress[value]::-webkit-progress-value {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    --tw-bg-opacity: 1;
    background-color: rgba(57, 177, 0, var(--tw-bg-opacity));
}

.centris-c-progress[value="100"]::-webkit-progress-value {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

.trans-hide {
    -webkit-animation: fadeOut 1s forwards;
            animation: fadeOut 1s forwards;
    -webkit-animation-delay: 3s;
            animation-delay: 3s;
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}



/*# sourceMappingURL=application.css.map?f73ab657b0a177676ba3*/