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

/*! tw-utilities */

:where(.cmt) .\[\&\#sb-result\]\:tw-css-scroll-margin-top-\[88px\]#sb-result {
  scroll-margin-top: 88px
}

:where(.cmt) .\[\&_\:is\(i\2c \.icon\)\]\:tw-mr-\[4px\] :is(i,.icon) {
  margin-right: 4px
}

: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) .\[\&_img\]\:tw-block img {
  display: block
}

:where(.cmt) .\[\&_img\]\:tw-h-full img {
  height: 100%
}

:where(.cmt) .\[\&_img\]\:tw-w-full img {
  width: 100%
}

:where(.cmt) .\[\&_img\]\:tw-object-cover img {
  object-fit: cover
}