/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Feb 08 2026 | 22:36:23 */
.fcw { width: 100%; max-width: 820px; margin: 0 auto; }
.fcw .fcw-wheel svg { width: 100%; height: auto; display: block; overflow: visible; }

.fcw .fcw-slice{
  cursor:pointer;
  transition: transform .28s ease, filter .28s ease;
  transform-box: fill-box;
  transform-origin: center;
}
.fcw .fcw-slice:hover{ filter: brightness(1.05); }
.fcw .fcw-slice.fcw-active{
  transform: translate(var(--fcw-pop-x,0), var(--fcw-pop-y,0)) scale(1.02);
  filter: drop-shadow(0 6px 12px rgba(0,0,0,.22));
}

/* Text */
.fcw text{
  text-anchor: middle;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  pointer-events: none;
  fill: #fff;
}
.fcw .fcw-title { font-weight: 700; font-size: 0.85em; }
.fcw .fcw-click { font-size: 0.7em; fill: rgba(255,255,255,.85); }
.fcw .fcw-detail{ font-size: 0.78em; opacity: 0; transition: opacity .25s ease; }

.fcw .fcw-labels{ transition: transform .25s ease; }
.fcw .fcw-slice.fcw-active .fcw-labels{ transform: translateY(-10px); }

.fcw a{ pointer-events: auto; cursor: pointer; }
.fcw a .fcw-learn{
  font-weight: 600;
  font-size: 0.76em;
  text-decoration: underline;
  opacity: 0;
  transition: opacity .25s ease;
  fill: #fff;
  pointer-events: auto;
}

/* Show extra content */
.fcw .fcw-slice.fcw-active .fcw-click{ display: none; }
.fcw .fcw-slice.fcw-active .fcw-detail,
.fcw .fcw-slice.fcw-active a .fcw-learn{ opacity: 1; }