.calculus-content-builder .cb-counter-ring[data-cb-counter-ring] {
    display: grid;
    min-width: 0;
    max-width: 100%;
    justify-items: center;
    text-align: center;
}
.calculus-content-builder .cb-counter-ring[data-cb-counter-ring].cb-counter-ring--placement-left { justify-items: start; }
.calculus-content-builder .cb-counter-ring[data-cb-counter-ring].cb-counter-ring--placement-right { justify-items: end; }
.calculus-content-builder .cb-counter-ring[data-cb-counter-ring].cb-counter-ring--align-left { text-align: left; }
.calculus-content-builder .cb-counter-ring[data-cb-counter-ring].cb-counter-ring--align-right { text-align: right; }
.calculus-content-builder .cb-counter-ring[data-cb-counter-ring] .cb-counter-ring__visual {
    display: grid;
    width: 120px;
    width: var(--cb-counter-ring-size, 120px);
    max-width: 100%;
    aspect-ratio: 1;
    position: relative;
    min-width: 0;
}
.calculus-content-builder .cb-counter-ring[data-cb-counter-ring] .cb-counter-ring__svg { display: block; grid-area: 1 / 1; width: 100%; height: 100%; }
.calculus-content-builder .cb-counter-ring[data-cb-counter-ring] .cb-counter-ring__track {
    fill: transparent;
    fill: var(--cb-counter-ring-background, transparent);
    stroke: #f2f2f2;
    stroke: var(--cb-counter-ring-track, var(--cb-counter-ring-theme-track, #f2f2f2));
}
.calculus-content-builder .cb-counter-ring[data-cb-counter-ring] .cb-counter-ring__filled {
    fill: none;
    stroke: #18181b;
    stroke: var(--cb-counter-ring-filled, var(--cb-counter-ring-theme-filled, #18181b));
}
.calculus-content-builder .cb-counter-ring[data-cb-counter-ring] .cb-counter-ring__center {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: normal;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 50%;
    gap: 6px;
    gap: var(--cb-counter-ring-gap, 6px);
    min-width: 0;
}
.calculus-content-builder .cb-counter-ring[data-cb-counter-ring].cb-counter-ring--layout-row .cb-counter-ring__center { flex-direction: row; }
.calculus-content-builder .cb-counter-ring[data-cb-counter-ring].cb-counter-ring--align-left .cb-counter-ring__center { align-items: flex-start; }
.calculus-content-builder .cb-counter-ring[data-cb-counter-ring].cb-counter-ring--align-right .cb-counter-ring__center { align-items: flex-end; }
.calculus-content-builder .cb-counter-ring[data-cb-counter-ring] .cb-counter-ring__value-group {
    align-items: baseline;
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    gap: var(--cb-counter-ring-affix-spacing, 0);
    justify-content: center;
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
}
.calculus-content-builder .cb-counter-ring[data-cb-counter-ring] .cb-counter-ring__number { font-size: 16px; font-weight: 400; line-height: 28px; min-width: 0; overflow-wrap: anywhere; }
.calculus-content-builder .cb-counter-ring[data-cb-counter-ring] .cb-counter-ring__icon { display: block; width: 1em; height: 1em; }
.calculus-content-builder .cb-counter-ring[data-cb-counter-ring] .cb-counter-ring__icon > svg,
.calculus-content-builder .cb-counter-ring[data-cb-counter-ring] .cb-counter-ring__icon > img { display: block; width: 100%; height: 100%; object-fit: contain; }
.calculus-content-builder .cb-counter-ring[data-cb-counter-ring] .cb-counter-ring__before,
.calculus-content-builder .cb-counter-ring[data-cb-counter-ring] .cb-counter-ring__after { font-size: 14px; line-height: 1; margin: 0; min-width: 0; max-width: 100%; overflow-wrap: anywhere; white-space: pre-line; }
.calculus-content-builder .cb-counter-ring[data-cb-counter-ring] [hidden] { display: none !important; }
@media (prefers-reduced-motion: reduce) {
    .calculus-content-builder .cb-counter-ring[data-cb-counter-ring] .cb-counter-ring__filled { transition: none; animation: none; }
}
