.expense-pie-panel{margin-top:16px}.expense-pie-body{display:grid;grid-template-columns:minmax(280px,420px) 1fr;gap:30px;align-items:center;padding:10px 12px 18px}.expense-pie-wrap{position:relative;width:min(100%,340px);aspect-ratio:1;margin:auto;filter:drop-shadow(0 16px 22px rgba(18,72,59,.12))}.expense-pie-wrap svg{width:100%;height:100%;transform:rotate(-90deg)}.expense-slice{animation:pieDraw .9s cubic-bezier(.22,.9,.3,1.12) both;animation-delay:var(--pie-delay);stroke-linecap:butt}.expense-pie-center{position:absolute;inset:31%;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:#fff;box-shadow:0 4px 20px rgba(18,72,59,.08);animation:pieCenter .7s cubic-bezier(.2,.9,.3,1.2) .35s both}.expense-pie-center small{color:#7b8d87}.expense-pie-center strong{margin-top:5px;color:#164f42;font-size:20px}.expense-pie-legend{display:grid;grid-template-columns:repeat(2,minmax(210px,1fr));gap:8px 18px}.expense-pie-legend>div{display:grid;grid-template-columns:12px 1fr auto 48px;gap:8px;align-items:center;padding:9px 10px;border-radius:10px;background:#f8fbfa;animation:legendIn .55s cubic-bezier(.2,.8,.3,1.15) both;animation-delay:var(--legend-delay)}.expense-pie-legend i{width:10px;height:10px;border-radius:50%}.expense-pie-legend span{font-size:13px}.expense-pie-legend b{font-size:13px}.expense-pie-legend em{font-size:11px;font-style:normal;color:#80908b;text-align:right}@keyframes pieDraw{from{stroke-dasharray:0 100;opacity:.2}to{opacity:1}}@keyframes pieCenter{from{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes legendIn{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}@media(max-width:900px){.expense-pie-body{grid-template-columns:1fr}.expense-pie-legend{grid-template-columns:1fr 1fr}}@media(max-width:560px){.expense-pie-legend{grid-template-columns:1fr}.expense-pie-wrap{max-width:280px}.expense-pie-body{padding:4px}}