/* Approved design, extracted from the chat source. */
/* Page-only resets; keep these outside component-only framework imports. */
html { margin:0; background:var(--sm-bg); color-scheme:dark; }
body { margin:0; min-width:var(--sm-size-320); background:var(--sm-bg); }
#sm-premium-concept { width:100%; color:var(--sm-ink); background:transparent; font-family:var(--font-body); font-size:var(--sm-size-15); line-height:1.55; position:relative; isolation:isolate; color-scheme:dark; }
#sm-premium-concept *,#sm-premium-concept *::before,#sm-premium-concept *::after { box-sizing:border-box; }
#sm-premium-concept :where(.sm-header,.sm-stage,.sm-products-section) h1,#sm-premium-concept :where(.sm-header,.sm-stage,.sm-products-section) h2,#sm-premium-concept :where(.sm-header,.sm-stage,.sm-products-section) h3,#sm-premium-concept :where(.sm-header,.sm-stage,.sm-products-section) p { margin:0; }
#sm-premium-concept :where(.sm-header,.sm-stage,.sm-products-section) a { color:inherit; text-decoration:none; }
#sm-premium-concept :where(.sm-header,.sm-stage,.sm-products-section) button { font:inherit; color:inherit; }
#sm-premium-concept :where(.sm-header,.sm-stage,.sm-products-section) i,#sm-premium-concept :where(.sm-header,.sm-stage,.sm-products-section) svg { flex-shrink:0; width:var(--sm-size-17); height:var(--sm-size-17); }
#sm-premium-concept .sm-shell { width:95%; margin-inline:auto; max-width:none; padding-inline:0; }
#sm-premium-concept .sm-header { min-height:var(--sm-size-86); display:flex; align-items:center; justify-content:space-between; gap:var(--sm-size-24); border-bottom:var(--sm-size-1) solid var(--sm-line); position:relative; z-index:3; padding-right:0; }
#sm-premium-concept .sm-wordmark { font-family:var(--font-display); font-weight:800; font-size:var(--sm-size-23); letter-spacing:var(--sm-tracking-minus-point-06); white-space:nowrap; }
#sm-premium-concept .sm-wordmark span { color:var(--sm-green); margin-left:var(--sm-size-3); }
#sm-premium-concept .sm-header nav { display:flex; gap:var(--sm-size-26); color:var(--sm-muted); font-size:var(--sm-size-14); }
#sm-premium-concept .sm-header nav a { padding-block:var(--sm-size-12); transition:color var(--sm-duration-160) ease; }
#sm-premium-concept .sm-header nav a:hover { color:var(--sm-ink); }
#sm-premium-concept .sm-cta { display:inline-flex; align-items:center; justify-content:center; min-height:var(--sm-size-48); padding:var(--sm-size-12) var(--sm-size-18); background:var(--sm-green); color:var(--sm-bg); border-radius:var(--sm-size-12); font-size:var(--sm-size-14); font-weight:700; box-shadow:inset 0 var(--sm-size-1) 0 var(--sm-highlight); white-space:nowrap; }
#sm-premium-concept .sm-cta-visual { display:flex; align-items:center; gap:var(--sm-size-12); transform:translate(var(--sm-mx,var(--sm-size-0)),var(--sm-my,var(--sm-size-0))); }
#sm-premium-concept .sm-cta:hover { background:var(--color-action-hover); }
#sm-premium-concept .sm-stage { position:relative; background:radial-gradient(ellipse at 82% 42%,var(--sm-hero-light),transparent 55%); }
#sm-premium-concept .sm-stage::before { content:''; position:absolute; inset:0; background-image:radial-gradient(circle,var(--sm-dot) var(--sm-size-1),transparent var(--sm-size-1point-4)); background-size:var(--sm-size-24) var(--sm-size-24); pointer-events:none; mask-image:linear-gradient(var(--sm-black),var(--sm-black) 78%,transparent); }
#sm-premium-concept .sm-stage.sm-has-canvas::before { background-image:none; }
#sm-premium-concept .sm-dot-canvas { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; mask-image:linear-gradient(var(--sm-black),var(--sm-black) 78%,transparent); }
#sm-premium-concept .sm-hero-grid { display:grid; grid-template-columns:minmax(0,.46fr) minmax(0,.54fr); gap:var(--sm-size-36); align-items:center; padding-block:var(--sm-size-70) var(--sm-size-76); position:relative; z-index:1; }
#sm-premium-concept .sm-hero-grid > * { min-width:0; }
#sm-premium-concept .sm-eyebrow { font-size:var(--sm-size-11); font-weight:600; letter-spacing:var(--sm-tracking-point-13); color:var(--sm-muted); display:flex; align-items:center; gap:var(--sm-size-10); }
#sm-premium-concept .sm-status-dot { height:var(--sm-size-6); width:var(--sm-size-6); background:var(--sm-green); border-radius:50%; }
#sm-premium-concept :where(.sm-header,.sm-stage,.sm-products-section) h1 { font-family:var(--font-display); font-weight:700; font-size:clamp(var(--sm-size-38),var(--sm-fluid-5point-4),var(--sm-size-80)); line-height:1.06; letter-spacing:var(--sm-tracking-minus-point-06); margin-top:var(--sm-size-24); }
#sm-premium-concept :where(.sm-header,.sm-stage,.sm-products-section) h1 > span { color:var(--sm-green); }
#sm-premium-concept .sm-lede { color:var(--sm-muted); font-size:var(--sm-size-16); line-height:1.7; max-width:var(--sm-measure-43); margin-top:var(--sm-size-24); }
#sm-premium-concept .sm-actions { margin-top:var(--sm-size-30); display:flex; gap:var(--sm-size-22); flex-wrap:wrap; align-items:center; }
#sm-premium-concept .sm-secondary { font-size:var(--sm-size-13); color:var(--sm-muted); min-height:var(--sm-size-44); display:flex; align-items:center; gap:var(--sm-size-8); }
#sm-premium-concept .sm-secondary:hover { color:var(--sm-ink); }
#sm-premium-concept .sm-family-line { display:flex; gap:var(--sm-size-16); flex-wrap:wrap; color:var(--sm-muted); font-size:var(--sm-size-12); margin-top:var(--sm-size-36); }
#sm-premium-concept .sm-family-line span + span::before { content:'·'; margin-right:var(--sm-size-16); color:var(--sm-green); }
#sm-premium-concept .sm-preview-slot { position:relative; scroll-margin-top:var(--sm-size-20); }
#sm-premium-concept .sm-workspace { border:var(--sm-size-1) solid var(--sm-workspace-line); border-radius:var(--sm-size-20); background:var(--sm-surface); box-shadow:0 var(--sm-size-26) var(--sm-size-70) var(--sm-shadow),inset 0 var(--sm-size-1) 0 var(--sm-top-highlight); }
#sm-premium-concept .sm-tilt-visual { transform:perspective(var(--sm-size-1000)) rotateX(var(--sm-rx,var(--sm-angle-0))) rotateY(var(--sm-ry,var(--sm-angle-0))); transform-origin:50% 50%; }
#sm-premium-concept .sm-workspace-top { display:flex; align-items:center; gap:var(--sm-size-10); padding:var(--sm-size-18); border-bottom:var(--sm-size-1) solid var(--sm-line); }
#sm-premium-concept .sm-app-mark { display:flex; align-items:center; justify-content:center; width:var(--sm-size-32); height:var(--sm-size-32); border-radius:var(--sm-size-9); background:var(--sm-soft); color:var(--sm-green); }
#sm-premium-concept .sm-current-product { display:block; font-size:var(--sm-size-14); font-weight:700; }
#sm-premium-concept .sm-project-name { display:block; font-size:var(--sm-size-11); color:var(--sm-muted); }
#sm-premium-concept .sm-sample-label { font-size:var(--sm-size-11); color:var(--sm-muted); margin-left:auto; border:var(--sm-size-1) solid var(--sm-line); padding:var(--sm-size-3) var(--sm-size-7); border-radius:var(--sm-size-6); white-space:nowrap; }
#sm-premium-concept .sm-workspace-body { padding:var(--sm-size-22) var(--sm-size-18); display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:var(--sm-size-20); min-height:var(--sm-size-348); }
#sm-premium-concept .sm-column-heading { display:flex; justify-content:space-between; flex-wrap:wrap; gap:var(--sm-size-5); font-size:var(--sm-size-11); color:var(--sm-muted); margin-bottom:var(--sm-size-12); }
#sm-premium-concept .sm-notes { display:grid; gap:var(--sm-size-10); }
#sm-premium-concept .sm-note { display:flex; align-items:flex-start; gap:var(--sm-size-8); padding:var(--sm-size-11) var(--sm-size-8); background:var(--sm-note-bg); border:var(--sm-size-1) solid var(--sm-note-line); border-radius:var(--sm-size-9); }
#sm-premium-concept .sm-note > span { color:var(--sm-green); font-size:var(--sm-size-11); padding-top:var(--sm-size-1); }
#sm-premium-concept .sm-note p { font-size:var(--sm-size-14); line-height:1.5; }
#sm-premium-concept .sm-source-footer { display:flex; gap:var(--sm-size-5); align-items:center; font-size:var(--sm-size-11); color:var(--sm-muted); margin-top:var(--sm-size-14); }
#sm-premium-concept .sm-source-footer svg { width:var(--sm-size-13); height:var(--sm-size-13); }
#sm-premium-concept .sm-result-column { padding-left:var(--sm-size-16); border-left:var(--sm-size-1) solid var(--sm-line); }
#sm-premium-concept .sm-result-label { color:var(--sm-green); font-size:var(--sm-size-11); display:flex; align-items:center; gap:var(--sm-size-7); margin-bottom:var(--sm-size-13); }
#sm-premium-concept .sm-result-label svg { width:var(--sm-size-14); height:var(--sm-size-14); }
#sm-premium-concept .sm-result-title { font-size:var(--sm-size-16); line-height:1.4; letter-spacing:var(--sm-tracking-minus-point-025); font-weight:600; }
#sm-premium-concept .sm-result-copy { margin-top:var(--sm-size-10); color:var(--sm-muted); font-size:var(--sm-size-14); line-height:1.6; }
#sm-premium-concept .sm-result-source { margin-top:var(--sm-size-9); color:var(--sm-muted); font-size:var(--sm-size-11); }
#sm-premium-concept .sm-next-action { display:grid; gap:var(--sm-size-8); padding-top:var(--sm-size-18); margin-top:var(--sm-size-18); border-top:var(--sm-size-1) solid var(--sm-line); }
#sm-premium-concept .sm-next-label { font-size:var(--sm-size-11); letter-spacing:var(--sm-tracking-point-12); color:var(--sm-muted); }
#sm-premium-concept .sm-next-title { font-weight:500; font-size:var(--sm-size-14); line-height:1.5; }
#sm-premium-concept .sm-next-meta { display:flex; flex-wrap:wrap; align-items:center; gap:var(--sm-size-6) var(--sm-size-12); color:var(--sm-muted); font-size:var(--sm-size-11); }
#sm-premium-concept .sm-owner { display:flex; gap:var(--sm-size-5); align-items:center; }
#sm-premium-concept .sm-owner svg { width:var(--sm-size-12); height:var(--sm-size-12); }
#sm-premium-concept .sm-review-status { justify-self:start; color:var(--sm-review-ink); font-size:var(--sm-size-11); padding:var(--sm-size-3) var(--sm-size-7); background:var(--sm-review-bg); border:var(--sm-size-1) solid var(--sm-review-line); border-radius:var(--sm-size-5); }
#sm-premium-concept .sm-workspace-switcher { border-top:var(--sm-size-1) solid var(--sm-line); display:flex; align-items:center; padding:var(--sm-size-10); gap:var(--sm-size-4); }
#sm-premium-concept .sm-workspace-switcher button { border:0; background:transparent; color:var(--sm-muted); border-radius:var(--sm-size-8); flex:1; min-width:0; min-height:var(--sm-size-40); padding:var(--sm-size-6); font-size:var(--sm-size-12); }
#sm-premium-concept .sm-workspace-switcher button[aria-pressed='true'] { background:var(--sm-soft); color:var(--sm-ink); box-shadow:inset 0 0 0 var(--sm-size-1) var(--sm-selected-line); }
#sm-premium-concept .sm-workspace-switcher button:hover { background:var(--sm-soft); color:var(--sm-ink); }
#sm-premium-concept .sm-products-section { padding-block:var(--sm-size-26) var(--sm-size-52); scroll-margin-top:var(--sm-size-20); }
#sm-premium-concept .sm-section-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:var(--sm-size-28); margin-bottom:var(--sm-size-30); }
#sm-premium-concept .sm-section-heading h2 { font-family:var(--font-display); font-size:var(--sm-size-32); font-weight:600; line-height:1.2; letter-spacing:var(--sm-tracking-minus-point-045); margin-top:var(--sm-size-12); }
#sm-premium-concept .sm-section-heading > p { color:var(--sm-muted); font-size:var(--sm-size-13); padding-bottom:var(--sm-size-3); }
#sm-premium-concept .sm-products-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--sm-size-18); }
#sm-premium-concept .sm-product-slot { min-width:0; display:flex; }
#sm-premium-concept .sm-product { width:100%; padding:var(--sm-size-23) var(--sm-size-20); background:var(--sm-surface); border:var(--sm-size-1) solid var(--sm-line); border-radius:var(--sm-size-18); display:flex; flex-direction:column; position:relative; }
#sm-premium-concept .sm-product-featured { background:var(--sm-featured-bg); border-color:var(--sm-selected-line); }
#sm-premium-concept .sm-product-slot:hover .sm-product { border-color:var(--sm-highlight); }
#sm-premium-concept .sm-product-heading { display:flex; gap:var(--sm-size-10); align-items:center; justify-content:space-between; }
#sm-premium-concept .sm-product-icon { color:var(--sm-green); display:flex; align-items:center; }
#sm-premium-concept .sm-product-icon svg { width:var(--sm-size-20); height:var(--sm-size-20); }
#sm-premium-concept .sm-product-category { font-size:var(--sm-size-11); letter-spacing:var(--sm-tracking-point-13); color:var(--sm-muted); }
#sm-premium-concept .sm-product h3 { font-family:var(--font-display); font-size:var(--sm-size-22); font-weight:600; letter-spacing:var(--sm-tracking-minus-point-04); margin-top:var(--sm-size-23); }
#sm-premium-concept .sm-product > p { font-size:var(--sm-size-13); color:var(--sm-muted); margin-top:var(--sm-size-8); margin-bottom:var(--sm-size-23); }
#sm-premium-concept .sm-mini-review,#sm-premium-concept .sm-mini-action,#sm-premium-concept .sm-mini-brain { border-top:var(--sm-size-1) solid var(--sm-line); border-bottom:var(--sm-size-1) solid var(--sm-line); min-height:var(--sm-size-108); padding-block:var(--sm-size-12); display:flex; flex-direction:column; justify-content:space-between; gap:var(--sm-size-10); }
#sm-premium-concept .sm-mini-review > div,#sm-premium-concept .sm-mini-action > div,#sm-premium-concept .sm-mini-brain > div:first-child { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:var(--sm-size-4) var(--sm-size-8); font-size:var(--sm-size-11); }
#sm-premium-concept .sm-mini-review > div:not(:first-child) { color:var(--sm-muted); }
#sm-premium-concept .sm-mini-label { color:var(--sm-muted); font-size:var(--sm-size-11); }
#sm-premium-concept .sm-open { color:var(--sm-review-ink); }
#sm-premium-concept .sm-mini-action strong { font-size:var(--sm-size-13); font-weight:500; }
#sm-premium-concept .sm-mini-action > div:last-child { color:var(--sm-muted); }
#sm-premium-concept .sm-note-path { display:flex; align-items:center; flex-wrap:wrap; gap:var(--sm-size-9); padding-bottom:var(--sm-size-8); }
#sm-premium-concept .sm-note-path > span { padding:var(--sm-size-5) var(--sm-size-9); border-radius:var(--sm-size-5); background:var(--sm-soft); font-size:var(--sm-size-11); }
#sm-premium-concept .sm-note-path > svg { width:var(--sm-size-14); height:var(--sm-size-14); color:var(--sm-muted); }
#sm-premium-concept .sm-note-path strong { font-size:var(--sm-size-12); font-weight:500; }
#sm-premium-concept .sm-product-link { display:flex; align-items:center; justify-content:space-between; gap:var(--sm-size-12); padding:var(--sm-size-21) 0 0; margin-top:auto; border:0; background:transparent; text-align:left; font-size:var(--sm-size-12); font-weight:500; }
#sm-premium-concept .sm-product-link svg { transition:transform var(--sm-duration-160) ease; }
#sm-premium-concept .sm-product-link:hover svg { transform:translate(var(--sm-size-2),var(--sm-size-minus-2)); }
#sm-premium-concept .sm-footer { display:flex; justify-content:space-between; flex-wrap:wrap; gap:var(--sm-size-12); padding-block:var(--sm-size-22) var(--sm-size-26); border-top:var(--sm-size-1) solid var(--sm-line); color:var(--sm-muted); font-size:var(--sm-size-12); }
#sm-premium-concept .sm-footer > span { color:var(--sm-ink); font-weight:600; }
#sm-premium-concept .sm-announcement { position:absolute; width:var(--sm-size-1); height:var(--sm-size-1); padding:0; margin:var(--sm-size-minus-1); overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
#sm-premium-concept .sm-tilt-visual:focus-within { transform:none; }
@media(max-width:900px) {
  #sm-premium-concept .sm-header { padding-right:0; gap:var(--sm-size-16); }
  #sm-premium-concept .sm-header nav { gap:var(--sm-size-16); }
  #sm-premium-concept .sm-header > .sm-cta { display:none; }
  #sm-premium-concept .sm-hero-grid { grid-template-columns:1fr; gap:var(--sm-size-38); padding-block:var(--sm-size-48) var(--sm-size-56); }
  #sm-premium-concept .sm-hero-copy { max-width:var(--sm-size-650); }
  #sm-premium-concept :where(.sm-header,.sm-stage,.sm-products-section) h1 { font-size:clamp(var(--sm-size-38),var(--sm-fluid-7point-6),var(--sm-size-65)); }
  #sm-premium-concept .sm-lede { max-width:var(--sm-measure-49); }
  #sm-premium-concept .sm-workspace-body { grid-template-columns:minmax(0,1fr) minmax(0,1.15fr); min-height:var(--sm-size-305); gap:var(--sm-size-24); padding:var(--sm-size-24); }
  #sm-premium-concept .sm-note p,#sm-premium-concept .sm-result-copy { font-size:var(--sm-size-14); }
  #sm-premium-concept .sm-result-title { font-size:var(--sm-size-19); }
  #sm-premium-concept .sm-products-grid { gap:var(--sm-size-12); }
  #sm-premium-concept .sm-product { padding:var(--sm-size-20) var(--sm-size-16); }
}
@media(max-width:640px) {
  #sm-premium-concept .sm-header { gap:var(--sm-size-12); min-height:var(--sm-size-74); flex-wrap:wrap; padding-block:var(--sm-size-14); padding-right:0; }
  #sm-premium-concept .sm-header nav { gap:var(--sm-size-15); font-size:var(--sm-size-12); }
  #sm-premium-concept .sm-wordmark { font-size:var(--sm-size-22); }
  #sm-premium-concept .sm-hero-copy { padding-inline:var(--sm-size-8); }
  #sm-premium-concept .sm-hero-grid { padding-block:var(--sm-size-36) var(--sm-size-40); }
  #sm-premium-concept .sm-actions { gap:var(--sm-size-14); margin-top:var(--sm-size-25); }
  #sm-premium-concept .sm-family-line { margin-top:var(--sm-size-26); }
  #sm-premium-concept .sm-section-heading { align-items:flex-start; flex-direction:column; gap:var(--sm-size-13); padding-inline:var(--sm-size-8); }
  #sm-premium-concept .sm-section-heading h2 { font-size:var(--sm-size-30); }
  #sm-premium-concept .sm-section-heading > p br { display:none; }
  #sm-premium-concept .sm-products-grid { grid-template-columns:1fr; gap:var(--sm-size-14); }
  #sm-premium-concept .sm-product { padding:var(--sm-size-22); }
  #sm-premium-concept .sm-product > p { font-size:var(--sm-size-15); }
  #sm-premium-concept .sm-product-link { min-height:var(--sm-size-48); font-size:var(--sm-size-14); }
  #sm-premium-concept .sm-product-category,#sm-premium-concept .sm-next-label,#sm-premium-concept .sm-mini-label,#sm-premium-concept .sm-review-status { font-size:var(--sm-size-11); }
  #sm-premium-concept .sm-mini-review > div,#sm-premium-concept .sm-mini-action > div,#sm-premium-concept .sm-mini-brain > div:first-child { font-size:var(--sm-size-12); }
  #sm-premium-concept .sm-footer { padding-inline:var(--sm-size-8); }
}
@media(max-width:430px) {
  #sm-premium-concept .sm-workspace-body { grid-template-columns:1fr; min-height:0; padding:var(--sm-size-20); gap:var(--sm-size-22); }
  #sm-premium-concept .sm-result-column { padding-left:0; padding-top:var(--sm-size-22); border-left:0; border-top:var(--sm-size-1) solid var(--sm-line); }
  #sm-premium-concept .sm-note p,#sm-premium-concept .sm-result-copy { font-size:var(--sm-size-14); }
  #sm-premium-concept .sm-source-footer { margin-top:var(--sm-size-12); }
  #sm-premium-concept .sm-workspace-switcher button { min-height:var(--sm-size-44); font-size:var(--sm-size-11); }
  #sm-premium-concept .sm-workspace-top { padding:var(--sm-size-16); }
}
@media(prefers-reduced-motion:reduce) {
  #sm-premium-concept .sm-tilt-visual,#sm-premium-concept .sm-cta-visual { transform:none; }
  #sm-premium-concept * { transition:none; scroll-behavior:auto; }
}
/* Replacements for chat-host behavior, plus native keyboard accessibility. */
#sm-premium-concept .cursor-interaction { cursor:pointer; }
#sm-premium-concept :is(a,button):focus-visible {
  outline:var(--sm-size-2) solid var(--sm-green); outline-offset:var(--sm-size-5);
}
#sm-premium-concept .sm-skip-link {
  position:absolute; left:2.5%; top:var(--sm-size-8); z-index:10; padding:var(--sm-size-10) var(--sm-size-16);
  background:var(--sm-green); color:var(--sm-bg); border-radius:var(--sm-size-8);
  transform:translateY(-150%);
}
#sm-premium-concept .sm-skip-link:focus { transform:none; }
@media (pointer:coarse) {
  #sm-premium-concept .sm-header nav a { min-height:var(--sm-size-44); display:inline-flex; align-items:center; }
  #sm-premium-concept .sm-workspace-switcher button { min-height:var(--sm-size-44); }
  #sm-premium-concept .sm-product-link { min-height:var(--sm-size-48); }
}

