.analytics-trend{position:relative;min-width:0;padding:24px;border:1px solid #F1F1F1;border-radius:12px;background:#f9faff;display:flex;flex-direction:column;gap:24px}.analytics-trend__loader{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#f9faffb3}.analytics-trend__loader-circle{width:48px;height:48px;border:4px solid rgba(27,30,78,.2);border-top-color:#1b1e4e;border-radius:50%;animation:analytics-trend-spinner .7s linear infinite}.analytics-trend__head{display:flex;align-items:center;justify-content:flex-start;gap:11px}.analytics-trend__title{font-size:16px;line-height:1.3;font-weight:700;color:#0d0e12}.analytics-trend__info{flex-shrink:0;display:inline-flex;line-height:0}.analytics-trend__top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.analytics-trend__value-row{display:flex;align-items:center;gap:12px}.analytics-trend__value{font-size:40px;line-height:1.2;font-weight:700;color:#0d0e12}.analytics-trend__delta{padding:4px 10px;border-radius:50px;background:#2181541f;font-size:13px;line-height:1.3;font-weight:500;color:#228355}.analytics-trend__delta--negative{background:#e23b3d1f;color:#e23b3d}.analytics-trend__ranges{display:flex;flex-wrap:wrap;gap:8px}.analytics-trend__range{min-width:max-content;padding:7px 16px;background:#fff;border:1px solid #F1F1F1;cursor:pointer;font-size:14px;line-height:1.5;font-weight:400;color:#0d0e12;transition:border .2s ease,color .2s ease,background .2s ease}.analytics-trend__range:hover{border:1px solid #1B1E4E}.analytics-trend__range--active{background:#1b1e4e;border-color:#1b1e4e;color:#fff}.analytics-trend__canvas{position:relative;width:100%;height:220px;margin-top:auto}.analytics-trend__canvas canvas{display:block}.analytics-trend__empty{margin-top:auto;padding:40px 0;text-align:center;font-size:14px;line-height:1.5;font-weight:300;color:#525252}@media (max-width: 480px){.analytics-trend{gap:16px}.analytics-trend__value{font-size:32px}.analytics-trend__ranges{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.analytics-trend__range{min-width:0;padding:7px 4px}.analytics-trend__canvas{height:180px}}@keyframes analytics-trend-spinner{to{transform:rotate(360deg)}}
