[data-animate] {
  opacity: 0;
  transition: opacity .6s ease, transform .6s ease;
}
[data-animate].is-visible { opacity: 1; transform: none; }
[data-animate="fade-up"]    { transform: translateY(24px); }
[data-animate="fade-left"]  { transform: translateX(-24px); }
[data-animate="fade-right"] { transform: translateX(24px); }
[data-animate="fade-in"]    { transform: none; }
@media (prefers-reduced-motion: reduce) {
  [data-animate] { opacity: 1 !important; transform: none !important; transition: none !important; }
}
@media (prefers-reduced-motion: reduce) {
  :root {
    --motion-duration-fast: 0ms;
    --motion-duration-base: 0ms;
    --motion-duration-slow: 0ms;
    --motion-distance-s: 0px;
    --motion-distance-m: 0px;
    --motion-scale-press: 1;
    --motion-scale-pop: 1;
    scroll-behavior: auto;
  }
}
body.sleaty-pref-anim-off {
  --motion-duration-fast: 0ms;
  --motion-duration-base: 0ms;
  --motion-duration-slow: 0ms;
  --motion-distance-s: 0px;
  --motion-distance-m: 0px;
  --motion-scale-press: 1;
  --motion-scale-pop: 1;
}
:root:has(> body.sleaty-pref-anim-off) {
  --motion-duration-fast: 0ms;
  --motion-duration-base: 0ms;
  --motion-duration-slow: 0ms;
  --motion-distance-s: 0px;
  --motion-distance-m: 0px;
  --motion-scale-press: 1;
  --motion-scale-pop: 1;
  scroll-behavior: auto;
}
:is(.btn:not(.sleaty-cockpit__todo-btn), a.chip, button.chip, .option-list__row, .popover-close, .sleaty-pagination__btn[href], .data-list__row-button, .admin-nav-top__sound, .admin-sidebar__roadmap):active:not(:disabled, [aria-disabled="true"]) {
  scale: var(--motion-scale-press);
  transition-duration: var(--motion-duration-fast);
  transition-timing-function: var(--motion-ease-standard);
}
:where(.btn:not(.sleaty-cockpit__todo-btn), a.chip, button.chip, .option-list__row, .popover-close, .sleaty-pagination__btn[href], .data-list__row-button, .admin-nav-top__sound, .admin-sidebar__roadmap) { position: relative; }
:is(.btn:not(.sleaty-cockpit__todo-btn), a.chip, button.chip, .option-list__row, .popover-close, .sleaty-pagination__btn[href], .data-list__row-button, .admin-nav-top__sound, .admin-sidebar__roadmap):active:not(:disabled, [aria-disabled="true"])::after {
  content: "";
  position: absolute;
  inset: -1.5%;
}
@keyframes sleaty-focus-ring {
  from { outline-offset: 0; }
}
:where(:focus-visible) {
  animation: sleaty-focus-ring var(--motion-duration-fast) var(--motion-ease-decelerate);
}
@keyframes sleaty-fade-in {
  from { opacity: 0; }
}
.option-list__row.is-active .option-list__check {
  animation: sleaty-fade-in var(--motion-duration-base) var(--motion-ease-standard);
}
.client-grid,
.sleaty-articles-table-wrap {
  transition: opacity var(--motion-duration-base) var(--motion-ease-standard);
}
.is-loading.is-skeleton:is(.client-grid, .sleaty-articles-table-wrap) {
  opacity: 1;
  position: relative;
}
.is-skeleton :is(.data-list__row, .card--client) > :not(:focus-within) {
  background: var(--color-gris-3);
  clip-path: inset(calc(50% - .5em) 0 round var(--radius-pill));
  color: transparent;
}
.is-skeleton :is(.data-list__row, .card--client) > :not(:focus-within) > * { visibility: hidden; }
.is-skeleton::after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--color-white);
  opacity: 0;
  animation: sleaty-pulse calc(var(--motion-duration-slow) * 2) var(--motion-ease-standard) infinite alternate;
  pointer-events: none;
}
@keyframes sleaty-pulse {
  to { opacity: .6; }
}
@property --data-list-sticky-bg {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
[data-sleaty-was] {
  position: relative;
  animation: sleaty-roll-in var(--motion-duration-base) var(--motion-ease-decelerate) calc(var(--motion-duration-fast) / 3) backwards;
}
[data-sleaty-was]::before {
  content: attr(data-sleaty-was) / "";
  position: absolute;
  top: 0;
  right: 0;
  -webkit-text-fill-color: currentColor;
  transform: translateY(calc(var(--motion-distance-m) * -1));
  opacity: 0;
  animation: sleaty-fade-out var(--motion-duration-fast) var(--motion-ease-standard);
}
@keyframes sleaty-roll-in {
  from { transform: translateY(var(--motion-distance-m)); -webkit-text-fill-color: transparent; }
}
@keyframes sleaty-fade-out {
  from { opacity: 1; }
}
@media (scripting: enabled) {
  :is(.filters-popover, .tag-popover, .relation-picker__results, .line-search, .modal-overlay, .sleaty-notifications-popover) {
    transform-origin: 0 0;
    transition-property: opacity, scale, translate, display, overlay;
    transition-duration: var(--motion-duration-base);
    transition-timing-function: var(--motion-ease-decelerate);
    transition-behavior: allow-discrete;
  }
  .data-list .tag-popover {
    --sleaty-pop-scale: 1;
    --sleaty-pop-y: 0px;
    transition-property: opacity, display, overlay;
  }
  .modal-overlay { --sleaty-pop-scale: 1; --sleaty-pop-y: 0px; }
  .sleaty-notifications-popover { transform-origin: 100% 0; }
  :is(.filters-popover, .tag-popover, .relation-picker__results, .line-search, .modal-overlay, .sleaty-notifications-popover)[hidden] {
    opacity: 0;
    scale: var(--sleaty-pop-scale, var(--motion-scale-pop));
    translate: 0 var(--sleaty-pop-y, calc(var(--motion-distance-s) * -1));
    transition-duration: var(--motion-duration-fast);
    transition-timing-function: var(--motion-ease-accelerate);
  }
  @starting-style {
    :is(.filters-popover, .tag-popover, .relation-picker__results, .line-search, .modal-overlay, .sleaty-notifications-popover):not([hidden]) {
      opacity: 0;
      scale: var(--sleaty-pop-scale, var(--motion-scale-pop));
      translate: 0 var(--sleaty-pop-y, calc(var(--motion-distance-s) * -1));
    }
  }
  .sleaty-filters-modal__group--card,
  .sleaty-account-attach {
    display: grid;
    grid-template-rows: auto 1fr;
    row-gap: 0;
    transition: grid-template-rows var(--motion-duration-base) var(--motion-ease-decelerate);
  }
  .sleaty-account-attach > .btn { justify-self: start; }
  :is(.sleaty-filters-modal__group--card, .sleaty-account-attach):has(> [hidden]) {
    grid-template-rows: auto 0fr;
    transition-duration: var(--motion-duration-fast);
    transition-timing-function: var(--motion-ease-accelerate);
  }
  .sleaty-filters-modal__group--card > [data-sleaty-inline-target],
  .sleaty-account-attach > .sleaty-account-attach__panel {
    min-height: 0;
    margin-top: 0;
    transition: opacity var(--motion-duration-base) var(--motion-ease-decelerate), overflow var(--motion-duration-base) step-end, display var(--motion-duration-base);
    transition-behavior: allow-discrete;
  }
  .sleaty-filters-modal__group--card > [data-sleaty-inline-target] > :first-child { margin-top: var(--space-8); }
  .sleaty-account-attach__panel > :first-child { margin-top: var(--space-8); }
  :is(.sleaty-filters-modal__group--card > [data-sleaty-inline-target], .sleaty-account-attach > .sleaty-account-attach__panel)[hidden] {
    opacity: 0;
    overflow: clip;
    transition-property: opacity, display;
    transition-duration: var(--motion-duration-fast);
    transition-timing-function: var(--motion-ease-accelerate);
  }
  @starting-style {
    :is(.sleaty-filters-modal__group--card > [data-sleaty-inline-target], .sleaty-account-attach > .sleaty-account-attach__panel):not([hidden]) {
      opacity: 0;
      overflow: clip;
    }
  }
  :is(.filters-popover, .tag-popover, .relation-picker__results, .line-search, .modal-overlay, .sleaty-notifications-popover, .sleaty-sound-invite, [data-sleaty-inline-target], .sleaty-account-attach__panel)[hidden] {
    pointer-events: none;
    interactivity: inert;
  }
}
@starting-style {
  .sleaty-toast {
    opacity: 0;
    translate: 0 calc(var(--motion-distance-m) * -1);
  }
}
@keyframes sleaty-drop-in {
  from { opacity: 0; translate: 0 calc(var(--motion-distance-s) * -1); }
}
.sleaty-notice {
  animation: sleaty-drop-in var(--motion-duration-base) var(--motion-ease-decelerate);
}
.sleaty-autosave-status { position: relative; }
.sleaty-autosave-status::before,
.sleaty-autosave-status::after {
  content: "";
  width: 1em;
  height: 1em;
  background: currentColor;
}
.sleaty-autosave-status::before {
  display: inline-block;
  margin-right: var(--space-4);
  vertical-align: -.15em;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8.5l3 3 7-7'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8.5l3 3 7-7'/%3E%3C/svg%3E") center / contain no-repeat;
  clip-path: inset(0 100% 0 0);
}
.sleaty-autosave-status[data-state="idle"]::before {
  clip-path: inset(0);
  transition: clip-path var(--motion-duration-slow) var(--motion-ease-standard);
}
.sleaty-autosave-status::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background: radial-gradient(circle, currentColor .2em, transparent .25em);
  opacity: 0;
}
.sleaty-autosave-status[data-state="saving"]::after {
  opacity: 1;
  animation: sleaty-blink var(--motion-duration-slow) var(--motion-ease-standard) infinite alternate;
}
@keyframes sleaty-blink {
  to { opacity: .3; }
}
.sleaty-autosave-status[data-state="error"] {
  animation: sleaty-shake var(--motion-duration-slow) var(--motion-ease-standard);
}
@keyframes sleaty-shake {
  25% { translate: calc(var(--motion-distance-s) / -2); }
  75% { translate: calc(var(--motion-distance-s) / 2); }
}
::view-transition { pointer-events: none; }
::view-transition-group(*),
::view-transition-old(*),
::view-transition-new(*) {
  animation-duration: var(--motion-duration-base);
  animation-timing-function: var(--motion-ease-standard);
}
::view-transition-group(sleaty-nav),
::view-transition-group(sleaty-top) { animation: none; }
::view-transition-group(sleaty-nav-indicator) {
  animation-duration: var(--motion-duration-slow);
  animation-timing-function: var(--motion-ease-spring);
}
.data-list__row.is-target,
.is-target {
  --data-list-sticky-bg: var(--color-extra-2);
  background: var(--color-extra-2);
}
.sleaty-cible-badge {
  display: flex;
  width: fit-content;
  margin-top: var(--space-4);
  padding: var(--space-2) var(--space-8);
  border-radius: var(--radius-pill);
  background: var(--color-extra-1);
  color: var(--color-white);
  font-size: var(--fs-body-xs);
  font-weight: 600;
  line-height: var(--lh-body);
  white-space: nowrap;
  animation: sleaty-fade-in var(--motion-duration-base) var(--motion-ease-standard);
}
:is(.data-list__row, [data-sleaty-row]):has([data-sleaty-row-link]) { cursor: pointer; }
.data-list__row:has([data-sleaty-row-link]):not(.is-target) {
  background-color: var(--data-list-sticky-bg);
  transition: --data-list-sticky-bg var(--motion-duration-fast) var(--motion-ease-standard);
}
.data-list__row:has([data-sleaty-row-link]):is(:hover, :focus-within):not(.is-target) {
  --data-list-sticky-bg: color-mix(in srgb, var(--color-extra-2) 70%, var(--color-surface-card));
  background-image: none;
}