/* Shared-page integration; the approved components keep their supplied geometry. */
.retained-sections { font-size: var(--type-body); line-height: 1.6; }
.approved-home::before, .approved-home .site-field { visibility: hidden; }
.approved-home.retained-field-active::before,
.approved-home.retained-field-active .site-field { visibility: visible; }

/* Seek paused CSS timelines for continuous motion without inline CSS writes.
   Additive transforms preserve the supplied perspective and stable boundaries. */
@keyframes sm-pointer-rx {
  from { transform: rotateX(calc(-1 * var(--sm-tilt-limit))); }
  to { transform: rotateX(var(--sm-tilt-limit)); }
}
@keyframes sm-pointer-ry {
  from { transform: rotateY(calc(-1 * var(--sm-tilt-limit))); }
  to { transform: rotateY(var(--sm-tilt-limit)); }
}
@keyframes sm-pointer-mx {
  from { transform: translateX(calc(-1 * var(--sm-magnet-limit))); }
  to { transform: translateX(var(--sm-magnet-limit)); }
}
@keyframes sm-pointer-my {
  from { transform: translateY(calc(-1 * var(--sm-magnet-limit))); }
  to { transform: translateY(var(--sm-magnet-limit)); }
}
@media (prefers-reduced-motion: no-preference) and (hover: hover) and (pointer: fine) {
  #sm-premium-concept .sm-motion-tilt {
    animation: sm-pointer-rx var(--sm-motion-timeline) linear both paused,
      sm-pointer-ry var(--sm-motion-timeline) linear both paused;
    animation-composition: add;
  }
  #sm-premium-concept .sm-motion-magnet {
    animation: sm-pointer-mx var(--sm-motion-timeline) linear both paused,
      sm-pointer-my var(--sm-motion-timeline) linear both paused;
    animation-composition: add;
  }
}