.trend-chart-card{--radius: 16px;--width: 100%;--glass-bg: rgba(255, 255, 255, .88);--glass-blur: 24px;--white-10: rgba(11, 31, 23, .1);position:relative;border-radius:var(--radius)}.trend-chart-card-bg{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--white-10);z-index:1}.trend-chart-content{position:relative;z-index:2;background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--white-10);padding:20px 24px 12px;border-radius:var(--radius)}.trend-chart-header{line-height:20px;margin-bottom:3px;position:relative;color:hsl(var(--muted-foreground));transition:all .3s ease;display:flex;justify-content:space-between;align-items:flex-start}.trend-chart-header .title{font-size:12px}.trend-chart-views{font-size:20px;font-weight:700;display:flex;align-items:center;max-width:50%;color:hsl(var(--foreground));cursor:pointer;transition:color .3s ease}.trend-chart-views:hover{color:hsl(var(--primary))}.trend-chart-number{color:hsl(var(--primary));-webkit-text-fill-color:currentColor}.trend-chart-icon{border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:hsl(var(--accent));border:1px solid hsl(var(--border));box-shadow:0 6px 18px -12px #0e7a4f73;transition:all .3s ease;position:relative;cursor:pointer}.trend-chart-icon:before,.trend-chart-icon:after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:50%;box-shadow:0 0 1px 2px #0e7a4f38;transition:all .3s ease;opacity:0;pointer-events:none}.trend-chart-icon:hover:before,.trend-chart-icon:hover:after{animation:ring 1.5s ease infinite}.trend-chart-icon:hover:after{animation-delay:.75s}.trend-chart-icon svg{display:block;animation:heart 1.5s linear infinite;pointer-events:none}.trend-chart-icon:hover svg{animation-duration:.8s}.trend-chart-icon:hover{background-color:hsl(var(--primary) / .1)}.trend-chart-area{width:var(--width);position:relative}.trend-chart-area svg{display:block;width:100%;overflow:visible}.trend-chart-area .recharts-cartesian-grid-horizontal line,.trend-chart-area .recharts-cartesian-grid-vertical line{opacity:0;stroke:#0b1f171f;filter:none}.trend-chart-area .recharts-cartesian-grid-horizontal line:nth-child(1){animation:lines 15s ease 1s infinite}.trend-chart-area .recharts-cartesian-grid-horizontal line:nth-child(2){animation:lines 15s ease 1.1s infinite}.trend-chart-area .recharts-cartesian-grid-horizontal line:nth-child(3){animation:lines 15s ease 1.2s infinite}.trend-chart-area .recharts-cartesian-grid-horizontal line:nth-child(4){animation:lines 15s ease 1.3s infinite}.trend-chart-area .recharts-cartesian-grid-horizontal line:nth-child(5){animation:lines 15s ease 1.4s infinite}.trend-chart-area .recharts-cartesian-grid-horizontal line:nth-child(6){animation:lines 15s ease 1.5s infinite}.trend-chart-area .recharts-area-curve{stroke-dasharray:0 1000;stroke-dashoffset:1;animation:path 15s ease infinite 1s}.trend-chart-area .recharts-area:nth-child(2) .recharts-area-curve{animation-delay:1.2s}.trend-chart-area .recharts-area:nth-child(3) .recharts-area-curve{animation-delay:1.4s}.trend-chart-area .recharts-area-area{opacity:0;animation:areaFadeIn 15s ease infinite 1.5s}.trend-chart-area .recharts-area:nth-child(2) .recharts-area-area{animation-delay:1.7s}.trend-chart-area .recharts-area:nth-child(3) .recharts-area-area{animation-delay:1.9s}.trend-chart-footer{font-size:10px;font-weight:500;display:flex;transition:all .3s ease;margin:0 -10px;padding-bottom:4px}.trend-chart-footer:hover{color:hsl(var(--primary))}.trend-chart-label{width:100%;display:flex;align-items:center;justify-content:center;opacity:0;cursor:pointer}.trend-chart-label:nth-child(1){animation:labels 15s ease 1s infinite}.trend-chart-label:nth-child(2){animation:labels 15s ease 1.15s infinite}.trend-chart-label:nth-child(3){animation:labels 15s ease 1.3s infinite}.trend-chart-label-text{transition:all .2s ease;display:block;text-align:center;font-weight:600;padding:8px 0;color:hsl(var(--muted-foreground))}.trend-chart-label:hover .trend-chart-label-text{color:hsl(var(--primary));transform:translateY(-5px) scale(1.3);text-shadow:none}.trend-chart-tooltip{border-radius:12px;padding:12px 16px;background:hsl(var(--popover));border:1px solid hsl(var(--border));box-shadow:0 18px 44px -28px #0b1f1759,inset 0 1px #ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.trend-chart-tooltip-date{font-size:12px;font-weight:500;color:hsl(var(--primary));padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid hsl(var(--border))}.trend-chart-tooltip-total{display:flex;justify-content:space-between;align-items:center;padding-top:8px;margin-top:8px;border-top:1px solid hsl(var(--border))}@keyframes labels{0%{transform:translateY(-30px);filter:blur(10px)}8%{transform:translateY(10px)}15%{transform:translateY(0);opacity:1;filter:blur(0)}80%{transform:translateY(0);opacity:1}85%{filter:blur(0px);transform:translateY(-5px)}90%{transform:translateY(15px);opacity:0;filter:blur(10px)}}@keyframes lines{0%{transform:translateY(0);opacity:0}7%{transform:translateY(-20px)}12%{transform:translateY(10px)}17%{transform:translateY(-5px)}25%{transform:translateY(0);opacity:1}80%{transform:translateY(0);opacity:1}85%{transform:translateY(-20px)}90%{transform:translateY(20px);opacity:0}}@keyframes heart{5%{transform:scale(.8)}20%{transform:scale(1.2)}40%{transform:scale(1)}50%{transform:scale(1.2)}70%{transform:scale(.8)}to{transform:scale(1)}}@keyframes ring{0%{transform:scale(1);opacity:0}30%{transform:scale(1);opacity:1}to{transform:scale(2);opacity:0;filter:blur(5px)}}@keyframes path{0%{stroke-dasharray:0 1000;stroke-dashoffset:1}30%{stroke-dasharray:1000 1000}80%{stroke-dashoffset:1;stroke-dasharray:1000}to{stroke-dashoffset:-1000}}@keyframes areaFadeIn{0%{opacity:0}30%{opacity:1}80%{opacity:1}to{opacity:0}}@keyframes units{to{transform:translateY(calc(-100% * calc(var(--num) + 1)))}}.dark .trend-chart-card{--glass-bg: rgba(18, 18, 18, .82);--white-10: rgba(255, 255, 255, .1)}