.vista-wheel{--ring:#D9DEE5;--wheel-accent: var(--e-global-color-primary);--wheel-pulse-color:#FFD018;--wheel-pulse-duration:1.8s;display:grid;grid-template-columns:420px 1fr;gap:60px;align-items:center}
.vista-wheel .is-active{--wheel-accent: var(--e-global-color-accent)}
.vista-wheel__wrap{position:relative;width:420px;max-width:100%}
.vista-wheel__svg{width:100%;height:auto}
.vista-wheel__labels{position:absolute;inset:0;pointer-events:none;display:none}
.vista-wheel__label{position:absolute;transform:translate(-50%,-50%);background:transparent;border:0;color:#163A66;font-weight:700;pointer-events:auto;display:flex;align-items:center;gap:8px}
.vista-wheel__label-icon svg{width:18px;height:18px}
.vista-wheel__panel-title{margin:0 0 8px;color:#163A66}
.vista-wheel__panel-body{color:#163A66;font-size:18px}
.vista-wheel__slice-group{transition:transform .25s ease}
.vista-wheel__slice{transition:opacity .2s ease;fill:var(--wheel-accent);opacity:1}
.vista-wheel__slice-group.is-active .vista-wheel__slice{opacity:1}

/* Curved text on slices */
.vista-wheel__text{font-weight:800;font-size:14px;fill:#ffffff;pointer-events:none}
.vista-wheel__label-path{fill:none;stroke:none}

/* Slice-origin pulse using a cloned path */
.vista-wheel__pulse-shape{fill:var(--wheel-pulse-color);opacity:0;transform-box: fill-box;transform-origin:50% 50%}
.vista-wheel__slice-group.is-active .vista-wheel__pulse-shape{animation: vista-wheel-pulse var(--wheel-pulse-duration) ease-out infinite}

@keyframes vista-wheel-pulse{
  0%{transform:scale(1);opacity:.35;filter:drop-shadow(0 0 0 rgba(255,208,24,1))}
  70%{transform:scale(1.12);opacity:0;filter:drop-shadow(0 0 36px rgba(255,208,24,.55))}
  100%{transform:scale(1);opacity:0;filter:none}
}