/* Generated from the design's style-hover attributes. Card W-7.
 *
 * `style-hover` is not CSS. It is compiled by the Claude Design runtime, which
 * this port replaces, so the replacement is ours to write: one class per
 * distinct hover value, carrying the same declarations verbatim. Generated
 * rather than typed because a value that appears on twelve elements must
 * produce one class and not twelve near-copies, and because a hand-edited copy
 * would drift from the design silently.
 *
 * The name is a hash of the declarations, so the same hover always gets the
 * same class and a changed hover gets a new one.
 */

/* used 4x */
.mnh-59994e4f:hover { color: var(--mn-strong); }

/* used 3x */
.mnh-dcd90589:hover { background: var(--mn-line); }

/* used 2x */
.mnh-43ec9e1a:hover { background: color-mix(in srgb, var(--color-accent) 9%, transparent); }

/* used 2x */
.mnh-a5e8c1f7:hover { transform: translateY(-2px); box-shadow: var(--mn-spec-hi); }

/* used 2x */
.mnh-78221228:hover { background: rgba(79,198,232,0.2); }

/* used 2x */
.mnh-33da87ac:hover { transform: translateY(-2px); }

/* used 2x */
.mnh-c81b0124:hover { --mn-spec: var(--mn-spec-hi); }

/* used 2x */
.mnh-10cbd988:hover { color: var(--mn-strong); border-color: var(--color-accent); }

/* used 2x */
.mnh-fc273040:hover { color: var(--mn-shell); transform: translateY(-2px); box-shadow: var(--mn-spec-hi); }

/* used 2x */
.mnh-e46b155d:hover { --mn-z: 22px; }

/* used 1x */
.mnh-90776964:hover { --mn-z: 24px; }

/* used 1x */
.mnh-71f72205:hover { --mn-lift: 20px; }

/* used 1x */
.mnh-0b6264ba:hover { background: color-mix(in srgb, var(--color-text) 5%, transparent); }

/* used 1x */
.mnh-f968db7b:hover { background: color-mix(in srgb, var(--color-accent) 8%, transparent); }

/* used 1x */
.mnh-b79f650d:hover { --mn-nz: 22px; background: color-mix(in srgb, var(--color-accent) 10%, transparent); }

/* used 1x */
.mnh-e42bfa6a:hover { --mn-nz: 20px; }

/* used 1x */
.mnh-3510b5e9:hover { --mn-z: 40px; --mn-op: 1; }

/* used 1x */
.mnh-1919ee18:hover { background: var(--mn-glass-2); }

/* used 1x */
.mnh-11d0f606:hover { background: rgba(79,198,232,0.16); }

/* used 1x */
.mnh-2df1ef90:hover { color: var(--mn-kicker-c); }

/* used 1x */
.mnh-11bac67b:hover { background: rgba(79,198,232,0.22); }

/* used 1x */
.mnh-bc1d742c:hover { --mn-spec: var(--mn-spec-hi); background: rgba(255,255,255,0.075); --mn-lev: 1; --mn-levh: 90px; }

/* used 1x */
.mnh-c030af00:hover { --mn-dim: 1; background: var(--mn-glass); }

/* used 1x */
.mnh-4de1ee32:hover { background: var(--mn-glass-2); transform: translateX(3px); }

/* used 1x */
.mnh-9f8349dc:hover { --mn-spec: var(--mn-spec-hi); background: var(--mn-glass-2); }

/* used 1x */
.mnh-318bd8b2:hover { background: rgba(79,198,232,0.14); }

/* used 1x */
.mnh-9d080486:hover { color: var(--mn-strong); background: var(--mn-glass-2); transform: translateY(-2px); }

/* used 1x */
.mnh-28d2f91d:hover { border-color: var(--color-accent); color: var(--mn-strong); }

/* used 1x */
.mnh-f83fe20d:hover { --mn-z: 20px; }

/* used 1x */
.mnh-16895b7b:hover { background: color-mix(in srgb, var(--color-accent) 10%, transparent); --mn-anim: mn-draw2; --mn-icon: var(--color-accent); }

/* used 1x */
.mnh-83fc30f5:hover { background: color-mix(in srgb, var(--color-accent) 8%, transparent); --mn-z: 16px; }