// Demo-specific styles go here. Skin-specific styles go in ../style.styl.

.progress-demo {
    > * {
        align-self: flex-start;
        margin: 0 1em;
    }

    > :first-child {
        margin-left: 0;
    }

    > :last-child {
        margin-right: 0;
    }
}

#progress-meter .b-progress {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    top: auto;
}

#progress-meter[data-progress]::before {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1;
}