.sa-donut-graph{margin:2rem 0}.sa-donut-graph .donut-graph-container{align-items:center;display:flex;flex-wrap:wrap;gap:3rem;justify-content:center}.sa-donut-graph .donut-graph-chart{flex:0 0 auto}.sa-donut-graph .donut-graph-chart svg{display:block;height:auto;max-width:100%;overflow:visible}.sa-donut-graph[data-label-mode=lines] .donut-graph-container{justify-content:center;padding:6rem}.sa-donut-graph[data-label-mode=lines] .donut-graph-chart{flex:1 1 100%;max-width:500px}.sa-donut-graph .donut-slice{cursor:pointer;opacity:0;transform:scale(.8);transition:all .3s ease}.sa-donut-graph .donut-slice:hover{filter:brightness(1.1)}.sa-donut-graph .donut-label-line{opacity:0;transition:all .3s ease}.sa-donut-graph .donut-label-text{cursor:pointer;opacity:0;transform:translateY(10px);transition:all .3s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sa-donut-graph .donut-graph-legend{flex:1;max-width:400px;min-width:200px}.sa-donut-graph .legend-item{align-items:center;background:#f9f9f9;border-radius:4px;display:flex;gap:.75rem;margin-bottom:1rem;opacity:0;padding:.75rem;transform:translateX(-20px);transition:background .2s ease}.sa-donut-graph .legend-item:hover{background:#f0f0f0}.sa-donut-graph .legend-item:last-child{margin-bottom:0}.sa-donut-graph .legend-color{border-radius:50%;flex-shrink:0;height:1.5rem;width:1.5rem}.sa-donut-graph .legend-label{color:#333;font-size:.95rem;font-weight:500;line-height:1.4}@media(max-width:768px){.sa-donut-graph .donut-graph-container{gap:2rem}.sa-donut-graph .donut-graph-chart svg{height:250px;width:250px}.sa-donut-graph .donut-graph-legend{max-width:100%}}@media(max-width:480px){.sa-donut-graph .donut-graph-container{gap:1.5rem}.sa-donut-graph .donut-graph-chart svg{height:200px;width:200px}.sa-donut-graph .legend-item{padding:.5rem}.sa-donut-graph .legend-color{height:1.25rem;width:1.25rem}.sa-donut-graph .legend-label{font-size:.875rem}}