:host {
    display: flex;

    .core-progress-text {
        line-height: 40px;
        font-size: 1rem;
        color: var(--text-color);
        width: 55px;
        text-align: center;
    }

    progress {
        -webkit-appearance: none;
        appearance: none;
        height: var(--height);
        margin: 16px 0;
        padding: 0;
        display: block;
        width: calc(100% - 55px);

        &[value]::-webkit-progress-bar {
            background-color: var(--background);
            border-radius: 0;
            border: 0;
            box-shadow: none;
        }

        &[value]::-webkit-progress-value {
            background-color: var(--color);
            border-radius: 0;
        }
    }
}