/* design-brief.blade.php: Tailwind step 2. Utilities live in the markup; built by work/tw/build-tools.sh (content: design-brief.classes). */

@keyframes dbIn {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}

/*! tw-utilities */

:where(.cmt) .\[\&\.is-locked\]\:tw-css-background-\[var\(--inset\2c _\#F5F5F7\)\].is-locked {
  background: var(--inset, #F5F5F7);
}

:where(.cmt) .\[\&\.is-locked\]\:tw-css-color-\[var\(--ink\2c _\#1D1D1F\)\].is-locked {
  color: var(--ink, #1D1D1F);
}

:where(.cmt) .\[\&_button\.active\]\:tw-css-background-\[var\(--surface\2c _\#fff\)\] button.active {
  background: var(--surface, #fff);
}

:where(.cmt) .\[\&_button\.active\]\:tw-css-box-shadow-\[0_1px_2px_rgba\(17\2c _19\2c _21\2c _\.1\)\] button.active {
  box-shadow: 0 1px 2px rgba(17, 19, 21, .1);
}

:where(.cmt) .\[\&_button\.active\]\:tw-css-color-\[var\(--ink\2c _\#1D1D1F\)\] button.active {
  color: var(--ink, #1D1D1F);
}

:where(.cmt) .db-row.is-new .\[\.db-row\.is-new_\&\]\:tw-css-animation-\[dbIn_\.35s_ease\] {
  animation: dbIn .35s ease;
}

@media (prefers-reduced-motion: reduce) {
  :where(.cmt) .db-row.is-new .mq1-motion-reduce\:\[\.db-row\.is-new_\&\]\:tw-css-animation-\[none\] {
    animation: none;
  }
}