.progress-bar {
    display: flex;
    align-items: center;
}

.progress-bar progress {
    width: 100%;
    height: 6px; /* Adjust the height to your preference */
    -webkit-appearance: none;
    appearance: none;
}

.progress-bar progress::-webkit-progress-bar {
    background-color: #f3f3f3;
    border-radius: 0;
    box-shadow: inset 0px 0px 5px #ddd;
    transition: width 0.1s ease; 
}

.progress-bar progress::-webkit-progress-value {
    background-color: #4c72af;
    border-radius: 0;
    transition: width 0.1s ease; 
}

.progress-bar progress::-moz-progress-bar {
    background-color: #4c72af;
    border-radius: 5px;
    transition: width 0.1s ease; 
}

.progress-indeterminate {
    animation: indeterminate 1.5s infinite linear;
}

@keyframes indeterminate {
    0% {
        margin: 0;
    }
    50% {
        margin: 0 10px;
    }
    100% {
        margin: 0;
    }
}

.progress-text {
    color: #f3f3f3;
    font-size: 0.8em;
    white-space: nowrap;
    padding: 0 6px;
    transition: color 0.5s ease; 
}
.progress-text.half {
    color: #4c72af;
}
.progress-text.error {
    color: #a33c3c
}

.upload-error {
    color: #a33c3c;
    font-size: 0.8em;
    font-family: Consolas, Terminal, monospace;
    cursor: not-allowed;
}


#PostField {
    box-sizing: border-box;
    margin-bottom: 0;
}

.resize {
    font-style: italic;
    font-size: 0.8em;
    color: #4b5473;
}
.resize:hover {
    color: #546e98;
}

.resize .expand {
    cursor: zoom-in;
}

.resize .shrink {
    cursor: zoom-out;
}

.img-wrap img.full {
    max-width: none;
}
.img-wrap img {
    max-width: 95%;
}