/* Scoped to this compatibility plugin; no theme or lottery control selectors. */
.lctc-progress {
    --lctc-fill-color: #18a96b;
    width: 100%;
    min-width: 0;
    margin: 16px 0;
    box-sizing: border-box;
    direction: ltr;
}
.lctc-progress *, .lctc-progress *::before, .lctc-progress *::after { box-sizing: border-box; }
.lctc-progress .lctc-track {
    position: relative;
    isolation: isolate;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    overflow: hidden;
    border: 1px solid #cad5ce;
    border-radius: 999px;
    background: #eaf0ec;
}
.lctc-progress .lctc-fill {
    position: absolute;
    inset: 0 auto 0 0;
    display: block;
    width: var(--lctc-progress);
    height: 100%;
    background: var(--lctc-fill-color);
    z-index: -1;
}
.lctc-progress .lctc-ratio {
    display: inline-block;
    max-width: calc(100% - 12px);
    padding: 1px 8px;
    border-radius: 999px;
    background: #fffffff2;
    color: #14241c;
    font: 800 13px/1.25 system-ui, sans-serif;
    font-variant-numeric: tabular-nums;
    overflow-wrap: anywhere;
    text-align: center;
}
.lctc-progress .lctc-caption {
    margin: 7px 0 0;
    padding: 0;
    color: inherit;
    font: 600 12px/1.4 system-ui, sans-serif;
    text-align: center;
}
@media (forced-colors: active) {
    .lctc-progress .lctc-fill { background: Highlight; }
    .lctc-progress .lctc-track { border: 2px solid CanvasText; }
}