html[data-motion="off"] [data-visual] *, html[data-motion="off"] [data-visual] :before, html[data-motion="off"] [data-visual] :after, [data-still] [data-visual] *, [data-still] [data-visual] :before, [data-still] [data-visual] :after {
  transition: none !important;
  animation: none !important;
}

[data-frame] {
  width: var(--frame-w, 560px);
  flex-shrink: 0;
  max-width: 100%;
}

[data-frame][data-size="card"] {
  --frame-w: 320px;
}

[data-frame][data-size="row"] {
  --frame-w: 560px;
}

[data-frame][data-size="hero"] {
  --frame-w: 880px;
}

[data-frame][data-size="full"] {
  --frame-w: 100%;
}

[data-motion-set][aria-pressed="true"], [data-size-set][aria-pressed="true"] {
  background-color: var(--color-navy-900);
  color: #fff;
}

html.dark [data-motion-set][aria-pressed="true"], html.dark [data-size-set][aria-pressed="true"] {
  background-color: var(--color-citron-400);
  color: var(--color-navy-900);
}

[data-nav-link][aria-current="page"] {
  color: var(--color-navy-900);
}

html.dark [data-nav-link][aria-current="page"] {
  color: #eef1ff;
}

[data-thumb] {
  position: relative;
  overflow: hidden;
}

[data-thumb-inner] {
  transform-origin: 0 0;
  pointer-events: none;
  width: 560px;
}

[data-board] {
  touch-action: none;
  -webkit-user-select: none;
  user-select: none;
  cursor: grab;
  background-image: radial-gradient(circle, #dcdcdc 1px, #0000 1px);
  background-size: 16px 16px;
}

[data-board].dragging {
  cursor: grabbing;
}

html.dark [data-board] {
  background-image: radial-gradient(circle, #ffffff29 1px, #0000 1px);
}

[data-world] {
  transform-origin: 0 0;
  will-change: transform;
  width: max-content;
  position: absolute;
  top: 0;
  left: 0;
}

[data-node] {
  flex-shrink: 0;
}

[data-tune] input[type="range"] {
  width: 7rem;
  accent-color: var(--color-navy-900);
}

[data-tune] input[type="color"] {
  background: none;
  border: 1px solid #e5e5e5;
  width: 1.75rem;
  height: 1.25rem;
  padding: 0;
}

html.dark [data-tune] input[type="range"] {
  accent-color: var(--color-citron-400);
}