@import url('/static/button-effects.css');
@import url('/static/spotlight-card.css');
/* Motion is additive: no layout dimensions, display rules or permissions change. */
.sunset-click-ring,.sunset-click-spark { position: fixed; pointer-events: none; z-index: 2147483646; border-radius: 50%; }
.sunset-click-ring { width: 12px; height: 12px; border: 1px solid var(--sunset-motion-color,#efaa8f); margin: -6px; }
.sunset-click-spark { width: 4px; height: 4px; margin: -2px; background: var(--sunset-motion-color,#efaa8f); }
@media (prefers-reduced-motion: no-preference) {
  .sunset-motion :is(button,.button,a,summary,input,textarea,select) { transition-property: color,background-color,border-color,box-shadow,translate,scale; transition-duration: 180ms; transition-timing-function: ease; }
  .sunset-motion :is(input,textarea,select):focus-visible { box-shadow: 0 0 0 3px #efaa8f22; }
  .sunset-motion :is(button,.button):not(:disabled):active { scale: .97; }
  .sunset-motion :is(.module-grid article,.guild-link,.command-card,.home-module-card) { transition: translate 200ms ease,box-shadow 200ms ease,border-color 200ms ease; }
  .sunset-motion :is(.module-grid article,.guild-link,.command-card):focus-within { box-shadow: 0 5px 22px #0002; }
  .sunset-motion :is(summary,[role=tab]) svg { transition: rotate 220ms ease,translate 220ms ease; }
  .sunset-motion details[open] > summary .command-chevron { rotate: 0deg; }
  .sunset-motion dialog[open] { animation: sunset-dialog-in 260ms cubic-bezier(.2,.8,.2,1); }
  .sunset-motion dialog[open]::backdrop { animation: sunset-backdrop-in 200ms ease; }
  .sunset-motion :is(.site-select-menu,.appearance-popover):popover-open { animation: sunset-menu-in 200ms cubic-bezier(.2,.8,.2,1); }
  @media (hover:hover) and (pointer:fine) {
    .sunset-motion :is(button,.button):not(:disabled):hover { translate: 0 -2px; }
    .sunset-motion :is(.module-grid article,.guild-link,.command-card):hover { translate: 0 -3px; box-shadow: 0 9px 26px #0003; }
    .sunset-motion .public-header nav a:hover { translate: 0 -2px; }
    .sunset-motion .module-shortcuts a:hover svg { rotate: -9deg; }
  }
  @keyframes sunset-dialog-in { from { opacity: 0; translate: 0 14px; scale: .97; } to { opacity: 1; translate: 0 0; scale: 1; } }
  @keyframes sunset-backdrop-in { from { opacity: 0; } to { opacity: 1; } }
  @keyframes sunset-menu-in { from { opacity: 0; translate: 0 -7px; } to { opacity: 1; translate: 0 0; } }
}
@media (prefers-reduced-motion: reduce) {
  .sunset-click-ring,.sunset-click-spark { display: none; }
}