@compose-market/theme 0.0.72 → 0.0.80

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,2 +1,2 @@
1
- export declare const agentsCss = "/**\n * Compose.Market Agent Card\n * @compose-market/theme/css/agents\n */\n\n.cm-agent-card {\n display: grid;\n grid-template-columns: minmax(0, 1fr);\n gap: 1rem;\n border-radius: 0.55rem;\n border: 1px solid hsl(var(--border) / 0.75);\n background: linear-gradient(145deg, hsl(var(--card) / 0.82), hsl(var(--card) / 0.48));\n box-shadow:\n 0 4px 24px -1px hsl(0 0% 0% / 0.3),\n inset 0 1px 0 hsl(0 0% 100% / 0.05);\n overflow: hidden;\n}\n\n.cm-agent-card--interactive {\n transition:\n transform 180ms ease,\n border-color 180ms ease,\n box-shadow 180ms ease;\n}\n\n.cm-agent-card--interactive:hover {\n transform: translateY(-2px);\n border-color: hsl(var(--primary) / 0.45);\n box-shadow:\n 0 16px 36px hsl(240 30% 2% / 0.28),\n 0 0 24px hsl(var(--primary) / 0.14),\n inset 0 1px 0 hsl(0 0% 100% / 0.05);\n}\n\n.cm-agent-card--running {\n border-color: hsl(142 71% 45% / 0.48);\n box-shadow:\n 0 10px 30px hsl(142 71% 45% / 0.08),\n 0 0 24px hsl(142 71% 45% / 0.12),\n inset 0 1px 0 hsl(0 0% 100% / 0.05);\n}\n\n.cm-agent-card__main {\n display: grid;\n gap: 1rem;\n padding: 1.2rem;\n}\n\n.cm-agent-card__header {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n}\n\n.cm-agent-card__avatar {\n width: 3.5rem;\n height: 3.5rem;\n border-radius: 999px;\n border: 2px solid hsl(var(--primary) / 0.24);\n background: radial-gradient(circle, hsl(var(--primary) / 0.12), transparent 72%);\n display: grid;\n place-items: center;\n flex-shrink: 0;\n overflow: hidden;\n}\n\n.cm-agent-card__avatar-image {\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n\n.cm-agent-card__avatar-fallback {\n font-family: var(--font-mono), monospace;\n color: hsl(var(--primary));\n font-size: 1rem;\n font-weight: 700;\n letter-spacing: 0.06em;\n text-transform: uppercase;\n}\n\n.cm-agent-card__copy {\n display: grid;\n gap: 0.5rem;\n min-width: 0;\n flex: 1;\n}\n\n.cm-agent-card__title-row {\n display: flex;\n align-items: flex-start;\n gap: 0.6rem;\n}\n\n.cm-agent-card__title {\n font-family: var(--font-display), sans-serif;\n font-size: 1.05rem;\n line-height: 1.1;\n color: hsl(var(--foreground));\n min-width: 0;\n}\n\n.cm-agent-card__header-action {\n margin-left: auto;\n flex-shrink: 0;\n}\n\n.cm-agent-card__description {\n color: hsl(var(--muted-foreground));\n font-size: 0.86rem;\n line-height: 1.55;\n}\n\n.cm-agent-card__badges,\n.cm-agent-card__tags {\n display: flex;\n flex-wrap: wrap;\n gap: 0.45rem;\n}\n\n.cm-agent-card__badge,\n.cm-agent-card__tag {\n display: inline-flex;\n align-items: center;\n gap: 0.35rem;\n min-height: 1.7rem;\n padding: 0 0.7rem;\n border-radius: 999px;\n border: 1px solid hsl(var(--border) / 0.72);\n background: hsl(var(--muted) / 0.28);\n color: hsl(var(--muted-foreground));\n font-size: 0.72rem;\n line-height: 1;\n}\n\n.cm-agent-card__badge-icon {\n display: inline-flex;\n align-items: center;\n}\n\n.cm-agent-card__badge[data-tone=\"cyan\"],\n.cm-agent-card__tag {\n border-color: hsl(var(--primary) / 0.28);\n background: hsl(var(--primary) / 0.12);\n color: hsl(var(--primary));\n}\n\n.cm-agent-card__badge[data-tone=\"green\"] {\n border-color: hsl(142 71% 45% / 0.28);\n background: hsl(142 71% 45% / 0.12);\n color: hsl(142 71% 45%);\n}\n\n.cm-agent-card__badge[data-tone=\"fuchsia\"] {\n border-color: hsl(292 85% 55% / 0.28);\n background: hsl(292 85% 55% / 0.12);\n color: hsl(292 85% 55%);\n}\n\n.cm-agent-card__badge[data-tone=\"warning\"] {\n border-color: hsl(42 100% 48% / 0.28);\n background: hsl(42 100% 48% / 0.12);\n color: hsl(42 100% 48%);\n}\n\n.cm-agent-card__badge[data-tone=\"danger\"] {\n border-color: hsl(var(--destructive) / 0.28);\n background: hsl(var(--destructive) / 0.12);\n color: hsl(var(--destructive));\n}\n\n.cm-agent-card__metrics {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(8.7rem, 1fr));\n gap: 0.6rem;\n}\n\n.cm-agent-card__metric {\n display: grid;\n grid-template-columns: auto minmax(0, 1fr);\n gap: 0.6rem;\n align-items: center;\n padding: 0.8rem 0.9rem;\n border-radius: 0.35rem;\n border: 1px solid hsl(var(--border) / 0.65);\n background: hsl(var(--background) / 0.5);\n}\n\n.cm-agent-card__metric-icon {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n color: hsl(var(--primary));\n}\n\n.cm-agent-card__metric-copy {\n display: grid;\n gap: 0.14rem;\n min-width: 0;\n}\n\n.cm-agent-card__metric-label,\n.cm-agent-card__focus-label,\n.cm-agent-card__tags-title,\n.cm-agent-card__meta-label {\n color: hsl(var(--muted-foreground));\n font-size: 0.68rem;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n}\n\n.cm-agent-card__metric-value,\n.cm-agent-card__focus-value,\n.cm-agent-card__meta-value {\n color: hsl(var(--foreground));\n font-family: var(--font-mono), monospace;\n font-size: 0.86rem;\n line-height: 1.2;\n overflow-wrap: anywhere;\n}\n\n.cm-agent-card__metric[data-tone=\"green\"] .cm-agent-card__metric-icon,\n.cm-agent-card__metric[data-tone=\"green\"] .cm-agent-card__metric-value {\n color: hsl(142 71% 45%);\n}\n\n.cm-agent-card__metric[data-tone=\"cyan\"] .cm-agent-card__metric-icon,\n.cm-agent-card__metric[data-tone=\"cyan\"] .cm-agent-card__metric-value {\n color: hsl(var(--primary));\n}\n\n.cm-agent-card__metric[data-tone=\"fuchsia\"] .cm-agent-card__metric-icon,\n.cm-agent-card__metric[data-tone=\"fuchsia\"] .cm-agent-card__metric-value {\n color: hsl(292 85% 55%);\n}\n\n.cm-agent-card__metric[data-tone=\"warning\"] .cm-agent-card__metric-icon,\n.cm-agent-card__metric[data-tone=\"warning\"] .cm-agent-card__metric-value {\n color: hsl(42 100% 48%);\n}\n\n.cm-agent-card__metric[data-tone=\"danger\"] .cm-agent-card__metric-icon,\n.cm-agent-card__metric[data-tone=\"danger\"] .cm-agent-card__metric-value {\n color: hsl(var(--destructive));\n}\n\n.cm-agent-card__focus {\n display: grid;\n grid-template-columns: auto minmax(0, 1fr);\n gap: 0.7rem;\n align-items: center;\n padding: 0.95rem 1rem;\n border-radius: 0.4rem;\n border: 1px solid hsl(var(--border) / 0.72);\n background: linear-gradient(135deg, hsl(var(--primary) / 0.12), transparent 68%);\n}\n\n.cm-agent-card__focus-icon {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n color: hsl(var(--primary));\n}\n\n.cm-agent-card__focus-copy,\n.cm-agent-card__tags-block {\n display: grid;\n gap: 0.35rem;\n}\n\n.cm-agent-card__meta {\n display: grid;\n gap: 0.55rem;\n}\n\n.cm-agent-card__meta-row {\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n gap: 1rem;\n}\n\n.cm-agent-card__footer {\n padding-top: 0.9rem;\n border-top: 1px solid hsl(var(--border) / 0.55);\n}\n\n.cm-agent-card__footer-stack {\n display: grid;\n gap: 0.8rem;\n}\n\n.cm-agent-card__endpoint,\n.cm-agent-card__creator {\n display: grid;\n gap: 0.45rem;\n}\n\n.cm-agent-card__endpoint-label,\n.cm-agent-card__creator-label {\n color: hsl(var(--muted-foreground));\n font-size: 0.68rem;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n}\n\n.cm-agent-card__endpoint-row {\n display: grid;\n grid-template-columns: minmax(0, 1fr) auto;\n gap: 0.6rem;\n align-items: center;\n padding: 0.65rem 0.75rem;\n border-radius: 0.35rem;\n border: 1px solid hsl(var(--border) / 0.65);\n background: hsl(var(--background) / 0.42);\n}\n\n.cm-agent-card__endpoint-code,\n.cm-agent-card__creator-value {\n color: hsl(var(--primary));\n font-family: var(--font-mono), monospace;\n font-size: 0.78rem;\n overflow-wrap: anywhere;\n}\n\n.cm-agent-card__creator-value {\n color: hsl(292 85% 55%);\n}\n\n.cm-agent-card__footer-link {\n color: hsl(var(--primary));\n font-size: 0.82rem;\n font-weight: 600;\n text-decoration: none;\n}\n\n.cm-agent-card__footer-link:hover {\n text-decoration: underline;\n}\n\n.cm-agent-card__actions {\n display: flex;\n align-items: flex-start;\n gap: 0.55rem;\n padding: 1.2rem 1.2rem 1.2rem 0;\n}\n\n.cm-agent-card__action-stack {\n display: flex;\n align-items: flex-start;\n gap: 0.55rem;\n flex-wrap: wrap;\n}\n\n.cm-agent-card--skeleton {\n pointer-events: none;\n}\n\n.cm-agent-card__skeleton {\n border-radius: 0.75rem;\n background: linear-gradient(90deg, hsl(var(--muted) / 0.55), hsl(var(--muted) / 0.8), hsl(var(--muted) / 0.55));\n background-size: 220% 100%;\n animation: cm-agent-card-shimmer 1.6s linear infinite;\n}\n\n.cm-agent-card__skeleton--avatar {\n width: 3.5rem;\n height: 3.5rem;\n border-radius: 999px;\n}\n\n.cm-agent-card__skeleton--title {\n height: 1.1rem;\n width: 10rem;\n}\n\n.cm-agent-card__skeleton--line {\n height: 0.82rem;\n width: 100%;\n}\n\n.cm-agent-card__skeleton--line.short {\n width: 76%;\n}\n\n.cm-agent-card__skeleton--metric {\n min-height: 4.4rem;\n}\n\n.cm-agent-card__skeleton--focus {\n min-height: 4.3rem;\n}\n\n.cm-agent-card__skeleton--tags {\n min-height: 5.6rem;\n}\n\n.cm-agent-card__skeleton--footer {\n min-height: 4.2rem;\n}\n\n@keyframes cm-agent-card-shimmer {\n 0% {\n background-position: 200% 0;\n }\n\n 100% {\n background-position: -200% 0;\n }\n}\n\n@media (max-width: 720px) {\n .cm-agent-card__actions {\n padding: 0 1.2rem 1.2rem;\n justify-content: flex-end;\n flex-wrap: wrap;\n }\n\n .cm-agent-card__main {\n padding: 0.85rem;\n gap: 0.75rem;\n }\n\n .cm-agent-card__metrics {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 0.45rem;\n }\n\n .cm-agent-card__metric {\n padding: 0.6rem 0.7rem;\n }\n\n .cm-agent-card__description {\n display: -webkit-box;\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n overflow: hidden;\n }\n\n .cm-agent-card__tags {\n max-height: 3.5rem;\n overflow: hidden;\n }\n\n .cm-agent-card__avatar {\n width: 2.5rem;\n height: 2.5rem;\n }\n\n .cm-agent-card__focus {\n padding: 0.7rem 0.8rem;\n }\n}\n\n@media (max-width: 480px) {\n .cm-agent-card__metrics {\n grid-template-columns: 1fr;\n }\n\n .cm-agent-card__focus {\n grid-template-columns: 1fr;\n text-align: center;\n }\n\n .cm-agent-card__focus-icon {\n justify-self: center;\n }\n}\n";
1
+ export declare const agentsCss = "/**\n * Compose.Market Agent Card\n * @compose-market/theme/css/agents\n */\n\n.cm-agent-card {\n display: grid;\n grid-template-columns: minmax(0, 1fr);\n gap: 0.85rem;\n border-radius: max(var(--radius, 0.25rem), 0.3rem);\n border: 1px solid hsl(var(--border) / 0.84);\n background:\n linear-gradient(180deg, hsl(var(--card) / 0.96), hsl(var(--card) / 0.78));\n box-shadow:\n 0 18px 40px hsl(240 30% 2% / 0.24),\n inset 0 1px 0 hsl(0 0% 100% / 0.04);\n overflow: hidden;\n}\n\n.cm-agent-card--interactive {\n transition:\n transform 180ms ease,\n border-color 180ms ease,\n box-shadow 180ms ease;\n}\n\n.cm-agent-card--interactive:hover {\n transform: translateY(-2px);\n border-color: hsl(var(--primary) / 0.45);\n box-shadow:\n 0 18px 36px hsl(240 30% 2% / 0.32),\n 0 0 24px hsl(var(--primary) / 0.14),\n inset 0 1px 0 hsl(0 0% 100% / 0.05);\n}\n\n.cm-agent-card--running {\n border-color: hsl(142 71% 45% / 0.48);\n box-shadow:\n 0 10px 30px hsl(142 71% 45% / 0.08),\n 0 0 24px hsl(142 71% 45% / 0.12),\n inset 0 1px 0 hsl(0 0% 100% / 0.05);\n}\n\n.cm-agent-card__main {\n display: grid;\n gap: 0.9rem;\n padding: 1rem;\n}\n\n.cm-agent-card__header {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n}\n\n.cm-agent-card__avatar {\n width: 3.5rem;\n height: 3.5rem;\n border-radius: max(var(--radius, 0.25rem), 0.35rem);\n border: 1px solid hsl(var(--primary) / 0.28);\n background:\n linear-gradient(180deg, hsl(var(--background) / 0.92), hsl(var(--muted) / 0.34));\n display: grid;\n place-items: center;\n flex-shrink: 0;\n overflow: hidden;\n box-shadow: inset 0 0 0 1px hsl(var(--primary) / 0.08);\n}\n\n.cm-agent-card__avatar-image {\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n\n.cm-agent-card__avatar-fallback {\n font-family: var(--font-mono), monospace;\n color: hsl(var(--primary));\n font-size: 0.88rem;\n font-weight: 700;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n}\n\n.cm-agent-card__copy {\n display: grid;\n gap: 0.5rem;\n min-width: 0;\n flex: 1;\n}\n\n.cm-agent-card__title-row {\n display: flex;\n align-items: flex-start;\n gap: 0.6rem;\n}\n\n.cm-agent-card__title {\n font-family: var(--font-display), sans-serif;\n font-size: 1.05rem;\n line-height: 1.1;\n color: hsl(var(--foreground));\n min-width: 0;\n}\n\n.cm-agent-card__header-action {\n margin-left: auto;\n flex-shrink: 0;\n}\n\n.cm-agent-card__description {\n color: hsl(var(--muted-foreground));\n font-size: 0.84rem;\n line-height: 1.48;\n}\n\n.cm-agent-card__badges,\n.cm-agent-card__tags {\n display: flex;\n flex-wrap: wrap;\n gap: 0.45rem;\n}\n\n.cm-agent-card__badge,\n.cm-agent-card__tag {\n display: inline-flex;\n align-items: center;\n gap: 0.35rem;\n min-height: 1.7rem;\n padding: 0 0.7rem;\n border-radius: 999px;\n border: 1px solid hsl(var(--border) / 0.72);\n background: hsl(var(--muted) / 0.28);\n color: hsl(var(--muted-foreground));\n font-family: var(--font-mono), monospace;\n font-size: 0.64rem;\n letter-spacing: 0.08em;\n line-height: 1;\n text-transform: uppercase;\n}\n\n.cm-agent-card__badge-icon {\n display: inline-flex;\n align-items: center;\n}\n\n.cm-agent-card__badge[data-tone=\"cyan\"],\n.cm-agent-card__tag {\n border-color: hsl(var(--primary) / 0.28);\n background: hsl(var(--primary) / 0.12);\n color: hsl(var(--primary));\n}\n\n.cm-agent-card__badge[data-tone=\"green\"] {\n border-color: hsl(142 71% 45% / 0.28);\n background: hsl(142 71% 45% / 0.12);\n color: hsl(142 71% 45%);\n}\n\n.cm-agent-card__badge[data-tone=\"fuchsia\"] {\n border-color: hsl(292 85% 55% / 0.28);\n background: hsl(292 85% 55% / 0.12);\n color: hsl(292 85% 55%);\n}\n\n.cm-agent-card__badge[data-tone=\"warning\"] {\n border-color: hsl(42 100% 48% / 0.28);\n background: hsl(42 100% 48% / 0.12);\n color: hsl(42 100% 48%);\n}\n\n.cm-agent-card__badge[data-tone=\"danger\"] {\n border-color: hsl(var(--destructive) / 0.28);\n background: hsl(var(--destructive) / 0.12);\n color: hsl(var(--destructive));\n}\n\n.cm-agent-card__metrics {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(8.7rem, 1fr));\n gap: 0.6rem;\n}\n\n.cm-agent-card__metric {\n display: grid;\n grid-template-columns: auto minmax(0, 1fr);\n gap: 0.6rem;\n align-items: center;\n padding: 0.72rem 0.8rem;\n border-radius: var(--radius, 0.25rem);\n border: 1px solid hsl(var(--border) / 0.65);\n background: hsl(var(--background) / 0.5);\n}\n\n.cm-agent-card__metric-icon {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n color: hsl(var(--primary));\n}\n\n.cm-agent-card__metric-copy {\n display: grid;\n gap: 0.14rem;\n min-width: 0;\n}\n\n.cm-agent-card__metric-label,\n.cm-agent-card__focus-label,\n.cm-agent-card__tags-title,\n.cm-agent-card__meta-label {\n color: hsl(var(--muted-foreground));\n font-family: var(--font-mono), monospace;\n font-size: 0.62rem;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n}\n\n.cm-agent-card__metric-value,\n.cm-agent-card__focus-value,\n.cm-agent-card__meta-value {\n color: hsl(var(--foreground));\n font-family: var(--font-mono), monospace;\n font-size: 0.8rem;\n line-height: 1.2;\n overflow-wrap: anywhere;\n}\n\n.cm-agent-card__metric[data-tone=\"green\"] .cm-agent-card__metric-icon,\n.cm-agent-card__metric[data-tone=\"green\"] .cm-agent-card__metric-value {\n color: hsl(142 71% 45%);\n}\n\n.cm-agent-card__metric[data-tone=\"cyan\"] .cm-agent-card__metric-icon,\n.cm-agent-card__metric[data-tone=\"cyan\"] .cm-agent-card__metric-value {\n color: hsl(var(--primary));\n}\n\n.cm-agent-card__metric[data-tone=\"fuchsia\"] .cm-agent-card__metric-icon,\n.cm-agent-card__metric[data-tone=\"fuchsia\"] .cm-agent-card__metric-value {\n color: hsl(292 85% 55%);\n}\n\n.cm-agent-card__metric[data-tone=\"warning\"] .cm-agent-card__metric-icon,\n.cm-agent-card__metric[data-tone=\"warning\"] .cm-agent-card__metric-value {\n color: hsl(42 100% 48%);\n}\n\n.cm-agent-card__metric[data-tone=\"danger\"] .cm-agent-card__metric-icon,\n.cm-agent-card__metric[data-tone=\"danger\"] .cm-agent-card__metric-value {\n color: hsl(var(--destructive));\n}\n\n.cm-agent-card__focus {\n display: grid;\n grid-template-columns: auto minmax(0, 1fr);\n gap: 0.7rem;\n align-items: center;\n padding: 0.85rem 0.95rem;\n border-radius: var(--radius, 0.25rem);\n border: 1px solid hsl(var(--border) / 0.72);\n background:\n linear-gradient(135deg, hsl(var(--primary) / 0.11), transparent 68%);\n}\n\n.cm-agent-card__focus-icon {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n color: hsl(var(--primary));\n}\n\n.cm-agent-card__focus-copy,\n.cm-agent-card__tags-block {\n display: grid;\n gap: 0.35rem;\n}\n\n.cm-agent-card__meta {\n display: grid;\n gap: 0.55rem;\n}\n\n.cm-agent-card__meta-row {\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n gap: 1rem;\n}\n\n.cm-agent-card__footer {\n padding-top: 0.9rem;\n border-top: 1px solid hsl(var(--border) / 0.55);\n}\n\n.cm-agent-card__footer-stack {\n display: grid;\n gap: 0.8rem;\n}\n\n.cm-agent-card__endpoint,\n.cm-agent-card__creator {\n display: grid;\n gap: 0.45rem;\n}\n\n.cm-agent-card__endpoint-label,\n.cm-agent-card__creator-label {\n color: hsl(var(--muted-foreground));\n font-size: 0.68rem;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n}\n\n.cm-agent-card__endpoint-row {\n display: grid;\n grid-template-columns: minmax(0, 1fr) auto;\n gap: 0.6rem;\n align-items: center;\n padding: 0.65rem 0.75rem;\n border-radius: var(--radius, 0.25rem);\n border: 1px solid hsl(var(--border) / 0.65);\n background: hsl(var(--background) / 0.42);\n}\n\n.cm-agent-card__endpoint-code,\n.cm-agent-card__creator-value {\n color: hsl(var(--primary));\n font-family: var(--font-mono), monospace;\n font-size: 0.78rem;\n overflow-wrap: anywhere;\n}\n\n.cm-agent-card__creator-value {\n color: hsl(292 85% 55%);\n}\n\n.cm-agent-card__footer-link {\n color: hsl(var(--primary));\n font-size: 0.82rem;\n font-weight: 600;\n text-decoration: none;\n}\n\n.cm-agent-card__footer-link:hover {\n text-decoration: underline;\n}\n\n.cm-agent-card__actions {\n display: flex;\n align-items: flex-start;\n gap: 0.55rem;\n padding: 1rem 1rem 1rem 0;\n}\n\n.cm-agent-card__action-stack {\n display: flex;\n align-items: flex-start;\n gap: 0.55rem;\n flex-wrap: wrap;\n}\n\n.cm-agent-card--skeleton {\n pointer-events: none;\n}\n\n.cm-agent-card__skeleton {\n border-radius: var(--radius, 0.25rem);\n background: linear-gradient(90deg, hsl(var(--muted) / 0.55), hsl(var(--muted) / 0.8), hsl(var(--muted) / 0.55));\n background-size: 220% 100%;\n animation: cm-agent-card-shimmer 1.6s linear infinite;\n}\n\n.cm-agent-card__skeleton--avatar {\n width: 3.5rem;\n height: 3.5rem;\n border-radius: max(var(--radius, 0.25rem), 0.35rem);\n}\n\n.cm-agent-card__skeleton--title {\n height: 1.1rem;\n width: 10rem;\n}\n\n.cm-agent-card__skeleton--line {\n height: 0.82rem;\n width: 100%;\n}\n\n.cm-agent-card__skeleton--line.short {\n width: 76%;\n}\n\n.cm-agent-card__skeleton--metric {\n min-height: 4.4rem;\n}\n\n.cm-agent-card__skeleton--focus {\n min-height: 4.3rem;\n}\n\n.cm-agent-card__skeleton--tags {\n min-height: 5.6rem;\n}\n\n.cm-agent-card__skeleton--footer {\n min-height: 4.2rem;\n}\n\n@keyframes cm-agent-card-shimmer {\n 0% {\n background-position: 200% 0;\n }\n\n 100% {\n background-position: -200% 0;\n }\n}\n\n@media (max-width: 720px) {\n .cm-agent-card__main {\n gap: 0.65rem;\n padding: 0.85rem;\n }\n\n .cm-agent-card__avatar {\n width: 2.5rem;\n height: 2.5rem;\n }\n\n .cm-agent-card__title {\n font-size: 0.92rem;\n }\n\n .cm-agent-card__description {\n font-size: 0.78rem;\n line-height: 1.4;\n }\n\n .cm-agent-card__metrics {\n grid-template-columns: repeat(2, 1fr);\n }\n\n .cm-agent-card__metric {\n padding: 0.55rem 0.7rem;\n }\n\n .cm-agent-card__focus {\n padding: 0.7rem 0.8rem;\n }\n\n .cm-agent-card__badges,\n .cm-agent-card__tags {\n gap: 0.3rem;\n }\n\n .cm-agent-card__badge,\n .cm-agent-card__tag {\n min-height: 1.45rem;\n padding: 0 0.5rem;\n font-size: 0.65rem;\n }\n\n .cm-agent-card__endpoint-code,\n .cm-agent-card__creator-value {\n font-size: 0.68rem;\n }\n\n .cm-agent-card__actions {\n padding: 0 0.85rem 0.85rem;\n justify-content: flex-end;\n flex-wrap: wrap;\n }\n}\n";
2
2
  //# sourceMappingURL=styles.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/agents/styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,w9TAodrB,CAAC"}
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/agents/styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,8xUA0drB,CAAC"}
@@ -6,13 +6,14 @@ export const agentsCss = `/**
6
6
  .cm-agent-card {
7
7
  display: grid;
8
8
  grid-template-columns: minmax(0, 1fr);
9
- gap: 1rem;
10
- border-radius: 0.55rem;
11
- border: 1px solid hsl(var(--border) / 0.75);
12
- background: linear-gradient(145deg, hsl(var(--card) / 0.82), hsl(var(--card) / 0.48));
9
+ gap: 0.85rem;
10
+ border-radius: max(var(--radius, 0.25rem), 0.3rem);
11
+ border: 1px solid hsl(var(--border) / 0.84);
12
+ background:
13
+ linear-gradient(180deg, hsl(var(--card) / 0.96), hsl(var(--card) / 0.78));
13
14
  box-shadow:
14
- 0 4px 24px -1px hsl(0 0% 0% / 0.3),
15
- inset 0 1px 0 hsl(0 0% 100% / 0.05);
15
+ 0 18px 40px hsl(240 30% 2% / 0.24),
16
+ inset 0 1px 0 hsl(0 0% 100% / 0.04);
16
17
  overflow: hidden;
17
18
  }
18
19
 
@@ -27,7 +28,7 @@ export const agentsCss = `/**
27
28
  transform: translateY(-2px);
28
29
  border-color: hsl(var(--primary) / 0.45);
29
30
  box-shadow:
30
- 0 16px 36px hsl(240 30% 2% / 0.28),
31
+ 0 18px 36px hsl(240 30% 2% / 0.32),
31
32
  0 0 24px hsl(var(--primary) / 0.14),
32
33
  inset 0 1px 0 hsl(0 0% 100% / 0.05);
33
34
  }
@@ -42,8 +43,8 @@ export const agentsCss = `/**
42
43
 
43
44
  .cm-agent-card__main {
44
45
  display: grid;
45
- gap: 1rem;
46
- padding: 1.2rem;
46
+ gap: 0.9rem;
47
+ padding: 1rem;
47
48
  }
48
49
 
49
50
  .cm-agent-card__header {
@@ -55,13 +56,15 @@ export const agentsCss = `/**
55
56
  .cm-agent-card__avatar {
56
57
  width: 3.5rem;
57
58
  height: 3.5rem;
58
- border-radius: 999px;
59
- border: 2px solid hsl(var(--primary) / 0.24);
60
- background: radial-gradient(circle, hsl(var(--primary) / 0.12), transparent 72%);
59
+ border-radius: max(var(--radius, 0.25rem), 0.35rem);
60
+ border: 1px solid hsl(var(--primary) / 0.28);
61
+ background:
62
+ linear-gradient(180deg, hsl(var(--background) / 0.92), hsl(var(--muted) / 0.34));
61
63
  display: grid;
62
64
  place-items: center;
63
65
  flex-shrink: 0;
64
66
  overflow: hidden;
67
+ box-shadow: inset 0 0 0 1px hsl(var(--primary) / 0.08);
65
68
  }
66
69
 
67
70
  .cm-agent-card__avatar-image {
@@ -73,9 +76,9 @@ export const agentsCss = `/**
73
76
  .cm-agent-card__avatar-fallback {
74
77
  font-family: var(--font-mono), monospace;
75
78
  color: hsl(var(--primary));
76
- font-size: 1rem;
79
+ font-size: 0.88rem;
77
80
  font-weight: 700;
78
- letter-spacing: 0.06em;
81
+ letter-spacing: 0.14em;
79
82
  text-transform: uppercase;
80
83
  }
81
84
 
@@ -107,8 +110,8 @@ export const agentsCss = `/**
107
110
 
108
111
  .cm-agent-card__description {
109
112
  color: hsl(var(--muted-foreground));
110
- font-size: 0.86rem;
111
- line-height: 1.55;
113
+ font-size: 0.84rem;
114
+ line-height: 1.48;
112
115
  }
113
116
 
114
117
  .cm-agent-card__badges,
@@ -129,8 +132,11 @@ export const agentsCss = `/**
129
132
  border: 1px solid hsl(var(--border) / 0.72);
130
133
  background: hsl(var(--muted) / 0.28);
131
134
  color: hsl(var(--muted-foreground));
132
- font-size: 0.72rem;
135
+ font-family: var(--font-mono), monospace;
136
+ font-size: 0.64rem;
137
+ letter-spacing: 0.08em;
133
138
  line-height: 1;
139
+ text-transform: uppercase;
134
140
  }
135
141
 
136
142
  .cm-agent-card__badge-icon {
@@ -180,8 +186,8 @@ export const agentsCss = `/**
180
186
  grid-template-columns: auto minmax(0, 1fr);
181
187
  gap: 0.6rem;
182
188
  align-items: center;
183
- padding: 0.8rem 0.9rem;
184
- border-radius: 0.35rem;
189
+ padding: 0.72rem 0.8rem;
190
+ border-radius: var(--radius, 0.25rem);
185
191
  border: 1px solid hsl(var(--border) / 0.65);
186
192
  background: hsl(var(--background) / 0.5);
187
193
  }
@@ -204,8 +210,9 @@ export const agentsCss = `/**
204
210
  .cm-agent-card__tags-title,
205
211
  .cm-agent-card__meta-label {
206
212
  color: hsl(var(--muted-foreground));
207
- font-size: 0.68rem;
208
- letter-spacing: 0.08em;
213
+ font-family: var(--font-mono), monospace;
214
+ font-size: 0.62rem;
215
+ letter-spacing: 0.12em;
209
216
  text-transform: uppercase;
210
217
  }
211
218
 
@@ -214,7 +221,7 @@ export const agentsCss = `/**
214
221
  .cm-agent-card__meta-value {
215
222
  color: hsl(var(--foreground));
216
223
  font-family: var(--font-mono), monospace;
217
- font-size: 0.86rem;
224
+ font-size: 0.8rem;
218
225
  line-height: 1.2;
219
226
  overflow-wrap: anywhere;
220
227
  }
@@ -249,10 +256,11 @@ export const agentsCss = `/**
249
256
  grid-template-columns: auto minmax(0, 1fr);
250
257
  gap: 0.7rem;
251
258
  align-items: center;
252
- padding: 0.95rem 1rem;
253
- border-radius: 0.4rem;
259
+ padding: 0.85rem 0.95rem;
260
+ border-radius: var(--radius, 0.25rem);
254
261
  border: 1px solid hsl(var(--border) / 0.72);
255
- background: linear-gradient(135deg, hsl(var(--primary) / 0.12), transparent 68%);
262
+ background:
263
+ linear-gradient(135deg, hsl(var(--primary) / 0.11), transparent 68%);
256
264
  }
257
265
 
258
266
  .cm-agent-card__focus-icon {
@@ -310,7 +318,7 @@ export const agentsCss = `/**
310
318
  gap: 0.6rem;
311
319
  align-items: center;
312
320
  padding: 0.65rem 0.75rem;
313
- border-radius: 0.35rem;
321
+ border-radius: var(--radius, 0.25rem);
314
322
  border: 1px solid hsl(var(--border) / 0.65);
315
323
  background: hsl(var(--background) / 0.42);
316
324
  }
@@ -342,7 +350,7 @@ export const agentsCss = `/**
342
350
  display: flex;
343
351
  align-items: flex-start;
344
352
  gap: 0.55rem;
345
- padding: 1.2rem 1.2rem 1.2rem 0;
353
+ padding: 1rem 1rem 1rem 0;
346
354
  }
347
355
 
348
356
  .cm-agent-card__action-stack {
@@ -357,7 +365,7 @@ export const agentsCss = `/**
357
365
  }
358
366
 
359
367
  .cm-agent-card__skeleton {
360
- border-radius: 0.75rem;
368
+ border-radius: var(--radius, 0.25rem);
361
369
  background: linear-gradient(90deg, hsl(var(--muted) / 0.55), hsl(var(--muted) / 0.8), hsl(var(--muted) / 0.55));
362
370
  background-size: 220% 100%;
363
371
  animation: cm-agent-card-shimmer 1.6s linear infinite;
@@ -366,7 +374,7 @@ export const agentsCss = `/**
366
374
  .cm-agent-card__skeleton--avatar {
367
375
  width: 3.5rem;
368
376
  height: 3.5rem;
369
- border-radius: 999px;
377
+ border-radius: max(var(--radius, 0.25rem), 0.35rem);
370
378
  }
371
379
 
372
380
  .cm-agent-card__skeleton--title {
@@ -410,60 +418,58 @@ export const agentsCss = `/**
410
418
  }
411
419
 
412
420
  @media (max-width: 720px) {
413
- .cm-agent-card__actions {
414
- padding: 0 1.2rem 1.2rem;
415
- justify-content: flex-end;
416
- flex-wrap: wrap;
417
- }
418
-
419
421
  .cm-agent-card__main {
422
+ gap: 0.65rem;
420
423
  padding: 0.85rem;
421
- gap: 0.75rem;
422
424
  }
423
425
 
424
- .cm-agent-card__metrics {
425
- grid-template-columns: repeat(2, minmax(0, 1fr));
426
- gap: 0.45rem;
426
+ .cm-agent-card__avatar {
427
+ width: 2.5rem;
428
+ height: 2.5rem;
427
429
  }
428
430
 
429
- .cm-agent-card__metric {
430
- padding: 0.6rem 0.7rem;
431
+ .cm-agent-card__title {
432
+ font-size: 0.92rem;
431
433
  }
432
434
 
433
435
  .cm-agent-card__description {
434
- display: -webkit-box;
435
- -webkit-line-clamp: 3;
436
- -webkit-box-orient: vertical;
437
- overflow: hidden;
436
+ font-size: 0.78rem;
437
+ line-height: 1.4;
438
438
  }
439
439
 
440
- .cm-agent-card__tags {
441
- max-height: 3.5rem;
442
- overflow: hidden;
440
+ .cm-agent-card__metrics {
441
+ grid-template-columns: repeat(2, 1fr);
443
442
  }
444
443
 
445
- .cm-agent-card__avatar {
446
- width: 2.5rem;
447
- height: 2.5rem;
444
+ .cm-agent-card__metric {
445
+ padding: 0.55rem 0.7rem;
448
446
  }
449
447
 
450
448
  .cm-agent-card__focus {
451
449
  padding: 0.7rem 0.8rem;
452
450
  }
453
- }
454
451
 
455
- @media (max-width: 480px) {
456
- .cm-agent-card__metrics {
457
- grid-template-columns: 1fr;
452
+ .cm-agent-card__badges,
453
+ .cm-agent-card__tags {
454
+ gap: 0.3rem;
458
455
  }
459
456
 
460
- .cm-agent-card__focus {
461
- grid-template-columns: 1fr;
462
- text-align: center;
457
+ .cm-agent-card__badge,
458
+ .cm-agent-card__tag {
459
+ min-height: 1.45rem;
460
+ padding: 0 0.5rem;
461
+ font-size: 0.65rem;
463
462
  }
464
463
 
465
- .cm-agent-card__focus-icon {
466
- justify-self: center;
464
+ .cm-agent-card__endpoint-code,
465
+ .cm-agent-card__creator-value {
466
+ font-size: 0.68rem;
467
+ }
468
+
469
+ .cm-agent-card__actions {
470
+ padding: 0 0.85rem 0.85rem;
471
+ justify-content: flex-end;
472
+ flex-wrap: wrap;
467
473
  }
468
474
  }
469
475
  `;
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/agents/styles.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAodxB,CAAC"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/agents/styles.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0dxB,CAAC"}
@@ -1,2 +1,2 @@
1
- export declare const appCss = "/**\n * Compose.Market App Chrome\n * @compose-market/theme/css/app\n */\n\n.cm-app-shell {\n position: relative;\n min-height: 100vh;\n background: hsl(var(--background));\n color: hsl(var(--foreground));\n overflow-x: hidden;\n}\n\n.cm-app-shell__backdrop {\n position: fixed;\n inset: 0;\n pointer-events: none;\n z-index: 0;\n overflow: hidden;\n}\n\n.cm-app-shell__grid,\n.cm-app-shell__gradient,\n.cm-app-shell__scanline {\n position: absolute;\n inset: 0;\n}\n\n.cm-app-shell__grid {\n background-size: 40px 40px;\n background-image:\n linear-gradient(to right, hsl(217 33% 17% / 0.3) 1px, transparent 1px),\n linear-gradient(to bottom, hsl(217 33% 17% / 0.3) 1px, transparent 1px);\n transition: transform 140ms linear;\n}\n\n.cm-app-shell__gradient {\n background-image:\n radial-gradient(circle at 50% 0%, hsl(270 60% 10% / 0.2), transparent 70%),\n linear-gradient(to bottom, transparent, hsl(var(--background)));\n}\n\n.cm-app-shell__scanline {\n top: -100px;\n height: 100px;\n background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, hsl(188 95% 43% / 0.05) 50%, rgba(0, 0, 0, 0) 100%);\n opacity: 0.1;\n animation: cm-app-scanline 8s linear infinite;\n}\n\n@keyframes cm-app-scanline {\n 0% {\n transform: translateY(-100px);\n }\n\n 100% {\n transform: translateY(calc(100vh + 100px));\n }\n}\n\n.cm-app-shell__content {\n position: relative;\n z-index: 1;\n min-height: 100vh;\n}\n";
1
+ export declare const appCss = "/**\n * Compose.Market App Chrome\n * @compose-market/theme/css/app\n */\n\n.cm-app-shell {\n position: relative;\n min-height: 100dvh;\n background: hsl(var(--background));\n color: hsl(var(--foreground));\n overflow-x: hidden;\n overflow-y: hidden;\n isolation: isolate;\n}\n\n.cm-app-shell__backdrop {\n position: fixed;\n inset: 0;\n pointer-events: none;\n z-index: 0;\n overflow: hidden;\n background:\n radial-gradient(circle at 18% 14%, hsl(var(--primary) / 0.14), transparent 26%),\n radial-gradient(circle at 82% 12%, hsl(var(--accent) / 0.12), transparent 22%),\n radial-gradient(circle at 50% 100%, hsl(220 60% 7% / 0.9), transparent 48%),\n linear-gradient(180deg, hsl(220 50% 4%), hsl(var(--background)) 42%, hsl(223 47% 3%));\n}\n\n.cm-app-shell__grid,\n.cm-app-shell__gradient,\n.cm-app-shell__scanline {\n position: absolute;\n inset: 0;\n}\n\n.cm-app-shell__grid {\n background-size: 48px 48px;\n background-image:\n linear-gradient(to right, hsl(188 95% 43% / 0.08) 1px, transparent 1px),\n linear-gradient(to bottom, hsl(188 95% 43% / 0.08) 1px, transparent 1px);\n transition: transform 140ms linear;\n mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.72), rgba(0, 0, 0, 0.16));\n}\n\n.cm-app-shell__gradient {\n background-image:\n radial-gradient(circle at 50% 0%, hsl(var(--primary) / 0.08), transparent 38%),\n radial-gradient(circle at 55% 18%, hsl(var(--accent) / 0.08), transparent 30%),\n linear-gradient(180deg, transparent 0%, hsl(var(--background) / 0.18) 36%, hsl(var(--background)) 100%);\n}\n\n.cm-app-shell__scanline {\n top: -100px;\n height: 100px;\n background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, hsl(188 95% 43% / 0.07) 50%, rgba(0, 0, 0, 0) 100%);\n opacity: 0.22;\n animation: cm-app-scanline 8s linear infinite;\n}\n\n@keyframes cm-app-scanline {\n 0% {\n transform: translateY(-100px);\n }\n\n 100% {\n transform: translateY(calc(100vh + 100px));\n }\n}\n\n.cm-app-shell__content {\n position: relative;\n z-index: 1;\n min-height: 100dvh;\n}\n";
2
2
  //# sourceMappingURL=styles.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/app/styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM,u6CAiElB,CAAC"}
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/app/styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM,qhEA0ElB,CAAC"}
@@ -5,10 +5,12 @@ export const appCss = `/**
5
5
 
6
6
  .cm-app-shell {
7
7
  position: relative;
8
- min-height: 100vh;
8
+ min-height: 100dvh;
9
9
  background: hsl(var(--background));
10
10
  color: hsl(var(--foreground));
11
11
  overflow-x: hidden;
12
+ overflow-y: hidden;
13
+ isolation: isolate;
12
14
  }
13
15
 
14
16
  .cm-app-shell__backdrop {
@@ -17,6 +19,11 @@ export const appCss = `/**
17
19
  pointer-events: none;
18
20
  z-index: 0;
19
21
  overflow: hidden;
22
+ background:
23
+ radial-gradient(circle at 18% 14%, hsl(var(--primary) / 0.14), transparent 26%),
24
+ radial-gradient(circle at 82% 12%, hsl(var(--accent) / 0.12), transparent 22%),
25
+ radial-gradient(circle at 50% 100%, hsl(220 60% 7% / 0.9), transparent 48%),
26
+ linear-gradient(180deg, hsl(220 50% 4%), hsl(var(--background)) 42%, hsl(223 47% 3%));
20
27
  }
21
28
 
22
29
  .cm-app-shell__grid,
@@ -27,24 +34,26 @@ export const appCss = `/**
27
34
  }
28
35
 
29
36
  .cm-app-shell__grid {
30
- background-size: 40px 40px;
37
+ background-size: 48px 48px;
31
38
  background-image:
32
- linear-gradient(to right, hsl(217 33% 17% / 0.3) 1px, transparent 1px),
33
- linear-gradient(to bottom, hsl(217 33% 17% / 0.3) 1px, transparent 1px);
39
+ linear-gradient(to right, hsl(188 95% 43% / 0.08) 1px, transparent 1px),
40
+ linear-gradient(to bottom, hsl(188 95% 43% / 0.08) 1px, transparent 1px);
34
41
  transition: transform 140ms linear;
42
+ mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.72), rgba(0, 0, 0, 0.16));
35
43
  }
36
44
 
37
45
  .cm-app-shell__gradient {
38
46
  background-image:
39
- radial-gradient(circle at 50% 0%, hsl(270 60% 10% / 0.2), transparent 70%),
40
- linear-gradient(to bottom, transparent, hsl(var(--background)));
47
+ radial-gradient(circle at 50% 0%, hsl(var(--primary) / 0.08), transparent 38%),
48
+ radial-gradient(circle at 55% 18%, hsl(var(--accent) / 0.08), transparent 30%),
49
+ linear-gradient(180deg, transparent 0%, hsl(var(--background) / 0.18) 36%, hsl(var(--background)) 100%);
41
50
  }
42
51
 
43
52
  .cm-app-shell__scanline {
44
53
  top: -100px;
45
54
  height: 100px;
46
- background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, hsl(188 95% 43% / 0.05) 50%, rgba(0, 0, 0, 0) 100%);
47
- opacity: 0.1;
55
+ background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, hsl(188 95% 43% / 0.07) 50%, rgba(0, 0, 0, 0) 100%);
56
+ opacity: 0.22;
48
57
  animation: cm-app-scanline 8s linear infinite;
49
58
  }
50
59
 
@@ -61,7 +70,7 @@ export const appCss = `/**
61
70
  .cm-app-shell__content {
62
71
  position: relative;
63
72
  z-index: 1;
64
- min-height: 100vh;
73
+ min-height: 100dvh;
65
74
  }
66
75
  `;
67
76
  //# sourceMappingURL=styles.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/app/styles.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,MAAM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiErB,CAAC"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/app/styles.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,MAAM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0ErB,CAAC"}