.bf-mr{--bf-mr-grid: rgba(139, 124, 247, .16);--bf-mr-ring: rgba(139, 124, 247, .45);--bf-mr-fill: rgba(107, 87, 246, .55);--bf-mr-stroke: #8b7cf7;--bf-mr-label: #f4f3ff;--bf-mr-icon: #8b7cf7;box-sizing:border-box;max-width:480px}.bf-mr *,.bf-mr *:before,.bf-mr *:after{box-sizing:inherit}.bf-mr__stage{position:relative;width:100%;aspect-ratio:1 / 1}.bf-mr__svg{display:block;width:100%;height:100%}.bf-mr__grid{fill:none;stroke:var(--bf-mr-grid);stroke-width:.4}.bf-mr__ring{fill:none;stroke:var(--bf-mr-ring);stroke-width:.7}.bf-mr__value{fill:var(--bf-mr-fill);stroke:var(--bf-mr-stroke);stroke-width:.7;stroke-linejoin:round}.bf-mr__label{position:absolute;display:flex;flex-direction:column;align-items:center;gap:4px;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.bf-mr__label-icon{display:inline-flex;color:var(--bf-mr-icon)}.bf-mr__label-icon svg{display:block}.bf-mr__label-icon i{color:var(--bf-mr-icon);line-height:1}.bf-mr__label-text{font-size:.8rem;line-height:1.2;white-space:nowrap;color:var(--bf-mr-label)}@media (max-width: 480px){.bf-mr__label-text{font-size:.7rem}}