.guzi-icon-host {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  line-height: 1;
}

.guzi-icon {
  display: block;
  width: 1em;
  height: 1em;
  overflow: visible;
}

.small-sun.guzi-icon-host { font-size: 23px; }
.scene-spark.guzi-icon-host { font-size: 36px; }
.window-leaf.guzi-icon-host { font-size: 22px; }
.focus-flower.guzi-icon-host { font-size: 30px; }
.reminder-bell.guzi-icon-host { font-size: 30px; }
.nudge-symbol.guzi-icon-host { font-size: 31px; }
.notification-rest.guzi-icon-host { font-size: 57px; }
.ai-boundary-icon.guzi-icon-host { font-size: 28px; }
.plugin-symbol.guzi-icon-host { font-size: 26px; }
.rail-item.guzi-icon-host { font-size: 18px; }

.button > .guzi-icon-host,
.text-link > .guzi-icon-host,
.plugin-arrow.guzi-icon-host,
.nav-download > .guzi-icon-host,
.back-top > .guzi-icon-host,
.release-links a > .guzi-icon-host,
.windows-release > .guzi-icon-host,
.windows-download > .guzi-icon-host:last-child {
  font-size: 17px;
}

.work-timeline,
.data-actions {
  transform-origin: left center;
}

.story-screen,
.story-screenshot,
#plugin-preview,
.product-screenshot-frame {
  position: relative;
}

.screenshot-transition-overlay {
  position: absolute;
  z-index: 2;
  max-width: none;
  margin: 0;
  pointer-events: none;
}

.button > .guzi-icon-host,
.text-link > .guzi-icon-host,
.nav-download > .guzi-icon-host,
.back-top > .guzi-icon-host {
  transition: transform 180ms ease;
}

.button:active:not(:disabled) {
  transform: translateY(0) scale(.98);
}

.plugin-button:active:not(:disabled) {
  transform: scale(.99);
}

.plugin-button {
  transition: background-color 180ms ease, transform 180ms ease;
}

@media (hover: hover) and (pointer: fine) {
  .button:hover:not(:disabled) > .guzi-icon-host,
  .nav-download:hover > .guzi-icon-host {
    transform: translate(1px, -1px);
  }

  .text-link:hover > .guzi-icon-host,
  .back-top:hover > .guzi-icon-host {
    transform: translateY(2px);
  }

  .back-top:hover > .guzi-icon-host {
    transform: translateY(-2px);
  }
}

@media (max-width: 760px) {
  .plugin-arrow.guzi-icon-host { display: none; }
  .plugin-symbol.guzi-icon-host { font-size: 23px; }
}

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

html[data-motion="paused"] .button:hover,
html[data-motion="paused"] .button:active,
html[data-motion="paused"] .plugin-button:active,
html[data-motion="paused"] .guzi-icon-host {
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }

  *, *::before, *::after {
    animation: none !important;
    transition: none !important;
  }

  .button:hover,
  .button:active,
  .plugin-button:active,
  .guzi-icon-host {
    transform: none !important;
  }
}