.commerce-overview[data-v-a77c8b70]{isolation:isolate;position:relative}.commerce-metrics[data-v-a77c8b70]{grid-template-columns:repeat(var(--metric-count),minmax(0,1fr));gap:1rem;margin:0;display:grid}.commerce-metrics[data-count="1"][data-v-a77c8b70]{max-width:25rem}.commerce-metric[data-v-a77c8b70]{border:1px solid color-mix(in srgb,var(--yueli-border-soft) 50%,transparent);background:color-mix(in srgb,var(--yueli-surface-card) 92%,transparent);min-width:0;box-shadow:0 4px 16px color-mix(in srgb,var(--ui-primary) 3%,transparent);border-radius:.875rem;align-items:center;gap:1rem;padding:1.25rem;display:flex}.commerce-metric[href][data-v-a77c8b70]:hover{border-color:color-mix(in srgb,var(--ui-primary) 35%,transparent)}.commerce-metric[href][data-v-a77c8b70]:focus-visible{outline:2px solid var(--ui-primary);outline-offset:3px}.metric-icon[data-v-a77c8b70]{border-radius:.875rem;flex-shrink:0;place-items:center;width:3rem;height:3rem;display:grid}.metric-icon-success[data-v-a77c8b70]{color:var(--ui-success);background:color-mix(in srgb,var(--ui-success) 12%,transparent)}.metric-icon-primary[data-v-a77c8b70]{color:var(--ui-primary);background:color-mix(in srgb,var(--ui-primary) 10%,transparent)}.metric-icon-warning[data-v-a77c8b70]{color:var(--ui-warning);background:color-mix(in srgb,var(--ui-warning) 12%,transparent)}.metric-icon-info[data-v-a77c8b70]{color:var(--ui-info);background:color-mix(in srgb,var(--ui-info) 10%,transparent)}.commerce-art[data-v-a77c8b70]{pointer-events:none;width:13rem;height:8.25rem;display:none;position:absolute;top:-1rem;right:0}.commerce-card[data-v-a77c8b70]{border:1px solid color-mix(in srgb,var(--ui-primary) 15%,transparent);border-radius:.75rem;width:10rem;height:6.25rem;position:absolute}.commerce-card-back[data-v-a77c8b70]{background:color-mix(in srgb,var(--ui-primary) 14%,transparent);top:1rem;right:0;transform:rotate(16deg)}.commerce-card-back>span[data-v-a77c8b70]{background:color-mix(in srgb,var(--ui-primary) 15%,transparent);border-radius:1rem;width:3rem;height:.5rem;position:absolute;top:1.25rem;right:1rem}.commerce-card-back>span+span[data-v-a77c8b70]{width:5rem;top:2.3rem}.commerce-card-front[data-v-a77c8b70]{background:linear-gradient(135deg,color-mix(in srgb,var(--ui-primary) 68%,#fff),color-mix(in srgb,var(--ui-primary) 32%,#fff));box-shadow:0 14px 26px color-mix(in srgb,var(--ui-primary) 18%,transparent);align-items:flex-start;gap:.875rem;padding:1.25rem;display:flex;top:.375rem;left:0;transform:rotate(-16deg)}.commerce-card-front>span[data-v-a77c8b70]{color:#fff;width:2.5rem;height:2.5rem}.commerce-card-lines[data-v-a77c8b70]{flex:1;padding-top:.375rem}.commerce-card-lines span[data-v-a77c8b70]{background:#ffffff80;border-radius:1rem;height:.4rem;margin-bottom:.625rem;display:block}.commerce-card-lines span+span[data-v-a77c8b70]{width:65%}.commerce-card-chip[data-v-a77c8b70]{background:#ffffff70;border-radius:1rem;width:2rem;height:.35rem;position:absolute;bottom:1rem;left:1.25rem}.commerce-art-spark[data-v-a77c8b70]{color:color-mix(in srgb,var(--ui-primary) 45%,transparent);font-size:1.25rem;position:absolute}.spark-one[data-v-a77c8b70]{top:-1rem;right:.25rem}.spark-two[data-v-a77c8b70]{font-size:.875rem;bottom:-.25rem;left:1.5rem}@media (width>=1280px){.commerce-overview[data-v-a77c8b70]{padding-right:15rem}.commerce-art[data-v-a77c8b70]{display:block}}@media (width<=767px){.commerce-metrics[data-v-a77c8b70]{gap:.5rem}.commerce-metric[data-v-a77c8b70]{flex-direction:column;align-items:flex-start;gap:.75rem;padding:.75rem}.metric-icon[data-v-a77c8b70]{border-radius:.625rem;width:2.25rem;height:2.25rem}.commerce-metric dt[data-v-a77c8b70]{font-size:.75rem}.commerce-metric dd[data-v-a77c8b70]{margin-top:.25rem;font-size:1.5rem}.commerce-metrics[data-count="1"] .commerce-metric[data-v-a77c8b70]{flex-direction:row;align-items:center}}