.sw-wrapper-8e447906 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  background-color: var(--sw-bg, #f8fafc);
  padding: 24px;
  border-radius: 24px;
  box-sizing: border-box;
  transition: background-color 0.3s ease;
}

.sw-container-8e447906 {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sw-svg-8e447906 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
}

.sw-wedge-path {
  fill: var(--sw-wedge-fill, #ffffff);
  stroke: var(--sw-wedge-stroke, #cbd5e1);
  stroke-width: var(--sw-stroke-width, 1.5px);
  transition: all 0.3s ease;
  cursor: pointer;
}

.sw-wedge-path:hover {
  fill: var(--sw-hover-fill, #eef2ff);
  stroke: var(--sw-hover-stroke, #818cf8);
  filter: drop-shadow(0 6px 12px rgba(79, 70, 229, 0.10));
}

.sw-wedge-path.active {
  fill: var(--sw-active-fill, #4f46e5);
  stroke: var(--sw-active-fill, #4f46e5);
  filter: drop-shadow(0 12px 24px rgba(79, 70, 229, 0.15));
}

.sw-wedge-text {
  font-family: system-ui, -apple-system, sans-serif;
  font-size: var(--sw-font-size, 11px);
  font-weight: var(--sw-font-weight, 800);
  letter-spacing: var(--sw-letter-spacing, 4%);
  fill: var(--sw-inactive-text, #334155);
  pointer-events: none;
  text-anchor: middle;
  transform: translate3d(var(--sw-text-x-offset, 0px), var(--sw-text-y-offset, 0px), var(--sw-text-z-offset, 0px));
  transition: fill 0.3s ease, transform 0.3s ease;
}

.sw-wedge-group:hover .sw-wedge-text {
  fill: var(--sw-hover-text, #4f46e5);
}

.sw-wedge-group.active .sw-wedge-text {
  fill: var(--sw-active-text, #ffffff);
}

.sw-center-hub-8e447906 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  
  --slack-mult: calc(1 + (var(--sw-viewport-slack, 10) / 100));
  --viewbox-size: calc(var(--sw-outer-r, 300) * 2 * var(--slack-mult));
  
  width: calc((var(--sw-inner-r, 130) * 2 / var(--viewbox-size)) * 85%);
  height: calc((var(--sw-inner-r, 130) * 2 / var(--viewbox-size)) * 85%);
  
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: transparent;
  
  padding: 12%; 
  
  box-sizing: border-box;
  pointer-events: none;
  overflow: hidden;
  z-index: 10;
}

.sw-hub-status {
  font-size: var(--sw-hub-status-size, 11px);
  font-weight: var(--sw-hub-status-weight, 800);
  letter-spacing: 2px;
  color: var(--sw-center-text, #0f172a);
  margin-bottom: 6px;
  opacity: 0.8;
  width: 100%;
  white-space: normal;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.sw-hub-divider {
  width: 24px;
  height: 1.5px;
  background: var(--sw-wedge-stroke, #cbd5e1);
  margin-bottom: 8px;
}

.sw-hub-desc {
  font-family: system-ui, -apple-system, sans-serif;
  font-size: var(--sw-hub-desc-size, 11px);
  font-weight: var(--sw-hub-desc-weight, 600);
  color: var(--sw-center-text, #0f172a);
  line-height: 1.45;
  max-height: 100%;
  overflow-y: auto;
  width: 100%;
  white-space: normal;
  overflow-wrap: break-word;
  word-wrap: break-word;
}