@nkootstra/block-kit 0.1.1 → 0.3.0

package/dist/styles.css

@@ -1,4820 +1,2 @@
-/* Entry stylesheet. The build inlines these imports into dist/styles.css. */
-/* Values measured from Slack's Block Kit Builder (light theme, desktop). */
-:root,
-[data-theme="light"] {
-  --sbk-hover-actions-shadow: 0 0 0 1px rgba(29, 28, 29, 0.13), 0 1px 3px 0 #00000014;
-  --sbk-font: "Slack-Lato", Lato, appleLogo, sans-serif;
-  --sbk-font-mono:
-    "Slack-Roboto-Mono", "Roboto Mono", Monaco, Menlo, Consolas, "Courier New", monospace;
-  --sbk-text: #1d1c1d;
-  --sbk-link: #1264a3;
-  --sbk-code-text: rgb(192, 19, 67);
-  --sbk-code-bg: rgba(29, 28, 29, 0.04);
-  --sbk-code-border: rgba(29, 28, 29, 0.13);
-  --sbk-quote-bar: #dddddd;
-  --sbk-skeleton-bg: #eaeaea;
-  --sbk-mention-bg: rgba(29, 155, 209, 0.1);
-  --sbk-mention-text: #1264a3;
-  --sbk-mention-private-bg: rgba(29, 28, 29, 0.13);
-  --sbk-mention-private-text: rgba(29, 28, 29, 0.7);
-  --sbk-broadcast-bg: rgba(255, 198, 0, 0.18);
-  --sbk-bg: #fff;
-  --sbk-muted: #616061;
-  --sbk-badge-text: #454447;
-  --sbk-badge-bg: rgba(29, 28, 29, 0.06);
-  --sbk-border: rgba(29, 28, 29, 0.13);
-  --sbk-divider: rgba(94, 93, 96, 0.45);
-  --sbk-button-border: rgba(94, 93, 96, 0.45);
-  --sbk-primary: #007a5a;
-  --sbk-primary-hover: #148567;
-  --sbk-danger: #e01e5a;
-  --sbk-danger-hover: #e23067;
-  /* Interaction states, from the Builder's `c-button`, `c-icon_button`, `c-member_slug` and
-     `c-select_options_list` hover/active rules. */
-  --sbk-button-hover-bg: #f8f8f8;
-  --sbk-button-hover-shadow: rgba(0, 0, 0, 0.098) 0 1px 3px, rgba(0, 0, 0, 0.098) 0 1px 2px -1px;
-  --sbk-icon-button-hover-bg: #eaeaea;
-  --sbk-hover-overlay: rgba(29, 28, 29, 0.06);
-  --sbk-row-hover-bg: #f8f8f8;
-  --sbk-mention-hover-bg: rgba(29, 155, 209, 0.2);
-  --sbk-mention-hover-text: rgb(11, 76, 140);
-  --sbk-menu-highlight-bg: #1264a3;
-  --sbk-menu-highlight-text: #fff;
-  --sbk-focus-ring: #1264a3;
-  --sbk-focus-ring-invalid: #e01e5a;
-  --sbk-checkbox-checked: #1264a3;
-  --sbk-checkbox-checked-hover: #122a5921;
-  --sbk-checkbox-checked-pressed: #122a5938;
-  /* Menus and option lists (`c-menu`, `c-select_options_list`). */
-  --sbk-menu-bg: #fff;
-  --sbk-menu-shadow: 0 0 0 1px rgba(29, 28, 29, 0.13), 0 4px 12px 0 rgba(0, 0, 0, 0.12);
-  --sbk-menu-selected-text: #1264a3;
-  --sbk-menu-separator: rgba(29, 28, 29, 0.13);
-  --sbk-menu-secondary-text: #454447;
-  --sbk-popover-shadow: 0 0 0 1px rgba(29, 28, 29, 0.13), 0 4px 12px 0 rgba(0, 0, 0, 0.08);
-  --sbk-spinner-track: #5e5d60;
-  /* Tooltips (`c-tooltip__tip`). */
-  --sbk-tooltip-bg: #1d1c1d;
-  --sbk-tooltip-text: #fff;
-  /* Slack design-token equivalents shared by component styles, so the dark theme can remap them
-     in one place: `base-sec`, `ctr-pry`, `content-sec/ter`, `otl-pry/ter`, `base-pry-hover/pressed`,
-     `base-inv-hgl-1`, and `--dt_blend-mode-interaction` (multiply in light, lighten in dark). */
-  --sbk-surface-sec: #f8f8f8;
-  --sbk-surface-ter: #eaeaea;
-  --sbk-container-bg: #fff;
-  --sbk-content-sec: #454447;
-  --sbk-content-ter: #5e5d60;
-  --sbk-outline-pry: #7c7a7f;
-  --sbk-outline-ter: rgba(94, 93, 96, 0.13);
-  --sbk-interaction-hover: #4544470f;
-  --sbk-interaction-pressed: #45444721;
-  --sbk-highlight: #1264a3;
-  --sbk-on-highlight: #fff;
-  --sbk-blend-interaction: multiply;
-  --sbk-calendar-grid: rgb(221, 221, 221);
-  --sbk-avatar-placeholder: #dddddd;
-  --sbk-hover-actions-icon: #616061;
-}
-
-.sbk-root {
-  font-family: var(--sbk-font);
-  font-size: 15px;
-  line-height: 22px;
-  color: var(--sbk-text);
-  font-variant-ligatures: common-ligatures;
-  text-rendering: optimizeLegibility;
-  -webkit-font-smoothing: antialiased;
-}
-
-/* Isolate rendering from the host page's global styles (Tailwind's preflight, a docs theme's heading
-   fonts, `* { min-width: 0 }`): roll every element back to the browser's defaults, so only the rules
-   below decide how a block looks. Component rules are more specific or come later, so they win.
-   SVG and replaced elements keep their presentational attributes (width, height, fill), which
-   `revert` would drop, and get just the properties preflight changes rolled back.
-   Dialogs and tooltips portalled to <body> sit outside `.sbk-root`, so they get it too. */
-:is(.sbk-root, .sbk-confirm__overlay, .sbk-tooltip)
-  :where(:not(svg, svg *, img, video, canvas, iframe, embed, object)),
-:is(.sbk-root, .sbk-confirm__overlay, .sbk-tooltip) :where(:not(svg, svg *))::before,
-:is(.sbk-root, .sbk-confirm__overlay, .sbk-tooltip) :where(:not(svg, svg *))::after {
-  all: revert;
-}
-
-:is(.sbk-root, .sbk-confirm__overlay, .sbk-tooltip)
-  :where(svg, img, video, canvas, iframe, embed, object) {
-  display: revert;
-  vertical-align: revert;
-  max-width: revert;
-  margin: revert;
-  padding: revert;
-  border: revert;
-  min-width: revert;
-}
-
-.sbk-root *,
-.sbk-root *::before,
-.sbk-root *::after {
-  box-sizing: border-box;
-}
-
-.sbk-unsupported {
-  display: inline-block;
-  padding: 2px 6px;
-  font: 12px var(--sbk-font-mono);
-  color: var(--sbk-muted);
-  border: 1px dashed var(--sbk-border);
-  border-radius: 4px;
-}
-
-.sbk-mrkdwn {
-  font-family: var(--sbk-font);
-  font-size: 15px;
-  line-height: 22px;
-  color: var(--sbk-text);
-  overflow-wrap: anywhere;
-}
-
-.sbk-mrkdwn__code {
-  font-family: var(--sbk-font-mono);
-  font-size: 12px;
-  line-height: 18px;
-  color: var(--sbk-code-text);
-  background: var(--sbk-code-bg);
-  border: 1px solid var(--sbk-code-border);
-  border-radius: 3px;
-  padding: 2px 3px 1px;
-}
-
-.sbk-mrkdwn__pre {
-  display: block;
-  font-family: var(--sbk-font-mono);
-  font-size: 12px;
-  line-height: 1.50001;
-  background: var(--sbk-code-bg);
-  border: 1px solid var(--sbk-code-border);
-  border-radius: 4px;
-  padding: 8px;
-  margin: 4px 0;
-  white-space: pre-wrap;
-}
-
-.sbk-mrkdwn__quote {
-  margin: 4px 0;
-  padding-left: 16px;
-  position: relative;
-}
-
-.sbk-mrkdwn__quote::before {
-  content: "";
-  position: absolute;
-  inset: 0 auto 0 0;
-  width: 4px;
-  border-radius: 8px;
-  background: var(--sbk-quote-bar);
-}
-
-.sbk-link {
-  color: var(--sbk-link);
-  text-decoration: underline;
-}
-
-.sbk-mention {
-  color: var(--sbk-mention-text);
-  background: var(--sbk-mention-bg);
-  border-radius: 3px;
-  padding: 0 2px 1px;
-}
-
-.sbk-mention:hover {
-  color: var(--sbk-mention-hover-text);
-  background: var(--sbk-mention-hover-bg);
-}
-
-.sbk-mention--unresolved {
-  display: inline-block;
-  vertical-align: middle;
-  width: 120px;
-  height: 8px;
-  background: var(--sbk-skeleton-bg);
-  border-radius: 1000px;
-}
-
-.sbk-mention--broadcast {
-  color: var(--sbk-text);
-  background: var(--sbk-broadcast-bg);
-  border-radius: 3px;
-  padding: 1px 2px;
-  font-weight: 700;
-}
-
-.sbk-mention--private {
-  display: inline;
-  color: var(--sbk-mention-private-text);
-  background: var(--sbk-mention-private-bg);
-  border-radius: 3px;
-  padding: 0 2px 1px 0;
-}
-
-/* Slack butts the lock straight up against the channel name, dropped an eighth of an em. */
-.sbk-mention__lock-icon {
-  display: inline-block;
-  width: 15px;
-  height: 15px;
-  vertical-align: -0.125em;
-}
-
-.sbk-mention--loading {
-  display: inline-block;
-  vertical-align: middle;
-  width: 120px;
-  height: 8px;
-  border: 1px solid var(--sbk-quote-bar);
-  border-radius: 1000px;
-}
-
-.sbk-emoji {
-  display: inline-flex;
-  position: relative;
-  align-items: center;
-  vertical-align: top;
-}
-
-.sbk-emoji__img {
-  display: block;
-  position: absolute;
-  object-fit: contain;
-}
-
-/* Slack's toggle-bar blocks (plan, task_card) slide open and shut: \`transition: height 0.25s\` on
-   the block, clipped (data/Collapse.tsx). \`flow-root\` keeps the content's margins inside the
-   height being animated. */
-.sbk-collapse {
-  display: flow-root;
-  overflow: clip;
-  transition: height 0.25s;
-}
-
-/* Slack's c-infinite_spinner. */
-.sbk-spinner {
-  position: relative;
-  display: inline-block;
-  flex-shrink: 0;
-}
-
-.sbk-spinner__arc {
-  position: absolute;
-  top: 0;
-  left: 0;
-  display: block;
-  width: 100%;
-  height: 100%;
-  transform: rotate(-45deg);
-  animation: sbk-spinner-spin 1.2s cubic-bezier(0.25, 0.29, 0.54, 0.86) infinite;
-}
-
-.sbk-spinner__tail {
-  animation-timing-function: cubic-bezier(0.41, 0.24, 0.64, 0.69);
-}
-
-.sbk-spinner__bg {
-  fill: none;
-  stroke: var(--sbk-spinner-track);
-  stroke-width: 8px;
-  opacity: 0.25;
-}
-
-.sbk-spinner__path {
-  fill: none;
-  stroke: currentColor;
-  stroke-width: 8px;
-  stroke-dasharray: 55, 200;
-  stroke-dashoffset: 90px;
-  stroke-linecap: round;
-}
-
-@keyframes sbk-spinner-spin {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-}
-
-/* Slack's focus ring (`c-input_text:focus`, `c-select_button:focus`, `c-button--focus-visible`):
-   a 1px solid ring plus a 4px 30% halo, replacing the border. Text fields show it on any focus;
-   buttons only for keyboard focus. */
-.sbk-root {
-  --sbk-focus-shadow:
-    0 0 0 1px var(--sbk-focus-ring),
-    0 0 0 5px color-mix(in srgb, var(--sbk-focus-ring) 30%, transparent);
-  --sbk-focus-shadow-invalid:
-    0 0 0 1px var(--sbk-focus-ring-invalid),
-    0 0 0 5px color-mix(in srgb, var(--sbk-focus-ring-invalid) 30%, transparent);
-}
-
-.sbk-text-input,
-.sbk-rich-text-input,
-.sbk-datepicker__input,
-.sbk-datetimepicker__time-input,
-.sbk-select__control,
-.sbk-timepicker__control,
-.sbk-datetimepicker__control {
-  transition:
-    border 80ms ease-out,
-    box-shadow 80ms ease-out;
-}
-
-.sbk-text-input:focus,
-.sbk-rich-text-input:focus-within,
-.sbk-datepicker__input:focus,
-.sbk-datetimepicker__time-input:focus,
-.sbk-select__control:focus-visible,
-.sbk-select__control[aria-expanded="true"],
-.sbk-timepicker__control:focus-visible,
-.sbk-timepicker__control[aria-expanded="true"],
-.sbk-datetimepicker__control:focus-visible,
-.sbk-datetimepicker__control[aria-expanded="true"] {
-  outline: none;
-  border-color: transparent;
-  box-shadow: var(--sbk-focus-shadow);
-}
-
-.sbk-text-input[aria-invalid="true"],
-.sbk-text-input[aria-invalid="true"]:focus {
-  border-color: transparent;
-  box-shadow: var(--sbk-focus-shadow-invalid);
-}
-
-.sbk-text-input:focus::placeholder,
-.sbk-datepicker__input:focus::placeholder {
-  color: var(--sbk-content-ter);
-}
-
-.sbk-button:focus-visible,
-.sbk-modal__button:focus-visible,
-.sbk-overflow__button:focus-visible,
-.sbk-file-input__button:focus-visible,
-.sbk-icon-button:focus-visible,
-.sbk-code-block__copy:focus-visible,
-.sbk-carousel__arrow:focus-visible,
-.sbk-calendar__nav:focus-visible,
-.sbk-calendar__cell:focus-visible,
-.sbk-calendar__clear:focus-visible {
-  outline: none;
-  box-shadow: var(--sbk-focus-shadow);
-}
-
-/* Keyboard focus shouldn't also paint the pointer's hover shadow on outline buttons. */
-.sbk-button:focus-visible:hover,
-.sbk-overflow__button:focus-visible:hover {
-  box-shadow: var(--sbk-focus-shadow);
-}
-
-/* Slack's menus and popovers open and close instantly (no transition on `c-menu` /
-   `c-popover`), so the motion to tone down is the spinner and the plan/task_card slide. */
-@media (prefers-reduced-motion: reduce) {
-  .sbk-spinner__arc {
-    animation-duration: 2.4s;
-  }
-
-  .sbk-collapse {
-    transition: none;
-  }
-}
-
-/* Slack's `c-tooltip__tip`. Portalled to <body>, so it sets its own font. */
-.sbk-tooltip {
-  position: fixed;
-  z-index: 1100;
-  max-width: 200px;
-  padding: 8px 12px;
-  font-family: var(--sbk-font);
-  font-size: 13px;
-  font-weight: 700;
-  line-height: 1.38463;
-  text-align: center;
-  overflow-wrap: break-word;
-  color: var(--sbk-tooltip-text);
-  background: var(--sbk-tooltip-bg);
-  border-radius: 8px;
-  pointer-events: none;
-  -webkit-font-smoothing: antialiased;
-}
-
-.sbk-tooltip__arrow {
-  position: absolute;
-  left: 50%;
-  width: 9px;
-  height: 9px;
-  margin-left: -4.5px;
-  background: var(--sbk-tooltip-bg);
-  border-radius: 1px;
-  transform: rotate(45deg);
-}
-
-.sbk-tooltip--top .sbk-tooltip__arrow {
-  bottom: -4px;
-}
-
-.sbk-tooltip--bottom .sbk-tooltip__arrow {
-  top: -4px;
-}
-
-.sbk-tooltip__secondary {
-  display: block;
-  font-weight: 400;
-  color: rgba(255, 255, 255, 0.7);
-}
-
-/* The layer menus and calendars open in (elements/Popover.tsx), portalled to <body> and pinned to
-   the control that opened them. */
-.sbk-popover {
-  position: fixed;
-  z-index: 1000;
-}
-
-/* Message surface, measured from Block Kit Builder's preview (light theme, desktop). */
-/* Modal and Home tab surfaces, measured against Slack's own modal/home chrome (light theme, desktop). */
-
-.sbk-modal {
-  display: flex;
-  flex-direction: column;
-  width: 600px;
-  max-width: 100%;
-  /* Slack caps a modal at 640px; past that the body scrolls between the pinned header and footer. */
-  max-height: min(640px, 90vh);
-  background: var(--sbk-bg);
-  border-radius: 8px;
-  box-shadow:
-    0 0 0 1px var(--sbk-border),
-    0 8px 28px rgba(0, 0, 0, 0.28);
-  overflow: hidden;
-}
-
-.sbk-modal__header {
-  position: relative;
-  display: flex;
-  align-items: flex-start;
-  justify-content: space-between;
-  flex: 0 0 auto;
-  padding: 16px 24px;
-}
-
-.sbk-modal__title-row {
-  display: flex;
-  align-items: center;
-  flex: 1 1 auto;
-  min-width: 0;
-}
-
-.sbk-modal__icon {
-  flex: 0 0 auto;
-  width: 36px;
-  height: 36px;
-  margin-right: 16px;
-  border-radius: 4px;
-  object-fit: cover;
-}
-
-.sbk-modal__title {
-  flex: 1 1 auto;
-  min-width: 0;
-  margin: 0;
-  font-size: 22px;
-  font-weight: 900;
-  line-height: 30px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.sbk-modal__close {
-  display: grid;
-  flex: 0 0 auto;
-  place-items: center;
-  width: 33.4375px;
-  height: 36px;
-  margin-left: 16px;
-  padding: 0;
-  border: none;
-  border-radius: 8px;
-  background: none;
-  color: var(--sbk-badge-text);
-  cursor: pointer;
-}
-
-.sbk-modal__close:hover {
-  background: var(--sbk-icon-button-hover-bg);
-}
-
-/* Slack pads the body 20px on the right, then a transparent 4px border and an 8px scrollbar track
-   whose thumb only shows on hover. The track takes its width whether or not the body overflows. */
-.sbk-modal__body {
-  flex: 1 1 auto;
-  padding: 8px 20px 16px 24px;
-  border-right: 4px solid transparent;
-  overflow: hidden auto;
-}
-
-.sbk-modal__body::-webkit-scrollbar {
-  width: 8px;
-}
-
-.sbk-modal__body::-webkit-scrollbar-track,
-.sbk-modal__body::-webkit-scrollbar-corner {
-  background: transparent;
-}
-
-.sbk-modal__body::-webkit-scrollbar-thumb {
-  min-height: 36px;
-  background: transparent;
-  background-clip: padding-box;
-  border: 2px solid transparent;
-  border-radius: 4px;
-}
-
-.sbk-modal__body:hover::-webkit-scrollbar-thumb {
-  background-color: rgba(29, 28, 29, 0.52);
-}
-
-/* Builder's modal blocks are spaced further apart than the flat 4px message gap (measured via
-   inspect.ts: consecutive block content boxes sit 16px apart). Scoped here so .sbk-blocks's base
-   4px (Message.css) stays untouched for message fixtures; Home's own reference blocks measured at
-   the same 4px as messages, so it isn't overridden. */
-.sbk-modal .sbk-blocks {
-  gap: 16px;
-}
-
-/* The modal's 16px block gap already spaces sections; Slack drops their message-surface margins. */
-.sbk-modal .sbk-section {
-  margin: 0;
-}
-
-/* A checkbox group's trailing space is shorter in a modal (16px) than in a message (24px). */
-.sbk-modal .sbk-checkboxes {
-  margin-bottom: 16px;
-}
-
-.sbk-modal__footer {
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-  gap: 12px;
-  flex: 0 0 auto;
-  padding: 20px 24px;
-  border-top: 1px solid var(--sbk-border);
-}
-
-/* Modal buttons render bigger than message buttons in Slack; sized here since it's chrome, not
-   the shared button component (agent B owns elements/Button.css). */
-.sbk-modal__button {
-  height: 36px;
-  min-width: 80px;
-  padding: 0 12px 1px;
-  border-radius: 8px;
-  border: 1px solid var(--sbk-button-border);
-  background: var(--sbk-bg);
-  color: var(--sbk-text);
-  font: inherit;
-  font-weight: 700;
-  font-size: 15px;
-  cursor: pointer;
-  transition:
-    color 80ms,
-    background-color 80ms,
-    border-color 80ms cubic-bezier(0.36, 0.19, 0.29, 1);
-}
-
-/* Same `c-button` hover model as elements/Button.css. */
-.sbk-modal__button:hover {
-  box-shadow: var(--sbk-button-hover-shadow);
-}
-
-.sbk-modal__button:active {
-  box-shadow: none;
-}
-
-.sbk-modal__button--primary {
-  border-color: transparent;
-  background: var(--sbk-primary);
-  color: #fff;
-}
-
-.sbk-modal__button--primary:hover,
-.sbk-modal__button--primary:active {
-  background-image: linear-gradient(var(--sbk-button-overlay), var(--sbk-button-overlay));
-  background-blend-mode: multiply;
-}
-
-.sbk-modal__button--primary:hover {
-  --sbk-button-overlay: #0a403221;
-}
-
-.sbk-modal__button--primary:active {
-  --sbk-button-overlay: #0a403238;
-}
-
-.sbk-modal__button--secondary:hover,
-.sbk-modal__button--secondary:active {
-  background-color: var(--sbk-button-hover-bg);
-}
-
-.sbk-home {
-  max-width: 760px;
-  margin: 0 auto;
-  background: var(--sbk-bg);
-}
-
-.sbk-home__menu {
-  display: flex;
-  align-items: flex-end;
-  height: 40px;
-  border-bottom: 1px solid var(--sbk-border);
-}
-
-.sbk-home__tab {
-  display: flex;
-  align-items: center;
-  gap: 4px;
-  height: 32px;
-  margin-left: 25px;
-  font-weight: 700;
-  /* Slack's aubergine, independent of the app's primary (green) buttons. */
-  box-shadow: inset 0 -2px 0 0 rgb(74, 21, 75);
-}
-
-/* The Home tab uses Slack's "medium" buttons: 36px tall, 15px text, rounder corners. */
-.sbk-home .sbk-button {
-  height: 36px;
-  font-size: 15px;
-  border-radius: 8px;
-}
-
-.sbk-home .sbk-overflow__button {
-  width: 31px;
-  height: 36px;
-  border-radius: 8px;
-}
-
-.sbk-home__content {
-  padding: 25px;
-}
-
-/* Modals opened through `views` sit centred on a dimmed, full-viewport overlay, as in Slack. */
-.sbk-modal-layer {
-  position: fixed;
-  inset: 0;
-  z-index: 1000;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 16px;
-  background: rgba(0, 0, 0, 0.6);
-}
-
-.sbk-modal-layer__view {
-  display: flex;
-  justify-content: center;
-  width: 100%;
-  max-height: 100%;
-}
-
-.sbk-modal-layer__view[hidden] {
-  display: none;
-}
-
-
-.sbk-message {
-  display: flex;
-  background: var(--sbk-bg);
-}
-
-.sbk-message__avatar {
-  display: block;
-  flex: 0 0 36px;
-  width: 36px;
-  height: 36px;
-  margin-right: 8px;
-  object-fit: cover;
-}
-
-.sbk-message__avatar--placeholder {
-  display: grid;
-  place-items: center;
-  border-radius: 4px;
-  background: #4a154b;
-  color: #fff;
-  font-weight: 700;
-}
-
-.sbk-message__content {
-  flex: 1 1 0;
-  min-width: 0;
-  padding: 8px 0;
-}
-
-.sbk-message__header {
-  display: flex;
-  align-items: center;
-  height: 22px;
-}
-
-.sbk-message__sender {
-  margin-right: 5px;
-  font-weight: 900;
-}
-
-.sbk-message__badge {
-  margin-right: 5px;
-  padding: 1px 3px;
-  border-radius: 2px;
-  font-size: 10px;
-  line-height: 12.5px;
-  font-weight: 700;
-  color: var(--sbk-badge-text);
-  background: var(--sbk-badge-bg);
-}
-
-.sbk-message__time {
-  margin-right: 5px;
-  font-size: 12px;
-  line-height: 17.6px;
-  color: var(--sbk-muted);
-}
-
-.sbk-blocks {
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-}
-
-.sbk-message__edited {
-  font-size: 12px;
-  color: var(--sbk-muted);
-}
-
-.sbk-message__ephemeral {
-  display: flex;
-  align-items: center;
-  margin-top: 4px;
-  font-size: 12px;
-  color: var(--sbk-muted);
-}
-
-/* Legacy attachments: colour bar, pretext, title, fields, footer, or raw blocks. */
-.sbk-attachments {
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-  margin-top: 4px;
-}
-
-.sbk-attachment {
-  display: flex;
-  border-left: 4px solid var(--sbk-border);
-  border-radius: 4px;
-}
-
-.sbk-attachment__body {
-  flex: 1 1 0;
-  min-width: 0;
-  padding: 8px 12px;
-  border: 1px solid var(--sbk-border);
-  border-left: none;
-  border-radius: 0 4px 4px 0;
-}
-
-.sbk-attachment__pretext {
-  margin-bottom: 4px;
-}
-
-.sbk-attachment__author {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  margin-bottom: 4px;
-  font-weight: 700;
-}
-
-.sbk-attachment__author-icon {
-  width: 16px;
-  height: 16px;
-  border-radius: 2px;
-}
-
-.sbk-attachment__title {
-  margin-bottom: 4px;
-  font-weight: 700;
-  color: var(--sbk-link);
-}
-
-.sbk-attachment__fields {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 8px;
-  margin-top: 4px;
-}
-
-.sbk-attachment__field {
-  flex: 1 1 100%;
-}
-
-.sbk-attachment__field--short {
-  flex: 1 1 calc(50% - 8px);
-  min-width: 120px;
-}
-
-.sbk-attachment__field-title {
-  font-weight: 700;
-}
-
-.sbk-attachment__image {
-  display: block;
-  max-width: 360px;
-  margin-top: 8px;
-  border-radius: 4px;
-}
-
-.sbk-attachment__footer {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  margin-top: 8px;
-  font-size: 12px;
-  color: var(--sbk-muted);
-}
-
-.sbk-attachment__footer-icon {
-  width: 16px;
-  height: 16px;
-  border-radius: 2px;
-}
-
-/* Reactions row. */
-.sbk-reactions {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 4px;
-  margin-top: 4px;
-}
-
-.sbk-reactions__item {
-  display: inline-flex;
-  align-items: center;
-  gap: 4px;
-  padding: 2px 8px;
-  border: 1px solid var(--sbk-border);
-  border-radius: 12px;
-  background: var(--sbk-badge-bg);
-  font-size: 13px;
-  cursor: default;
-}
-
-.sbk-reactions__count {
-  color: var(--sbk-link);
-  font-weight: 700;
-}
-
-/* Thread reply summary. */
-.sbk-thread-summary {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  margin-top: 4px;
-  padding: 4px 0;
-  border: none;
-  background: none;
-  color: var(--sbk-link);
-  font: inherit;
-  font-weight: 700;
-  cursor: pointer;
-}
-
-.sbk-thread-summary__subscribed {
-  color: var(--sbk-primary);
-  font-size: 8px;
-}
-
-/* Dark theme: Slack's `.sk-client-theme--dark` design tokens (base-pry #1a1d21, content-pry
-   #f8f8f8, content-hgl-1 #2ba5ce, ...), with hover/press overlays blended with `lighten` as Slack
-   does. Applies under `prefers-color-scheme: dark` unless the root sets `data-theme="light"`, and
-   always inside an element with `data-theme="dark"` (BlockKitProvider's `theme` prop sets it on its
-   wrapper). Inside `data-theme="light"` the light tokens apply again (base.css). Component tokens
-   are remapped here too so the whole dark palette lives in one place. `:root[data-theme="dark"]`
-   outranks the `:root` light tokens of the block stylesheets loaded after this one. */
-@media (prefers-color-scheme: dark) {
-  :root:not([data-theme="light"]) {
-    --sbk-text: #f8f8f8;
-    --sbk-link: #2ba5ce;
-    --sbk-code-text: #de678a;
-    --sbk-code-bg: rgba(248, 248, 248, 0.06);
-    --sbk-code-border: #797c814d;
-    --sbk-quote-bar: #797c8180;
-    --sbk-skeleton-bg: #35373b;
-    --sbk-mention-bg: #03669640;
-    --sbk-mention-text: #2ba5ce;
-    --sbk-mention-private-bg: rgba(248, 248, 248, 0.13);
-    --sbk-mention-private-text: rgba(248, 248, 248, 0.7);
-    --sbk-broadcast-bg: #a073002e;
-    --sbk-bg: #1a1d21;
-    --sbk-muted: #9a9b9e;
-    --sbk-badge-text: #b9babd;
-    --sbk-badge-bg: #f8f8f80f;
-    --sbk-border: #797c814d;
-    --sbk-divider: #797c8180;
-    --sbk-button-border: #797c8180;
-    --sbk-primary: #177e56;
-    --sbk-primary-hover: #268761;
-    --sbk-danger: #d3305d;
-    --sbk-danger-hover: #d63d68;
-    --sbk-button-hover-bg: #323438;
-    --sbk-button-hover-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px, rgba(0, 0, 0, 0.3) 0 1px 2px -1px;
-    --sbk-icon-button-hover-bg: #f8f8f814;
-    --sbk-hover-overlay: #f8f8f80f;
-    --sbk-row-hover-bg: #f8f8f80f;
-    --sbk-mention-hover-bg: #03669673;
-    --sbk-mention-hover-text: rgb(136, 187, 226);
-    --sbk-menu-highlight-bg: #0a77a7;
-    --sbk-menu-highlight-text: #f8f8f8;
-    --sbk-focus-ring: #2ba5ce;
-    --sbk-focus-ring-invalid: #d94c75;
-    --sbk-checkbox-checked: #0a77a7;
-    --sbk-checkbox-checked-hover: #d8eef614;
-    --sbk-checkbox-checked-pressed: #d8eef62e;
-    --sbk-menu-bg: #212428;
-    --sbk-menu-shadow: 0 0 0 1px #797c814d, 0 4px 12px 0 rgba(0, 0, 0, 0.35);
-    --sbk-menu-selected-text: #2ba5ce;
-    --sbk-menu-separator: #797c814d;
-    --sbk-menu-secondary-text: #b9babd;
-    --sbk-popover-shadow: 0 0 0 1px #797c814d, 0 4px 12px 0 rgba(0, 0, 0, 0.35);
-    --sbk-spinner-track: #9a9b9e;
-    --sbk-tooltip-bg: #212428;
-    --sbk-tooltip-text: #f8f8f8;
-    --sbk-surface-sec: #212428;
-    --sbk-surface-ter: #212428;
-    --sbk-container-bg: #212428;
-    --sbk-content-sec: #b9babd;
-    --sbk-content-ter: #9a9b9e;
-    --sbk-outline-pry: #797c81;
-    --sbk-outline-ter: #797c814d;
-    --sbk-interaction-hover: #f8f8f814;
-    --sbk-interaction-pressed: #f8f8f82e;
-    --sbk-highlight: #0a77a7;
-    --sbk-on-highlight: #f8f8f8;
-    --sbk-blend-interaction: lighten;
-    --sbk-calendar-grid: #797c814d;
-    --sbk-avatar-placeholder: #35373b;
-    --sbk-hover-actions-icon: #b9babd;
-    --sbk-hover-actions-shadow: 0 0 0 1px #797c814d, 0 1px 3px 0 rgba(0, 0, 0, 0.3);
-    --sbk-table-border: #797c814d;
-    --sbk-dataviz-border: #797c814d;
-    --sbk-dataviz-tick: #9a9b9e;
-    --sbk-data-table-bg: #f8f8f80f;
-    --sbk-data-table-sep: #797c814d;
-    --sbk-data-table-active: #3daa7c;
-    --sbk-plan-text: #9a9b9e;
-    --sbk-task-card-text: #9a9b9e;
-    --sbk-alert-default-bg: #f8f8f81a;
-    --sbk-alert-default-icon: #b9babd;
-    --sbk-alert-info-icon: #2ba5ce;
-    --sbk-alert-warning-icon: #e8a723;
-    --sbk-alert-error-icon: #d94c75;
-    --sbk-alert-success-icon: #3daa7c;
-    --sbk-callout-border: #797c814d;
-    --sbk-callout-green-bg: #203430;
-    --sbk-callout-blue-bg: #1d333d;
-    --sbk-callout-red-bg: #39252e;
-    --sbk-callout-yellow-bg: #3b3321;
-    --sbk-callout-purple-bg: #312c3f;
-    --sbk-callout-gray-bg: #272a2e;
-    --sbk-chart-area-1: #583422;
-    --sbk-chart-area-2: #1c4539;
-    --sbk-chart-area-3: #4d3756;
-    --sbk-chart-area-4: #164356;
-  }
-}
-
-:root[data-theme="dark"],
-[data-theme="dark"] {
-  --sbk-text: #f8f8f8;
-  --sbk-link: #2ba5ce;
-  --sbk-code-text: #de678a;
-  --sbk-code-bg: rgba(248, 248, 248, 0.06);
-  --sbk-code-border: #797c814d;
-  --sbk-quote-bar: #797c8180;
-  --sbk-skeleton-bg: #35373b;
-  --sbk-mention-bg: #03669640;
-  --sbk-mention-text: #2ba5ce;
-  --sbk-mention-private-bg: rgba(248, 248, 248, 0.13);
-  --sbk-mention-private-text: rgba(248, 248, 248, 0.7);
-  --sbk-broadcast-bg: #a073002e;
-  --sbk-bg: #1a1d21;
-  --sbk-muted: #9a9b9e;
-  --sbk-badge-text: #b9babd;
-  --sbk-badge-bg: #f8f8f80f;
-  --sbk-border: #797c814d;
-  --sbk-divider: #797c8180;
-  --sbk-button-border: #797c8180;
-  --sbk-primary: #177e56;
-  --sbk-primary-hover: #268761;
-  --sbk-danger: #d3305d;
-  --sbk-danger-hover: #d63d68;
-  --sbk-button-hover-bg: #323438;
-  --sbk-button-hover-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px, rgba(0, 0, 0, 0.3) 0 1px 2px -1px;
-  --sbk-icon-button-hover-bg: #f8f8f814;
-  --sbk-hover-overlay: #f8f8f80f;
-  --sbk-row-hover-bg: #f8f8f80f;
-  --sbk-mention-hover-bg: #03669673;
-  --sbk-mention-hover-text: rgb(136, 187, 226);
-  --sbk-menu-highlight-bg: #0a77a7;
-  --sbk-menu-highlight-text: #f8f8f8;
-  --sbk-focus-ring: #2ba5ce;
-  --sbk-focus-ring-invalid: #d94c75;
-  --sbk-checkbox-checked: #0a77a7;
-  --sbk-checkbox-checked-hover: #d8eef614;
-  --sbk-checkbox-checked-pressed: #d8eef62e;
-  --sbk-menu-bg: #212428;
-  --sbk-menu-shadow: 0 0 0 1px #797c814d, 0 4px 12px 0 rgba(0, 0, 0, 0.35);
-  --sbk-menu-selected-text: #2ba5ce;
-  --sbk-menu-separator: #797c814d;
-  --sbk-menu-secondary-text: #b9babd;
-  --sbk-popover-shadow: 0 0 0 1px #797c814d, 0 4px 12px 0 rgba(0, 0, 0, 0.35);
-  --sbk-spinner-track: #9a9b9e;
-  --sbk-tooltip-bg: #212428;
-  --sbk-tooltip-text: #f8f8f8;
-  --sbk-surface-sec: #212428;
-  --sbk-surface-ter: #212428;
-  --sbk-container-bg: #212428;
-  --sbk-content-sec: #b9babd;
-  --sbk-content-ter: #9a9b9e;
-  --sbk-outline-pry: #797c81;
-  --sbk-outline-ter: #797c814d;
-  --sbk-interaction-hover: #f8f8f814;
-  --sbk-interaction-pressed: #f8f8f82e;
-  --sbk-highlight: #0a77a7;
-  --sbk-on-highlight: #f8f8f8;
-  --sbk-blend-interaction: lighten;
-  --sbk-calendar-grid: #797c814d;
-  --sbk-avatar-placeholder: #35373b;
-  --sbk-hover-actions-icon: #b9babd;
-  --sbk-hover-actions-shadow: 0 0 0 1px #797c814d, 0 1px 3px 0 rgba(0, 0, 0, 0.3);
-  --sbk-table-border: #797c814d;
-  --sbk-dataviz-border: #797c814d;
-  --sbk-dataviz-tick: #9a9b9e;
-  --sbk-data-table-bg: #f8f8f80f;
-  --sbk-data-table-sep: #797c814d;
-  --sbk-data-table-active: #3daa7c;
-  --sbk-plan-text: #9a9b9e;
-  --sbk-task-card-text: #9a9b9e;
-  --sbk-alert-default-bg: #f8f8f81a;
-  --sbk-alert-default-icon: #b9babd;
-  --sbk-alert-info-icon: #2ba5ce;
-  --sbk-alert-warning-icon: #e8a723;
-  --sbk-alert-error-icon: #d94c75;
-  --sbk-alert-success-icon: #3daa7c;
-  --sbk-callout-border: #797c814d;
-  --sbk-callout-green-bg: #203430;
-  --sbk-callout-blue-bg: #1d333d;
-  --sbk-callout-red-bg: #39252e;
-  --sbk-callout-yellow-bg: #3b3321;
-  --sbk-callout-purple-bg: #312c3f;
-  --sbk-callout-gray-bg: #272a2e;
-  --sbk-chart-area-1: #583422;
-  --sbk-chart-area-2: #1c4539;
-  --sbk-chart-area-3: #4d3756;
-  --sbk-chart-area-4: #164356;
-}
-
-/* A clickable user mention and its profile card popover (Slack's `p-member_profile_card`): a
-   300px card with the popover shadow, a 72px rounded avatar beside the name block. */
-.sbk-mention--user {
-  cursor: pointer;
-}
-
-.sbk-mention--user:focus-visible {
-  outline: none;
-  box-shadow: var(--sbk-focus-shadow);
-}
-
-.sbk-profile-card {
-  position: fixed;
-  z-index: 1000;
-  display: flex;
-  gap: 16px;
-  width: 300px;
-  padding: 20px;
-  color: var(--sbk-text);
-  background: var(--sbk-menu-bg);
-  border-radius: 6px;
-  box-shadow: var(--sbk-popover-shadow);
-}
-
-.sbk-profile-card__avatar {
-  flex: 0 0 auto;
-  width: 72px;
-  height: 72px;
-  border-radius: 8px;
-  object-fit: cover;
-}
-
-.sbk-profile-card__avatar--placeholder {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: var(--sbk-on-highlight);
-  background: var(--sbk-highlight);
-  font-size: 32px;
-  font-weight: 700;
-}
-
-.sbk-profile-card__body {
-  min-width: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-}
-
-.sbk-profile-card__name {
-  font-size: 18px;
-  font-weight: 900;
-  line-height: 1.33334;
-  overflow-wrap: anywhere;
-}
-
-.sbk-profile-card__pronouns {
-  margin-left: 6px;
-  color: var(--sbk-content-sec);
-  font-size: 15px;
-  font-weight: 400;
-}
-
-.sbk-profile-card__secondary {
-  color: var(--sbk-content-sec);
-  font-size: 15px;
-  line-height: 22px;
-}
-
-.sbk-profile-card__status {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  font-size: 15px;
-  line-height: 22px;
-}
-
-.sbk-profile-card__time {
-  color: var(--sbk-content-ter);
-  font-size: 13px;
-  line-height: 18px;
-}
-
-.sbk-confirm__overlay {
-  position: fixed;
-  inset: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: rgba(0, 0, 0, 0.5);
-  z-index: 1000;
-}
-
-.sbk-confirm {
-  width: 400px;
-  max-width: calc(100vw - 32px);
-  background: var(--sbk-bg);
-  border-radius: 8px;
-  box-shadow:
-    0 0 0 1px rgba(0, 0, 0, 0.08),
-    0 8px 32px rgba(0, 0, 0, 0.35);
-  padding: 20px;
-  font-family: var(--sbk-font);
-}
-
-.sbk-confirm__title {
-  margin: 0 0 8px;
-  font-size: 18px;
-  font-weight: 900;
-  color: var(--sbk-text);
-}
-
-.sbk-confirm__text {
-  font-size: 15px;
-  line-height: 22px;
-  color: var(--sbk-text);
-  margin-bottom: 20px;
-}
-
-.sbk-confirm__actions {
-  display: flex;
-  justify-content: flex-end;
-  gap: 8px;
-}
-
-.sbk-confirm__button {
-  height: 36px;
-  padding: 0 16px;
-  border-radius: 4px;
-  border: 1px solid var(--sbk-button-border);
-  background: var(--sbk-bg);
-  color: var(--sbk-text);
-  font: 700 15px var(--sbk-font);
-  cursor: pointer;
-}
-
-.sbk-confirm__button--primary {
-  border: 0;
-  background: var(--sbk-primary);
-  color: #fff;
-}
-
-.sbk-confirm__button--danger {
-  border: 0;
-  background: var(--sbk-danger);
-  color: #fff;
-}
-
-/* Slack's `c-message_actions__group` as used on tables, images and charts: a white pill of 32px
-   icon buttons pinned to the host's top-right corner, invisible until the host is hovered or
-   holds focus. Offsets per host come from the Builder (table 12px, image 10px, chart 16px). */
-.sbk-hover-actions-host {
-  position: relative;
-}
-
-/* Tables: Slack's wrapper hugs the table, so the group sits over the table's own corner. */
-.sbk-hover-actions-host--fit {
-  width: fit-content;
-  max-width: 100%;
-}
-
-.sbk-hover-actions {
-  position: absolute;
-  z-index: 2;
-  top: 12px;
-  right: 12px;
-  display: flex;
-  padding: 4px;
-  background: var(--sbk-menu-bg);
-  border-radius: 12px;
-  box-shadow: var(--sbk-hover-actions-shadow);
-  opacity: 0;
-  pointer-events: none;
-}
-
-.sbk-hover-actions-host:hover > .sbk-hover-actions,
-.sbk-hover-actions-host:focus-within > .sbk-hover-actions,
-.sbk-hover-actions:has([aria-expanded="true"]) {
-  opacity: 1;
-  pointer-events: auto;
-}
-
-.sbk-hover-actions--image {
-  top: 10px;
-  right: 10px;
-}
-
-.sbk-hover-actions--chart {
-  top: 16px;
-  right: 16px;
-}
-
-.sbk-hover-actions__button {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 32px;
-  height: 32px;
-  padding: 0;
-  border: 0;
-  border-radius: 8px;
-  background: transparent;
-  color: var(--sbk-hover-actions-icon);
-  font-size: 18px;
-  cursor: pointer;
-  transition:
-    color 80ms cubic-bezier(0.36, 0.19, 0.29, 1),
-    background 80ms cubic-bezier(0.36, 0.19, 0.29, 1);
-}
-
-a.sbk-hover-actions__button {
-  color: var(--sbk-content-sec);
-}
-
-.sbk-hover-actions__button:hover,
-.sbk-hover-actions__button[aria-expanded="true"] {
-  background: var(--sbk-row-hover-bg);
-  color: var(--sbk-text);
-}
-
-.sbk-hover-actions__button:focus-visible {
-  outline: none;
-  box-shadow: var(--sbk-focus-shadow);
-}
-
-.sbk-hover-actions__menu-root {
-  position: relative;
-}
-
-.sbk-actions {
-  display: flex;
-  flex-wrap: wrap;
-  margin: 0 0 8px;
-}
-
-.sbk-actions__action {
-  margin: 8px 8px 0 0;
-}
-
-/* Forces the element onto its own row: with the parent's `flex-wrap: wrap`, a 100%-wide item
-   always wraps before and after itself. */
-.sbk-actions__action--full-width {
-  flex: 1 1 100%;
-  width: 100%;
-}
-
-/* Measured from the Builder's modal preview (`c-alert--boxed`). Dark values aren't measured; they
-   reuse the dark palette's matching hues. */
-:root,
-[data-theme="light"] {
-  --sbk-alert-default-bg: rgb(234, 234, 234);
-  --sbk-alert-default-icon: rgb(94, 93, 96);
-  --sbk-alert-info-bg: rgba(54, 197, 240, 0.13);
-  --sbk-alert-info-icon: rgb(18, 100, 163);
-  --sbk-alert-warning-bg: rgba(255, 198, 0, 0.18);
-  --sbk-alert-warning-icon: rgb(107, 80, 0);
-  --sbk-alert-error-bg: rgba(255, 129, 170, 0.13);
-  --sbk-alert-error-icon: rgb(192, 19, 67);
-  --sbk-alert-success-bg: rgba(76, 200, 148, 0.25);
-  --sbk-alert-success-icon: rgb(0, 122, 90);
-}
-
-.sbk-alert {
-  display: flex;
-  margin: 8px 0;
-  padding: 12px 16px;
-  border: 1px solid transparent;
-  border-radius: 8px;
-}
-
-.sbk-alert__icon {
-  flex-shrink: 0;
-  margin: 1px 12px 0 0;
-}
-
-.sbk-alert__message {
-  min-width: 0;
-  overflow-wrap: anywhere;
-}
-
-/* Links keep the message's ink colour and stay underlined, as in the Builder. */
-.sbk-alert__message .sbk-link {
-  color: inherit;
-  text-decoration: underline;
-}
-
-.sbk-alert--default {
-  background: var(--sbk-alert-default-bg);
-}
-.sbk-alert--default .sbk-alert__icon {
-  color: var(--sbk-alert-default-icon);
-}
-.sbk-alert--info {
-  background: var(--sbk-alert-info-bg);
-}
-.sbk-alert--info .sbk-alert__icon {
-  color: var(--sbk-alert-info-icon);
-}
-.sbk-alert--warning {
-  background: var(--sbk-alert-warning-bg);
-}
-.sbk-alert--warning .sbk-alert__icon {
-  color: var(--sbk-alert-warning-icon);
-}
-.sbk-alert--error {
-  background: var(--sbk-alert-error-bg);
-}
-.sbk-alert--error .sbk-alert__icon {
-  color: var(--sbk-alert-error-icon);
-}
-.sbk-alert--success {
-  background: var(--sbk-alert-success-bg);
-}
-.sbk-alert--success .sbk-alert__icon {
-  color: var(--sbk-alert-success-icon);
-}
-
-/* Light values measured from Builder references (green, blue); the other light values are
-   extrapolated. Dark values (Message.css) aren't measured: each is its hue from the dark palette
-   at 16% over the dark background (gray: 6% white), like the alert colours. */
-:root,
-[data-theme="light"] {
-  --sbk-callout-border: rgba(94, 93, 96, 0.13);
-  --sbk-callout-green-bg: #f4ffdb;
-  --sbk-callout-blue-bg: #e3f8ff;
-  --sbk-callout-red-bg: #ffeceb;
-  --sbk-callout-yellow-bg: #fff8db;
-  --sbk-callout-purple-bg: #f3ecff;
-  --sbk-callout-gray-bg: #f4f4f4;
-}
-
-.sbk-callout {
-  padding: 12px;
-  border: 1px solid var(--sbk-callout-border);
-  border-radius: 12px;
-  overflow: hidden;
-}
-
-.sbk-callout .sbk-block:first-child > * {
-  margin-top: 0;
-}
-
-.sbk-callout .sbk-block:last-child > * {
-  margin-bottom: 0;
-}
-
-/* In a container Slack lays a callout's blocks out in a flex column with an 8px gap, so their own
-   margins no longer collapse into each other (catalog/container/with-callout). */
-.sbk-container .sbk-callout {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-}
-
-.sbk-container .sbk-callout .sbk-image__title {
-  display: none;
-}
-
-/* Keeps the frame's 5px top margin from collapsing into the block's own now that the title row
-   above it is hidden. */
-.sbk-container .sbk-callout .sbk-image {
-  display: flow-root;
-}
-
-/* Slack keeps the unknown-block notice's bottom margin even as a callout's last child. */
-.sbk-container .sbk-callout .sbk-block:last-child > .sbk-block-error {
-  margin-bottom: 6px;
-}
-
-.sbk-card {
-  margin: 8px 0;
-}
-
-.sbk-card__box {
-  width: 340px;
-  max-width: 100%;
-  background: var(--sbk-bg);
-  border: 1px solid rgba(94, 93, 96, 0.13);
-  border-radius: 12px;
-  overflow: hidden;
-}
-
-.sbk-card__content {
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-  padding: 12px;
-}
-
-.sbk-card__hero {
-  display: block;
-  width: 100%;
-  height: auto;
-  border-radius: 4px;
-  object-fit: cover;
-}
-
-.sbk-card__header {
-  display: flex;
-  /* A lone title centres on the 36px icon. */
-  align-items: center;
-  gap: 12px;
-}
-
-.sbk-card__icon {
-  display: block;
-  flex: 0 0 auto;
-  width: 36px;
-  height: 36px;
-  border-radius: 8px;
-  object-fit: cover;
-}
-
-/* Slack centres its 24px icon in the 36px slot, in the text colour and with no badge behind it. */
-.sbk-card__icon--slack {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: var(--sbk-text);
-}
-
-.sbk-card__icon--fallback {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: rgba(29, 28, 29, 0.06);
-  color: var(--sbk-muted);
-}
-
-.sbk-card__titles {
-  flex: 1 1 0;
-  min-width: 0;
-}
-
-.sbk-card__title {
-  font-weight: 700;
-  line-height: 22.5px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-/* Text/mrkdwn content renders its own `.sbk-mrkdwn`/`.sbk-plain-text` span with a fixed
-   font-size/line-height (set in base.css), which otherwise overrides the size we want here
-   since it's set directly on that inline element rather than inherited. Re-assert our sizing
-   on the span itself so title/subtitle actually take the compact card typography. */
-.sbk-card__title .sbk-mrkdwn,
-.sbk-card__title .sbk-plain-text {
-  font-size: 15px;
-  line-height: 22.5px;
-}
-
-.sbk-card__subtitle {
-  font-size: 13px;
-  line-height: 16.25px;
-  color: rgb(94, 93, 96);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.sbk-card__subtitle .sbk-mrkdwn,
-.sbk-card__subtitle .sbk-plain-text {
-  font-size: 13px;
-  line-height: 16.25px;
-  color: inherit;
-}
-
-.sbk-card__body {
-  line-height: 22px;
-}
-
-.sbk-card__subtext {
-  font-size: 13px;
-  line-height: 18px;
-  color: var(--sbk-muted);
-}
-
-.sbk-card__subtext .sbk-mrkdwn,
-.sbk-card__subtext .sbk-plain-text {
-  font-size: 13px;
-  line-height: 18px;
-  color: inherit;
-}
-
-.sbk-card__actions {
-  display: flex;
-  gap: 8px;
-}
-
-/* Slack's card buttons size to their label: no 56px minimum, unlike an actions block's. */
-.sbk-card__actions .sbk-button {
-  min-width: 0;
-}
-
-.sbk-card__actions-start {
-  display: flex;
-  flex: 1;
-  gap: 8px;
-}
-
-.sbk-carousel {
-  position: relative;
-  margin: 8px 0;
-}
-
-.sbk-carousel__scroller {
-  display: flex;
-  gap: 16px;
-  overflow-x: auto;
-  /* Slack hides the track; the arrow buttons scroll instead. Without this a classic-scrollbar
-     system (a mouse on macOS, Windows, Linux) grows the carousel by 15px. */
-  scrollbar-width: none;
-  scroll-snap-type: x proximity;
-  padding: 8px 0 4px;
-  margin: -8px 0 -4px;
-}
-
-.sbk-carousel__item {
-  flex: 0 0 auto;
-  scroll-snap-align: start;
-}
-
-.sbk-carousel__item .sbk-card {
-  margin: 0;
-}
-
-.sbk-carousel__arrow {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  position: absolute;
-  top: 50%;
-  transform: translateY(-16px);
-  width: 32px;
-  height: 32px;
-  padding: 0;
-  border: 0;
-  border-radius: 9999px;
-  background: var(--sbk-bg);
-  color: rgb(69, 68, 71);
-  box-shadow:
-    rgba(0, 0, 0, 0.098) 0px 1px 3px 0px,
-    rgba(0, 0, 0, 0.098) 0px 1px 2px -1px;
-  cursor: pointer;
-  transition:
-    opacity 0.15s,
-    transform 0.15s;
-}
-
-.sbk-carousel__arrow:hover {
-  transform: translateY(-16px) scale(1.1);
-}
-
-/* At either end of the scroll Slack shrinks the arrow away rather than disabling it. */
-.sbk-carousel__arrow--hidden {
-  opacity: 0;
-  pointer-events: none;
-  transform: translateY(-16px) scale(0.8);
-}
-
-.sbk-carousel__arrow--left {
-  left: 12px;
-}
-
-.sbk-carousel__arrow--right {
-  right: 12px;
-}
-
-.sbk-code-block {
-  margin: 4px 0;
-  padding: 8px;
-}
-
-.sbk-code-block__box {
-  margin: 4px 0;
-  font-family: var(--sbk-font-mono);
-  font-size: 12px;
-  line-height: 18px;
-  background: var(--sbk-surface-sec);
-  border: 1px solid rgba(29, 28, 29, 0.06);
-  border-radius: 12px;
-  overflow: hidden;
-}
-
-.sbk-code-block__header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 4px 4px 4px 12px;
-  font-family: var(--sbk-font);
-  font-size: 13px;
-  font-weight: 700;
-}
-
-.sbk-code-block__language {
-  color: var(--sbk-outline-pry);
-}
-
-.sbk-code-block__copy {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 32px;
-  height: 32px;
-  padding: 0;
-  color: rgb(69, 68, 71);
-  background: none;
-  border: none;
-  border-radius: 8px;
-  cursor: default;
-}
-
-.sbk-code-block__scroll {
-  display: flex;
-  padding: 0 12px 8px 0;
-  overflow: auto;
-}
-
-.sbk-code-block__code,
-.sbk-code-block__code code {
-  /* The UA stylesheet gives <pre> and <code> the generic `monospace`, which beats inheriting the
-     box's Slack-Roboto-Mono. Slack also turns ligatures off for code. */
-  font-family: inherit;
-  font-variant-ligatures: none;
-}
-
-.sbk-code-block__code {
-  margin: 0;
-  padding: 0 8px 8px;
-  line-height: 18px;
-  color: var(--sbk-text);
-  border-radius: 4px;
-  tab-size: 4;
-  -moz-tab-size: 4;
-}
-
-.sbk-code-block__line {
-  display: block;
-  white-space: pre;
-}
-
-/* `condition` renders one branch's blocks in place; each child block supplies its own spacing. */
-
-/* Slack's c-pillow_file: the avatar sits at the top of the row and the text column is pulled up 1px
-   into it, so the card is 1px shorter than its content. */
-.sbk-contact-card {
-  display: flex;
-  align-items: flex-start;
-  gap: 12px;
-  padding: 12px;
-  background: var(--sbk-bg);
-  border: 1px solid rgba(94, 93, 96, 0.13);
-  border-radius: 12px;
-}
-
-.sbk-contact-card__avatar {
-  display: block;
-  flex: 0 0 auto;
-  width: 36px;
-  height: 36px;
-  border-radius: 8px;
-  background: var(--sbk-avatar-placeholder);
-}
-
-.sbk-contact-card__body {
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-  min-width: 0;
-  margin-top: -1px;
-  font-size: 13px;
-  line-height: 15.6px;
-  color: var(--sbk-muted);
-}
-
-.sbk-contact-card__name {
-  font-weight: 700;
-  font-size: 15px;
-  line-height: 19.2px;
-  color: var(--sbk-text);
-}
-
-.sbk-contact-card__skeleton {
-  display: inline-block;
-  width: 120px;
-  height: 8px;
-  border-radius: 1000px;
-  background: var(--sbk-surface-ter);
-}
-
-/* Slack's p-block_kit_unknown_block_error, shown in place of a card it won't render. */
-.sbk-block-error {
-  margin: 0 0 6px;
-  font-size: 15px;
-  line-height: 22px;
-}
-
-.sbk-block-error__message {
-  font-size: 12.5px;
-  line-height: 18.33px;
-  color: var(--sbk-text);
-  opacity: 0.5;
-}
-
-.sbk-container {
-  margin: 16px 0 0;
-  background: var(--sbk-bg);
-  border: 1px solid var(--sbk-outline-ter);
-  border-radius: 12px;
-  overflow: hidden;
-}
-
-/* Every width keeps the card frame; only the cap differs (`full` has none), per Slack's client. */
-.sbk-container--narrow {
-  max-width: 320px;
-}
-
-.sbk-container--standard {
-  max-width: 480px;
-}
-
-.sbk-container--wide {
-  max-width: 642px;
-}
-
-.sbk-container__header {
-  display: flex;
-  width: 100%;
-  padding: 12px;
-  border: 0;
-  background: none;
-  font: inherit;
-  color: inherit;
-  text-align: left;
-  cursor: default;
-}
-
-.sbk-container__header--button {
-  cursor: pointer;
-}
-
-.sbk-container__header--divider {
-  margin-bottom: 12px;
-  border-bottom: 1px solid var(--sbk-outline-ter);
-}
-
-/* Slack centres the icon against the title and subtitle. */
-.sbk-container__titles {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  flex: 1 1 0;
-  min-width: 0;
-}
-
-.sbk-container__icon {
-  display: block;
-  flex: 0 0 auto;
-  width: 36px;
-  height: 36px;
-  border-radius: 8px;
-  object-fit: cover;
-}
-
-.sbk-container__title-col {
-  display: flex;
-  flex-direction: column;
-  flex: 1 1 0;
-  min-width: 0;
-}
-
-.sbk-container__title {
-  font-weight: 700;
-  line-height: 22.5px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.sbk-container__subtitle {
-  font-size: 13px;
-  line-height: 16.25px;
-  color: var(--sbk-content-sec);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.sbk-container__chevron {
-  display: flex;
-  flex: 0 0 auto;
-  align-items: center;
-  margin-left: 8px;
-  transition: transform 0.16s cubic-bezier(0.36, 0.19, 0.29, 1);
-}
-
-.sbk-container__chevron--collapsed {
-  transform: rotate(-90deg);
-}
-
-.sbk-container__body {
-  padding: 0 12px 12px;
-}
-
-/* Builder's `containerBlockContent` slides open and shut faster than plan and task_card, on the
-   same curve as the chevron. */
-.sbk-collapse.sbk-container__collapse {
-  transition: height 0.16s cubic-bezier(0.36, 0.19, 0.29, 1);
-}
-
-@media (prefers-reduced-motion: reduce) {
-  .sbk-container__chevron,
-  .sbk-collapse.sbk-container__collapse {
-    transition: none;
-  }
-}
-
-/* Builder omits the image title/caret row when an `image` block is a direct child of a
-   container (Callout.css does the same for one nested in a callout there). */
-.sbk-container__body > .sbk-block--image .sbk-image__title {
-  display: none;
-}
-
-/* Builder's reference for an `image` block directly inside a container drops the block's own
-   top margin (only the bottom margin remains) — the container's body padding provides the top
-   spacing instead. */
-.sbk-container__body > .sbk-block--image .sbk-image {
-  margin-top: 0;
-}
-
-/* Builder drops the top margin of a leading section: its text starts right under the header
-   (catalog/container/icon-plus-subtitle), or 12px below a header divider (header-divider). */
-.sbk-container__header + .sbk-container__body > .sbk-block--section:first-child .sbk-section,
-.sbk-container__header
-  + .sbk-container__collapse
-  > .sbk-container__body
-  > .sbk-block--section:first-child
-  .sbk-section {
-  margin-top: 0;
-}
-
-/* Slack sets each element in a 15px/22px line box around 13px/18px text; an image sits on that
-   line's baseline, which stretches a row holding one to 25px. */
-.sbk-context {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: flex-start;
-  row-gap: 4px;
-  margin: 4px 0;
-  font-size: 15px;
-  line-height: 22px;
-  color: var(--sbk-muted);
-}
-
-.sbk-context .sbk-mrkdwn,
-.sbk-context .sbk-plain-text {
-  font-size: 13px;
-  line-height: 18px;
-  color: inherit;
-}
-
-.sbk-context .sbk-emoji {
-  vertical-align: text-bottom;
-}
-
-/* Slack spaces context elements with a trailing spacer rather than a gap: 16px after text, 4px
-   after an image, so consecutive images sit close together. Images hang from the top of the row. */
-.sbk-context__text {
-  margin-right: 16px;
-}
-
-.sbk-context > :last-child {
-  margin-right: 0;
-}
-
-.sbk-context__image {
-  margin-right: 4px;
-  margin-bottom: 5px;
-  width: 20px;
-  height: 20px;
-  border-radius: 2px;
-  object-fit: cover;
-}
-
-/* Slack butts the 32px icon buttons against each other and against the block above. */
-.sbk-context-actions {
-  display: flex;
-  align-items: center;
-}
-
-/* Values measured from Slack's Block Kit Builder for the `data_table` block. */
-:root,
-[data-theme="light"] {
-  --sbk-data-table-bg: rgba(29, 28, 29, 0.06);
-  --sbk-data-table-sep: rgba(94, 93, 96, 0.13);
-  --sbk-data-table-active: #007a5a;
-}
-
-.sbk-data-table {
-  margin: 4px 0;
-}
-
-.sbk-data-table__header {
-  display: flex;
-  align-items: center;
-  padding: 8px 4px;
-  gap: 8px;
-}
-
-.sbk-data-table__caption {
-  flex: 1 1 auto;
-  font-weight: 900;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.sbk-data-table__toolbar {
-  display: flex;
-  gap: 8px;
-  flex: 0 0 auto;
-}
-
-.sbk-data-table__icon-btn {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 30px;
-  height: 30px;
-  padding: 0;
-  color: var(--sbk-badge-text);
-  background: none;
-  border: 1px solid var(--sbk-button-border);
-  border-radius: 8px;
-  cursor: pointer;
-}
-
-/* Slack's grey frame holds both the grid and the pagination footer below it, and scrolls them
-   sideways together when the columns can't fit. Like Slack's, it's a flex column, so its end
-   padding counts as scrollable space. */
-.sbk-data-table__frame {
-  display: flex;
-  flex-direction: column;
-  overflow-x: auto;
-  padding: 0 4px;
-  background-color: var(--sbk-data-table-bg);
-  border-radius: 12px;
-}
-
-/* Slack's scrollbar: an 8px track whose rounded thumb only shows while the table is hovered. */
-.sbk-data-table__frame::-webkit-scrollbar {
-  width: 8px;
-  height: 8px;
-}
-
-.sbk-data-table__frame::-webkit-scrollbar-track,
-.sbk-data-table__frame::-webkit-scrollbar-thumb,
-.sbk-data-table__frame::-webkit-scrollbar-corner {
-  background: transparent;
-}
-
-.sbk-data-table__frame::-webkit-scrollbar-thumb {
-  border-radius: 4px;
-}
-
-.sbk-data-table__frame:hover::-webkit-scrollbar-thumb {
-  background: color-mix(in srgb, var(--sbk-text) 52%, transparent);
-}
-
-/* Like Slack's <table>, the grid never narrows below its columns' 120px minimums. */
-.sbk-data-table__rows {
-  position: relative;
-  min-width: min-content;
-}
-
-/* Without pagination Slack's footer shrinks to a 4px strip. */
-.sbk-data-table__rows:last-child {
-  margin-bottom: 4px;
-}
-
-.sbk-data-table__grid-header,
-.sbk-data-table__row {
-  display: grid;
-}
-
-.sbk-data-table__col-header {
-  display: flex;
-  align-items: center;
-  height: 36px;
-  font-size: 13px;
-  font-weight: 700;
-  line-height: 18px;
-  color: var(--sbk-badge-text);
-}
-
-.sbk-data-table__col-header button {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  width: 100%;
-  height: 28px;
-  gap: 4px;
-  padding: 0 12px;
-  font: inherit;
-  color: inherit;
-  background: none;
-  border: none;
-  border-radius: 8px;
-  cursor: pointer;
-}
-
-/* Slack hides the unsorted caret until the header is hovered or focused, and tints the header
-   with the same 6% overlay as its other hoverable table chrome. */
-.sbk-data-table__col-header button:hover,
-.sbk-data-table__col-header button:focus-visible {
-  background-color: var(--sbk-hover-overlay);
-}
-
-/* Slack's caret stays hidden, even on a sorted column, until the header is hovered or focused. */
-.sbk-data-table__sort-caret {
-  display: flex;
-  margin-left: auto;
-  opacity: 0;
-}
-
-.sbk-data-table__col-header button:hover .sbk-data-table__sort-caret,
-.sbk-data-table__col-header button:focus-visible .sbk-data-table__sort-caret {
-  opacity: 1;
-}
-
-/* Slack's sort menu: a 200px `c-menu` flush below the header, a small "Sort" heading, then
-   Ascending and Descending and, once sorted, a separator and a red Clear Sort. */
-.sbk-data-table__sort-menu {
-  width: 200px;
-  padding: 12px 0;
-  background: var(--sbk-menu-bg);
-  border-radius: 4px;
-  box-shadow: var(--sbk-menu-shadow);
-}
-
-.sbk-data-table__sort-heading {
-  padding: 4px 24px;
-  font: 13px / 18px var(--sbk-font);
-  color: var(--sbk-content-sec);
-}
-
-.sbk-data-table__sort-item {
-  position: relative;
-  display: flex;
-  align-items: center;
-  height: 28px;
-  padding: 0 24px;
-  font: 15px / 28px var(--sbk-font);
-  color: var(--sbk-text);
-  white-space: nowrap;
-  cursor: pointer;
-}
-
-.sbk-data-table__sort-item[aria-checked="true"] {
-  color: var(--sbk-menu-selected-text);
-}
-
-/* Slack's danger red is the same token as its inline-code text. */
-.sbk-data-table__sort-item--danger {
-  color: var(--sbk-code-text);
-}
-
-.sbk-data-table__sort-item[data-active] {
-  color: var(--sbk-menu-highlight-text);
-  background: var(--sbk-menu-highlight-bg);
-}
-
-/* Slack's 16px glyphs sit at the start of their 20px boxes. */
-.sbk-data-table__sort-icon {
-  display: flex;
-  width: 20px;
-  height: 16px;
-  margin-right: 8px;
-}
-
-/* The checked item's check hangs in the 24px gutter, 4px from the menu's edge. */
-.sbk-data-table__sort-check {
-  position: absolute;
-  top: 6px;
-  left: 4px;
-  display: flex;
-  width: 20px;
-  height: 16px;
-}
-
-.sbk-data-table__sort-separator {
-  padding: 8px 0;
-}
-
-.sbk-data-table__sort-separator::before {
-  content: "";
-  display: block;
-  border-top: 1px solid var(--sbk-menu-separator);
-}
-
-.sbk-data-table__col-label {
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
-
-.sbk-data-table__cell {
-  position: relative;
-  min-width: 0;
-  height: 48px;
-  overflow: hidden;
-  background-color: var(--sbk-bg);
-}
-
-/* The body's outline is drawn by its edge cells, inside the 48px rows as in Slack. */
-.sbk-data-table__row:first-child .sbk-data-table__cell {
-  border-top: 1px solid var(--sbk-button-border);
-}
-
-.sbk-data-table__row:last-child .sbk-data-table__cell {
-  border-bottom: 1px solid var(--sbk-button-border);
-}
-
-.sbk-data-table__cell:first-child {
-  border-left: 1px solid var(--sbk-button-border);
-}
-
-.sbk-data-table__cell:last-child {
-  border-right: 1px solid var(--sbk-button-border);
-}
-
-.sbk-data-table__row:hover .sbk-data-table__cell {
-  background-color: var(--sbk-row-hover-bg);
-}
-
-.sbk-data-table__row:not(:first-child) .sbk-data-table__cell {
-  box-shadow: inset 0 1px 0 var(--sbk-data-table-sep);
-}
-
-.sbk-data-table__row:first-child .sbk-data-table__cell:first-child {
-  border-top-left-radius: 8px;
-}
-
-.sbk-data-table__row:first-child .sbk-data-table__cell:last-child {
-  border-top-right-radius: 8px;
-}
-
-.sbk-data-table__row:last-child .sbk-data-table__cell:first-child {
-  border-bottom-left-radius: 8px;
-}
-
-.sbk-data-table__row:last-child .sbk-data-table__cell:last-child {
-  border-bottom-right-radius: 8px;
-}
-
-.sbk-data-table__cell-content {
-  display: flex;
-  align-items: center;
-  height: 48px;
-  padding: 0 12px;
-}
-
-/* Slack clips overlong cell text without an ellipsis. */
-.sbk-data-table__truncate {
-  overflow: hidden;
-  white-space: nowrap;
-}
-
-/* Pinned to the frame's left edge, so the pages stay in view while the columns scroll sideways. */
-.sbk-data-table__pagination {
-  position: sticky;
-  left: 0;
-  max-width: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 4px;
-  height: 32px;
-  font-size: 13px;
-  line-height: 18px;
-  color: var(--sbk-badge-text);
-}
-
-.sbk-data-table__page-nav {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 20px;
-  height: 20px;
-  padding: 0;
-  color: inherit;
-  background: none;
-  border: none;
-  border-radius: 8px;
-  cursor: pointer;
-}
-
-.sbk-data-table__page-nav:disabled {
-  opacity: 0.4;
-  cursor: default;
-}
-
-.sbk-data-table__page-btn {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  min-width: 20px;
-  height: 20px;
-  padding: 0 6px;
-  font: inherit;
-  color: inherit;
-  background: none;
-  border: none;
-  border-radius: 4px;
-  cursor: pointer;
-}
-
-.sbk-data-table__page-btn--active {
-  color: #fff;
-  background-color: var(--sbk-data-table-active);
-}
-
-.sbk-data-table__page-btn:not(.sbk-data-table__page-btn--active):hover,
-.sbk-data-table__page-btn:not(.sbk-data-table__page-btn--active):focus-visible {
-  color: var(--sbk-text);
-  background-color: var(--sbk-button-hover-bg);
-}
-
-/* Same multiply darkening as a primary button: hover ≈ rgb(20,133,103), pressed ≈ rgb(0,110,81). */
-.sbk-data-table__page-btn--active:hover {
-  background-color: rgb(20, 133, 103);
-}
-
-.sbk-data-table__page-btn--active:active {
-  background-color: rgb(0, 110, 81);
-}
-
-.sbk-rtmini__link {
-  color: var(--sbk-link);
-  text-decoration: none;
-}
-
-.sbk-rtmini__link:hover {
-  text-decoration: underline;
-}
-
-.sbk-rtmini__code {
-  font-family: var(--sbk-font-mono);
-  font-size: 12px;
-  background: var(--sbk-code-bg);
-  border: 1px solid var(--sbk-code-border);
-  border-radius: 3px;
-  padding: 1px 3px;
-}
-
-:root,
-[data-theme="light"] {
-  /* Area fills: measured for the first two series colours, tinted 88% toward white for the
-     others. Dark values (Message.css) aren't measured: the series colour at 30% over the dark
-     background. */
-  --sbk-chart-area-1: rgb(255, 237, 229);
-  --sbk-chart-area-2: rgb(227, 255, 243);
-  --sbk-chart-area-3: rgb(248, 238, 250);
-  --sbk-chart-area-4: rgb(226, 243, 250);
-  --sbk-dataviz-border: rgba(94, 93, 96, 0.13);
-  --sbk-dataviz-tick: #5e5d60;
-}
-
-.sbk-dataviz {
-  display: flex;
-  flex-direction: column;
-  /* Slack insets the chart card 8px from the block edges. */
-  margin: 8px 0;
-  padding: 12px;
-  background-color: var(--sbk-container-bg);
-  border: 1px solid var(--sbk-dataviz-border);
-  border-radius: 12px;
-  overflow: hidden;
-}
-
-.sbk-dataviz__title {
-  /* Only the title is spaced off; the plot, axis label and legend stack flush. */
-  margin: 0 0 8px;
-  font-size: 18px;
-  font-weight: 900;
-  line-height: 24.0001px;
-}
-
-.sbk-dataviz__body {
-  display: flex;
-  align-items: stretch;
-  /* The y-axis label is absolutely positioned (see below) so it doesn't steal width from the
-     chart — Slack renders the chart at the container's full width and overlays the label. */
-  position: relative;
-}
-
-.sbk-dataviz__body--pie {
-  justify-content: center;
-}
-
-.sbk-dataviz__y-label {
-  position: absolute;
-  left: 0;
-  /* Matches the reference: the label spans the plot area, not the tick/legend gutters below it. */
-  top: 8px;
-  bottom: 26px;
-  width: 18px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  writing-mode: vertical-rl;
-  transform: rotate(180deg);
-  font-size: 13px;
-  font-weight: 700;
-  text-align: center;
-  pointer-events: none;
-}
-
-.sbk-dataviz__body > .sbk-chart {
-  flex: 1;
-  min-width: 0;
-}
-
-.sbk-chart {
-  width: 100%;
-}
-
-.sbk-chart__svg {
-  display: block;
-  width: 100%;
-  height: auto;
-}
-
-.sbk-chart__tick {
-  fill: var(--sbk-dataviz-tick);
-  font-size: 13px;
-}
-
-.sbk-dataviz__x-label {
-  padding: 8px 0 0 74px;
-  font-size: 13px;
-  font-weight: 700;
-  /* The label is centred within the remaining (post-gutter) width, not left-aligned. */
-  line-height: 18px;
-  text-align: center;
-}
-
-.sbk-dataviz__legend {
-  display: flex;
-  padding: 8px 0 0 74px;
-  gap: 8px;
-  flex-wrap: wrap;
-  /* Centred under the plot area, like the x-axis label above it. */
-  justify-content: center;
-  line-height: 18px;
-}
-
-.sbk-dataviz__legend--pie {
-  padding-left: 0;
-  justify-content: center;
-}
-
-.sbk-dataviz__legend-entry {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  font-size: 13px;
-}
-
-.sbk-dataviz__legend-dot {
-  width: 10px;
-  height: 10px;
-  border-radius: 9999px;
-  display: inline-block;
-  flex-shrink: 0;
-}
-
-.sbk-divider {
-  margin: 8px 0;
-  border: 0;
-  border-top: 1px solid var(--sbk-divider);
-}
-
-/* Slack drops every fallback block into the single (flex-row) wrapper of the unknown block. */
-.sbk-fallback-canary {
-  display: flex;
-}
-
-/* Slack's header and section blocks are `width: 100%` there while a context block sizes to its
-   content, so the row shrinks them in that proportion (174/174/84px of 432 in the reference). */
-.sbk-fallback-canary > .sbk-block--header,
-.sbk-fallback-canary > .sbk-block--section {
-  width: 100%;
-}
-
-.sbk-file {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  margin: 8px 0;
-  padding: 8px 12px;
-  max-width: 360px;
-  background: rgba(29, 28, 29, 0.04);
-  border: 1px solid var(--sbk-border);
-  border-radius: 8px;
-  color: var(--sbk-muted);
-}
-
-/* Slack's pillow file card: the border firms up and a soft shadow appears under the pointer. */
-.sbk-file:hover {
-  border-color: rgba(94, 93, 96, 0.45);
-  box-shadow: rgba(0, 0, 0, 0.047) 0 1px 2px;
-}
-
-.sbk-file__icon {
-  display: flex;
-  flex: 0 0 auto;
-}
-
-.sbk-file__body {
-  display: flex;
-  flex-direction: column;
-  min-width: 0;
-}
-
-.sbk-file__name {
-  color: var(--sbk-text);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.sbk-file__meta {
-  font-size: 12px;
-  text-transform: capitalize;
-}
-
-/* Sizes measured from the Builder's level-1..4 header references (level 2 is Slack's default). */
-.sbk-header {
-  margin: 15px 0 4px;
-  font-weight: 400;
-}
-
-.sbk-header--level-1 {
-  font-size: 18px;
-  line-height: 1.33334;
-  font-weight: 900;
-}
-
-.sbk-header--level-2 {
-  font-size: 15px;
-  line-height: 1.46668;
-  font-weight: 900;
-}
-
-.sbk-header--level-3,
-.sbk-header--level-4 {
-  font-size: 15px;
-  line-height: 1.46668;
-  font-weight: 700;
-}
-
-.sbk-image {
-  margin: 8px 0;
-}
-
-/* Slack sets the row as inline text on a 22px line: the title, then a nowrap caption holding the
-   file size (which we can't know without fetching the image) and the caret button. */
-.sbk-image__title {
-  font-size: 15px;
-  line-height: 22px;
-  color: var(--sbk-muted);
-}
-
-.sbk-image__title-text {
-  display: inline-block;
-  font-size: 13px;
-  line-height: 18px;
-  word-break: break-word;
-}
-
-.sbk-image__trigger {
-  font-size: 13px;
-  line-height: 18px;
-  white-space: nowrap;
-}
-
-.sbk-image__toggle {
-  display: inline-block;
-  width: 15px;
-  margin-top: -4px;
-  padding: 0;
-  border: 0;
-  background: none;
-  font-size: 15px;
-  line-height: 15px;
-  color: var(--sbk-link);
-  cursor: pointer;
-}
-
-.sbk-image__caret {
-  display: inline-block;
-  width: 15px;
-  height: 15px;
-  vertical-align: middle;
-}
-
-.sbk-image__frame {
-  position: relative;
-  /* Slack always leaves a 5px gap above the image itself (the image container's own
-     margin-top), independent of whether the title row above it has content or is hidden/0-height
-     — so this lives on the frame rather than as the title row's margin-bottom, which would
-     disappear along with the row when Container.css hides it for a direct-child image. */
-  margin-top: 5px;
-  /* Slack scales large images down to the message width but never upscales a small one. */
-  max-width: 100%;
-  width: fit-content;
-  border-radius: 8px;
-  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
-  overflow: hidden;
-  /* Slack paints the photo as this box's background rather than an <img>. Chrome resamples the two
-     differently when downscaling, which on a large photo shifts every high-contrast edge; painting
-     it the same way makes our pixels match. The <img> stays for sizing and alt text. */
-  background-position: 50% 50%;
-  background-repeat: no-repeat;
-  background-size: contain;
-}
-
-.sbk-image__img {
-  display: block;
-  opacity: 0;
-  max-width: 100%;
-  height: auto;
-}
-
-.sbk-image__fallback {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  min-height: 88px;
-  width: 100%;
-  background: var(--sbk-badge-bg);
-  color: var(--sbk-muted);
-  font-size: 13px;
-  padding: 16px;
-  text-align: center;
-}
-
-.sbk-input {
-  margin: 0;
-}
-
-.sbk-input__label {
-  font: 700 15px / 22px var(--sbk-font);
-  color: var(--sbk-text);
-  margin-bottom: 8px;
-}
-
-.sbk-input__optional {
-  font-weight: 400;
-  color: var(--sbk-muted);
-}
-
-/* Selects and date/time pickers default to a fixed ~190px width (their size as a section/actions accessory), but
-   Slack's Builder stretches them to the full field width inside an `input` block. */
-.sbk-input__element .sbk-select,
-.sbk-input__element .sbk-datepicker,
-.sbk-input__element .sbk-timepicker {
-  width: 100%;
-}
-
-/* Slack renders radio_buttons as a `<fieldset>` with a `<legend>` inside an `input` block, which
-   carries ~24px of trailing space below the last option — 8px more than the bare-wrapper (no
-   legend) rendering used in actions/section-accessory context. Confirmed via inspect.ts against
-   catalog/input/radio-buttons vs catalog/actions/radio-buttons and catalog/section/radio-buttons. */
-.sbk-input__element .sbk-radio-buttons {
-  margin-bottom: 24px;
-}
-
-/* Slack sets hints inline inside a body-text line box, so they sit flush under the element and the
-   13px text rides on a 22px line. */
-.sbk-input__hint {
-  font: 400 15px / 22px var(--sbk-font);
-}
-
-.sbk-input__hint-text {
-  font-size: 13px;
-  line-height: 18px;
-  color: var(--sbk-muted);
-}
-
-.sbk-input__hint-text--dispatch {
-  margin-left: 4px;
-}
-
-.sbk-input__hint-icon {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 13px;
-  height: 20px;
-}
-
-.sbk-input__error {
-  margin-top: 4px;
-  font: 400 13px / 18px var(--sbk-font);
-  color: var(--sbk-danger);
-}
-
-.sbk-input--error .sbk-input__element {
-  --sbk-button-border: var(--sbk-danger);
-}
-
-/* Slack expands a markdown block into one block per heading, paragraph, divider…, so their
-   margins add up instead of collapsing (divider → heading is 8px + 15px). */
-.sbk-markdown {
-  display: flex;
-  flex-direction: column;
-  font-family: var(--sbk-font);
-  font-size: 15px;
-  line-height: 22px;
-  color: var(--sbk-text);
-  overflow-wrap: anywhere;
-}
-
-.sbk-markdown__section {
-  display: block;
-}
-
-.sbk-markdown__table-wrap {
-  overflow: auto;
-}
-
-/* Slack draws the grid with separate borders (right + bottom on every cell, plus the outer top
-   and left edges) so the corner cells can round off. */
-.sbk-markdown__table {
-  border-collapse: separate;
-  border-spacing: 0;
-  padding: 4px 0;
-}
-
-.sbk-markdown__table th,
-.sbk-markdown__table td {
-  padding: 2px 12px 0;
-  height: 28px;
-  font-weight: 400;
-  text-align: left;
-  vertical-align: top;
-  white-space: nowrap;
-  border-right: 1px solid var(--sbk-outline-ter);
-  border-bottom: 1px solid var(--sbk-outline-ter);
-}
-
-/* Inline code keeps the cell's nowrap, even under a host's `.prose td > code` rule. */
-.sbk-markdown__table :is(th, td) code {
-  white-space: inherit;
-}
-
-.sbk-markdown__table th {
-  font-weight: 700;
-}
-
-.sbk-markdown__table > :first-child > tr:first-child > * {
-  border-top: 1px solid var(--sbk-outline-ter);
-}
-
-.sbk-markdown__table tr > :first-child {
-  border-left: 1px solid var(--sbk-outline-ter);
-}
-
-.sbk-markdown__table > :first-child > tr:first-child > :first-child {
-  border-top-left-radius: 4px;
-}
-
-.sbk-markdown__table > :first-child > tr:first-child > :last-child {
-  border-top-right-radius: 4px;
-}
-
-.sbk-markdown__table > :last-child > tr:last-child > :first-child {
-  border-bottom-left-radius: 4px;
-}
-
-.sbk-markdown__table > :last-child > tr:last-child > :last-child {
-  border-bottom-right-radius: 4px;
-}
-
-:root,
-[data-theme="light"] {
-  --sbk-plan-text: rgb(94, 93, 96);
-}
-
-.sbk-plan {
-  display: flex;
-  flex-direction: column;
-  margin: 8px 0;
-}
-
-.sbk-plan__pill {
-  display: flex;
-  align-self: flex-start;
-  padding: 0;
-  border: 0;
-  background: transparent;
-  border-radius: 12px;
-  cursor: pointer;
-  font: inherit;
-  color: inherit;
-  text-align: left;
-  max-width: 100%;
-}
-
-/* Slack sets the toggle as inline text: the status icon hangs in a 20px indent and the icon and
-   caret sit `vertical-align: middle` on the 13px title's line. */
-.sbk-plan__pill-content {
-  display: block;
-  padding-left: 20px;
-  text-indent: -20px;
-  font-size: 15px;
-  line-height: 22px;
-}
-
-/* Slack's `toggleBarButton`: a 6% tint on hover, an inset blue ring for keyboard focus. */
-.sbk-plan__pill:hover {
-  background-color: var(--sbk-hover-overlay);
-}
-
-.sbk-plan__pill:focus-visible {
-  outline: 2px solid var(--sbk-focus-ring);
-  outline-offset: -2px;
-}
-
-/* A 12px slot, as in Slack: the 13px check and warning overhang it rather than push the title. */
-.sbk-plan__pill-icon {
-  display: inline-flex;
-  width: 12px;
-  /* Slack's `middle` lands here; ours sits 0.5px lower and grows the 22px line box. */
-  vertical-align: -2px;
-  margin: 0 8px 0 0;
-  font-size: 13px;
-  line-height: normal;
-  text-indent: 0;
-}
-
-.sbk-plan__pill-title {
-  font-size: 13px;
-  /* Slack's is 19.5px, but with our Lato metrics that overhangs the 22px line by half a pixel. */
-  line-height: 19px;
-  color: var(--sbk-plan-text);
-}
-
-.sbk-plan__pill-chevron {
-  display: inline-flex;
-  align-items: center;
-  vertical-align: middle;
-  margin-left: 4px;
-  width: 13px;
-  height: 13px;
-  text-indent: 0;
-  color: var(--sbk-plan-text);
-}
-
-/* Slack's toggle-bar status colours: a grey check once done, a red warning on failure, a blue
-   spinner while running. The timeline's dots are grey, lighter while the step is waiting. */
-.sbk-status-icon--complete,
-.sbk-status-icon--dot-complete {
-  color: var(--sbk-content-sec);
-}
-
-.sbk-status-icon--spinner {
-  color: var(--sbk-link);
-}
-
-.sbk-status-icon--error {
-  color: var(--sbk-code-text);
-}
-
-.sbk-status-icon--dot {
-  display: block;
-}
-
-/* Slack's expanded plan is a timeline: each task is a row with a 12px step indicator (a 1px line
-   in, the status icon, a 1px line out) and the task's content 8px to its right. */
-.sbk-plan__tasks {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-
-.sbk-plan__task {
-  display: flex;
-  font-size: 13px;
-  line-height: 19.0668px;
-  color: var(--sbk-plan-text);
-}
-
-.sbk-plan__step {
-  display: flex;
-  flex: 0 0 12px;
-  flex-direction: column;
-  align-items: center;
-  gap: 4px;
-}
-
-.sbk-plan__line {
-  width: 1px;
-  background: var(--sbk-surface-ter);
-}
-
-.sbk-plan__line--top {
-  flex: 0 0 6px;
-}
-
-/* Slack's first step sits 11px below the toggle, not 12. */
-.sbk-plan__task:first-child .sbk-plan__line--top {
-  flex-basis: 11px;
-}
-
-.sbk-plan__line--bottom {
-  flex: 1 1 auto;
-}
-
-.sbk-plan__task:last-child .sbk-plan__line--bottom {
-  background: transparent;
-}
-
-/* A 12x8 box: the 5px dot centres in it; the 12px spinner and 13px warning overhang it evenly. */
-.sbk-plan__task-icon {
-  display: flex;
-  flex: 0 0 auto;
-  align-items: center;
-  justify-content: center;
-  width: 12px;
-  height: 8px;
-  margin: 2px 0;
-}
-
-.sbk-plan__task-content {
-  flex: 1 1 auto;
-  min-width: 0;
-  margin-left: 8px;
-}
-
-.sbk-plan__task:first-child .sbk-plan__task-content {
-  padding-top: 6px;
-}
-
-/* Slack's `taskHeaderSlim`: an unstyled button, the title and a 13px caret 4px apart. */
-.sbk-plan__task-header {
-  display: flex;
-  align-items: center;
-  gap: 4px;
-  padding: 4px 0;
-  border: 0;
-  background: none;
-  font: inherit;
-  color: inherit;
-  text-align: start;
-  cursor: pointer;
-}
-
-.sbk-plan__task-header[aria-disabled="true"] {
-  cursor: default;
-}
-
-.sbk-plan__task-header:focus-visible {
-  outline: 2px solid var(--sbk-focus-ring);
-  outline-offset: -2px;
-}
-
-.sbk-plan__task-title {
-  margin: 2px 0;
-}
-
-/* Slack's caret sits 1px below the header's centre line. */
-.sbk-plan__task-caret {
-  display: flex;
-  width: 13px;
-  height: 13px;
-  margin-top: 2px;
-}
-
-.sbk-plan__task-body {
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-}
-
-.sbk-plan__task-sources {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-
-.sbk-plan__task-source-link {
-  color: var(--sbk-link);
-  text-decoration: none;
-}
-
-.sbk-plan__task-source-link:hover {
-  text-decoration: underline;
-}
-
-.sbk-rich-text {
-  font-family: var(--sbk-font);
-  font-size: 15px;
-  line-height: 22px;
-  color: var(--sbk-text);
-  overflow-wrap: anywhere;
-}
-
-.sbk-rich-text__section {
-  display: block;
-}
-
-.sbk-rich-text__br {
-  display: block;
-  height: 8px;
-}
-
-.sbk-rich-text__jumbo-emoji {
-  display: inline-flex;
-  align-items: center;
-  gap: 4px;
-}
-
-.sbk-rich-text__quote {
-  margin: 4px 0;
-  padding-left: 16px;
-  position: relative;
-}
-
-.sbk-rich-text__quote::before {
-  content: "";
-  position: absolute;
-  inset: 0 auto 0 0;
-  width: 4px;
-  border-radius: 8px;
-  background: var(--sbk-quote-bar);
-}
-
-.sbk-rich-text__pre {
-  display: block;
-  position: relative;
-  margin: 4px 0;
-  padding: 8px;
-  font-family: var(--sbk-font-mono);
-  font-size: 12px;
-  line-height: 1.50001;
-  color: var(--sbk-text);
-  background: var(--sbk-code-bg);
-  border: 1px solid var(--sbk-code-border);
-  border-radius: 4px;
-  white-space: pre-wrap;
-  overflow-wrap: anywhere;
-}
-
-.sbk-rich-text__pre-copy {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  position: absolute;
-  top: 4px;
-  right: 4px;
-  width: 28px;
-  height: 28px;
-  color: rgb(69, 68, 71);
-  background: rgba(29, 28, 29, 0.04);
-  border-radius: 4px;
-  /* Slack's copy control (`container__nrkPh`) is invisible until the code block is hovered. */
-  opacity: 0;
-}
-
-.sbk-rich-text__pre:hover .sbk-rich-text__pre-copy,
-.sbk-rich-text__pre:focus-within .sbk-rich-text__pre-copy {
-  opacity: 1;
-}
-
-.sbk-rich-text__color-swatch {
-  display: inline-block;
-  vertical-align: middle;
-  margin: 0 0 -1px 2px;
-  width: 13px;
-  height: 13px;
-  border: 1px solid var(--sbk-muted);
-  border-radius: 3px;
-}
-
-.sbk-rich-list {
-  margin: 0;
-  list-style-position: outside;
-}
-
-.sbk-rich-list--ordered {
-  padding: 0 0 0 11px;
-}
-
-.sbk-rich-list--bullet {
-  padding: 0;
-  list-style: none;
-}
-
-/* Slack's bullets are its icon font's presence glyphs, cycling dot, ring and square by indent,
-   each 15px glyph centred in a 22px slot that hangs 28px left of the text. */
-.sbk-rich-list--bullet > .sbk-rich-list__item::before {
-  content: "";
-  display: inline-block;
-  width: 22px;
-  height: 15px;
-  margin-left: -28px;
-  margin-right: 6px;
-  vertical-align: -2px;
-  background: currentColor;
-  mask: var(--sbk-bullet) center / 15px 15px no-repeat;
-}
-
-.sbk-rich-list--bullet:is([data-indent="0"], [data-indent="3"], [data-indent="6"]) {
-  --sbk-bullet: url("data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 2000 2000%22><path transform=%22matrix(1 0 0 -1 0 1700)%22 d=%22M1000 150C1249 150 1450 351 1450 600C1450 849 1249 1050 1000 1050C751 1050 550 849 550 600C550 351 751 150 1000 150Z%22/></svg>");
-}
-
-.sbk-rich-list--bullet:is([data-indent="1"], [data-indent="4"], [data-indent="7"]) {
-  --sbk-bullet: url("data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 2000 2000%22><path transform=%22matrix(1 0 0 -1 0 1700)%22 d=%22M1000 150C1249 150 1450 351 1450 600C1450 849 1249 1050 1000 1050C751 1050 550 849 550 600C550 351 751 150 1000 150ZM1000 300C834 300 700 434 700 600C700 766 834 900 1000 900C1166 900 1300 766 1300 600C1300 434 1166 300 1000 300Z%22/></svg>");
-}
-
-.sbk-rich-list--bullet:is([data-indent="2"], [data-indent="5"], [data-indent="8"]) {
-  --sbk-bullet: url("data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 2000 2000%22><path transform=%22matrix(1 0 0 -1 0 1700)%22 d=%22M550 303C550 214 614 150 703 150H1297C1386 150 1450 214 1450 303V897C1450 986 1386 1050 1297 1050H703C614 1050 550 986 550 897Z%22/></svg>");
-}
-
-.sbk-rich-list__item {
-  display: list-item;
-}
-
-.sbk-rich-list--ordered > .sbk-rich-list__item {
-  margin: 0 0 0 20px;
-  padding-left: 8px;
-}
-
-.sbk-rich-list--bullet > .sbk-rich-list__item {
-  margin: 0 0 0 28px;
-}
-
-/* A list with `border: 1` carries the same left bar as a quote, so the two join visually. */
-.sbk-rich-list--bordered {
-  position: relative;
-  margin-left: 0;
-}
-
-.sbk-rich-list--bordered::before {
-  content: "";
-  position: absolute;
-  inset: 0 auto 0 0;
-  width: 4px;
-  border-radius: 8px;
-  background: var(--sbk-quote-bar);
-}
-
-.sbk-section {
-  display: flex;
-  margin: 8px 0 4px;
-}
-
-.sbk-section__content {
-  flex: 1 1 0;
-  min-width: 0;
-}
-
-.sbk-section__fields {
-  display: flex;
-  flex-wrap: wrap;
-}
-
-.sbk-section__field {
-  width: calc(50% - 16px);
-}
-
-.sbk-section__field:nth-child(even) {
-  margin-left: 16px;
-}
-
-.sbk-section__text + .sbk-section__fields {
-  margin-top: 12px;
-}
-
-.sbk-section__text--clamped {
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-}
-
-.sbk-section__toggle {
-  display: block;
-  margin-top: 2px;
-  padding: 0;
-  border: 0;
-  background: none;
-  font: inherit;
-  font-size: 13px;
-  color: var(--sbk-link);
-  cursor: pointer;
-}
-
-.sbk-section__accessory {
-  display: flex;
-  position: relative;
-  margin: 0 0 4px 8px;
-}
-
-.sbk-section--stacked {
-  flex-direction: column;
-}
-
-.sbk-section--stacked .sbk-section__accessory {
-  margin: 4px 0;
-}
-
-/* Values measured from Slack's Block Kit Builder for the `table` block. */
-:root,
-[data-theme="light"] {
-  --sbk-table-border: rgba(94, 93, 96, 0.13);
-}
-
-.sbk-table {
-  padding: 4px 0;
-}
-
-/* Scrolls wide tables while the hover actions stay pinned to the visible corner. */
-.sbk-table__scroll {
-  overflow: auto;
-}
-
-/* Separate borders (right + bottom on every cell, plus the outer top and left edges), as Slack
-   draws them: collapsed borders land the rows on half pixels. */
-.sbk-table__table {
-  border-collapse: separate;
-  border-spacing: 0;
-  font-size: 15px;
-  line-height: 22px;
-}
-
-.sbk-table__thead,
-.sbk-table__tbody {
-  background-color: var(--sbk-bg);
-}
-
-.sbk-table__th,
-.sbk-table__td {
-  box-sizing: border-box;
-  height: 28px;
-  padding: 2px 12px 0;
-  text-align: left;
-  vertical-align: top;
-  white-space: nowrap;
-  border-right: 1px solid var(--sbk-table-border);
-  border-bottom: 1px solid var(--sbk-table-border);
-}
-
-.sbk-table__table > :first-child > tr:first-child > * {
-  border-top: 1px solid var(--sbk-table-border);
-}
-
-.sbk-table__table tr > :first-child {
-  border-left: 1px solid var(--sbk-table-border);
-}
-
-.sbk-table__th {
-  font-weight: 700;
-}
-
-.sbk-table__thead tr:first-child th:first-child {
-  border-top-left-radius: 4px;
-}
-
-.sbk-table__thead tr:first-child th:last-child {
-  border-top-right-radius: 4px;
-}
-
-.sbk-table__tbody tr:last-child td:first-child {
-  border-bottom-left-radius: 4px;
-}
-
-.sbk-table__tbody tr:last-child td:last-child {
-  border-bottom-right-radius: 4px;
-}
-
-:root,
-[data-theme="light"] {
-  --sbk-task-card-text: rgb(94, 93, 96);
-}
-
-.sbk-task-card {
-  display: flex;
-  flex-direction: column;
-  margin: 8px 0;
-}
-
-.sbk-task-card__pill {
-  display: flex;
-  align-self: flex-start;
-  padding: 0;
-  border: 0;
-  background: transparent;
-  border-radius: 12px;
-  cursor: pointer;
-  font: inherit;
-  color: inherit;
-  text-align: left;
-  max-width: 100%;
-}
-
-/* Slack sets the toggle as inline text: the status icon hangs in a 20px indent and the icon and
-   caret sit `vertical-align: middle` on the 13px title's line. */
-.sbk-task-card__pill-content {
-  display: block;
-  padding-left: 20px;
-  text-indent: -20px;
-  font-size: 15px;
-  line-height: 22px;
-}
-
-/* Slack's `toggleBarButton`: a 6% tint on hover, an inset blue ring for keyboard focus. */
-.sbk-task-card__pill[aria-disabled="true"] {
-  cursor: default;
-}
-
-.sbk-task-card__pill:not([aria-disabled="true"]):hover {
-  background-color: var(--sbk-hover-overlay);
-}
-
-.sbk-task-card__pill:focus-visible {
-  outline: 2px solid var(--sbk-focus-ring);
-  outline-offset: -2px;
-}
-
-/* A 12px slot, as in Slack: the 13px check and warning overhang it rather than push the title. */
-.sbk-task-card__pill-icon {
-  display: inline-flex;
-  width: 12px;
-  /* Slack's `middle` lands here; ours sits 0.5px lower and grows the 22px line box. */
-  vertical-align: -2px;
-  margin: 0 8px 0 0;
-  font-size: 13px;
-  line-height: normal;
-  text-indent: 0;
-}
-
-.sbk-task-card__pill-title {
-  font-size: 13px;
-  /* Slack's is 19.5px, but with our Lato metrics that overhangs the 22px line by half a pixel. */
-  line-height: 19px;
-  color: var(--sbk-task-card-text);
-}
-
-.sbk-task-card__pill-chevron {
-  display: inline-flex;
-  align-items: center;
-  vertical-align: middle;
-  margin-left: 4px;
-  width: 13px;
-  height: 13px;
-  text-indent: 0;
-  color: var(--sbk-task-card-text);
-}
-
-/* Slack's expanded card is a short timeline: the details, with a 1px rule 6px in from the left,
-   then a step whose 5px dot and rule sit in a 12px rail 8px left of the output and sources. */
-.sbk-task-card__body {
-  font-size: 13px;
-  line-height: 19.0668px;
-  color: var(--sbk-task-card-text);
-}
-
-.sbk-task-card__details {
-  position: relative;
-  padding: 0 20px;
-}
-
-.sbk-task-card__details::before {
-  content: "";
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 6px;
-  width: 1px;
-  background-color: var(--sbk-surface-ter);
-}
-
-/* Slack underlines the links inside a task's rich text. */
-.sbk-task-card__details .sbk-rtmini__link,
-.sbk-task-card__output .sbk-rtmini__link {
-  text-decoration: underline;
-}
-
-.sbk-task-card__step {
-  display: flex;
-  gap: 8px;
-}
-
-.sbk-task-card__rail {
-  display: flex;
-  flex: 0 0 12px;
-  flex-direction: column;
-  align-items: center;
-  margin-top: 7px;
-}
-
-.sbk-task-card__dot {
-  display: flex;
-  padding-bottom: 2px;
-}
-
-.sbk-task-card__line {
-  flex: 1 1 auto;
-  width: 1px;
-  margin-top: 8px;
-  background-color: var(--sbk-surface-ter);
-}
-
-.sbk-task-card__step-content {
-  flex: 1 1 auto;
-  min-width: 0;
-}
-
-.sbk-task-card__output {
-  margin-bottom: 4px;
-}
-
-.sbk-task-card__sources {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-
-.sbk-task-card__source-link {
-  color: var(--sbk-link);
-  text-decoration: none;
-}
-
-.sbk-task-card__source-link:hover {
-  text-decoration: underline;
-}
-
-.sbk-video {
-  padding: 8px 0;
-  max-width: 360px;
-  line-height: 22px;
-}
-
-.sbk-video__byline {
-  color: var(--sbk-muted);
-  white-space: nowrap;
-}
-
-.sbk-video__provider-icon {
-  width: 16px;
-  height: 16px;
-  margin: 0 8px 3px 0;
-  border-radius: 2px;
-  vertical-align: middle;
-}
-
-.sbk-video__provider {
-  font-weight: 900;
-  color: var(--sbk-text);
-}
-
-.sbk-video__separator {
-  color: rgb(221, 221, 221);
-  white-space: pre;
-}
-
-.sbk-video__description {
-  color: var(--sbk-text);
-}
-
-.sbk-video__title {
-  color: var(--sbk-link);
-}
-
-/* A plain `c-link`: underlined only on hover. */
-.sbk-video__title a {
-  color: inherit;
-  text-decoration: none;
-}
-
-.sbk-video__title a:hover {
-  text-decoration: underline;
-}
-
-/* Slack's caret that expands the inline player. */
-.sbk-video__expand {
-  display: inline-block;
-  margin: -4px 0 0 3px;
-  vertical-align: middle;
-  line-height: 15px;
-}
-
-.sbk-video__frame {
-  display: block;
-  position: relative;
-  /* Slack renders a fixed 360x283 box regardless of the thumbnail's own aspect ratio, letterboxing
-     the thumbnail inside it. */
-  width: 360px;
-  height: 283px;
-  max-width: 100%;
-  background: #000;
-  overflow: hidden;
-}
-
-/* Slack's p-video_overlay--controls: a bottom gradient fades in while hovered or focused. */
-.sbk-video__frame::before {
-  content: "";
-  position: absolute;
-  inset: 0;
-  z-index: 1;
-  pointer-events: none;
-  opacity: 0;
-  background: linear-gradient(rgba(29, 28, 29, 0), rgba(29, 28, 29, 0.7) 70%);
-  transition: opacity 80ms cubic-bezier(0.36, 0.19, 0.29, 1);
-}
-
-.sbk-video__frame:hover::before,
-.sbk-video__frame:focus-within::before,
-.sbk-video__frame:focus-visible::before {
-  opacity: 1;
-}
-
-.sbk-video__thumb {
-  position: absolute;
-  inset: 0;
-  width: 100%;
-  height: 100%;
-  object-fit: contain;
-}
-
-.sbk-video__play {
-  position: absolute;
-  left: 16px;
-  bottom: 16px;
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  height: 30px;
-  padding: 4px 8px 4px 6px;
-  font-weight: 700;
-  color: #fff;
-  background: rgba(29, 28, 29, 0.8);
-  border-radius: 4px;
-  z-index: 2;
-  transition:
-    background 80ms cubic-bezier(0.36, 0.19, 0.29, 1),
-    opacity 80ms cubic-bezier(0.36, 0.19, 0.29, 1);
-}
-
-/* Messages use Slack's small button variant. */
-.sbk-button {
-  display: block;
-  position: relative;
-  height: 28px;
-  min-width: 56px;
-  padding: 0 8px 1px;
-  border: 1px solid var(--sbk-button-border);
-  border-radius: 4px;
-  background: var(--sbk-bg);
-  background-clip: padding-box;
-  color: var(--sbk-text);
-  font: 700 13px / normal var(--sbk-font);
-  text-align: center;
-  white-space: nowrap;
-  cursor: pointer;
-  appearance: none;
-  transition:
-    color 80ms,
-    background-color 80ms,
-    border-color 80ms cubic-bezier(0.36, 0.19, 0.29, 1);
-}
-
-/* Slack's `c-button` hover model: outline buttons swap to a light gray fill, filled buttons
-   darken through a `multiply` gradient overlay. Both raise a two-layer shadow on hover and drop
-   it while pressed. Values read from the Block Kit Builder's live stylesheet. */
-.sbk-button:hover {
-  background-color: var(--sbk-button-hover-bg);
-  box-shadow: var(--sbk-button-hover-shadow);
-}
-
-.sbk-button:active {
-  background-color: var(--sbk-button-hover-bg);
-  box-shadow: none;
-}
-
-.sbk-button--primary,
-.sbk-button--danger {
-  border: 0;
-  color: #fff;
-}
-
-.sbk-button--primary {
-  background: var(--sbk-primary);
-}
-
-.sbk-button--primary:hover,
-.sbk-button--primary:active,
-.sbk-button--danger:hover,
-.sbk-button--danger:active {
-  background-image: linear-gradient(var(--sbk-button-overlay), var(--sbk-button-overlay));
-  background-blend-mode: multiply;
-}
-
-.sbk-button--primary:hover {
-  --sbk-button-overlay: #0a403221;
-  background-color: var(--sbk-primary);
-}
-
-.sbk-button--primary:active {
-  --sbk-button-overlay: #0a403238;
-  background-color: var(--sbk-primary);
-}
-
-.sbk-button--danger {
-  background: var(--sbk-danger);
-}
-
-.sbk-button--danger:hover {
-  --sbk-button-overlay: #59000f17;
-  background-color: var(--sbk-danger);
-}
-
-.sbk-button--danger:active {
-  --sbk-button-overlay: #59000f38;
-  background-color: var(--sbk-danger);
-}
-
-.sbk-checkboxes {
-  display: flex;
-  flex-direction: column;
-  /* Slack renders checkboxes inside a `<fieldset>` in every context (input, section accessory,
-     actions), which carries a fixed ~24px bottom margin beyond the last option row — confirmed
-     via inspect.ts against catalog/input/checkboxes, catalog/section/checkboxes, and
-     catalog/actions/checkboxes (all measured 24px of trailing space). */
-  margin-bottom: 24px;
-}
-
-.sbk-checkboxes__option {
-  display: flex;
-  align-items: flex-start;
-  /* Slack's Builder packs option rows with zero gap between them — each row's own height (22px
-     for a text-only option, 44px for a text+description option) sets the pitch on its own,
-     confirmed via inspect.ts against the same three fixtures above. */
-  line-height: 22px;
-  cursor: pointer;
-}
-
-.sbk-checkboxes__input {
-  appearance: none;
-  flex: 0 0 auto;
-  width: 14px;
-  height: 14px;
-  margin: 6px 4px 2px 4px;
-  border: 1px solid var(--sbk-button-border);
-  border-radius: 4px;
-  background: var(--sbk-bg);
-  cursor: pointer;
-  position: relative;
-  transition: 80ms cubic-bezier(0.36, 0.19, 0.29, 1);
-}
-
-/* Slack's `.p-checkboxes_element .c-input_checkbox`: darker border plus a faint overlay on hover,
-   a stronger overlay while pressed, and a 2px blue ring for keyboard focus. */
-.sbk-checkboxes__option:hover .sbk-checkboxes__input:not(:checked) {
-  border-color: var(--sbk-outline-pry);
-  background-image: linear-gradient(var(--sbk-interaction-hover), var(--sbk-interaction-hover));
-}
-
-.sbk-checkboxes__input:not(:checked):active {
-  background-image: linear-gradient(var(--sbk-interaction-pressed), var(--sbk-interaction-pressed));
-}
-
-.sbk-checkboxes__input:focus-visible {
-  outline: 2px solid var(--sbk-focus-ring);
-  outline-offset: 1px;
-}
-
-/* Slack's checked box is solid blue with no border; hover/focus and press darken it with the same
-   multiply overlays Slack's blue buttons use. */
-.sbk-checkboxes__input:checked {
-  border-color: transparent;
-  background-color: var(--sbk-checkbox-checked);
-}
-
-.sbk-checkboxes__option:hover .sbk-checkboxes__input:checked,
-.sbk-checkboxes__input:checked:focus-visible {
-  background-image: linear-gradient(
-    var(--sbk-checkbox-checked-hover),
-    var(--sbk-checkbox-checked-hover)
-  );
-  background-blend-mode: var(--sbk-blend-interaction);
-}
-
-.sbk-checkboxes__input:checked:active {
-  background-image: linear-gradient(
-    var(--sbk-checkbox-checked-pressed),
-    var(--sbk-checkbox-checked-pressed)
-  );
-  background-blend-mode: var(--sbk-blend-interaction);
-}
-
-.sbk-checkboxes__input:checked::after {
-  content: "";
-  position: absolute;
-  left: 4px;
-  top: 1px;
-  width: 4px;
-  height: 8px;
-  border: solid var(--sbk-on-highlight);
-  border-width: 0 2px 2px 0;
-  transform: rotate(45deg);
-}
-
-.sbk-checkboxes__body {
-  display: flex;
-  flex-direction: column;
-  /* Slack's c-label__text is nudged up a pixel with `position: relative; top: -1px`. */
-  position: relative;
-  top: -1px;
-}
-
-.sbk-checkboxes__description,
-.sbk-checkboxes__description .sbk-mrkdwn {
-  color: var(--sbk-content-sec);
-}
-
-/* Slack's `c-date_picker_calendar`. */
-.sbk-calendar {
-  padding: 8px;
-  font-family: var(--sbk-font);
-  font-size: 15px;
-  line-height: 20px;
-  color: var(--sbk-text);
-}
-
-.sbk-calendar__header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  height: 32px;
-  margin-bottom: 16px;
-  font-weight: 700;
-}
-
-.sbk-calendar__nav {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 32px;
-  height: 32px;
-  padding: 0;
-  border: none;
-  border-radius: 4px;
-  background: none;
-  color: var(--sbk-text);
-  cursor: pointer;
-  transition-property: color, background-color;
-  transition-duration: 80ms;
-  transition-timing-function: cubic-bezier(0.36, 0.19, 0.29, 1);
-}
-
-.sbk-calendar__nav:hover {
-  background: rgba(29, 155, 209, 0.1);
-}
-
-.sbk-calendar__nav:active {
-  background: var(--sbk-highlight);
-  color: var(--sbk-on-highlight);
-}
-
-.sbk-calendar__weekdays,
-.sbk-calendar__grid {
-  display: grid;
-  /* 44px cells whose 1px borders overlap their neighbours (Slack's `margin: -1px`). */
-  grid-template-columns: repeat(7, 43px);
-  text-align: center;
-}
-
-.sbk-calendar__weekdays {
-  padding-right: 1px;
-}
-
-.sbk-calendar__weekdays span {
-  padding: 4px 0 6px;
-  font-size: 13px;
-  color: var(--sbk-content-sec);
-}
-
-.sbk-calendar__cell {
-  position: relative;
-  min-height: 42px;
-  margin: 0 -1px -1px 0;
-  padding: 10px 0;
-  font: inherit;
-  line-height: 20px;
-  color: var(--sbk-text);
-  background: var(--sbk-bg);
-  border: 1px solid var(--sbk-calendar-grid);
-  cursor: pointer;
-}
-
-.sbk-calendar__cell--empty {
-  border-color: transparent;
-  background: none;
-  cursor: default;
-}
-
-/* A light-blue wash with a matching border on hover, raised above its neighbours' borders. */
-.sbk-calendar__cell:hover:not(.sbk-calendar__cell--empty, .sbk-calendar__cell--selected) {
-  z-index: 1;
-  border-color: rgba(29, 155, 209, 0.3);
-  background: rgba(29, 155, 209, 0.2);
-}
-
-.sbk-calendar__cell--today {
-  color: var(--sbk-link);
-}
-
-/* Today gets a 32px ring centred in its cell (white when today is also selected). */
-.sbk-calendar__cell--today::after {
-  content: "";
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  width: 32px;
-  height: 32px;
-  border: 1px solid var(--sbk-highlight);
-  border-radius: 50%;
-  transform: translate(-50%, -50%);
-  pointer-events: none;
-}
-
-.sbk-calendar__cell--selected {
-  z-index: 1;
-  color: var(--sbk-on-highlight);
-  background: var(--sbk-highlight);
-  border-color: var(--sbk-highlight);
-  border-radius: 4px;
-}
-
-.sbk-calendar__cell--selected.sbk-calendar__cell--today::after {
-  border-color: var(--sbk-on-highlight);
-}
-
-.sbk-calendar__cell:focus-visible {
-  z-index: 2;
-}
-
-/* Slack's `c-date_picker__clear_selection`: a full-width bold footer that turns blue on hover. */
-.sbk-calendar__footer {
-  margin: 16px -16px -16px;
-  border-top: 1px solid rgba(0, 0, 0, 0.1);
-}
-
-.sbk-calendar__clear {
-  display: block;
-  width: 100%;
-  height: 44px;
-  padding: 0;
-  font: 700 15px var(--sbk-font);
-  color: var(--sbk-text);
-  background: none;
-  border: none;
-  border-radius: 0 0 6px 6px;
-  cursor: pointer;
-}
-
-.sbk-calendar__clear:hover,
-.sbk-calendar__clear:focus-visible {
-  color: var(--sbk-link);
-}
-
-
-.sbk-datepicker {
-  position: relative;
-  width: 194.5px;
-  color: var(--sbk-muted);
-}
-
-.sbk-datepicker__input_wrap {
-  position: relative;
-}
-
-/* Slack's glyph sits on an 18px text line centred in the 28px field; the line's baseline rounds
-   to a whole pixel, which drops the icon 0.45px below its 13px em box's true centre. Chrome snaps
-   `top` to whole pixels, so the last fraction goes in a transform, as Slack's text glyph isn't. */
-.sbk-datepicker__icon {
-  position: absolute;
-  left: 8px;
-  top: 8px;
-  transform: translateY(-0.1px);
-  width: 13px;
-  height: 13px;
-  color: var(--sbk-badge-text);
-}
-
-.sbk-datepicker__input {
-  width: 100%;
-  height: 28px;
-  /* Slack's small c-input_text: 8px / 7px vertical padding around an 18px line. */
-  padding: 8px 28px 7px;
-  font: 13px / 18px var(--sbk-font);
-  color: var(--sbk-text);
-  background: var(--sbk-bg);
-  border: 1px solid rgb(124, 122, 127);
-  border-radius: 8px;
-  cursor: pointer;
-}
-
-/* Slack's c-date_picker__select_btn: a 28px square on the right with a 20px chevron. */
-.sbk-datepicker__chevron {
-  position: absolute;
-  right: 4px;
-  top: 4px;
-  width: 20px;
-  height: 20px;
-  color: var(--sbk-content-sec);
-  pointer-events: none;
-}
-
-.sbk-datepicker__input::placeholder {
-  color: var(--sbk-muted);
-}
-
-.sbk-datepicker__popup {
-  position: absolute;
-  z-index: 10;
-  top: 0;
-  left: 0;
-  /* Slack's datepicker dropdown: 16px padding, hairline ring plus a soft drop shadow. */
-  padding: 16px;
-  background: var(--sbk-menu-bg);
-  border-radius: 6px;
-  box-shadow: var(--sbk-popover-shadow);
-}
-
-.sbk-datetimepicker {
-  position: relative;
-  display: block;
-  width: 100%;
-}
-
-/* Slack's Builder renders a datetimepicker as two side-by-side boxes (date, then time) rather
-   than a single combined control. */
-.sbk-datetimepicker__row {
-  display: flex;
-  gap: 8px;
-}
-
-/* The time zone caption sits under the time box only, so each box gets its own column. */
-.sbk-datetimepicker__column {
-  flex: 1 1 0;
-  min-width: 0;
-}
-
-.sbk-datetimepicker__control {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  width: 100%;
-  height: 36px;
-  padding: 4px 7px 4px 11px;
-  font: 15px var(--sbk-font);
-  color: var(--sbk-text);
-  background: var(--sbk-bg);
-  border: 1px solid rgb(124, 122, 127);
-  border-radius: 8px;
-  cursor: pointer;
-}
-
-/* Slack's medium date input: the icon sits 12px in, the text 32px in, and the chevron is centred
-   in a 36px button. Our border is inside the box, so each inset is 1px smaller here. */
-.sbk-datetimepicker__control--date {
-  padding: 4px 7px 4px 11px;
-}
-
-/* Slack's medium time select: 12px side padding, text on a 22.5px line 33px in. */
-.sbk-datetimepicker__control--time {
-  padding: 4px 11px;
-  line-height: 22.5px;
-}
-
-.sbk-datetimepicker__icon {
-  flex: 0 0 auto;
-  width: 15px;
-  height: 15px;
-  color: var(--sbk-badge-text);
-}
-
-.sbk-datetimepicker__value,
-.sbk-datetimepicker__placeholder {
-  flex: 1;
-  min-width: 0;
-  text-align: left;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
-
-.sbk-datetimepicker__chevron {
-  flex: 0 0 auto;
-  width: 20px;
-  height: 20px;
-  color: var(--sbk-badge-text);
-}
-
-.sbk-datetimepicker__placeholder {
-  color: var(--sbk-muted);
-}
-
-.sbk-datetimepicker__timezone {
-  margin: 4px 0 0;
-  font-size: 13px;
-  line-height: 18px;
-  color: var(--sbk-badge-text);
-}
-
-.sbk-datetimepicker__popup {
-  position: absolute;
-  z-index: 10;
-  top: 0;
-  left: 0;
-  /* Slack's datepicker dropdown: 16px padding, hairline ring plus a soft drop shadow. */
-  padding: 16px;
-  background: var(--sbk-menu-bg);
-  border-radius: 6px;
-  box-shadow: var(--sbk-popover-shadow);
-}
-
-.sbk-datetimepicker__time-row {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  padding: 8px;
-  border-top: 1px solid var(--sbk-border);
-}
-
-.sbk-datetimepicker__time-input {
-  flex: 1;
-  height: 28px;
-  padding: 4px 8px;
-  border: 1px solid rgb(124, 122, 127);
-  border-radius: 8px;
-  font: 13px var(--sbk-font);
-}
-
-.sbk-datetimepicker__apply {
-  height: 28px;
-  padding: 0 12px;
-  border: 0;
-  border-radius: 4px;
-  background: var(--sbk-primary);
-  color: #fff;
-  font: 700 13px var(--sbk-font);
-  cursor: pointer;
-}
-
-.sbk-datetimepicker__apply:disabled {
-  opacity: 0.5;
-  cursor: default;
-}
-
-.sbk-feedback-buttons {
-  display: inline-flex;
-  align-items: center;
-}
-
-.sbk-icon-button--active {
-  color: var(--sbk-primary);
-  background: var(--sbk-badge-bg);
-}
-
-.sbk-file-input {
-  /* Slack renders a `file_input` element inside a `<fieldset>` that carries its own
-     margin-bottom (~20px), on top of the label/hint spacing every other Input-block element
-     shares — confirmed via inspect.ts against extra/modal/rich-and-file's reference. */
-  margin-bottom: 20px;
-}
-
-.sbk-file-input__button {
-  display: inline-flex;
-  align-items: center;
-  gap: 4px;
-  height: 36px;
-  min-width: 80px;
-  padding: 0 12px 1px;
-  border: 1px solid var(--sbk-button-border);
-  border-radius: 8px;
-  background: var(--sbk-bg);
-  color: var(--sbk-text);
-  font: 700 15px var(--sbk-font);
-  cursor: pointer;
-}
-
-.sbk-file-input__button svg {
-  width: 16px;
-  height: 16px;
-  flex-shrink: 0;
-}
-
-.sbk-file-input__native {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  overflow: hidden;
-  opacity: 0;
-}
-
-.sbk-file-input__list {
-  list-style: none;
-  margin: 8px 0 0;
-  padding: 0;
-}
-
-.sbk-file-input__item {
-  font-size: 13px;
-  color: var(--sbk-text);
-  padding: 2px 0;
-}
-
-.sbk-icon-button {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 32px;
-  height: 32px;
-  padding: 0;
-  border: none;
-  background: none;
-  border-radius: 8px;
-  color: rgb(69, 68, 71);
-  cursor: pointer;
-  transition-property: color, background-color, border-color;
-  transition-duration: 80ms;
-  transition-timing-function: cubic-bezier(0.36, 0.19, 0.29, 1);
-}
-
-/* Slack's `c-icon_button--default`: solid gray fill and full-strength text on hover, a darker
-   multiply overlay while pressed. */
-.sbk-icon-button:hover,
-.sbk-icon-button:active {
-  color: var(--sbk-text);
-  background-color: var(--sbk-icon-button-hover-bg);
-}
-
-.sbk-icon-button:active {
-  background-image: linear-gradient(var(--sbk-interaction-pressed), var(--sbk-interaction-pressed));
-  background-blend-mode: var(--sbk-blend-interaction);
-}
-
-.sbk-icon-button svg {
-  width: 18px;
-  height: 18px;
-}
-
-.sbk-section__accessory--image {
-  margin-left: 12px;
-}
-
-.sbk-image-element {
-  display: block;
-  width: 88px;
-  height: 88px;
-  border-radius: 8px;
-  object-fit: cover;
-}
-
-.sbk-overflow {
-  position: relative;
-  display: inline-block;
-}
-
-.sbk-overflow__button {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 30px;
-  height: 28px;
-  padding: 0 7px 1px;
-  background: var(--sbk-bg);
-  border: 1px solid var(--sbk-button-border);
-  border-radius: 4px;
-  color: var(--sbk-text);
-  cursor: pointer;
-}
-
-/* The trigger is a small outline `c-button` in Slack, so it shares Button.css's hover. */
-.sbk-overflow__button:hover {
-  background: var(--sbk-button-hover-bg);
-  box-shadow: var(--sbk-button-hover-shadow);
-}
-
-.sbk-overflow__button:active {
-  box-shadow: none;
-}
-
-.sbk-overflow__menu {
-  position: absolute;
-  z-index: 10;
-  top: 0;
-  right: 0;
-  /* Slack's `c-menu`: 200-300px wide, hairline ring plus drop shadow, 12px list padding. */
-  min-width: 200px;
-  max-width: 300px;
-  width: max-content;
-  padding: 12px 0;
-  background: var(--sbk-menu-bg);
-  border-radius: 4px;
-  box-shadow: var(--sbk-menu-shadow);
-}
-
-/* `c-menu_item__button`: 15px text on a 28px line, 24px side padding. */
-.sbk-overflow__option {
-  min-height: 28px;
-  padding: 0 24px;
-  font: 15px / 28px var(--sbk-font);
-  color: var(--sbk-text);
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  cursor: pointer;
-}
-
-/* Highlighted (pointer or keyboard) `c-menu_item__button`: white on blue. */
-.sbk-overflow__option[data-active] {
-  color: var(--sbk-menu-highlight-text);
-  background: var(--sbk-menu-highlight-bg);
-}
-
-.sbk-radio-buttons {
-  display: flex;
-  flex-direction: column;
-  /* ~24px of trailing space below the last option in every context (actions, section accessory,
-     input), matching checkboxes. Confirmed against catalog/{actions,section,input}/radio-buttons. */
-  margin-bottom: 24px;
-}
-
-.sbk-radio-buttons__option {
-  display: flex;
-  align-items: flex-start;
-  /* Zero gap between option rows — each row's own height (22px text-only, 44px with a
-     description) sets the pitch, confirmed via inspect.ts against the same fixtures above. */
-  line-height: 22px;
-  cursor: pointer;
-}
-
-.sbk-radio-buttons__input {
-  flex: 0 0 auto;
-  width: 13px;
-  height: 13px;
-  margin: 7px 7px 0 5px;
-  accent-color: #000;
-  cursor: pointer;
-}
-
-.sbk-radio-buttons__body {
-  display: flex;
-  flex-direction: column;
-  /* Slack's c-label__text is nudged up a pixel with `position: relative; top: -1px`. */
-  position: relative;
-  top: -1px;
-}
-
-.sbk-radio-buttons__description,
-.sbk-radio-buttons__description .sbk-mrkdwn {
-  color: var(--sbk-content-sec);
-}
-
-/* Slack's modal rich-text editor: a grey formatting toolbar over a text area, in a box that
-   measures 118px tall in the reference (the Aa/emoji button row Slack draws below it overflows
-   that frozen box in the capture, so it's left out). */
-.sbk-rich-text-input {
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  min-height: 118px;
-  background: var(--sbk-bg);
-  border: 1px solid rgba(29, 28, 29, 0.13);
-  border-radius: 4px;
-}
-
-.sbk-rich-text-input__toolbar {
-  display: flex;
-  align-items: center;
-  height: 38px;
-  padding: 4px;
-  background: #f8f8f8;
-  border-radius: 8px 8px 0 0;
-}
-
-.sbk-rich-text-input__tool {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 28px;
-  height: 28px;
-  /* Slack's buttons carry no bottom margin, so they sit 2px down the 30px bar, not centred in it. */
-  margin: 2px 2px 0;
-  color: rgba(29, 28, 29, 0.7);
-  opacity: 0.3;
-}
-
-.sbk-rich-text-input__separator {
-  width: 1px;
-  height: 20px;
-  margin: 0 4px;
-  background: rgba(29, 28, 29, 0.13);
-}
-
-.sbk-rich-text-input__editor {
-  flex: 1;
-  padding: 8px 12px;
-  font: 15px / 22px var(--sbk-font);
-  color: var(--sbk-text);
-  overflow-y: auto;
-  outline: none;
-}
-
-.sbk-rich-text-input__editor:empty::before {
-  content: attr(data-placeholder);
-  color: var(--sbk-muted);
-}
-
-.sbk-select {
-  position: relative;
-  width: 190px;
-}
-
-.sbk-select__control {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  width: 100%;
-  height: 28px;
-  padding: 4px 8px;
-  font: 13px var(--sbk-font);
-  color: var(--sbk-text);
-  background: var(--sbk-bg);
-  border: 1px solid rgb(124, 122, 127);
-  border-radius: 8px;
-  cursor: pointer;
-}
-
-/* In an input block, Slack's multi-select closed control uses a taller (36px) box than a
-   single-select's (28px), to give its chip row breathing room, even with no chips selected yet.
-   As a section/actions accessory it stays a 28px button. */
-.sbk-input__element .sbk-select--multi .sbk-select__control {
-  height: 36px;
-  padding: 4px 28px 4px 12px;
-  font-size: 15px;
-  line-height: 22px;
-}
-
-/* With chips it grows to fit their rows: each chip sits 4px in from the box and the one above. */
-.sbk-input__element .sbk-select--chips .sbk-select__control {
-  height: auto;
-  min-height: 36px;
-  align-items: flex-start;
-  padding: 0 28px 4px 4px;
-}
-
-/* Slack's p-block_kit_max_selected_items__info, tucked into the label's 8px bottom padding. */
-.sbk-select__max-info {
-  display: none;
-}
-
-.sbk-input__element .sbk-select__max-info {
-  display: block;
-  margin: -8px 0 8px;
-  font-size: 15px;
-  line-height: 22px;
-  color: rgb(97, 96, 97);
-}
-
-/* Its closed input-block box is a text field, not a dropdown: no chevron, 15px placeholder. */
-.sbk-input__element .sbk-select--multi .sbk-select__placeholder {
-  color: rgb(94, 93, 96);
-}
-
-.sbk-input__element .sbk-select--multi .sbk-select__chevron {
-  display: none;
-}
-
-/* As a section accessory, Slack collapses a multi-select into a content-sized outline button
-   ("Select conversations") that opens the picker, rather than a 190px select with a chevron. */
-.sbk-section__accessory .sbk-select--multi {
-  width: auto;
-}
-
-.sbk-section__accessory .sbk-select--multi .sbk-select__control {
-  padding: 0 12px 1px;
-  font-weight: 700;
-  border-color: rgba(94, 93, 96, 0.45);
-  border-radius: 4px;
-}
-
-.sbk-section__accessory .sbk-select--multi .sbk-select__placeholder {
-  color: var(--sbk-text);
-}
-
-.sbk-section__accessory .sbk-select--multi .sbk-select__chevron {
-  display: none;
-}
-
-/* Slack's Builder uses a taller "medium" control (with 15px text) on a modal/Home tab surface than the
-   message-surface preview's 28px "small" control. */
-.sbk-select--medium .sbk-select__control {
-  height: 36px;
-  padding: 4px 12px;
-  font-size: 15px;
-}
-
-/* Slack's single select is a full-width text input with the chevron laid over its right edge, so
-   the text runs under the chevron and only truncates at the input's own 8px padding. */
-.sbk-select:not(.sbk-select--multi) :is(.sbk-select__value, .sbk-select__placeholder) {
-  margin-right: -28px;
-}
-
-.sbk-select__value,
-.sbk-select__placeholder {
-  flex: 1;
-  text-align: left;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
-
-.sbk-select__placeholder {
-  color: var(--sbk-muted);
-}
-
-/* Slack draws a chosen value in an unbordered layer 8px in, and its chevron 28px from the right;
-   our border sits inside the control, so pull both 1px outwards. The placeholder keeps the
-   border's inset, as Slack's lives in the bordered <input>. */
-.sbk-select__value {
-  margin-left: -1px;
-}
-
-.sbk-select__chevron {
-  margin-right: -1px;
-}
-
-/* An id Slack couldn't resolve: c-small_channel_entity with a c-missing_channel--private pill. */
-.sbk-select__entity {
-  display: flex;
-  align-items: center;
-  height: 20px;
-  line-height: 20px;
-}
-
-.sbk-select__channel-hash {
-  flex: 0 0 auto;
-  margin-right: 8px;
-}
-
-.sbk-select__entity-text {
-  display: flow-root;
-  overflow: hidden;
-  white-space: nowrap;
-}
-
-.sbk-select__missing-channel {
-  padding: 0 2px 1px 0;
-  color: rgba(29, 28, 29, 0.7);
-  background: rgba(29, 28, 29, 0.13);
-  border-radius: 3px;
-}
-
-.sbk-select__missing-channel svg {
-  display: inline-block;
-  vertical-align: -1.625px;
-}
-
-/* ... and c-small_member_list_entity while the member loads: a blank avatar and a name bar,
-   clipped square where the name's box ends. */
-.sbk-select__skeleton {
-  display: flex;
-  align-items: center;
-  height: 20px;
-}
-
-.sbk-select__skeleton-avatar {
-  flex: 0 0 auto;
-  width: 20px;
-  height: 20px;
-  margin: 0 8px 0 6px;
-  background: rgb(234, 234, 234);
-  border-radius: clamp(4px, min(22.222%, 12px), 12px);
-}
-
-.sbk-select__skeleton-name {
-  flex: 0 0 auto;
-  width: 109px;
-  height: 8px;
-  margin-top: 2px;
-  overflow: hidden;
-}
-
-.sbk-select__skeleton-name::before {
-  content: "";
-  display: block;
-  width: 120px;
-  height: 8px;
-  background: rgb(234, 234, 234);
-  border-radius: 1000px;
-}
-
-.sbk-select__chevron {
-  flex: 0 0 auto;
-  width: 20px;
-  height: 20px;
-  color: var(--sbk-badge-text);
-}
-
-.sbk-select__chips {
-  display: flex;
-  flex-wrap: wrap;
-  flex: 1;
-  min-width: 0;
-}
-
-/* Slack's c-token--medium: a 28px pale-blue tag with a bold 15px label and an 18px "x". */
-.sbk-select__chip {
-  display: flex;
-  align-items: center;
-  margin: 4px 0 0 4px;
-  padding: 0 4px 0 0;
-  font-size: 18px;
-  font-weight: 700;
-  line-height: 26.4px;
-  white-space: nowrap;
-  color: var(--sbk-text);
-  background: rgba(54, 197, 240, 0.13);
-  border: 1px solid transparent;
-  border-radius: 4px;
-}
-
-.sbk-select__chip-label {
-  display: flex;
-  padding: 0 4px;
-}
-
-/* The label is a flow-root on the chip's 18px strut, so 15px text makes its line 27px tall. */
-.sbk-select__chip-text {
-  display: flow-root;
-  overflow: hidden;
-}
-
-.sbk-select__chip-text > span {
-  font-size: 15px;
-  line-height: 26px;
-}
-
-.sbk-select__chip-entity {
-  align-items: center;
-  font-size: 15px;
-  line-height: 26px;
-}
-
-.sbk-select__chip-entity .sbk-select__channel-hash {
-  margin-right: 2px;
-}
-
-.sbk-select__chip-entity .sbk-select__missing-channel svg {
-  width: 15px;
-  height: 15px;
-  vertical-align: -1.875px;
-}
-
-.sbk-select__chip-remove {
-  display: flex;
-  cursor: pointer;
-}
-
-.sbk-select__menu {
-  position: absolute;
-  z-index: 10;
-  top: 0;
-  left: 0;
-  width: max(100%, 240px);
-  max-height: 280px;
-  overflow-y: auto;
-  /* Slack's `c-select_options_list`: a hairline ring plus a soft drop shadow, no border. */
-  background: var(--sbk-menu-bg);
-  border-radius: 4px;
-  box-shadow:
-    0 0 0 1px rgba(29, 28, 29, 0.13),
-    0 5px 10px rgba(0, 0, 0, 0.12);
-  padding: 12px 0;
-}
-
-.sbk-select__search {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  margin: -4px 0 8px;
-  padding: 0 24px 8px;
-  border-bottom: 1px solid var(--sbk-border);
-  color: var(--sbk-muted);
-}
-
-.sbk-select__search-input {
-  flex: 1;
-  border: none;
-  outline: none;
-  font: 13px var(--sbk-font);
-  color: var(--sbk-text);
-}
-
-/* Slack's `c-menu_item__header`. */
-.sbk-select__group-label {
-  padding: 4px 24px;
-  font-size: 13px;
-  line-height: 1.38463;
-  color: var(--sbk-menu-secondary-text);
-}
-
-.sbk-select__group + .sbk-select__group {
-  margin-top: 8px;
-}
-
-/* Slack's `c-select_options_list__option`: 15px rows, 24px side padding, 28px minimum height. */
-.sbk-select__option {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  min-height: 28px;
-  padding: 0 24px;
-  font: 15px / 1.46668 var(--sbk-font);
-  color: var(--sbk-text);
-  cursor: pointer;
-}
-
-.sbk-select__option:has(.sbk-select__option-description) {
-  padding-top: 4px;
-  padding-bottom: 4px;
-}
-
-/* `--active` (pointer or keyboard highlight) inverts to white on blue; the chosen option keeps its
-   row but turns blue. */
-.sbk-select__option--selected {
-  color: var(--sbk-menu-selected-text);
-}
-
-.sbk-select__option[data-active] {
-  color: var(--sbk-menu-highlight-text);
-  background: var(--sbk-menu-highlight-bg);
-}
-
-.sbk-select__option[data-active] .sbk-select__option-description {
-  color: inherit;
-}
-
-.sbk-select__option-description {
-  margin-top: -2px;
-  font-size: 13px;
-  line-height: 1.25;
-  color: var(--sbk-menu-secondary-text);
-}
-
-/* An external select's "Loading…" / "No results" row while it waits on the app's options. */
-.sbk-select__status {
-  display: flex;
-  align-items: center;
-  min-height: 28px;
-  padding: 0 24px;
-  font: 15px / 1.46668 var(--sbk-font);
-  color: var(--sbk-muted);
-}
-
-.sbk-text-input {
-  width: 100%;
-  height: 28px;
-  padding: 8px 8px 7px;
-  font: 13px / 18px var(--sbk-font);
-  color: var(--sbk-text);
-  background: var(--sbk-bg);
-  border: 1px solid rgb(124, 122, 127);
-  border-radius: 8px;
-}
-
-.sbk-text-input::placeholder {
-  color: var(--sbk-muted);
-}
-
-/* Slack's Builder uses a taller "medium" control on a modal/Home tab surface (36px, more
-   horizontal padding, 15px text) instead of the message-surface preview's 28px "small" control. */
-.sbk-text-input--medium {
-  height: 36px;
-  padding: 4px 12px;
-  font-size: 15px;
-}
-
-.sbk-text-input__wrap .sbk-text-input.sbk-text-input--medium {
-  padding-left: 32px;
-}
-
-/* Slack's textarea is 104px tall on every surface, with less padding below the text than above.
-   Block-level, so no inline baseline gap opens up under it. */
-.sbk-text-input--multiline {
-  display: block;
-  height: auto;
-  min-height: 104px;
-  padding: 8px 12px 4px;
-  font-size: 15px;
-  line-height: 22px;
-  resize: vertical;
-}
-
-.sbk-text-input__wrap {
-  position: relative;
-}
-
-.sbk-text-input__wrap .sbk-text-input {
-  padding-left: 28px;
-}
-
-.sbk-text-input__icon {
-  position: absolute;
-  left: 8px;
-  top: 50%;
-  transform: translateY(-50%);
-  color: var(--sbk-muted);
-  pointer-events: none;
-}
-
-.sbk-timepicker {
-  position: relative;
-  width: 190px;
-}
-
-.sbk-timepicker__control {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  width: 100%;
-  height: 28px;
-  /* Slack's c-select_input--small pads 4px 8px outside a drawn ring; our border sits inside the
-     box, so trim it from the padding to land the icon, text and chevron on the same pixels. */
-  padding: 3px 7px;
-  font: 13px / 19.5px var(--sbk-font);
-  color: var(--sbk-text);
-  background: var(--sbk-bg);
-  border: 1px solid rgb(124, 122, 127);
-  border-radius: 8px;
-  cursor: pointer;
-}
-
-.sbk-timepicker__icon {
-  flex: 0 0 auto;
-  width: 13px;
-  height: 20px;
-  color: var(--sbk-badge-text);
-}
-
-.sbk-timepicker__value,
-.sbk-timepicker__placeholder {
-  flex: 1;
-  text-align: left;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
-
-.sbk-timepicker__placeholder {
-  color: var(--sbk-muted);
-}
-
-.sbk-timepicker__chevron {
-  flex: 0 0 auto;
-  width: 20px;
-  height: 20px;
-  color: var(--sbk-badge-text);
-}
-
-.sbk-timepicker__menu {
-  position: absolute;
-  z-index: 10;
-  top: 0;
-  left: 0;
-  width: 100%;
-  max-height: 240px;
-  overflow-y: auto;
-  padding: 12px 0;
-  background: var(--sbk-menu-bg);
-  border-radius: 4px;
-  box-shadow:
-    0 0 0 1px rgba(29, 28, 29, 0.13),
-    0 5px 10px rgba(0, 0, 0, 0.12);
-}
-
-/* Same `c-select_options_list__option` rows as Select.css. */
-.sbk-timepicker__option {
-  display: flex;
-  align-items: center;
-  min-height: 28px;
-  padding: 0 24px;
-  font: 15px / 1.46668 var(--sbk-font);
-  color: var(--sbk-text);
-  cursor: pointer;
-}
-
-.sbk-timepicker__option--selected {
-  color: var(--sbk-menu-selected-text);
-}
-
-.sbk-timepicker__option[data-active] {
-  color: var(--sbk-menu-highlight-text);
-  background: var(--sbk-menu-highlight-bg);
-}
-
-.sbk-timepicker__hint {
-  margin-top: 4px;
-  font-size: 12px;
-  color: var(--sbk-muted);
-}
-
-.sbk-workflow-button {
-  display: inline-flex;
-  align-items: center;
-  gap: 6px;
-}
-
-.sbk-workflow-button__icon {
-  width: 14px;
-  height: 14px;
-  flex: none;
-}
-
+:root,[data-theme="light"]{--sbk-hover-actions-shadow:0 0 0 1px rgba(29,28,29,0.13),0 1px 3px 0 #00000014;--sbk-font:"Slack-Lato",Lato,appleLogo,sans-serif;--sbk-font-mono:"Slack-Roboto-Mono","Roboto Mono",Monaco,Menlo,Consolas,"Courier New",monospace;--sbk-text:#1d1c1d;--sbk-link:#1264a3;--sbk-code-text:rgb(192,19,67);--sbk-code-bg:rgba(29,28,29,0.04);--sbk-code-border:rgba(29,28,29,0.13);--sbk-quote-bar:#dddddd;--sbk-skeleton-bg:#eaeaea;--sbk-mention-bg:rgba(29,155,209,0.1);--sbk-mention-text:#1264a3;--sbk-mention-private-bg:rgba(29,28,29,0.13);--sbk-mention-private-text:rgba(29,28,29,0.7);--sbk-broadcast-bg:rgba(255,198,0,0.18);--sbk-bg:#fff;--sbk-muted:#616061;--sbk-badge-text:#454447;--sbk-badge-bg:rgba(29,28,29,0.06);--sbk-border:rgba(29,28,29,0.13);--sbk-divider:rgba(94,93,96,0.45);--sbk-button-border:rgba(94,93,96,0.45);--sbk-primary:#007a5a;--sbk-primary-hover:#148567;--sbk-danger:#e01e5a;--sbk-danger-hover:#e23067;--sbk-button-hover-bg:#f8f8f8;--sbk-button-hover-shadow:rgba(0,0,0,0.098) 0 1px 3px,rgba(0,0,0,0.098) 0 1px 2px -1px;--sbk-icon-button-hover-bg:#eaeaea;--sbk-hover-overlay:rgba(29,28,29,0.06);--sbk-row-hover-bg:#f8f8f8;--sbk-mention-hover-bg:rgba(29,155,209,0.2);--sbk-mention-hover-text:rgb(11,76,140);--sbk-menu-highlight-bg:#1264a3;--sbk-menu-highlight-text:#fff;--sbk-focus-ring:#1264a3;--sbk-focus-ring-invalid:#e01e5a;--sbk-checkbox-checked:#1264a3;--sbk-checkbox-checked-hover:#122a5921;--sbk-checkbox-checked-pressed:#122a5938;--sbk-menu-bg:#fff;--sbk-menu-shadow:0 0 0 1px rgba(29,28,29,0.13),0 4px 12px 0 rgba(0,0,0,0.12);--sbk-menu-selected-text:#1264a3;--sbk-menu-separator:rgba(29,28,29,0.13);--sbk-menu-secondary-text:#454447;--sbk-popover-shadow:0 0 0 1px rgba(29,28,29,0.13),0 4px 12px 0 rgba(0,0,0,0.08);--sbk-spinner-track:#5e5d60;--sbk-tooltip-bg:#1d1c1d;--sbk-tooltip-text:#fff;--sbk-surface-sec:#f8f8f8;--sbk-surface-ter:#eaeaea;--sbk-container-bg:#fff;--sbk-content-sec:#454447;--sbk-content-ter:#5e5d60;--sbk-outline-pry:#7c7a7f;--sbk-outline-ter:rgba(94,93,96,0.13);--sbk-interaction-hover:#4544470f;--sbk-interaction-pressed:#45444721;--sbk-highlight:#1264a3;--sbk-on-highlight:#fff;--sbk-blend-interaction:multiply;--sbk-calendar-grid:rgb(221,221,221);--sbk-avatar-placeholder:#dddddd;--sbk-hover-actions-icon:#616061}.sbk-root{font-family:var(--sbk-font);font-size:15px;line-height:22px;color:var(--sbk-text);font-variant-ligatures:common-ligatures;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}:is(.sbk-root,.sbk-confirm__overlay,.sbk-tooltip) :where(:not(svg,svg *,img,video,canvas,iframe,embed,object)),:is(.sbk-root,.sbk-confirm__overlay,.sbk-tooltip) :where(:not(svg,svg *))::before,:is(.sbk-root,.sbk-confirm__overlay,.sbk-tooltip) :where(:not(svg,svg *))::after{all:revert}:is(.sbk-root,.sbk-confirm__overlay,.sbk-tooltip) :where(svg,img,video,canvas,iframe,embed,object){display:revert;vertical-align:revert;max-width:revert;margin:revert;padding:revert;border:revert;min-width:revert}.sbk-root *,.sbk-root *::before,.sbk-root *::after{box-sizing:border-box}.sbk-unsupported{display:inline-block;padding:2px 6px;font:12px var(--sbk-font-mono);color:var(--sbk-muted);border:1px dashed var(--sbk-border);border-radius:4px}.sbk-mrkdwn{font-family:var(--sbk-font);font-size:15px;line-height:22px;color:var(--sbk-text);overflow-wrap:anywhere}.sbk-mrkdwn__code{font-family:var(--sbk-font-mono);font-size:12px;line-height:18px;color:var(--sbk-code-text);background:var(--sbk-code-bg);border:1px solid var(--sbk-code-border);border-radius:3px;padding:2px 3px 1px}.sbk-mrkdwn__pre{display:block;font-family:var(--sbk-font-mono);font-size:12px;line-height:1.50001;background:var(--sbk-code-bg);border:1px solid var(--sbk-code-border);border-radius:4px;padding:8px;margin:4px 0;white-space:pre-wrap}.sbk-mrkdwn__quote{margin:4px 0;padding-left:16px;position:relative}.sbk-mrkdwn__quote::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;border-radius:8px;background:var(--sbk-quote-bar)}.sbk-link{color:var(--sbk-link);text-decoration:underline}.sbk-mention{color:var(--sbk-mention-text);background:var(--sbk-mention-bg);border-radius:3px;padding:0 2px 1px}.sbk-mention:hover{color:var(--sbk-mention-hover-text);background:var(--sbk-mention-hover-bg)}a.sbk-mention{text-decoration:none}.sbk-mention--unresolved{display:inline-block;vertical-align:middle;width:120px;height:8px;background:var(--sbk-skeleton-bg);border-radius:1000px}.sbk-mention--broadcast{color:var(--sbk-text);background:var(--sbk-broadcast-bg);border-radius:3px;padding:1px 2px;font-weight:700}.sbk-mention--private{display:inline;color:var(--sbk-mention-private-text);background:var(--sbk-mention-private-bg);border-radius:3px;padding:0 2px 1px 0}.sbk-mention__lock-icon{display:inline-block;width:15px;height:15px;vertical-align:-0.125em}.sbk-mention--loading{display:inline-block;vertical-align:middle;width:120px;height:8px;border:1px solid var(--sbk-quote-bar);border-radius:1000px}.sbk-emoji{display:inline-flex;position:relative;align-items:center;vertical-align:top}.sbk-emoji__img{display:block;position:absolute;object-fit:contain}.sbk-collapse{display:flow-root;overflow:clip;transition:height 0.25s}.sbk-spinner{position:relative;display:inline-block;flex-shrink:0}.sbk-spinner__arc{position:absolute;top:0;left:0;display:block;width:100%;height:100%;transform:rotate(-45deg);animation:sbk-spinner-spin 1.2s cubic-bezier(0.25,0.29,0.54,0.86) infinite}.sbk-spinner__tail{animation-timing-function:cubic-bezier(0.41,0.24,0.64,0.69)}.sbk-spinner__bg{fill:none;stroke:var(--sbk-spinner-track);stroke-width:8px;opacity:0.25}.sbk-spinner__path{fill:none;stroke:currentColor;stroke-width:8px;stroke-dasharray:55,200;stroke-dashoffset:90px;stroke-linecap:round}@keyframes sbk-spinner-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.sbk-root{--sbk-focus-shadow:0 0 0 1px var(--sbk-focus-ring),0 0 0 5px color-mix(in srgb,var(--sbk-focus-ring) 30%,transparent);--sbk-focus-shadow-invalid:0 0 0 1px var(--sbk-focus-ring-invalid),0 0 0 5px color-mix(in srgb,var(--sbk-focus-ring-invalid) 30%,transparent)}.sbk-text-input,.sbk-rich-text-input,.sbk-datepicker__input,.sbk-datetimepicker__time-input,.sbk-select__control,.sbk-timepicker__control,.sbk-datetimepicker__control{transition:border 80ms ease-out,box-shadow 80ms ease-out}.sbk-text-input:focus,.sbk-rich-text-input:focus-within,.sbk-datepicker__input:focus,.sbk-datetimepicker__time-input:focus,.sbk-select__control:focus-visible,.sbk-select__control[aria-expanded="true"],.sbk-timepicker__control:focus-visible,.sbk-timepicker__control[aria-expanded="true"],.sbk-datetimepicker__control:focus-visible,.sbk-datetimepicker__control[aria-expanded="true"]{outline:none;border-color:transparent;box-shadow:var(--sbk-focus-shadow)}.sbk-text-input[aria-invalid="true"],.sbk-text-input[aria-invalid="true"]:focus{border-color:transparent;box-shadow:var(--sbk-focus-shadow-invalid)}.sbk-text-input:focus::placeholder,.sbk-datepicker__input:focus::placeholder{color:var(--sbk-content-ter)}.sbk-button:focus-visible,.sbk-modal__button:focus-visible,.sbk-overflow__button:focus-visible,.sbk-file-input__button:focus-visible,.sbk-icon-button:focus-visible,.sbk-code-block__copy:focus-visible,.sbk-carousel__arrow:focus-visible,.sbk-calendar__nav:focus-visible,.sbk-calendar__cell:focus-visible,.sbk-calendar__clear:focus-visible{outline:none;box-shadow:var(--sbk-focus-shadow)}.sbk-button:focus-visible:hover,.sbk-overflow__button:focus-visible:hover{box-shadow:var(--sbk-focus-shadow)}@media (prefers-reduced-motion:reduce){.sbk-spinner__arc{animation-duration:2.4s}.sbk-collapse{transition:none}}.sbk-tooltip{position:fixed;z-index:1100;max-width:200px;padding:8px 12px;font-family:var(--sbk-font);font-size:13px;font-weight:700;line-height:1.38463;text-align:center;overflow-wrap:break-word;color:var(--sbk-tooltip-text);background:var(--sbk-tooltip-bg);border-radius:8px;pointer-events:none;-webkit-font-smoothing:antialiased}.sbk-tooltip__arrow{position:absolute;left:50%;width:9px;height:9px;margin-left:-4.5px;background:var(--sbk-tooltip-bg);border-radius:1px;transform:rotate(45deg)}.sbk-tooltip--top .sbk-tooltip__arrow{bottom:-4px}.sbk-tooltip--bottom .sbk-tooltip__arrow{top:-4px}.sbk-tooltip__secondary{display:block;font-weight:400;color:rgba(255,255,255,0.7)}.sbk-popover{position:fixed;z-index:1000}.sbk-modal{display:flex;flex-direction:column;width:600px;max-width:100%;max-height:min(640px,90vh);background:var(--sbk-bg);border-radius:8px;box-shadow:0 0 0 1px var(--sbk-border),0 8px 28px rgba(0,0,0,0.28);overflow:hidden}.sbk-modal__header{position:relative;display:flex;align-items:flex-start;justify-content:space-between;flex:0 0 auto;padding:16px 24px}.sbk-modal__title-row{display:flex;align-items:center;flex:1 1 auto;min-width:0}.sbk-modal__icon{flex:0 0 auto;width:36px;height:36px;margin-right:16px;border-radius:4px;object-fit:cover}.sbk-modal__title{flex:1 1 auto;min-width:0;margin:0;font-size:22px;font-weight:900;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sbk-modal__close{display:grid;flex:0 0 auto;place-items:center;width:33.4375px;height:36px;margin-left:16px;padding:0;border:none;border-radius:8px;background:none;color:var(--sbk-badge-text);cursor:pointer}.sbk-modal__close:hover{background:var(--sbk-icon-button-hover-bg)}.sbk-modal__body{flex:1 1 auto;padding:8px 20px 16px 24px;border-right:4px solid transparent;overflow:hidden auto}.sbk-modal__body::-webkit-scrollbar{width:8px}.sbk-modal__body::-webkit-scrollbar-track,.sbk-modal__body::-webkit-scrollbar-corner{background:transparent}.sbk-modal__body::-webkit-scrollbar-thumb{min-height:36px;background:transparent;background-clip:padding-box;border:2px solid transparent;border-radius:4px}.sbk-modal__body:hover::-webkit-scrollbar-thumb{background-color:rgba(29,28,29,0.52)}.sbk-modal .sbk-blocks{gap:16px}.sbk-modal .sbk-section{margin:0}.sbk-modal .sbk-checkboxes{margin-bottom:16px}.sbk-modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex:0 0 auto;padding:20px 24px;border-top:1px solid var(--sbk-border)}.sbk-modal__button{height:36px;min-width:80px;padding:0 12px 1px;border-radius:8px;border:1px solid var(--sbk-button-border);background:var(--sbk-bg);color:var(--sbk-text);font:inherit;font-weight:700;font-size:15px;cursor:pointer;transition:color 80ms,background-color 80ms,border-color 80ms cubic-bezier(0.36,0.19,0.29,1)}.sbk-modal__button:hover{box-shadow:var(--sbk-button-hover-shadow)}.sbk-modal__button:active{box-shadow:none}.sbk-modal__button--primary{border-color:transparent;background:var(--sbk-primary);color:#fff}.sbk-modal__button--primary:hover,.sbk-modal__button--primary:active{background-image:linear-gradient(var(--sbk-button-overlay),var(--sbk-button-overlay));background-blend-mode:multiply}.sbk-modal__button--primary:hover{--sbk-button-overlay:#0a403221}.sbk-modal__button--primary:active{--sbk-button-overlay:#0a403238}.sbk-modal__button--secondary:hover,.sbk-modal__button--secondary:active{background-color:var(--sbk-button-hover-bg)}.sbk-home{max-width:760px;margin:0 auto;background:var(--sbk-bg)}.sbk-home__menu{display:flex;align-items:flex-end;height:40px;border-bottom:1px solid var(--sbk-border)}.sbk-home__tab{display:flex;align-items:center;gap:4px;height:32px;margin-left:25px;font-weight:700;box-shadow:inset 0 -2px 0 0 rgb(74,21,75)}.sbk-home .sbk-button{height:36px;font-size:15px;border-radius:8px}.sbk-home .sbk-overflow__button{width:31px;height:36px;border-radius:8px}.sbk-home__content{padding:25px}.sbk-modal-layer{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(0,0,0,0.6)}.sbk-modal-layer__view{display:flex;justify-content:center;width:100%;max-height:100%}.sbk-modal-layer__view[hidden]{display:none}.sbk-message{display:flex;background:var(--sbk-bg)}.sbk-message__avatar{display:block;flex:0 0 36px;width:36px;height:36px;margin-right:8px;object-fit:cover}.sbk-message__avatar--placeholder{display:grid;place-items:center;border-radius:4px;background:#4a154b;color:#fff;font-weight:700}.sbk-message__content{flex:1 1 0;min-width:0;padding:8px 0}.sbk-message__header{display:flex;align-items:center;height:22px}.sbk-message__sender{margin-right:5px;font-weight:900}.sbk-message__badge{margin-right:5px;padding:1px 3px;border-radius:2px;font-size:10px;line-height:12.5px;font-weight:700;color:var(--sbk-badge-text);background:var(--sbk-badge-bg)}.sbk-message__time{margin-right:5px;font-size:12px;line-height:17.6px;color:var(--sbk-muted)}.sbk-blocks{display:flex;flex-direction:column;gap:4px}.sbk-message__edited{font-size:12px;color:var(--sbk-muted)}.sbk-message__ephemeral{display:flex;align-items:center;margin-top:4px;font-size:12px;color:var(--sbk-muted)}.sbk-attachments{display:flex;flex-direction:column;gap:4px;margin-top:4px}.sbk-attachment{display:flex;border-left:4px solid var(--sbk-border);border-radius:4px}.sbk-attachment__body{flex:1 1 0;min-width:0;padding:8px 12px;border:1px solid var(--sbk-border);border-left:none;border-radius:0 4px 4px 0}.sbk-attachment__pretext{margin-bottom:4px}.sbk-attachment__author{display:flex;align-items:center;gap:6px;margin-bottom:4px;font-weight:700}.sbk-attachment__author-icon{width:16px;height:16px;border-radius:2px}.sbk-attachment__title{margin-bottom:4px;font-weight:700;color:var(--sbk-link)}.sbk-attachment__fields{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.sbk-attachment__field{flex:1 1 100%}.sbk-attachment__field--short{flex:1 1 calc(50% - 8px);min-width:120px}.sbk-attachment__field-title{font-weight:700}.sbk-attachment__image{display:block;max-width:360px;margin-top:8px;border-radius:4px}.sbk-attachment__footer{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:12px;color:var(--sbk-muted)}.sbk-attachment__footer-icon{width:16px;height:16px;border-radius:2px}.sbk-reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.sbk-reactions__item{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border:1px solid var(--sbk-border);border-radius:12px;background:var(--sbk-badge-bg);font-size:13px;cursor:default}.sbk-reactions__count{color:var(--sbk-link);font-weight:700}.sbk-thread-summary{display:flex;align-items:center;gap:6px;margin-top:4px;padding:4px 0;border:none;background:none;color:var(--sbk-link);font:inherit;font-weight:700;cursor:pointer}.sbk-thread-summary__subscribed{color:var(--sbk-primary);font-size:8px}@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--sbk-text:#f8f8f8;--sbk-link:#2ba5ce;--sbk-code-text:#de678a;--sbk-code-bg:rgba(248,248,248,0.06);--sbk-code-border:#797c814d;--sbk-quote-bar:#797c8180;--sbk-skeleton-bg:#35373b;--sbk-mention-bg:#03669640;--sbk-mention-text:#2ba5ce;--sbk-mention-private-bg:rgba(248,248,248,0.13);--sbk-mention-private-text:rgba(248,248,248,0.7);--sbk-broadcast-bg:#a073002e;--sbk-bg:#1a1d21;--sbk-muted:#9a9b9e;--sbk-badge-text:#b9babd;--sbk-badge-bg:#f8f8f80f;--sbk-border:#797c814d;--sbk-divider:#797c8180;--sbk-button-border:#797c8180;--sbk-primary:#177e56;--sbk-primary-hover:#268761;--sbk-danger:#d3305d;--sbk-danger-hover:#d63d68;--sbk-button-hover-bg:#323438;--sbk-button-hover-shadow:rgba(0,0,0,0.3) 0 1px 3px,rgba(0,0,0,0.3) 0 1px 2px -1px;--sbk-icon-button-hover-bg:#f8f8f814;--sbk-hover-overlay:#f8f8f80f;--sbk-row-hover-bg:#f8f8f80f;--sbk-mention-hover-bg:#03669673;--sbk-mention-hover-text:rgb(136,187,226);--sbk-menu-highlight-bg:#0a77a7;--sbk-menu-highlight-text:#f8f8f8;--sbk-focus-ring:#2ba5ce;--sbk-focus-ring-invalid:#d94c75;--sbk-checkbox-checked:#0a77a7;--sbk-checkbox-checked-hover:#d8eef614;--sbk-checkbox-checked-pressed:#d8eef62e;--sbk-menu-bg:#212428;--sbk-menu-shadow:0 0 0 1px #797c814d,0 4px 12px 0 rgba(0,0,0,0.35);--sbk-menu-selected-text:#2ba5ce;--sbk-menu-separator:#797c814d;--sbk-menu-secondary-text:#b9babd;--sbk-popover-shadow:0 0 0 1px #797c814d,0 4px 12px 0 rgba(0,0,0,0.35);--sbk-spinner-track:#9a9b9e;--sbk-tooltip-bg:#212428;--sbk-tooltip-text:#f8f8f8;--sbk-surface-sec:#212428;--sbk-surface-ter:#212428;--sbk-container-bg:#212428;--sbk-content-sec:#b9babd;--sbk-content-ter:#9a9b9e;--sbk-outline-pry:#797c81;--sbk-outline-ter:#797c814d;--sbk-interaction-hover:#f8f8f814;--sbk-interaction-pressed:#f8f8f82e;--sbk-highlight:#0a77a7;--sbk-on-highlight:#f8f8f8;--sbk-blend-interaction:lighten;--sbk-calendar-grid:#797c814d;--sbk-avatar-placeholder:#35373b;--sbk-hover-actions-icon:#b9babd;--sbk-hover-actions-shadow:0 0 0 1px #797c814d,0 1px 3px 0 rgba(0,0,0,0.3);--sbk-table-border:#797c814d;--sbk-dataviz-border:#797c814d;--sbk-dataviz-tick:#9a9b9e;--sbk-data-table-bg:#f8f8f80f;--sbk-data-table-sep:#797c814d;--sbk-data-table-active:#3daa7c;--sbk-plan-text:#9a9b9e;--sbk-task-card-text:#9a9b9e;--sbk-alert-default-bg:#f8f8f81a;--sbk-alert-default-icon:#b9babd;--sbk-alert-info-icon:#2ba5ce;--sbk-alert-warning-icon:#e8a723;--sbk-alert-error-icon:#d94c75;--sbk-alert-success-icon:#3daa7c;--sbk-callout-border:#797c814d;--sbk-callout-green-bg:#203430;--sbk-callout-blue-bg:#1d333d;--sbk-callout-red-bg:#39252e;--sbk-callout-yellow-bg:#3b3321;--sbk-callout-purple-bg:#312c3f;--sbk-callout-gray-bg:#272a2e;--sbk-chart-area-1:#583422;--sbk-chart-area-2:#1c4539;--sbk-chart-area-3:#4d3756;--sbk-chart-area-4:#164356}}:root[data-theme="dark"],[data-theme="dark"]{--sbk-text:#f8f8f8;--sbk-link:#2ba5ce;--sbk-code-text:#de678a;--sbk-code-bg:rgba(248,248,248,0.06);--sbk-code-border:#797c814d;--sbk-quote-bar:#797c8180;--sbk-skeleton-bg:#35373b;--sbk-mention-bg:#03669640;--sbk-mention-text:#2ba5ce;--sbk-mention-private-bg:rgba(248,248,248,0.13);--sbk-mention-private-text:rgba(248,248,248,0.7);--sbk-broadcast-bg:#a073002e;--sbk-bg:#1a1d21;--sbk-muted:#9a9b9e;--sbk-badge-text:#b9babd;--sbk-badge-bg:#f8f8f80f;--sbk-border:#797c814d;--sbk-divider:#797c8180;--sbk-button-border:#797c8180;--sbk-primary:#177e56;--sbk-primary-hover:#268761;--sbk-danger:#d3305d;--sbk-danger-hover:#d63d68;--sbk-button-hover-bg:#323438;--sbk-button-hover-shadow:rgba(0,0,0,0.3) 0 1px 3px,rgba(0,0,0,0.3) 0 1px 2px -1px;--sbk-icon-button-hover-bg:#f8f8f814;--sbk-hover-overlay:#f8f8f80f;--sbk-row-hover-bg:#f8f8f80f;--sbk-mention-hover-bg:#03669673;--sbk-mention-hover-text:rgb(136,187,226);--sbk-menu-highlight-bg:#0a77a7;--sbk-menu-highlight-text:#f8f8f8;--sbk-focus-ring:#2ba5ce;--sbk-focus-ring-invalid:#d94c75;--sbk-checkbox-checked:#0a77a7;--sbk-checkbox-checked-hover:#d8eef614;--sbk-checkbox-checked-pressed:#d8eef62e;--sbk-menu-bg:#212428;--sbk-menu-shadow:0 0 0 1px #797c814d,0 4px 12px 0 rgba(0,0,0,0.35);--sbk-menu-selected-text:#2ba5ce;--sbk-menu-separator:#797c814d;--sbk-menu-secondary-text:#b9babd;--sbk-popover-shadow:0 0 0 1px #797c814d,0 4px 12px 0 rgba(0,0,0,0.35);--sbk-spinner-track:#9a9b9e;--sbk-tooltip-bg:#212428;--sbk-tooltip-text:#f8f8f8;--sbk-surface-sec:#212428;--sbk-surface-ter:#212428;--sbk-container-bg:#212428;--sbk-content-sec:#b9babd;--sbk-content-ter:#9a9b9e;--sbk-outline-pry:#797c81;--sbk-outline-ter:#797c814d;--sbk-interaction-hover:#f8f8f814;--sbk-interaction-pressed:#f8f8f82e;--sbk-highlight:#0a77a7;--sbk-on-highlight:#f8f8f8;--sbk-blend-interaction:lighten;--sbk-calendar-grid:#797c814d;--sbk-avatar-placeholder:#35373b;--sbk-hover-actions-icon:#b9babd;--sbk-hover-actions-shadow:0 0 0 1px #797c814d,0 1px 3px 0 rgba(0,0,0,0.3);--sbk-table-border:#797c814d;--sbk-dataviz-border:#797c814d;--sbk-dataviz-tick:#9a9b9e;--sbk-data-table-bg:#f8f8f80f;--sbk-data-table-sep:#797c814d;--sbk-data-table-active:#3daa7c;--sbk-plan-text:#9a9b9e;--sbk-task-card-text:#9a9b9e;--sbk-alert-default-bg:#f8f8f81a;--sbk-alert-default-icon:#b9babd;--sbk-alert-info-icon:#2ba5ce;--sbk-alert-warning-icon:#e8a723;--sbk-alert-error-icon:#d94c75;--sbk-alert-success-icon:#3daa7c;--sbk-callout-border:#797c814d;--sbk-callout-green-bg:#203430;--sbk-callout-blue-bg:#1d333d;--sbk-callout-red-bg:#39252e;--sbk-callout-yellow-bg:#3b3321;--sbk-callout-purple-bg:#312c3f;--sbk-callout-gray-bg:#272a2e;--sbk-chart-area-1:#583422;--sbk-chart-area-2:#1c4539;--sbk-chart-area-3:#4d3756;--sbk-chart-area-4:#164356}.sbk-mention--user{cursor:pointer}.sbk-mention--user:focus-visible{outline:none;box-shadow:var(--sbk-focus-shadow)}.sbk-profile-card{position:fixed;z-index:1000;display:flex;gap:16px;width:300px;padding:20px;color:var(--sbk-text);background:var(--sbk-menu-bg);border-radius:6px;box-shadow:var(--sbk-popover-shadow)}.sbk-profile-card__avatar{flex:0 0 auto;width:72px;height:72px;border-radius:8px;object-fit:cover}.sbk-profile-card__avatar--placeholder{display:flex;align-items:center;justify-content:center;color:var(--sbk-on-highlight);background:var(--sbk-highlight);font-size:32px;font-weight:700}.sbk-profile-card__body{min-width:0;display:flex;flex-direction:column;gap:2px}.sbk-profile-card__name{font-size:18px;font-weight:900;line-height:1.33334;overflow-wrap:anywhere}.sbk-profile-card__pronouns{margin-left:6px;color:var(--sbk-content-sec);font-size:15px;font-weight:400}.sbk-profile-card__secondary{color:var(--sbk-content-sec);font-size:15px;line-height:22px}.sbk-profile-card__status{display:flex;align-items:center;gap:6px;font-size:15px;line-height:22px}.sbk-profile-card__time{color:var(--sbk-content-ter);font-size:13px;line-height:18px}.sbk-profile-card__name-link{color:inherit;text-decoration:none}.sbk-profile-card__name-link:hover{text-decoration:underline}.sbk-confirm__overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.5);z-index:1000}.sbk-confirm{width:400px;max-width:calc(100vw - 32px);background:var(--sbk-bg);border-radius:8px;box-shadow:0 0 0 1px rgba(0,0,0,0.08),0 8px 32px rgba(0,0,0,0.35);padding:20px;font-family:var(--sbk-font)}.sbk-confirm__title{margin:0 0 8px;font-size:18px;font-weight:900;color:var(--sbk-text)}.sbk-confirm__text{font-size:15px;line-height:22px;color:var(--sbk-text);margin-bottom:20px}.sbk-confirm__actions{display:flex;justify-content:flex-end;gap:8px}.sbk-confirm__button{height:36px;padding:0 16px;border-radius:4px;border:1px solid var(--sbk-button-border);background:var(--sbk-bg);color:var(--sbk-text);font:700 15px var(--sbk-font);cursor:pointer}.sbk-confirm__button--primary{border:0;background:var(--sbk-primary);color:#fff}.sbk-confirm__button--danger{border:0;background:var(--sbk-danger);color:#fff}.sbk-hover-actions-host{position:relative}.sbk-hover-actions-host--fit{width:fit-content;max-width:100%}.sbk-hover-actions{position:absolute;z-index:2;top:12px;right:12px;display:flex;padding:4px;background:var(--sbk-menu-bg);border-radius:12px;box-shadow:var(--sbk-hover-actions-shadow);opacity:0;pointer-events:none}.sbk-hover-actions-host:hover>.sbk-hover-actions,.sbk-hover-actions-host:focus-within>.sbk-hover-actions,.sbk-hover-actions:has([aria-expanded="true"]){opacity:1;pointer-events:auto}.sbk-hover-actions--image{top:10px;right:10px}.sbk-hover-actions--chart{top:16px;right:16px}.sbk-hover-actions__button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--sbk-hover-actions-icon);font-size:18px;cursor:pointer;transition:color 80ms cubic-bezier(0.36,0.19,0.29,1),background 80ms cubic-bezier(0.36,0.19,0.29,1)}a.sbk-hover-actions__button{color:var(--sbk-content-sec)}.sbk-hover-actions__button:hover,.sbk-hover-actions__button[aria-expanded="true"]{background:var(--sbk-row-hover-bg);color:var(--sbk-text)}.sbk-hover-actions__button:focus-visible{outline:none;box-shadow:var(--sbk-focus-shadow)}.sbk-hover-actions__menu-root{position:relative}.sbk-actions{display:flex;flex-wrap:wrap;margin:0 0 8px}.sbk-actions__action{margin:8px 8px 0 0}.sbk-actions__action--full-width{flex:1 1 100%;width:100%}:root,[data-theme="light"]{--sbk-alert-default-bg:rgb(234,234,234);--sbk-alert-default-icon:rgb(94,93,96);--sbk-alert-info-bg:rgba(54,197,240,0.13);--sbk-alert-info-icon:rgb(18,100,163);--sbk-alert-warning-bg:rgba(255,198,0,0.18);--sbk-alert-warning-icon:rgb(107,80,0);--sbk-alert-error-bg:rgba(255,129,170,0.13);--sbk-alert-error-icon:rgb(192,19,67);--sbk-alert-success-bg:rgba(76,200,148,0.25);--sbk-alert-success-icon:rgb(0,122,90)}.sbk-alert{display:flex;margin:8px 0;padding:12px 16px;border:1px solid transparent;border-radius:8px}.sbk-alert__icon{flex-shrink:0;margin:1px 12px 0 0}.sbk-alert__message{min-width:0;overflow-wrap:anywhere}.sbk-alert__message .sbk-link{color:inherit;text-decoration:underline}.sbk-alert--default{background:var(--sbk-alert-default-bg)}.sbk-alert--default .sbk-alert__icon{color:var(--sbk-alert-default-icon)}.sbk-alert--info{background:var(--sbk-alert-info-bg)}.sbk-alert--info .sbk-alert__icon{color:var(--sbk-alert-info-icon)}.sbk-alert--warning{background:var(--sbk-alert-warning-bg)}.sbk-alert--warning .sbk-alert__icon{color:var(--sbk-alert-warning-icon)}.sbk-alert--error{background:var(--sbk-alert-error-bg)}.sbk-alert--error .sbk-alert__icon{color:var(--sbk-alert-error-icon)}.sbk-alert--success{background:var(--sbk-alert-success-bg)}.sbk-alert--success .sbk-alert__icon{color:var(--sbk-alert-success-icon)}:root,[data-theme="light"]{--sbk-callout-border:rgba(94,93,96,0.13);--sbk-callout-green-bg:#f4ffdb;--sbk-callout-blue-bg:#e3f8ff;--sbk-callout-red-bg:#ffeceb;--sbk-callout-yellow-bg:#fff8db;--sbk-callout-purple-bg:#f3ecff;--sbk-callout-gray-bg:#f4f4f4}.sbk-callout{padding:12px;border:1px solid var(--sbk-callout-border);border-radius:12px;overflow:hidden}.sbk-callout .sbk-block:first-child>*{margin-top:0}.sbk-callout .sbk-block:last-child>*{margin-bottom:0}.sbk-container .sbk-callout{display:flex;flex-direction:column;gap:8px}.sbk-container .sbk-callout .sbk-image__title{display:none}.sbk-container .sbk-callout .sbk-image{display:flow-root}.sbk-container .sbk-callout .sbk-block:last-child>.sbk-block-error{margin-bottom:6px}.sbk-card{margin:8px 0}.sbk-card__box{width:340px;max-width:100%;background:var(--sbk-bg);border:1px solid rgba(94,93,96,0.13);border-radius:12px;overflow:hidden}.sbk-card__content{display:flex;flex-direction:column;gap:12px;padding:12px}.sbk-card__hero{display:block;width:100%;height:auto;border-radius:4px;object-fit:cover}.sbk-card__header{display:flex;align-items:center;gap:12px}.sbk-card__icon{display:block;flex:0 0 auto;width:36px;height:36px;border-radius:8px;object-fit:cover}.sbk-card__icon--slack{display:flex;align-items:center;justify-content:center;color:var(--sbk-text)}.sbk-card__icon--fallback{display:flex;align-items:center;justify-content:center;background:rgba(29,28,29,0.06);color:var(--sbk-muted)}.sbk-card__titles{flex:1 1 0;min-width:0}.sbk-card__title{font-weight:700;line-height:22.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sbk-card__title .sbk-mrkdwn,.sbk-card__title .sbk-plain-text{font-size:15px;line-height:22.5px}.sbk-card__subtitle{font-size:13px;line-height:16.25px;color:rgb(94,93,96);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sbk-card__subtitle .sbk-mrkdwn,.sbk-card__subtitle .sbk-plain-text{font-size:13px;line-height:16.25px;color:inherit}.sbk-card__body{line-height:22px}.sbk-card__subtext{font-size:13px;line-height:18px;color:var(--sbk-muted)}.sbk-card__subtext .sbk-mrkdwn,.sbk-card__subtext .sbk-plain-text{font-size:13px;line-height:18px;color:inherit}.sbk-card__actions{display:flex;gap:8px}.sbk-card__actions .sbk-button{min-width:0}.sbk-card__actions-start{display:flex;flex:1;gap:8px}.sbk-carousel{position:relative;margin:8px 0}.sbk-carousel__scroller{display:flex;gap:16px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;padding:8px 0 4px;margin:-8px 0 -4px}.sbk-carousel__item{flex:0 0 auto;scroll-snap-align:start}.sbk-carousel__item .sbk-card{margin:0}.sbk-carousel__arrow{display:flex;align-items:center;justify-content:center;position:absolute;top:50%;transform:translateY(-16px);width:32px;height:32px;padding:0;border:0;border-radius:9999px;background:var(--sbk-bg);color:rgb(69,68,71);box-shadow:rgba(0,0,0,0.098) 0px 1px 3px 0px,rgba(0,0,0,0.098) 0px 1px 2px -1px;cursor:pointer;transition:opacity 0.15s,transform 0.15s}.sbk-carousel__arrow:hover{transform:translateY(-16px) scale(1.1)}.sbk-carousel__arrow--hidden{opacity:0;pointer-events:none;transform:translateY(-16px) scale(0.8)}.sbk-carousel__arrow--left{left:12px}.sbk-carousel__arrow--right{right:12px}.sbk-code-block{margin:4px 0;padding:8px}.sbk-code-block__box{margin:4px 0;font-family:var(--sbk-font-mono);font-size:12px;line-height:18px;background:var(--sbk-surface-sec);border:1px solid rgba(29,28,29,0.06);border-radius:12px;overflow:hidden}.sbk-code-block__header{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 4px 12px;font-family:var(--sbk-font);font-size:13px;font-weight:700}.sbk-code-block__language{color:var(--sbk-outline-pry)}.sbk-code-block__copy{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;color:rgb(69,68,71);background:none;border:none;border-radius:8px;cursor:default}.sbk-code-block__scroll{display:flex;padding:0 12px 8px 0;overflow:auto}.sbk-code-block__code,.sbk-code-block__code code{font-family:inherit;font-variant-ligatures:none}.sbk-code-block__code{margin:0;padding:0 8px 8px;line-height:18px;color:var(--sbk-text);border-radius:4px;tab-size:4;-moz-tab-size:4}.sbk-code-block__line{display:block;white-space:pre}.sbk-contact-card{display:flex;align-items:flex-start;gap:12px;padding:12px;background:var(--sbk-bg);border:1px solid rgba(94,93,96,0.13);border-radius:12px}.sbk-contact-card__avatar{display:block;flex:0 0 auto;width:36px;height:36px;border-radius:8px;background:var(--sbk-avatar-placeholder)}.sbk-contact-card__body{display:flex;flex-direction:column;gap:4px;min-width:0;margin-top:-1px;font-size:13px;line-height:15.6px;color:var(--sbk-muted)}.sbk-contact-card__name{font-weight:700;font-size:15px;line-height:19.2px;color:var(--sbk-text)}.sbk-contact-card__skeleton{display:inline-block;width:120px;height:8px;border-radius:1000px;background:var(--sbk-surface-ter)}.sbk-block-error{margin:0 0 6px;font-size:15px;line-height:22px}.sbk-block-error__message{font-size:12.5px;line-height:18.33px;color:var(--sbk-text);opacity:0.5}.sbk-container{margin:16px 0 0;background:var(--sbk-bg);border:1px solid var(--sbk-outline-ter);border-radius:12px;overflow:hidden}.sbk-container--narrow{max-width:320px}.sbk-container--standard{max-width:480px}.sbk-container--wide{max-width:642px}.sbk-container__header{display:flex;width:100%;padding:12px;border:0;background:none;font:inherit;color:inherit;text-align:left;cursor:default}.sbk-container__header--button{cursor:pointer}.sbk-container__header--divider{margin-bottom:12px;border-bottom:1px solid var(--sbk-outline-ter)}.sbk-container__titles{display:flex;align-items:center;gap:12px;flex:1 1 0;min-width:0}.sbk-container__icon{display:block;flex:0 0 auto;width:36px;height:36px;border-radius:8px;object-fit:cover}.sbk-container__title-col{display:flex;flex-direction:column;flex:1 1 0;min-width:0}.sbk-container__title{font-weight:700;line-height:22.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sbk-container__subtitle{font-size:13px;line-height:16.25px;color:var(--sbk-content-sec);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sbk-container__chevron{display:flex;flex:0 0 auto;align-items:center;margin-left:8px;transition:transform 0.16s cubic-bezier(0.36,0.19,0.29,1)}.sbk-container__chevron--collapsed{transform:rotate(-90deg)}.sbk-container__body{padding:0 12px 12px}.sbk-collapse.sbk-container__collapse{transition:height 0.16s cubic-bezier(0.36,0.19,0.29,1)}@media (prefers-reduced-motion:reduce){.sbk-container__chevron,.sbk-collapse.sbk-container__collapse{transition:none}}.sbk-container__body>.sbk-block--image .sbk-image__title{display:none}.sbk-container__body>.sbk-block--image .sbk-image{margin-top:0}.sbk-container__header + .sbk-container__body>.sbk-block--section:first-child .sbk-section,.sbk-container__header + .sbk-container__collapse>.sbk-container__body>.sbk-block--section:first-child .sbk-section{margin-top:0}.sbk-context{display:flex;flex-wrap:wrap;align-items:flex-start;row-gap:4px;margin:4px 0;font-size:15px;line-height:22px;color:var(--sbk-muted)}.sbk-context .sbk-mrkdwn,.sbk-context .sbk-plain-text{font-size:13px;line-height:18px;color:inherit}.sbk-context .sbk-emoji{vertical-align:text-bottom}.sbk-context__text{margin-right:16px}.sbk-context>:last-child{margin-right:0}.sbk-context__image{margin-right:4px;margin-bottom:5px;width:20px;height:20px;border-radius:2px;object-fit:cover}.sbk-context-actions{display:flex;align-items:center}:root,[data-theme="light"]{--sbk-data-table-bg:rgba(29,28,29,0.06);--sbk-data-table-sep:rgba(94,93,96,0.13);--sbk-data-table-active:#007a5a}.sbk-data-table{margin:4px 0}.sbk-data-table__header{display:flex;align-items:center;padding:8px 4px;gap:8px}.sbk-data-table__caption{flex:1 1 auto;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sbk-data-table__toolbar{display:flex;gap:8px;flex:0 0 auto}.sbk-data-table__icon-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;color:var(--sbk-badge-text);background:none;border:1px solid var(--sbk-button-border);border-radius:8px;cursor:pointer}.sbk-data-table__frame{display:flex;flex-direction:column;overflow-x:auto;padding:0 4px;background-color:var(--sbk-data-table-bg);border-radius:12px}.sbk-data-table__frame::-webkit-scrollbar{width:8px;height:8px}.sbk-data-table__frame::-webkit-scrollbar-track,.sbk-data-table__frame::-webkit-scrollbar-thumb,.sbk-data-table__frame::-webkit-scrollbar-corner{background:transparent}.sbk-data-table__frame::-webkit-scrollbar-thumb{border-radius:4px}.sbk-data-table__frame:hover::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--sbk-text) 52%,transparent)}.sbk-data-table__rows{position:relative;min-width:min-content}.sbk-data-table__rows:last-child{margin-bottom:4px}.sbk-data-table__grid-header,.sbk-data-table__row{display:grid}.sbk-data-table__col-header{display:flex;align-items:center;height:36px;font-size:13px;font-weight:700;line-height:18px;color:var(--sbk-badge-text)}.sbk-data-table__col-header button{display:flex;align-items:center;justify-content:space-between;width:100%;height:28px;gap:4px;padding:0 12px;font:inherit;color:inherit;background:none;border:none;border-radius:8px;cursor:pointer}.sbk-data-table__col-header button:hover,.sbk-data-table__col-header button:focus-visible{background-color:var(--sbk-hover-overlay)}.sbk-data-table__sort-caret{display:flex;margin-left:auto;opacity:0}.sbk-data-table__col-header button:hover .sbk-data-table__sort-caret,.sbk-data-table__col-header button:focus-visible .sbk-data-table__sort-caret{opacity:1}.sbk-data-table__sort-menu{width:200px;padding:12px 0;background:var(--sbk-menu-bg);border-radius:4px;box-shadow:var(--sbk-menu-shadow)}.sbk-data-table__sort-heading{padding:4px 24px;font:13px / 18px var(--sbk-font);color:var(--sbk-content-sec)}.sbk-data-table__sort-item{position:relative;display:flex;align-items:center;height:28px;padding:0 24px;font:15px / 28px var(--sbk-font);color:var(--sbk-text);white-space:nowrap;cursor:pointer}.sbk-data-table__sort-item[aria-checked="true"]{color:var(--sbk-menu-selected-text)}.sbk-data-table__sort-item--danger{color:var(--sbk-code-text)}.sbk-data-table__sort-item[data-active]{color:var(--sbk-menu-highlight-text);background:var(--sbk-menu-highlight-bg)}.sbk-data-table__sort-icon{display:flex;width:20px;height:16px;margin-right:8px}.sbk-data-table__sort-check{position:absolute;top:6px;left:4px;display:flex;width:20px;height:16px}.sbk-data-table__sort-separator{padding:8px 0}.sbk-data-table__sort-separator::before{content:"";display:block;border-top:1px solid var(--sbk-menu-separator)}.sbk-data-table__col-label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sbk-data-table__cell{position:relative;min-width:0;height:48px;overflow:hidden;background-color:var(--sbk-bg)}.sbk-data-table__row:first-child .sbk-data-table__cell{border-top:1px solid var(--sbk-button-border)}.sbk-data-table__row:last-child .sbk-data-table__cell{border-bottom:1px solid var(--sbk-button-border)}.sbk-data-table__cell:first-child{border-left:1px solid var(--sbk-button-border)}.sbk-data-table__cell:last-child{border-right:1px solid var(--sbk-button-border)}.sbk-data-table__row:hover .sbk-data-table__cell{background-color:var(--sbk-row-hover-bg)}.sbk-data-table__row:not(:first-child) .sbk-data-table__cell{box-shadow:inset 0 1px 0 var(--sbk-data-table-sep)}.sbk-data-table__row:first-child .sbk-data-table__cell:first-child{border-top-left-radius:8px}.sbk-data-table__row:first-child .sbk-data-table__cell:last-child{border-top-right-radius:8px}.sbk-data-table__row:last-child .sbk-data-table__cell:first-child{border-bottom-left-radius:8px}.sbk-data-table__row:last-child .sbk-data-table__cell:last-child{border-bottom-right-radius:8px}.sbk-data-table__cell-content{display:flex;align-items:center;height:48px;padding:0 12px}.sbk-data-table__truncate{overflow:hidden;white-space:nowrap}.sbk-data-table__pagination{position:sticky;left:0;max-width:100%;display:flex;align-items:center;justify-content:center;gap:4px;height:32px;font-size:13px;line-height:18px;color:var(--sbk-badge-text)}.sbk-data-table__page-nav{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;color:inherit;background:none;border:none;border-radius:8px;cursor:pointer}.sbk-data-table__page-nav:disabled{opacity:0.4;cursor:default}.sbk-data-table__page-btn{display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;font:inherit;color:inherit;background:none;border:none;border-radius:4px;cursor:pointer}.sbk-data-table__page-btn--active{color:#fff;background-color:var(--sbk-data-table-active)}.sbk-data-table__page-btn:not(.sbk-data-table__page-btn--active):hover,.sbk-data-table__page-btn:not(.sbk-data-table__page-btn--active):focus-visible{color:var(--sbk-text);background-color:var(--sbk-button-hover-bg)}.sbk-data-table__page-btn--active:hover{background-color:rgb(20,133,103)}.sbk-data-table__page-btn--active:active{background-color:rgb(0,110,81)}.sbk-rtmini__link{color:var(--sbk-link);text-decoration:none}.sbk-rtmini__link:hover{text-decoration:underline}.sbk-rtmini__code{font-family:var(--sbk-font-mono);font-size:12px;background:var(--sbk-code-bg);border:1px solid var(--sbk-code-border);border-radius:3px;padding:1px 3px}:root,[data-theme="light"]{--sbk-chart-area-1:rgb(255,237,229);--sbk-chart-area-2:rgb(227,255,243);--sbk-chart-area-3:rgb(248,238,250);--sbk-chart-area-4:rgb(226,243,250);--sbk-dataviz-border:rgba(94,93,96,0.13);--sbk-dataviz-tick:#5e5d60}.sbk-dataviz{display:flex;flex-direction:column;margin:8px 0;padding:12px;background-color:var(--sbk-container-bg);border:1px solid var(--sbk-dataviz-border);border-radius:12px;overflow:hidden}.sbk-dataviz__title{margin:0 0 8px;font-size:18px;font-weight:900;line-height:24.0001px}.sbk-dataviz__body{display:flex;align-items:stretch;position:relative}.sbk-dataviz__body--pie{justify-content:center}.sbk-dataviz__y-label{position:absolute;left:0;top:8px;bottom:26px;width:18px;display:flex;align-items:center;justify-content:center;writing-mode:vertical-rl;transform:rotate(180deg);font-size:13px;font-weight:700;text-align:center;pointer-events:none}.sbk-dataviz__body>.sbk-chart{flex:1;min-width:0}.sbk-chart{width:100%}.sbk-chart__svg{display:block;width:100%;height:auto}.sbk-chart__tick{fill:var(--sbk-dataviz-tick);font-size:13px}.sbk-dataviz__x-label{padding:8px 0 0 74px;font-size:13px;font-weight:700;line-height:18px;text-align:center}.sbk-dataviz__legend{display:flex;padding:8px 0 0 74px;gap:8px;flex-wrap:wrap;justify-content:center;line-height:18px}.sbk-dataviz__legend--pie{padding-left:0;justify-content:center}.sbk-dataviz__legend-entry{display:flex;align-items:center;gap:8px;font-size:13px}.sbk-dataviz__legend-dot{width:10px;height:10px;border-radius:9999px;display:inline-block;flex-shrink:0}.sbk-divider{margin:8px 0;border:0;border-top:1px solid var(--sbk-divider)}.sbk-fallback-canary{display:flex}.sbk-fallback-canary>.sbk-block--header,.sbk-fallback-canary>.sbk-block--section{width:100%}.sbk-file{display:flex;align-items:center;gap:8px;margin:8px 0;padding:8px 12px;max-width:360px;background:rgba(29,28,29,0.04);border:1px solid var(--sbk-border);border-radius:8px;color:var(--sbk-muted)}.sbk-file:hover{border-color:rgba(94,93,96,0.45);box-shadow:rgba(0,0,0,0.047) 0 1px 2px}.sbk-file__icon{display:flex;flex:0 0 auto}.sbk-file__body{display:flex;flex-direction:column;min-width:0}.sbk-file__name{color:var(--sbk-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sbk-file__meta{font-size:12px;text-transform:capitalize}.sbk-header{margin:15px 0 4px;font-weight:400}.sbk-header--level-1{font-size:18px;line-height:1.33334;font-weight:900}.sbk-header--level-2{font-size:15px;line-height:1.46668;font-weight:900}.sbk-header--level-3,.sbk-header--level-4{font-size:15px;line-height:1.46668;font-weight:700}.sbk-image{margin:8px 0}.sbk-image__title{font-size:15px;line-height:22px;color:var(--sbk-muted)}.sbk-image__title-text{display:inline-block;font-size:13px;line-height:18px;word-break:break-word}.sbk-image__trigger{font-size:13px;line-height:18px;white-space:nowrap}.sbk-image__toggle{display:inline-block;width:15px;margin-top:-4px;padding:0;border:0;background:none;font-size:15px;line-height:15px;color:var(--sbk-link);cursor:pointer}.sbk-image__caret{display:inline-block;width:15px;height:15px;vertical-align:middle}.sbk-image__frame{position:relative;margin-top:5px;max-width:100%;width:fit-content;border-radius:8px;box-shadow:inset 0 0 0 1px rgba(0,0,0,0.1);overflow:hidden;background-position:50% 50%;background-repeat:no-repeat;background-size:contain}.sbk-image__img{display:block;opacity:0;max-width:100%;height:auto}.sbk-image__fallback{display:flex;align-items:center;justify-content:center;min-height:88px;width:100%;background:var(--sbk-badge-bg);color:var(--sbk-muted);font-size:13px;padding:16px;text-align:center}.sbk-input{margin:0}.sbk-input__label{font:700 15px / 22px var(--sbk-font);color:var(--sbk-text);margin-bottom:8px}.sbk-input__optional{font-weight:400;color:var(--sbk-muted)}.sbk-input__element .sbk-select,.sbk-input__element .sbk-datepicker,.sbk-input__element .sbk-timepicker{width:100%}.sbk-input__element .sbk-radio-buttons{margin-bottom:24px}.sbk-input__hint{font:400 15px / 22px var(--sbk-font)}.sbk-input__hint-text{font-size:13px;line-height:18px;color:var(--sbk-muted)}.sbk-input__hint-text--dispatch{margin-left:4px}.sbk-input__hint-icon{display:inline-flex;align-items:center;justify-content:center;width:13px;height:20px}.sbk-input__error{margin-top:4px;font:400 13px / 18px var(--sbk-font);color:var(--sbk-danger)}.sbk-input--error .sbk-input__element{--sbk-button-border:var(--sbk-danger)}.sbk-markdown{display:flex;flex-direction:column;font-family:var(--sbk-font);font-size:15px;line-height:22px;color:var(--sbk-text);overflow-wrap:anywhere}.sbk-markdown__section{display:block}.sbk-markdown__table-wrap{overflow:auto}.sbk-markdown__table{border-collapse:separate;border-spacing:0;padding:4px 0}.sbk-markdown__table th,.sbk-markdown__table td{padding:2px 12px 0;height:28px;font-weight:400;text-align:left;vertical-align:top;white-space:nowrap;border-right:1px solid var(--sbk-outline-ter);border-bottom:1px solid var(--sbk-outline-ter)}.sbk-markdown__table :is(th,td) code{white-space:inherit}.sbk-markdown__table th{font-weight:700}.sbk-markdown__table>:first-child>tr:first-child>*{border-top:1px solid var(--sbk-outline-ter)}.sbk-markdown__table tr>:first-child{border-left:1px solid var(--sbk-outline-ter)}.sbk-markdown__table>:first-child>tr:first-child>:first-child{border-top-left-radius:4px}.sbk-markdown__table>:first-child>tr:first-child>:last-child{border-top-right-radius:4px}.sbk-markdown__table>:last-child>tr:last-child>:first-child{border-bottom-left-radius:4px}.sbk-markdown__table>:last-child>tr:last-child>:last-child{border-bottom-right-radius:4px}:root,[data-theme="light"]{--sbk-plan-text:rgb(94,93,96)}.sbk-plan{display:flex;flex-direction:column;margin:8px 0}.sbk-plan__pill{display:flex;align-self:flex-start;padding:0;border:0;background:transparent;border-radius:12px;cursor:pointer;font:inherit;color:inherit;text-align:left;max-width:100%}.sbk-plan__pill-content{display:block;padding-left:20px;text-indent:-20px;font-size:15px;line-height:22px}.sbk-plan__pill:hover{background-color:var(--sbk-hover-overlay)}.sbk-plan__pill:focus-visible{outline:2px solid var(--sbk-focus-ring);outline-offset:-2px}.sbk-plan__pill-icon{display:inline-flex;width:12px;vertical-align:-2px;margin:0 8px 0 0;font-size:13px;line-height:normal;text-indent:0}.sbk-plan__pill-title{font-size:13px;line-height:19px;color:var(--sbk-plan-text)}.sbk-plan__pill-chevron{display:inline-flex;align-items:center;vertical-align:middle;margin-left:4px;width:13px;height:13px;text-indent:0;color:var(--sbk-plan-text)}.sbk-status-icon--complete,.sbk-status-icon--dot-complete{color:var(--sbk-content-sec)}.sbk-status-icon--spinner{color:var(--sbk-link)}.sbk-status-icon--error{color:var(--sbk-code-text)}.sbk-status-icon--dot{display:block}.sbk-plan__tasks{list-style:none;margin:0;padding:0}.sbk-plan__task{display:flex;font-size:13px;line-height:19.0668px;color:var(--sbk-plan-text)}.sbk-plan__step{display:flex;flex:0 0 12px;flex-direction:column;align-items:center;gap:4px}.sbk-plan__line{width:1px;background:var(--sbk-surface-ter)}.sbk-plan__line--top{flex:0 0 6px}.sbk-plan__task:first-child .sbk-plan__line--top{flex-basis:11px}.sbk-plan__line--bottom{flex:1 1 auto}.sbk-plan__task:last-child .sbk-plan__line--bottom{background:transparent}.sbk-plan__task-icon{display:flex;flex:0 0 auto;align-items:center;justify-content:center;width:12px;height:8px;margin:2px 0}.sbk-plan__task-content{flex:1 1 auto;min-width:0;margin-left:8px}.sbk-plan__task:first-child .sbk-plan__task-content{padding-top:6px}.sbk-plan__task-header{display:flex;align-items:center;gap:4px;padding:4px 0;border:0;background:none;font:inherit;color:inherit;text-align:start;cursor:pointer}.sbk-plan__task-header[aria-disabled="true"]{cursor:default}.sbk-plan__task-header:focus-visible{outline:2px solid var(--sbk-focus-ring);outline-offset:-2px}.sbk-plan__task-title{margin:2px 0}.sbk-plan__task-caret{display:flex;width:13px;height:13px;margin-top:2px}.sbk-plan__task-body{display:flex;flex-direction:column;gap:4px}.sbk-plan__task-sources{list-style:none;margin:0;padding:0}.sbk-plan__task-source-link{color:var(--sbk-link);text-decoration:none}.sbk-plan__task-source-link:hover{text-decoration:underline}.sbk-rich-text{font-family:var(--sbk-font);font-size:15px;line-height:22px;color:var(--sbk-text);overflow-wrap:anywhere}.sbk-rich-text__section{display:block}.sbk-rich-text__br{display:block;height:8px}.sbk-rich-text__jumbo-emoji{display:inline-flex;align-items:center;gap:4px}.sbk-rich-text__quote{margin:4px 0;padding-left:16px;position:relative}.sbk-rich-text__quote::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;border-radius:8px;background:var(--sbk-quote-bar)}.sbk-rich-text__pre{display:block;position:relative;margin:4px 0;padding:8px;font-family:var(--sbk-font-mono);font-size:12px;line-height:1.50001;color:var(--sbk-text);background:var(--sbk-code-bg);border:1px solid var(--sbk-code-border);border-radius:4px;white-space:pre-wrap;overflow-wrap:anywhere}.sbk-rich-text__pre-copy{display:flex;align-items:center;justify-content:center;position:absolute;top:4px;right:4px;width:28px;height:28px;color:rgb(69,68,71);background:rgba(29,28,29,0.04);border-radius:4px;opacity:0}.sbk-rich-text__pre:hover .sbk-rich-text__pre-copy,.sbk-rich-text__pre:focus-within .sbk-rich-text__pre-copy{opacity:1}.sbk-rich-text__color-swatch{display:inline-block;vertical-align:middle;margin:0 0 -1px 2px;width:13px;height:13px;border:1px solid var(--sbk-muted);border-radius:3px}.sbk-rich-list{margin:0;list-style-position:outside}.sbk-rich-list--ordered{padding:0 0 0 11px}.sbk-rich-list--bullet{padding:0;list-style:none}.sbk-rich-list--bullet>.sbk-rich-list__item::before{content:"";display:inline-block;width:22px;height:15px;margin-left:-28px;margin-right:6px;vertical-align:-2px;background:currentColor;mask:var(--sbk-bullet) center / 15px 15px no-repeat}.sbk-rich-list--bullet:is([data-indent="0"],[data-indent="3"],[data-indent="6"]){--sbk-bullet:url("data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 2000 2000%22><path transform=%22matrix(1 0 0 -1 0 1700)%22 d=%22M1000 150C1249 150 1450 351 1450 600C1450 849 1249 1050 1000 1050C751 1050 550 849 550 600C550 351 751 150 1000 150Z%22/></svg>")}.sbk-rich-list--bullet:is([data-indent="1"],[data-indent="4"],[data-indent="7"]){--sbk-bullet:url("data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 2000 2000%22><path transform=%22matrix(1 0 0 -1 0 1700)%22 d=%22M1000 150C1249 150 1450 351 1450 600C1450 849 1249 1050 1000 1050C751 1050 550 849 550 600C550 351 751 150 1000 150ZM1000 300C834 300 700 434 700 600C700 766 834 900 1000 900C1166 900 1300 766 1300 600C1300 434 1166 300 1000 300Z%22/></svg>")}.sbk-rich-list--bullet:is([data-indent="2"],[data-indent="5"],[data-indent="8"]){--sbk-bullet:url("data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 2000 2000%22><path transform=%22matrix(1 0 0 -1 0 1700)%22 d=%22M550 303C550 214 614 150 703 150H1297C1386 150 1450 214 1450 303V897C1450 986 1386 1050 1297 1050H703C614 1050 550 986 550 897Z%22/></svg>")}.sbk-rich-list__item{display:list-item}.sbk-rich-list--ordered>.sbk-rich-list__item{margin:0 0 0 20px;padding-left:8px}.sbk-rich-list--bullet>.sbk-rich-list__item{margin:0 0 0 28px}.sbk-rich-list--bordered{position:relative;margin-left:0}.sbk-rich-list--bordered::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;border-radius:8px;background:var(--sbk-quote-bar)}.sbk-section{display:flex;margin:8px 0 4px}.sbk-section__content{flex:1 1 0;min-width:0}.sbk-section__fields{display:flex;flex-wrap:wrap}.sbk-section__field{width:calc(50% - 16px)}.sbk-section__field:nth-child(even){margin-left:16px}.sbk-section__text + .sbk-section__fields{margin-top:12px}.sbk-section__text--clamped{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.sbk-section__toggle{display:block;margin-top:2px;padding:0;border:0;background:none;font:inherit;font-size:13px;color:var(--sbk-link);cursor:pointer}.sbk-section__accessory{display:flex;position:relative;margin:0 0 4px 8px}.sbk-section--stacked{flex-direction:column}.sbk-section--stacked .sbk-section__accessory{margin:4px 0}:root,[data-theme="light"]{--sbk-table-border:rgba(94,93,96,0.13)}.sbk-table{padding:4px 0}.sbk-table__scroll{overflow:auto}.sbk-table__table{border-collapse:separate;border-spacing:0;font-size:15px;line-height:22px}.sbk-table__thead,.sbk-table__tbody{background-color:var(--sbk-bg)}.sbk-table__th,.sbk-table__td{box-sizing:border-box;height:28px;padding:2px 12px 0;text-align:left;vertical-align:top;white-space:nowrap;border-right:1px solid var(--sbk-table-border);border-bottom:1px solid var(--sbk-table-border)}.sbk-table__table>:first-child>tr:first-child>*{border-top:1px solid var(--sbk-table-border)}.sbk-table__table tr>:first-child{border-left:1px solid var(--sbk-table-border)}.sbk-table__th{font-weight:700}.sbk-table__thead tr:first-child th:first-child{border-top-left-radius:4px}.sbk-table__thead tr:first-child th:last-child{border-top-right-radius:4px}.sbk-table__tbody tr:last-child td:first-child{border-bottom-left-radius:4px}.sbk-table__tbody tr:last-child td:last-child{border-bottom-right-radius:4px}:root,[data-theme="light"]{--sbk-task-card-text:rgb(94,93,96)}.sbk-task-card{display:flex;flex-direction:column;margin:8px 0}.sbk-task-card__pill{display:flex;align-self:flex-start;padding:0;border:0;background:transparent;border-radius:12px;cursor:pointer;font:inherit;color:inherit;text-align:left;max-width:100%}.sbk-task-card__pill-content{display:block;padding-left:20px;text-indent:-20px;font-size:15px;line-height:22px}.sbk-task-card__pill[aria-disabled="true"]{cursor:default}.sbk-task-card__pill:not([aria-disabled="true"]):hover{background-color:var(--sbk-hover-overlay)}.sbk-task-card__pill:focus-visible{outline:2px solid var(--sbk-focus-ring);outline-offset:-2px}.sbk-task-card__pill-icon{display:inline-flex;width:12px;vertical-align:-2px;margin:0 8px 0 0;font-size:13px;line-height:normal;text-indent:0}.sbk-task-card__pill-title{font-size:13px;line-height:19px;color:var(--sbk-task-card-text)}.sbk-task-card__pill-chevron{display:inline-flex;align-items:center;vertical-align:middle;margin-left:4px;width:13px;height:13px;text-indent:0;color:var(--sbk-task-card-text)}.sbk-task-card__body{font-size:13px;line-height:19.0668px;color:var(--sbk-task-card-text)}.sbk-task-card__details{position:relative;padding:0 20px}.sbk-task-card__details::before{content:"";position:absolute;top:0;bottom:0;left:6px;width:1px;background-color:var(--sbk-surface-ter)}.sbk-task-card__details .sbk-rtmini__link,.sbk-task-card__output .sbk-rtmini__link{text-decoration:underline}.sbk-task-card__step{display:flex;gap:8px}.sbk-task-card__rail{display:flex;flex:0 0 12px;flex-direction:column;align-items:center;margin-top:7px}.sbk-task-card__dot{display:flex;padding-bottom:2px}.sbk-task-card__line{flex:1 1 auto;width:1px;margin-top:8px;background-color:var(--sbk-surface-ter)}.sbk-task-card__step-content{flex:1 1 auto;min-width:0}.sbk-task-card__output{margin-bottom:4px}.sbk-task-card__sources{list-style:none;margin:0;padding:0}.sbk-task-card__source-link{color:var(--sbk-link);text-decoration:none}.sbk-task-card__source-link:hover{text-decoration:underline}.sbk-video{padding:8px 0;max-width:360px;line-height:22px}.sbk-video__byline{color:var(--sbk-muted);white-space:nowrap}.sbk-video__provider-icon{width:16px;height:16px;margin:0 8px 3px 0;border-radius:2px;vertical-align:middle}.sbk-video__provider{font-weight:900;color:var(--sbk-text)}.sbk-video__separator{color:rgb(221,221,221);white-space:pre}.sbk-video__description{color:var(--sbk-text)}.sbk-video__title{color:var(--sbk-link)}.sbk-video__title a{color:inherit;text-decoration:none}.sbk-video__title a:hover{text-decoration:underline}.sbk-video__expand{display:inline-block;margin:-4px 0 0 3px;vertical-align:middle;line-height:15px}.sbk-video__frame{display:block;position:relative;width:360px;height:283px;max-width:100%;background:#000;overflow:hidden}.sbk-video__frame::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0;background:linear-gradient(rgba(29,28,29,0),rgba(29,28,29,0.7) 70%);transition:opacity 80ms cubic-bezier(0.36,0.19,0.29,1)}.sbk-video__frame:hover::before,.sbk-video__frame:focus-within::before,.sbk-video__frame:focus-visible::before{opacity:1}.sbk-video__thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.sbk-video__play{position:absolute;left:16px;bottom:16px;display:flex;align-items:center;gap:8px;height:30px;padding:4px 8px 4px 6px;font-weight:700;color:#fff;background:rgba(29,28,29,0.8);border-radius:4px;z-index:2;transition:background 80ms cubic-bezier(0.36,0.19,0.29,1),opacity 80ms cubic-bezier(0.36,0.19,0.29,1)}.sbk-button{display:block;position:relative;height:28px;min-width:56px;padding:0 8px 1px;border:1px solid var(--sbk-button-border);border-radius:4px;background:var(--sbk-bg);background-clip:padding-box;color:var(--sbk-text);font:700 13px / normal var(--sbk-font);text-align:center;white-space:nowrap;cursor:pointer;appearance:none;transition:color 80ms,background-color 80ms,border-color 80ms cubic-bezier(0.36,0.19,0.29,1)}.sbk-button:hover{background-color:var(--sbk-button-hover-bg);box-shadow:var(--sbk-button-hover-shadow)}.sbk-button:active{background-color:var(--sbk-button-hover-bg);box-shadow:none}.sbk-button--primary,.sbk-button--danger{border:0;color:#fff}.sbk-button--primary{background:var(--sbk-primary)}.sbk-button--primary:hover,.sbk-button--primary:active,.sbk-button--danger:hover,.sbk-button--danger:active{background-image:linear-gradient(var(--sbk-button-overlay),var(--sbk-button-overlay));background-blend-mode:multiply}.sbk-button--primary:hover{--sbk-button-overlay:#0a403221;background-color:var(--sbk-primary)}.sbk-button--primary:active{--sbk-button-overlay:#0a403238;background-color:var(--sbk-primary)}.sbk-button--danger{background:var(--sbk-danger)}.sbk-button--danger:hover{--sbk-button-overlay:#59000f17;background-color:var(--sbk-danger)}.sbk-button--danger:active{--sbk-button-overlay:#59000f38;background-color:var(--sbk-danger)}.sbk-checkboxes{display:flex;flex-direction:column;margin-bottom:24px}.sbk-checkboxes__option{display:flex;align-items:flex-start;line-height:22px;cursor:pointer}.sbk-checkboxes__input{appearance:none;flex:0 0 auto;width:14px;height:14px;margin:6px 4px 2px 4px;border:1px solid var(--sbk-button-border);border-radius:4px;background:var(--sbk-bg);cursor:pointer;position:relative;transition:80ms cubic-bezier(0.36,0.19,0.29,1)}.sbk-checkboxes__option:hover .sbk-checkboxes__input:not(:checked){border-color:var(--sbk-outline-pry);background-image:linear-gradient(var(--sbk-interaction-hover),var(--sbk-interaction-hover))}.sbk-checkboxes__input:not(:checked):active{background-image:linear-gradient(var(--sbk-interaction-pressed),var(--sbk-interaction-pressed))}.sbk-checkboxes__input:focus-visible{outline:2px solid var(--sbk-focus-ring);outline-offset:1px}.sbk-checkboxes__input:checked{border-color:transparent;background-color:var(--sbk-checkbox-checked)}.sbk-checkboxes__option:hover .sbk-checkboxes__input:checked,.sbk-checkboxes__input:checked:focus-visible{background-image:linear-gradient( var(--sbk-checkbox-checked-hover),var(--sbk-checkbox-checked-hover) );background-blend-mode:var(--sbk-blend-interaction)}.sbk-checkboxes__input:checked:active{background-image:linear-gradient( var(--sbk-checkbox-checked-pressed),var(--sbk-checkbox-checked-pressed) );background-blend-mode:var(--sbk-blend-interaction)}.sbk-checkboxes__input:checked::after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid var(--sbk-on-highlight);border-width:0 2px 2px 0;transform:rotate(45deg)}.sbk-checkboxes__body{display:flex;flex-direction:column;position:relative;top:-1px}.sbk-checkboxes__description,.sbk-checkboxes__description .sbk-mrkdwn{color:var(--sbk-content-sec)}.sbk-calendar{padding:8px;font-family:var(--sbk-font);font-size:15px;line-height:20px;color:var(--sbk-text)}.sbk-calendar__header{display:flex;align-items:center;justify-content:space-between;height:32px;margin-bottom:16px;font-weight:700}.sbk-calendar__nav{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:4px;background:none;color:var(--sbk-text);cursor:pointer;transition-property:color,background-color;transition-duration:80ms;transition-timing-function:cubic-bezier(0.36,0.19,0.29,1)}.sbk-calendar__nav:hover{background:rgba(29,155,209,0.1)}.sbk-calendar__nav:active{background:var(--sbk-highlight);color:var(--sbk-on-highlight)}.sbk-calendar__weekdays,.sbk-calendar__grid{display:grid;grid-template-columns:repeat(7,43px);text-align:center}.sbk-calendar__weekdays{padding-right:1px}.sbk-calendar__weekdays span{padding:4px 0 6px;font-size:13px;color:var(--sbk-content-sec)}.sbk-calendar__cell{position:relative;min-height:42px;margin:0 -1px -1px 0;padding:10px 0;font:inherit;line-height:20px;color:var(--sbk-text);background:var(--sbk-bg);border:1px solid var(--sbk-calendar-grid);cursor:pointer}.sbk-calendar__cell--empty{border-color:transparent;background:none;cursor:default}.sbk-calendar__cell:hover:not(.sbk-calendar__cell--empty,.sbk-calendar__cell--selected){z-index:1;border-color:rgba(29,155,209,0.3);background:rgba(29,155,209,0.2)}.sbk-calendar__cell--today{color:var(--sbk-link)}.sbk-calendar__cell--today::after{content:"";position:absolute;top:50%;left:50%;width:32px;height:32px;border:1px solid var(--sbk-highlight);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.sbk-calendar__cell--selected{z-index:1;color:var(--sbk-on-highlight);background:var(--sbk-highlight);border-color:var(--sbk-highlight);border-radius:4px}.sbk-calendar__cell--selected.sbk-calendar__cell--today::after{border-color:var(--sbk-on-highlight)}.sbk-calendar__cell:focus-visible{z-index:2}.sbk-calendar__footer{margin:16px -16px -16px;border-top:1px solid rgba(0,0,0,0.1)}.sbk-calendar__clear{display:block;width:100%;height:44px;padding:0;font:700 15px var(--sbk-font);color:var(--sbk-text);background:none;border:none;border-radius:0 0 6px 6px;cursor:pointer}.sbk-calendar__clear:hover,.sbk-calendar__clear:focus-visible{color:var(--sbk-link)}.sbk-datepicker{position:relative;width:194.5px;color:var(--sbk-muted)}.sbk-datepicker__input_wrap{position:relative}.sbk-datepicker__icon{position:absolute;left:8px;top:8px;transform:translateY(-0.1px);width:13px;height:13px;color:var(--sbk-badge-text)}.sbk-datepicker__input{width:100%;height:28px;padding:8px 28px 7px;font:13px / 18px var(--sbk-font);color:var(--sbk-text);background:var(--sbk-bg);border:1px solid rgb(124,122,127);border-radius:8px;cursor:pointer}.sbk-datepicker__chevron{position:absolute;right:4px;top:4px;width:20px;height:20px;color:var(--sbk-content-sec);pointer-events:none}.sbk-datepicker__input::placeholder{color:var(--sbk-muted)}.sbk-datepicker__popup{position:absolute;z-index:10;top:0;left:0;padding:16px;background:var(--sbk-menu-bg);border-radius:6px;box-shadow:var(--sbk-popover-shadow)}.sbk-datetimepicker{position:relative;display:block;width:100%}.sbk-datetimepicker__row{display:flex;gap:8px}.sbk-datetimepicker__column{flex:1 1 0;min-width:0}.sbk-datetimepicker__control{display:flex;align-items:center;gap:6px;width:100%;height:36px;padding:4px 7px 4px 11px;font:15px var(--sbk-font);color:var(--sbk-text);background:var(--sbk-bg);border:1px solid rgb(124,122,127);border-radius:8px;cursor:pointer}.sbk-datetimepicker__control--date{padding:4px 7px 4px 11px}.sbk-datetimepicker__control--time{padding:4px 11px;line-height:22.5px}.sbk-datetimepicker__icon{flex:0 0 auto;width:15px;height:15px;color:var(--sbk-badge-text)}.sbk-datetimepicker__value,.sbk-datetimepicker__placeholder{flex:1;min-width:0;text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sbk-datetimepicker__chevron{flex:0 0 auto;width:20px;height:20px;color:var(--sbk-badge-text)}.sbk-datetimepicker__placeholder{color:var(--sbk-muted)}.sbk-datetimepicker__timezone{margin:4px 0 0;font-size:13px;line-height:18px;color:var(--sbk-badge-text)}.sbk-datetimepicker__popup{position:absolute;z-index:10;top:0;left:0;padding:16px;background:var(--sbk-menu-bg);border-radius:6px;box-shadow:var(--sbk-popover-shadow)}.sbk-datetimepicker__time-row{display:flex;align-items:center;gap:8px;padding:8px;border-top:1px solid var(--sbk-border)}.sbk-datetimepicker__time-input{flex:1;height:28px;padding:4px 8px;border:1px solid rgb(124,122,127);border-radius:8px;font:13px var(--sbk-font)}.sbk-datetimepicker__apply{height:28px;padding:0 12px;border:0;border-radius:4px;background:var(--sbk-primary);color:#fff;font:700 13px var(--sbk-font);cursor:pointer}.sbk-datetimepicker__apply:disabled{opacity:0.5;cursor:default}.sbk-feedback-buttons{display:inline-flex;align-items:center}.sbk-icon-button--active{color:var(--sbk-primary);background:var(--sbk-badge-bg)}.sbk-file-input{margin-bottom:20px}.sbk-file-input__button{display:inline-flex;align-items:center;gap:4px;height:36px;min-width:80px;padding:0 12px 1px;border:1px solid var(--sbk-button-border);border-radius:8px;background:var(--sbk-bg);color:var(--sbk-text);font:700 15px var(--sbk-font);cursor:pointer}.sbk-file-input__button svg{width:16px;height:16px;flex-shrink:0}.sbk-file-input__native{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}.sbk-file-input__list{list-style:none;margin:8px 0 0;padding:0}.sbk-file-input__item{font-size:13px;color:var(--sbk-text);padding:2px 0}.sbk-icon-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;background:none;border-radius:8px;color:rgb(69,68,71);cursor:pointer;transition-property:color,background-color,border-color;transition-duration:80ms;transition-timing-function:cubic-bezier(0.36,0.19,0.29,1)}.sbk-icon-button:hover,.sbk-icon-button:active{color:var(--sbk-text);background-color:var(--sbk-icon-button-hover-bg)}.sbk-icon-button:active{background-image:linear-gradient(var(--sbk-interaction-pressed),var(--sbk-interaction-pressed));background-blend-mode:var(--sbk-blend-interaction)}.sbk-icon-button svg{width:18px;height:18px}.sbk-section__accessory--image{margin-left:12px}.sbk-image-element{display:block;width:88px;height:88px;border-radius:8px;object-fit:cover}.sbk-overflow{position:relative;display:inline-block}.sbk-overflow__button{display:flex;align-items:center;justify-content:center;width:30px;height:28px;padding:0 7px 1px;background:var(--sbk-bg);border:1px solid var(--sbk-button-border);border-radius:4px;color:var(--sbk-text);cursor:pointer}.sbk-overflow__button:hover{background:var(--sbk-button-hover-bg);box-shadow:var(--sbk-button-hover-shadow)}.sbk-overflow__button:active{box-shadow:none}.sbk-overflow__menu{position:absolute;z-index:10;top:0;right:0;min-width:200px;max-width:300px;width:max-content;padding:12px 0;background:var(--sbk-menu-bg);border-radius:4px;box-shadow:var(--sbk-menu-shadow)}.sbk-overflow__option{min-height:28px;padding:0 24px;font:15px / 28px var(--sbk-font);color:var(--sbk-text);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.sbk-overflow__option[data-active]{color:var(--sbk-menu-highlight-text);background:var(--sbk-menu-highlight-bg)}.sbk-radio-buttons{display:flex;flex-direction:column;margin-bottom:24px}.sbk-radio-buttons__option{display:flex;align-items:flex-start;line-height:22px;cursor:pointer}.sbk-radio-buttons__input{flex:0 0 auto;width:13px;height:13px;margin:7px 7px 0 5px;accent-color:#000;cursor:pointer}.sbk-radio-buttons__body{display:flex;flex-direction:column;position:relative;top:-1px}.sbk-radio-buttons__description,.sbk-radio-buttons__description .sbk-mrkdwn{color:var(--sbk-content-sec)}.sbk-rich-text-input{display:flex;flex-direction:column;width:100%;min-height:118px;background:var(--sbk-bg);border:1px solid rgba(29,28,29,0.13);border-radius:4px}.sbk-rich-text-input__toolbar{display:flex;align-items:center;height:38px;padding:4px;background:#f8f8f8;border-radius:8px 8px 0 0}.sbk-rich-text-input__tool{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin:2px 2px 0;color:rgba(29,28,29,0.7);opacity:0.3}.sbk-rich-text-input__separator{width:1px;height:20px;margin:0 4px;background:rgba(29,28,29,0.13)}.sbk-rich-text-input__editor{flex:1;padding:8px 12px;font:15px / 22px var(--sbk-font);color:var(--sbk-text);overflow-y:auto;outline:none}.sbk-rich-text-input__editor:empty::before{content:attr(data-placeholder);color:var(--sbk-muted)}.sbk-select{position:relative;width:190px}.sbk-select__control{display:flex;align-items:center;gap:8px;width:100%;height:28px;padding:4px 8px;font:13px var(--sbk-font);color:var(--sbk-text);background:var(--sbk-bg);border:1px solid rgb(124,122,127);border-radius:8px;cursor:pointer}.sbk-input__element .sbk-select--multi .sbk-select__control{height:36px;padding:4px 28px 4px 12px;font-size:15px;line-height:22px}.sbk-input__element .sbk-select--chips .sbk-select__control{height:auto;min-height:36px;align-items:flex-start;padding:0 28px 4px 4px}.sbk-select__max-info{display:none}.sbk-input__element .sbk-select__max-info{display:block;margin:-8px 0 8px;font-size:15px;line-height:22px;color:rgb(97,96,97)}.sbk-input__element .sbk-select--multi .sbk-select__placeholder{color:rgb(94,93,96)}.sbk-input__element .sbk-select--multi .sbk-select__chevron{display:none}.sbk-section__accessory .sbk-select--multi{width:auto}.sbk-section__accessory .sbk-select--multi .sbk-select__control{padding:0 12px 1px;font-weight:700;border-color:rgba(94,93,96,0.45);border-radius:4px}.sbk-section__accessory .sbk-select--multi .sbk-select__placeholder{color:var(--sbk-text)}.sbk-section__accessory .sbk-select--multi .sbk-select__chevron{display:none}.sbk-select--medium .sbk-select__control{height:36px;padding:4px 12px;font-size:15px}.sbk-select:not(.sbk-select--multi) :is(.sbk-select__value,.sbk-select__placeholder){margin-right:-28px}.sbk-select__value,.sbk-select__placeholder{flex:1;text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sbk-select__placeholder{color:var(--sbk-muted)}.sbk-select__value{margin-left:-1px}.sbk-select__chevron{margin-right:-1px}.sbk-select__entity{display:flex;align-items:center;height:20px;line-height:20px}.sbk-select__channel-hash{flex:0 0 auto;margin-right:8px}.sbk-select__entity-text{display:flow-root;overflow:hidden;white-space:nowrap}.sbk-select__missing-channel{padding:0 2px 1px 0;color:rgba(29,28,29,0.7);background:rgba(29,28,29,0.13);border-radius:3px}.sbk-select__missing-channel svg{display:inline-block;vertical-align:-1.625px}.sbk-select__skeleton{display:flex;align-items:center;height:20px}.sbk-select__skeleton-avatar{flex:0 0 auto;width:20px;height:20px;margin:0 8px 0 6px;background:rgb(234,234,234);border-radius:clamp(4px,min(22.222%,12px),12px)}.sbk-select__skeleton-name{flex:0 0 auto;width:109px;height:8px;margin-top:2px;overflow:hidden}.sbk-select__skeleton-name::before{content:"";display:block;width:120px;height:8px;background:rgb(234,234,234);border-radius:1000px}.sbk-select__chevron{flex:0 0 auto;width:20px;height:20px;color:var(--sbk-badge-text)}.sbk-select__chips{display:flex;flex-wrap:wrap;flex:1;min-width:0}.sbk-select__chip{display:flex;align-items:center;margin:4px 0 0 4px;padding:0 4px 0 0;font-size:18px;font-weight:700;line-height:26.4px;white-space:nowrap;color:var(--sbk-text);background:rgba(54,197,240,0.13);border:1px solid transparent;border-radius:4px}.sbk-select__chip-label{display:flex;padding:0 4px}.sbk-select__chip-text{display:flow-root;overflow:hidden}.sbk-select__chip-text>span{font-size:15px;line-height:26px}.sbk-select__chip-entity{align-items:center;font-size:15px;line-height:26px}.sbk-select__chip-entity .sbk-select__channel-hash{margin-right:2px}.sbk-select__chip-entity .sbk-select__missing-channel svg{width:15px;height:15px;vertical-align:-1.875px}.sbk-select__chip-remove{display:flex;cursor:pointer}.sbk-select__menu{position:absolute;z-index:10;top:0;left:0;width:max(100%,240px);max-height:280px;overflow-y:auto;background:var(--sbk-menu-bg);border-radius:4px;box-shadow:0 0 0 1px rgba(29,28,29,0.13),0 5px 10px rgba(0,0,0,0.12);padding:12px 0}.sbk-select__search{display:flex;align-items:center;gap:6px;margin:-4px 0 8px;padding:0 24px 8px;border-bottom:1px solid var(--sbk-border);color:var(--sbk-muted)}.sbk-select__search-input{flex:1;border:none;outline:none;font:13px var(--sbk-font);color:var(--sbk-text)}.sbk-select__group-label{padding:4px 24px;font-size:13px;line-height:1.38463;color:var(--sbk-menu-secondary-text)}.sbk-select__group + .sbk-select__group{margin-top:8px}.sbk-select__option{display:flex;flex-direction:column;justify-content:center;min-height:28px;padding:0 24px;font:15px / 1.46668 var(--sbk-font);color:var(--sbk-text);cursor:pointer}.sbk-select__option:has(.sbk-select__option-description){padding-top:4px;padding-bottom:4px}.sbk-select__option--selected{color:var(--sbk-menu-selected-text)}.sbk-select__option[data-active]{color:var(--sbk-menu-highlight-text);background:var(--sbk-menu-highlight-bg)}.sbk-select__option[data-active] .sbk-select__option-description{color:inherit}.sbk-select__option-description{margin-top:-2px;font-size:13px;line-height:1.25;color:var(--sbk-menu-secondary-text)}.sbk-select__status{display:flex;align-items:center;min-height:28px;padding:0 24px;font:15px / 1.46668 var(--sbk-font);color:var(--sbk-muted)}.sbk-text-input{width:100%;height:28px;padding:8px 8px 7px;font:13px / 18px var(--sbk-font);color:var(--sbk-text);background:var(--sbk-bg);border:1px solid rgb(124,122,127);border-radius:8px}.sbk-text-input::placeholder{color:var(--sbk-muted)}.sbk-text-input--medium{height:36px;padding:4px 12px;font-size:15px}.sbk-text-input__wrap .sbk-text-input.sbk-text-input--medium{padding-left:32px}.sbk-text-input--multiline{display:block;height:auto;min-height:104px;padding:8px 12px 4px;font-size:15px;line-height:22px;resize:vertical}.sbk-text-input__wrap{position:relative}.sbk-text-input__wrap .sbk-text-input{padding-left:28px}.sbk-text-input__icon{position:absolute;left:8px;top:50%;transform:translateY(-50%);color:var(--sbk-muted);pointer-events:none}.sbk-timepicker{position:relative;width:190px}.sbk-timepicker__control{display:flex;align-items:center;gap:8px;width:100%;height:28px;padding:3px 7px;font:13px / 19.5px var(--sbk-font);color:var(--sbk-text);background:var(--sbk-bg);border:1px solid rgb(124,122,127);border-radius:8px;cursor:pointer}.sbk-timepicker__icon{flex:0 0 auto;width:13px;height:20px;color:var(--sbk-badge-text)}.sbk-timepicker__value,.sbk-timepicker__placeholder{flex:1;text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sbk-timepicker__placeholder{color:var(--sbk-muted)}.sbk-timepicker__chevron{flex:0 0 auto;width:20px;height:20px;color:var(--sbk-badge-text)}.sbk-timepicker__menu{position:absolute;z-index:10;top:0;left:0;width:100%;max-height:240px;overflow-y:auto;padding:12px 0;background:var(--sbk-menu-bg);border-radius:4px;box-shadow:0 0 0 1px rgba(29,28,29,0.13),0 5px 10px rgba(0,0,0,0.12)}.sbk-timepicker__option{display:flex;align-items:center;min-height:28px;padding:0 24px;font:15px / 1.46668 var(--sbk-font);color:var(--sbk-text);cursor:pointer}.sbk-timepicker__option--selected{color:var(--sbk-menu-selected-text)}.sbk-timepicker__option[data-active]{color:var(--sbk-menu-highlight-text);background:var(--sbk-menu-highlight-bg)}.sbk-timepicker__hint{margin-top:4px;font-size:12px;color:var(--sbk-muted)}.sbk-workflow-button{display:inline-flex;align-items:center;gap:6px}.sbk-workflow-button__icon{width:14px;height:14px;flex:none}
+/*# sourceMappingURL=styles.css.map */