progress {
    width: 100%;
    appearance: none;
    background-color: var(--color-gray-200);
    box-shadow: var(--shadow-inner-1);
    height: 36px;
    padding: 4px;
    border: none;
    
    &::-webkit-progress-bar {
        background-color: transparent;
    }

    // Again, for some reason doesn't work when these two are styled together
    &::-webkit-progress-value {
        background-color: var(--color-blue);
        background-image: linear-gradient(90deg, var(--color-blue) 90%, var(--color-gray-200) 90%);
        background-size: 20px 32px;
    }

    &::-moz-progress-bar {
        background-color: var(--color-blue);
        background-image: linear-gradient(90deg, var(--color-blue) 90%, var(--color-gray-200) 90%);
        background-size: 20px 32px;
    }
}