.custom-bubble-status {
  $fontSize: clamp(0px, 3.2dvw, 15px);

  lib-base-btn {
    --lib-bubble-btn-diameter: calc(#{$fontSize} * 1.78);
    --font-size-title: calc(#{$fontSize} * 0.45);
    --font-size-subtitle: calc(#{$fontSize} * 0.35);

    .lib-button-component {
      font-size: clamp(0px, 3.2dvw, 15px);

      button .text .btn-text {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;

        .title {
          color: white;
        }

        .subtitle {
          text-overflow: inherit !important;
          overflow: visible !important;
          color: #939195;
        }
      }
    }
  }
}

.progress_view {
  .circle-progress-suggestion {
    .circle {
      background: none;
    }
    lib-d3-circle {
      .d3-circle {
        max-width: var(--max-diameter);
        max-height: var(--max-diameter);
      }
    }
  }
}

.spider-chart___active {
  .d3-container {
    min-height: 433px !important;
  }
}
