.donut-module-wrapper{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;text-align:center}.donut-label{font-size:1.2em;font-weight:700;margin-bottom:10px}.donut-description{font-size:1em;margin-top:10px}.donut-svg-container{max-width:300px;position:relative;width:100%}.donut{height:auto;transform:rotate(-90deg);width:100%}.donut-bg{fill:none;stroke:#ddd}.donut-fill{fill:none;stroke-linecap:round;transition:stroke-dashoffset 1s ease}.donut-percent-text{font-size:6px;pointer-events:none;transform:rotate(90deg);transform-origin:center}.donut-tooltip{align-items:center;aspect-ratio:1/1;border-radius:50%;box-sizing:border-box;color:#fff;display:flex;display:none;font-size:.9em;justify-content:center;left:50%;padding:15%;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:100%;z-index:10}.donut-svg-container:hover .donut-tooltip{display:flex}@media (max-width:600px){.donut-module-wrapper{padding:10px}.donut-label{font-size:1em}.donut-description{font-size:.9em}.donut-tooltip{align-items:center;aspect-ratio:1/1;border-radius:50%;box-sizing:border-box;color:#fff;display:none;font-size:.9em;justify-content:center;left:50%;opacity:0;padding:15%;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);transition:opacity .4s ease-in-out;width:100%;z-index:10}.donut-svg-container:hover .donut-tooltip{display:flex;opacity:1}.donut-tooltip.fade-in{animation:fadeIn .4s ease forwards;opacity:0}@keyframes fadeIn{to{opacity:1}}}