/**
 * Blok view stylesheet — GENERATED by scripts/generate-view-css.mjs. Do not edit.
 *
 * Reproduces the read-only editor's appearance for `@bloklabs/core/view` output:
 *
 *   import '@bloklabs/core/view.css';
 *   blocksToHtml(data, { root: true, classes: true, toolAttributes: true })
 *
 * The React `<BlokView>` enables all three by default. The root wrapper carries
 * `data-blok-interface="view"`, which every scoped rule below keys on, so nothing
 * here can leak into the surrounding page.
 *
 * Ships no webfonts — the view inherits the host's typography. Point
 * `--blok-font-mono` at a monospace face to match the editor's code blocks.
 */
@layer properties;
@layer theme, base, components, utilities;
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
@keyframes blok-checkbox-pop {
  0% {
    transform: scale(1);
  }
  35% {
    transform: scale(1.18);
  }
  65% {
    transform: scale(0.9);
  }
  82% {
    transform: scale(1.07);
  }
  100% {
    transform: scale(1);
  }
}
:root, :host {
  --font-mono: var(--blok-font-mono, 'JetBrains Mono', 'Fira Code', ui-monospace, Menlo, Monaco, 'Courier New', monospace);
  --color-gray-200: oklch(92.8% 0.006 264.531);
  --spacing: 0.25rem;
  --text-sm: 0.875rem;
  --text-sm--line-height: calc(1.25 / 0.875);
  --text-base: 1rem;
  --text-base--line-height: calc(1.5 / 1);
  --text-lg: 1.125rem;
  --text-lg--line-height: calc(1.75 / 1.125);
  --text-xl: 1.25rem;
  --text-xl--line-height: calc(1.75 / 1.25);
  --text-2xl: 1.5rem;
  --text-2xl--line-height: calc(2 / 1.5);
  --text-3xl: 1.875rem;
  --text-3xl--line-height: calc(2.25 / 1.875);
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --leading-normal: 1.5;
  --leading-relaxed: 1.625;
  --radius-xs: 0.125rem;
  --radius-md: 0.375rem;
  --radius-xl: 0.75rem;
  --ease-out: cubic-bezier(0, 0, 0.2, 1);
  --default-transition-duration: 150ms;
  --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  --max-width-content: 720px;
}
@layer utilities {
  .relative {
    position: relative;
  }
  .m-0 {
    margin: 0px;
  }
  .mx-auto {
    margin-inline: auto;
  }
  .my-1 {
    margin-block: var(--spacing);
  }
  .my-2 {
    margin-block: calc(var(--spacing) * 2);
  }
  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }
  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }
  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }
  .mt-\[0\.3em\] {
    margin-top: 0.3em;
  }
  .mt-\[2px\] {
    margin-top: 2px;
  }
  .mt-\[26px\] {
    margin-top: 26px;
  }
  .mt-\[calc\(\(1\.5em_-_1\.25rem\)\/2\)\] {
    margin-top: calc((1.5em - 1.25rem) / 2);
  }
  .mt-px {
    margin-top: 1px;
  }
  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }
  .mb-\[0\.3em\] {
    margin-bottom: 0.3em;
  }
  .mb-px {
    margin-bottom: 1px;
  }
  .block {
    display: block;
  }
  .flex {
    display: flex;
  }
  .h-5 {
    height: calc(var(--spacing) * 5);
  }
  .min-h-\[1\.5em\] {
    min-height: 1.5em;
  }
  .w-5 {
    width: calc(var(--spacing) * 5);
  }
  .min-w-0 {
    min-width: 0px;
  }
  .flex-1 {
    flex: 1;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .flex-col {
    flex-direction: column;
  }
  .items-start {
    align-items: flex-start;
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-\[var\(--blok-list-gap\,0px\)\] {
    gap: var(--blok-list-gap,0px);
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .rounded-md {
    border-radius: var(--radius-md);
  }
  .rounded-xl {
    border-radius: var(--radius-xl);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-r-0 {
    border-right-style: var(--tw-border-style);
    border-right-width: 0px;
  }
  .border-b-0 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0px;
  }
  .border-l-0 {
    border-left-style: var(--tw-border-style);
    border-left-width: 0px;
  }
  .border-l-\[3px\] {
    border-left-style: var(--tw-border-style);
    border-left-width: 3px;
  }
  .border-\(--blok-border-primary\) {
    border-color: var(--blok-border-primary);
  }
  .border-border-secondary {
    border-color: var(--blok-border-secondary);
  }
  .border-current {
    border-color: currentcolor;
  }
  .bg-bg-secondary {
    background-color: var(--blok-bg-secondary);
  }
  .blok-block {
    padding-inline: var(--blok-block-padding-inline,2px);
    padding-top: var(--blok-block-padding-top,7px);
    padding-bottom: var(--blok-block-padding-bottom,7px);
    &::-webkit-input-placeholder {
      --tw-leading: var(--leading-normal) !important;
      line-height: var(--leading-normal) !important;
    }
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-\[var\(--blok-block-padding-inline\,2px\)\] {
    padding-inline: var(--blok-block-padding-inline,2px);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .ps-\[var\(--_blok-list-pad\,0px\)\] {
    padding-inline-start: var(--_blok-list-pad,0px);
  }
  .pt-\[var\(--blok-block-padding-top\,0\.2em\)\] {
    padding-top: var(--blok-block-padding-top,0.2em);
  }
  .pt-\[var\(--blok-block-padding-top\,7px\)\] {
    padding-top: var(--blok-block-padding-top,7px);
  }
  .pt-\[var\(--blok-callout-padding-block\,5px\)\] {
    padding-top: var(--blok-callout-padding-block,5px);
  }
  .pr-4 {
    padding-right: calc(var(--spacing) * 4);
  }
  .pr-\[0\.9em\] {
    padding-right: 0.9em;
  }
  .pb-\[var\(--blok-block-padding-bottom\,0\.2em\)\] {
    padding-bottom: var(--blok-block-padding-bottom,0.2em);
  }
  .pb-\[var\(--blok-block-padding-bottom\,7px\)\] {
    padding-bottom: var(--blok-block-padding-bottom,7px);
  }
  .pb-\[var\(--blok-callout-padding-block\,5px\)\] {
    padding-bottom: var(--blok-callout-padding-block,5px);
  }
  .pl-0\.5 {
    padding-left: calc(var(--spacing) * 0.5);
  }
  .pl-7 {
    padding-left: calc(var(--spacing) * 7);
  }
  .pl-8 {
    padding-left: calc(var(--spacing) * 8);
  }
  .pl-\[0\.9em\] {
    padding-left: 0.9em;
  }
  .font-mono {
    font-family: var(--font-mono);
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .text-\[length\:var\(--blok-callout-font-size\,var\(--blok-paragraph-font-size\,inherit\)\)\] {
    font-size: var(--blok-callout-font-size,var(--blok-paragraph-font-size,inherit));
  }
  .text-\[length\:var\(--blok-code-font-size\,0\.875rem\)\] {
    font-size: var(--blok-code-font-size,0.875rem);
  }
  .text-\[length\:var\(--blok-list-font-size\,inherit\)\] {
    font-size: var(--blok-list-font-size,inherit);
  }
  .text-\[length\:var\(--blok-paragraph-font-size\,inherit\)\] {
    font-size: var(--blok-paragraph-font-size,inherit);
  }
  .text-\[length\:var\(--blok-quote-font-size\,inherit\)\] {
    font-size: var(--blok-quote-font-size,inherit);
  }
  .text-\[length\:var\(--blok-quote-large-font-size\,1\.2em\)\] {
    font-size: var(--blok-quote-large-font-size,1.2em);
  }
  .text-\[length\:var\(--blok-toggle-font-size\,inherit\)\] {
    font-size: var(--blok-toggle-font-size,inherit);
  }
  .leading-\[1\.5\] {
    --tw-leading: 1.5;
    line-height: 1.5;
  }
  .leading-\[1px\] {
    --tw-leading: 1px;
    line-height: 1px;
  }
  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }
  .accent-current {
    accent-color: currentcolor;
  }
  .opacity-100 {
    opacity: 100%;
  }
  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .duration-150 {
    --tw-duration: 150ms;
    transition-duration: 150ms;
  }
  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  .first\:mt-0:first-child {
    margin-top: 0px;
  }
  .last\:mb-0:last-child {
    margin-bottom: 0px;
  }
  .last\:pb-0:last-child {
    padding-bottom: 0px;
  }
  .\[\&_a\]\:cursor-pointer a {
    cursor: pointer;
  }
  .\[\&_a\]\:text-link a {
    color: var(--blok-link);
  }
  .\[\&_a\]\:underline a {
    text-decoration-line: underline;
  }
  .\[\&_b\]\:font-bold b {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .\[\&_div\]\:m-0\! div {
    margin: 0px !important;
  }
  .\[\&_div\]\:p-0\! div {
    padding: 0px !important;
  }
  .\[\&_i\]\:italic i {
    font-style: italic;
  }
  .\[\&_p\]\:m-0\! p {
    margin: 0px !important;
  }
  .\[\&_p\]\:p-0\! p {
    padding: 0px !important;
  }
  .\[\&\>p\:first-of-type\]\:mt-0 > p:first-of-type {
    margin-top: 0px;
  }
  .\[\&\>p\:last-of-type\]\:mb-0 > p:last-of-type {
    margin-bottom: 0px;
  }
}
:root {
  --blok-font-sans: 'Inter', ui-sans-serif, -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  --blok-font-serif: 'Source Serif 4', 'Noto Serif', Georgia, ui-serif, serif;
  --blok-font-mono: 'JetBrains Mono', 'Fira Code', ui-monospace, Menlo, Monaco, 'Courier New', monospace;
  --blok-font-handwriting: 'Permanent Marker', cursive;
}
[data-blok-interface=blok], [data-blok-interface=tooltip], [data-blok-popover] {
  --radius: 0.25rem;
  --radius-xs: 0.125rem;
  --radius-sm: 0.25rem;
  --radius-md: 0.375rem;
  --radius-lg: 0.5rem;
  --radius-xl: 0.75rem;
  --radius-2xl: 1rem;
  --radius-3xl: 1.5rem;
  --radius-4xl: 2rem;
}
@layer base {
  :where([data-blok-interface], [data-blok-popover]) *, :where([data-blok-interface], [data-blok-popover]) ::after, :where([data-blok-interface], [data-blok-popover]) ::before, :where([data-blok-interface], [data-blok-popover]) ::backdrop, :where([data-blok-interface], [data-blok-popover]) ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  :where([data-blok-interface], [data-blok-popover]) hr {
    height: 0;
    color: inherit;
    border-top-width: var(--blok-border-width-hairline);
  }
}
[data-blok-interface] :is(h1, h2, h3, h4, h5, h6), [data-blok-popover] :is(h1, h2, h3, h4, h5, h6) {
  font-family: inherit !important;
  letter-spacing: inherit !important;
}
@layer base {
  :where([data-blok-interface], [data-blok-popover]) a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  :where([data-blok-interface], [data-blok-popover]) :is(b, strong) {
    font-weight: bolder;
  }
  :where([data-blok-interface], [data-blok-popover]) mark {
    color: inherit;
    background-color: transparent;
  }
  :where([data-blok-interface], [data-blok-popover]) :is(code, kbd, samp, pre) {
    font-family: var(--blok-font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  :where([data-blok-interface], [data-blok-popover]) code:not(pre code) {
    background-color: var(--blok-inline-code-bg);
    color: var(--blok-inline-code-text);
    padding: var(--blok-space-0-5) var(--blok-space-1);
    border-radius: 0.25em;
    font-size: 0.875em;
  }
  :where([data-blok-interface], [data-blok-popover]) :-moz-focusring {
    outline: auto;
  }
  :where([data-blok-interface], [data-blok-popover]) summary {
    display: list-item;
  }
  :where([data-blok-interface], [data-blok-popover]) :is(ol, ul, menu) {
    list-style: none;
  }
  :where([data-blok-interface], [data-blok-popover]) :is(button, input, select, optgroup, textarea, ::file-selector-button) {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    background-color: transparent;
    opacity: 1;
  }
  :where([data-blok-interface], [data-blok-popover]) ::file-selector-button {
    margin-inline-end: var(--blok-space-1);
  }
  :where([data-blok-interface], [data-blok-popover]) ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
    :where([data-blok-interface], [data-blok-popover]) ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  :where([data-blok-interface], [data-blok-popover]) ::-webkit-search-decoration, :where([data-blok-interface], [data-blok-popover]) ::-webkit-search-cancel-button {
    -webkit-appearance: none;
  }
  :where([data-blok-interface], [data-blok-popover]) ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  :where([data-blok-interface], [data-blok-popover]) ::-webkit-datetime-edit {
    display: inline-flex;
  }
  :where([data-blok-interface], [data-blok-popover]) ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  :where([data-blok-interface], [data-blok-popover]) :is( ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field ) {
    padding-block: 0;
  }
  :where([data-blok-interface], [data-blok-popover]) ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :where([data-blok-interface], [data-blok-popover]) :-moz-ui-invalid {
    box-shadow: none;
  }
  :where([data-blok-interface], [data-blok-popover]) :is(button, input:where([type='button'], [type='reset'], [type='submit']), ::file-selector-button) {
    appearance: button;
  }
  :where([data-blok-interface], [data-blok-popover]) :is(::-webkit-inner-spin-button, ::-webkit-outer-spin-button) {
    height: auto;
  }
}
@layer base {
  [data-blok-interface]:where(:not([data-blok-native-selection])) ::selection, [data-blok-popover] ::selection {
    background-color: var(--blok-selection-inline);
    color: revert;
  }
}
[data-blok-interface] ::-webkit-scrollbar, [data-blok-popover] ::-webkit-scrollbar {
  width: revert;
  height: revert;
  background-color: revert;
}
@layer utilities {
  .max-w-blok-content {
    max-width: var(--blok-content-max-width, var(--max-width-content));
  }
}
:where([data-blok-interface]), :where([data-blok-popover]), :where([data-blok-top-layer]) {
  --blok-selection: #e1f2ff;
  --blok-selection-inline: #d4ecff;
  --blok-selection-highlight: rgba(46, 170, 220, 0.2);
  --blok-bg-light: #eff2f5;
  --blok-gray-text: #646a79;
  --blok-dark: #1d202b;
  --blok-active-icon: #2383e2;
  --blok-link: #1b6fc2;
  --blok-line-gray: #eff0f1;
  --blok-tooltip-bg: #1d202b;
  --blok-tooltip-font: #cdd1e0;
  --blok-icon-active-bg: rgba(35, 131, 226, 0.14);
  --blok-icon-active-text: #155fa8;
  --blok-text-primary: black;
  --blok-text-secondary: #646a79;
  --blok-popover-border: rgba(55, 53, 47, 0.09);
  --blok-popover-shadow: rgba(13, 20, 33, 0.1);
  --blok-popover-bg: #ffffff;
  --blok-popover-box-shadow: 0 0 0 1px rgba(55, 53, 47, 0.08), 0 4px 8px -2px rgba(55, 53, 47, 0.06), 0 12px 32px -8px rgba(55, 53, 47, 0.16);
  --blok-popover-border-icon: rgb(201 201 204 / 48%);
  --blok-popover-border-icon-disabled: #eff0f1;
  --blok-item-focus-bg: rgba(35, 131, 226, 0.14);
  --blok-item-focus-shadow: rgba(35, 131, 226, 0.14);
  --blok-item-hover-bg: rgba(55, 53, 47, 0.08);
  --blok-icon-bg: rgba(0, 0, 0, 0.04);
  --blok-item-confirm-bg: #c93636;
  --blok-item-confirm-hover-bg: #b92f2f;
  --blok-item-destructive-text: #c93636;
  --blok-item-destructive-hover-bg: rgba(201, 54, 54, 0.08);
  --blok-notify-success-bg: #fafffe;
  --blok-notify-success-bar: #41ffb1;
  --blok-notify-error-bg: #fffbfb;
  --blok-notify-error-bar: #fb5d5d;
  --blok-notify-btn-cancel-bg: #f2f5f7;
  --blok-notify-btn-cancel-text: #656b7c;
  --blok-notify-btn-confirm-bg: #34c992;
  --blok-mobile-border: #e8e8eb;
  --blok-search-input-bg: #fafafa;
  --blok-search-input-border: rgba(226, 226, 229, 0.2);
  --blok-search-input-focus-border: rgba(35, 131, 226, 0.5);
  --blok-search-input-placeholder: var(--blok-gray-text);
  --blok-link-input-border: rgba(226, 226, 229, 0.2);
  --blok-popover-icon-bg: rgba(55, 53, 47, 0.04);
  --blok-popover-icon-active-bg: rgba(35, 131, 226, 0.1);
  --blok-table-border: #d1d5db;
  --blok-table-heading-bg: #f9fafb;
  --blok-table-grip-outline: transparent;
  --blok-table-drag-source-bg: #f3f4f6;
  --blok-database-card-bg: #ffffff;
  --blok-database-card-bg-hover: #f7f7f5;
  --blok-database-card-shadow: rgba(25, 25, 25, 0.027) 0 4px 12px 0, rgba(25, 25, 25, 0.02) 0 1px 2px 0, rgba(42, 28, 0, 0.07) 0 0 0 1px;
  --blok-database-card-shadow-hover: rgba(25, 25, 25, 0.06) 0 4px 12px 0, rgba(25, 25, 25, 0.04) 0 1px 2px 0, rgba(42, 28, 0, 0.1) 0 0 0 1px;
  --blok-database-card-border: rgba(0, 0, 0, 0.06);
  --blok-database-card-border-active: rgba(35, 131, 226, 0.57);
  --blok-database-card-placeholder: rgba(55, 53, 47, 0.4);
  --blok-database-card-colored-overlay: var(--blok-database-card-bg);
  --blok-database-card-colored-overlay-hover: var(--blok-database-card-bg-hover);
  --blok-database-card-colored-border: var(--blok-database-card-border);
  --blok-database-column-bg: rgba(0, 0, 0, 0.04);
  --blok-database-add-text: #646a79;
  --blok-database-add-border: rgba(55, 53, 47, 0.25);
  --blok-database-add-hover-bg: rgba(55, 53, 47, 0.06);
  --blok-database-delete-text: rgba(55, 53, 47, 0.35);
  --blok-database-delete-hover-text: rgba(55, 53, 47, 0.65);
  --blok-database-drawer-border: #e8e8eb;
  --blok-database-tab-bg: transparent;
  --blok-database-tab-bg-active: rgba(0, 0, 0, 0.06);
  --blok-database-tab-bg-hover: rgba(0, 0, 0, 0.04);
  --blok-database-tab-text: rgba(55, 53, 47, 0.7);
  --blok-database-tab-text-active: #37352f;
  --blok-database-popover-bg: #fff;
  --blok-database-popover-shadow: 0 4px 24px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.04);
  --blok-database-popover-hover: rgba(0, 0, 0, 0.04);
  --blok-toggle-off-bg: #d4d4d8;
  --blok-toggle-on-bg: #2383e2;
  --blok-toggle-thumb-on-bg: #ffffff;
  --blok-checklist-border: rgba(0, 0, 0, 0.28);
  --blok-checklist-shadow: rgba(0, 0, 0, 0.08);
  --blok-checklist-hover-ring: rgba(35, 131, 226, 0.14);
  --blok-checklist-readonly-fill: #94a3b8;
  --blok-swatch-neutral-bg: #f7f7f5;
  --blok-swatch-ring-hover: rgba(0, 0, 0, 0.1);
  --blok-swatch-ring-active: rgba(0, 0, 0, 0.3);
  --blok-bg-secondary: #f7f8fa;
  --blok-border-secondary: rgba(55, 53, 47, 0.09);
  --blok-bg-primary: #ffffff;
  --blok-bg-hover: rgba(15, 15, 14, 0.04);
  --blok-border-subtle: #eceae6;
  --blok-border-primary: #e0ddd6;
  --blok-border-strong: #c9c5bc;
  --blok-text-tertiary: #a3a39e;
  --blok-color-accent: #2383e2;
  --blok-color-danger: #e24a4a;
  --blok-file-icon-pdf: #d93025;
  --blok-file-icon-document: #2563eb;
  --blok-file-icon-spreadsheet: #16a34a;
  --blok-file-icon-presentation: #ea580c;
  --blok-file-icon-archive: #ca8a04;
  --blok-file-icon-audio: #db2777;
  --blok-file-icon-video: #7c3aed;
  --blok-file-icon-image: #0891b2;
  --blok-file-icon-code: #4f46e5;
  --blok-haze-color: var(--blok-bg-primary);
  --blok-overlay-dark: rgba(25, 25, 24, 0.92);
  --blok-overlay-shimmer: rgba(255, 255, 255, 0.5);
  --blok-overlay-handle-ring: rgba(255, 255, 255, 0.9);
  --blok-overlay-surface: #ffffff;
  --blok-overlay-ring: rgba(15, 15, 14, 0.08);
  --blok-overlay-fg: rgba(15, 15, 14, 0.62);
  --blok-overlay-fg-strong: #1d1d1d;
  --blok-overlay-fg-hover: rgba(15, 15, 14, 0.06);
  --blok-overlay-fg-pressed: rgba(15, 15, 14, 0.1);
  --blok-overlay-divider: rgba(15, 15, 14, 0.1);
  --blok-overlay-danger-bg: rgba(226, 74, 74, 0.12);
  --blok-overlay-danger-fg: #e24a4a;
  --blok-image-shadow-resting: 0 8px 24px -10px rgba(15, 15, 14, 0.25), 0 0 0 1px rgba(15, 15, 14, 0.04);
  --blok-image-shadow-toolbar: 0 8px 20px rgba(0, 0, 0, 0.25);
  --blok-image-shadow-popover: 0 20px 40px -12px rgba(15, 15, 14, 0.22), 0 0 0 1px rgba(15, 15, 14, 0.06);
  --blok-color-gray-text: #787774;
  --blok-color-gray-bg: #f1f1ef;
  --blok-color-brown-text: #9f6b53;
  --blok-color-brown-bg: #f4eeee;
  --blok-color-orange-text: #d9730d;
  --blok-color-orange-bg: #fbecdd;
  --blok-color-yellow-text: #cb9b00;
  --blok-color-yellow-bg: #fbf3db;
  --blok-color-green-text: #448361;
  --blok-color-green-bg: #edf3ec;
  --blok-color-teal-text: #2b9a8f;
  --blok-color-teal-bg: #e4f5f3;
  --blok-color-blue-text: #337ea9;
  --blok-color-blue-bg: #e7f3f8;
  --blok-color-purple-text: #9065b0;
  --blok-color-purple-bg: #f6f3f9;
  --blok-color-pink-text: #c14c8a;
  --blok-color-pink-bg: #f9f0f5;
  --blok-color-red-text: #d44c47;
  --blok-color-red-bg: #fdebec;
  --blok-inline-code-bg: rgba(135, 131, 120, 0.15);
  --blok-inline-code-text: #b93a35;
  --blok-table-grip-bg: transparent;
  --blok-table-grip-hover-bg: transparent;
  --blok-table-grip-dot: currentColor;
  --blok-table-add-pill-bg: transparent;
  --blok-table-add-pill-bg-hover: transparent;
  --blok-table-add-pill-icon: currentColor;
  --blok-text-on-dark: #ffffff;
  --blok-database-card-actions-bg: #1e2533;
  --blok-button-focus-bg-hover: #fbfcfe;
  --blok-dnd-drop-indicator-bg: #d4e3fc;
  --blok-dnd-drop-indicator-lead-bg: #dcdcda;
  --blok-dnd-drop-indicator-thickness: 6px;
  --blok-dnd-drop-indicator-thickness-vertical: 5px;
  --blok-table-add-pill-border: rgba(55, 53, 47, 0.17);
  --blok-database-card-menu-hover-bg: rgba(0, 0, 0, 0.04);
  --blok-database-column-pill-text: rgba(55, 53, 47, 0.9);
  --blok-database-card-actions-icon: rgba(55, 53, 47, 0.55);
  --blok-database-card-actions-divider: rgba(55, 53, 47, 0.15);
  --blok-border-width-hairline: 1px;
  --blok-border-width-2: 2px;
  --blok-radius-xs: 0.25rem;
  --blok-radius-sm: 3px;
  --blok-radius-md: 6px;
  --blok-radius-lg: 12px;
  --blok-radius-xl: 16px;
  --blok-radius-pill: 999px;
  --blok-handle-bg-default: rgba(15, 15, 15, 0.6);
  --blok-handle-bg-hover: rgba(15, 15, 15, 0.85);
  --blok-handle-bg-active: rgba(15, 15, 15, 1);
  --blok-handle-fg-default: rgba(255, 255, 255, 0.85);
  --blok-space-0: 0;
  --blok-space-0-25: 1px;
  --blok-space-0-5: 2px;
  --blok-space-0-75: 3px;
  --blok-space-1: 4px;
  --blok-space-1-25: 5px;
  --blok-space-1-5: 6px;
  --blok-space-1-75: 7px;
  --blok-space-2: 8px;
  --blok-space-2-25: 9px;
  --blok-space-2-5: 10px;
  --blok-space-2-75: 11px;
  --blok-space-3: 12px;
  --blok-space-3-25: 13px;
  --blok-space-3-5: 14px;
  --blok-space-4: 16px;
  --blok-space-4-5: 18px;
  --blok-space-5: 20px;
  --blok-space-6: 24px;
  --blok-space-10: 40px;
  --blok-radius-hairline: 1.5px;
  --blok-radius-none: 0;
  --blok-size-icon-sm: 18px;
  --blok-size-icon-md: 22px;
  --blok-size-icon-lg: 26px;
  --blok-size-icon-xl: 32px;
  --blok-shadow-drawer-side: -4px 0 12px rgba(0, 0, 0, 0.08);
  --blok-shadow-tab-ghost: 0 4px 12px rgba(0, 0, 0, 0.15);
  --blok-z-relative: 1;
  --blok-z-selection: 10;
  --blok-z-toolbar: 20;
  --blok-z-inline-toolbar: 30;
  --blok-z-popover: 2147483000;
  --blok-z-tooltip: 100;
  --blok-z-drawer: 1000;
  --blok-duration-fast: 80ms;
  --blok-duration-base: 120ms;
  --blok-duration-standard: 150ms;
  --blok-duration-slow: 200ms;
  --blok-duration-popover-enter: 180ms;
  --blok-duration-fade: 300ms;
  --blok-duration-notify-enter: 400ms;
  --blok-duration-notify-exit: 250ms;
  --blok-duration-bounce: 750ms;
  --blok-duration-rotation: 1200ms;
  --blok-duration-flash: 700ms;
  --blok-duration-checkbox-pop: 280ms;
  --blok-ease-standard: ease;
  --blok-ease-popover: cubic-bezier(0.16, 1, 0.3, 1);
  --blok-ease-spring: cubic-bezier(0.25, 0.1, 0.25, 1);
  --blok-ease-bounce: cubic-bezier(0.215, 0.61, 0.355, 1);
  --blok-ease-exit: cubic-bezier(0.4, 0, 1, 1);
  --blok-ease-exit-out: ease-out;
  --blok-font-size-body: 14px;
  --blok-font-size-ui-label: 13px;
  --blok-font-size-ui-compact: 12px;
  --blok-font-size-ui-small: 11px;
  --blok-font-weight-regular: 400;
  --blok-font-weight-medium: 500;
  --blok-font-weight-semibold: 600;
  --blok-line-height-tight: 1;
  --blok-line-height-body: 1.45;
  --blok-line-height-option: 1.3;
  --blok-accent: var(--blok-color-accent);
  --blok-bg-tertiary: var(--blok-bg-light);
  --blok-image-lightbox-backdrop: rgba(25, 25, 24, 0.92);
  --blok-image-lightbox-toolbar-bg: #252525;
  --blok-image-lightbox-toolbar-fg: #e2e0dc;
  --blok-image-lightbox-toolbar-ring: rgba(255, 255, 255, 0.14);
  --blok-image-lightbox-toolbar-shadow-main: rgba(0, 0, 0, 0.5);
  --blok-image-lightbox-toolbar-shadow-ambient: rgba(0, 0, 0, 0.4);
  --blok-image-lightbox-btn-hover-bg: rgba(255, 255, 255, 0.055);
  --blok-image-lightbox-btn-active-bg: rgba(255, 255, 255, 0.09);
  --blok-image-lightbox-divider-bg: rgba(255, 255, 255, 0.1);
  --blok-image-lightbox-caption-fg: #a39e98;
  --blok-image-lightbox-shortcut-fg: rgba(255, 255, 255, 0.45);
  --blok-image-embed-submit-fg: #fff;
  --blok-crop-rect-drop-shadow: 0 8px 32px -8px rgba(0, 0, 0, 0.8);
  --blok-crop-handle-edge-drop-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
  --blok-crop-handle-edge-halo: 0 0 0 3px rgba(255, 255, 255, 0.18);
  --blok-crop-handle-edge-drop-hover: 0 2px 6px rgba(0, 0, 0, 0.3);
  --blok-crop-pill-fg: #fff;
  --blok-crop-modal-btn-shadow: rgba(0, 0, 0, 0.3);
  --blok-radius-md-plus: 8px;
  --blok-video-stage: #000000;
  --blok-video-accent: #ffffff;
  --blok-video-control-fg: #ffffff;
  --blok-video-control-bg-hover: rgba(255, 255, 255, 0.1);
  --blok-video-control-bg-active: rgba(255, 255, 255, 0.2);
  --blok-video-time-fg: rgba(255, 255, 255, 0.8);
  --blok-video-track: rgba(255, 255, 255, 0.2);
  --blok-video-buffered: rgba(255, 255, 255, 0.35);
  --blok-video-volume-track: rgba(0, 0, 0, 0.3);
  --blok-video-thumb: #ffffff;
  --blok-video-thumb-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  --blok-video-burst-bg: rgba(0, 0, 0, 0.5);
  --blok-video-burst-fg: #ffffff;
  --blok-video-burst-shadow: 0 8px 24px -8px rgba(0, 0, 0, 0.4);
  --blok-video-burst-ring: rgba(255, 255, 255, 0.4);
  --blok-video-menu-bg: rgba(22, 22, 22, 0.94);
  --blok-video-menu-value-fg: rgba(255, 255, 255, 0.62);
  --blok-video-menu-border: rgba(255, 255, 255, 0.08);
  --blok-video-menu-icon: rgba(255, 255, 255, 0.9);
  --blok-video-menu-row-active: var(--blok-video-accent);
  @supports (color: color-mix(in lab, red, red)) {
    --blok-video-menu-row-active: color-mix(in srgb, var(--blok-video-accent) 14%, transparent);
  }
  --blok-video-theater-scrim: rgba(0, 0, 0, 0.8);
  --blok-video-theater-shadow: 0 30px 60px -20px rgba(0, 0, 0, 0.6);
  --blok-video-scrim-strong: rgba(0, 0, 0, 0.6);
  --blok-video-scrim-mid: rgba(0, 0, 0, 0.2);
  --blok-video-shadow-hover: 0 8px 24px -8px rgba(0, 0, 0, 0.18);
  --blok-video-focus-ring: var(--blok-video-accent);
  @supports (color: color-mix(in lab, red, red)) {
    --blok-video-focus-ring: color-mix(in srgb, var(--blok-video-accent) 30%, transparent);
  }
}
@media (prefers-color-scheme: dark) {
  :where(:root:not([data-blok-theme="light"]) [data-blok-interface]), :where(:root:not([data-blok-theme="light"]) [data-blok-popover]), :where(:root:not([data-blok-theme="light"]) [data-blok-top-layer]) {
    --blok-selection: rgba(35, 131, 226, 0.2);
    --blok-selection-inline: rgba(35, 131, 226, 0.3);
    --blok-selection-highlight: rgba(35, 131, 226, 0.25);
    --blok-bg-light: rgba(255, 255, 255, 0.08);
    --blok-gray-text: #a39e98;
    --blok-dark: #191918;
    --blok-active-icon: #529cca;
    --blok-link: #529cca;
    --blok-line-gray: #37352f;
    --blok-tooltip-bg: #2e2e2d;
    --blok-tooltip-font: #e8e6e3;
    --blok-icon-active-bg: rgba(35, 131, 226, 0.2);
    --blok-icon-active-text: #6aaed8;
    --blok-text-primary: #e2e0dc;
    --blok-text-secondary: #a39e98;
    --blok-popover-border: rgba(255, 255, 255, 0.14);
    --blok-popover-shadow: rgba(0, 0, 0, 0.6);
    --blok-popover-bg: #252525;
    --blok-popover-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12), 0 4px 8px -2px rgba(0, 0, 0, 0.3), 0 12px 32px -8px rgba(0, 0, 0, 0.5);
    --blok-popover-border-icon: #37352f;
    --blok-popover-border-icon-disabled: #2f2d29;
    --blok-item-focus-bg: rgba(35, 131, 226, 0.2);
    --blok-item-focus-shadow: rgba(35, 131, 226, 0.2);
    --blok-item-hover-bg: rgba(255, 255, 255, 0.055);
    --blok-icon-bg: rgba(255, 255, 255, 0.07);
    --blok-item-confirm-bg: #3d1f1f;
    --blok-item-confirm-hover-bg: #4a2020;
    --blok-item-destructive-text: #fb5d5d;
    --blok-item-destructive-hover-bg: rgba(251, 93, 93, 0.1);
    --blok-notify-success-bg: #1a2e22;
    --blok-notify-success-bar: #41ffb1;
    --blok-notify-error-bg: #2e1a1a;
    --blok-notify-error-bar: #fb5d5d;
    --blok-notify-btn-cancel-bg: #2f2d29;
    --blok-notify-btn-cancel-text: #a39e98;
    --blok-notify-btn-confirm-bg: #34c992;
    --blok-mobile-border: rgba(255, 255, 255, 0.07);
    --blok-search-input-bg: #363636;
    --blok-search-input-border: rgba(255, 255, 255, 0.2);
    --blok-search-input-focus-border: rgba(35, 131, 226, 0.5);
    --blok-link-input-border: #37352f;
    --blok-popover-icon-bg: rgba(255, 255, 255, 0.08);
    --blok-popover-icon-active-bg: rgba(35, 131, 226, 0.15);
    --blok-table-border: #3e3e3d;
    --blok-table-heading-bg: #272725;
    --blok-table-grip-outline: rgba(255, 255, 255, 0.12);
    --blok-table-drag-source-bg: rgba(255, 255, 255, 0.07);
    --blok-database-card-bg: #2d2d2c;
    --blok-database-card-bg-hover: #353534;
    --blok-database-card-shadow: rgba(0, 0, 0, 0.4) 0 4px 12px 0, rgba(0, 0, 0, 0.3) 0 1px 2px 0, rgba(255, 255, 255, 0.06) 0 0 0 1px;
    --blok-database-card-shadow-hover: rgba(0, 0, 0, 0.5) 0 4px 12px 0, rgba(0, 0, 0, 0.4) 0 1px 2px 0, rgba(255, 255, 255, 0.09) 0 0 0 1px;
    --blok-database-card-border: rgba(255, 255, 255, 0.06);
    --blok-database-card-border-active: rgba(35, 131, 226, 0.7);
    --blok-database-card-placeholder: rgba(255, 255, 255, 0.3);
    --blok-database-card-colored-overlay: rgba(255, 255, 255, 0.06);
    --blok-database-card-colored-overlay-hover: rgba(255, 255, 255, 0.11);
    --blok-database-card-colored-border: rgba(255, 255, 255, 0.07);
    --blok-database-column-bg: rgba(255, 255, 255, 0.05);
    --blok-database-add-text: #a39e98;
    --blok-database-add-border: rgba(255, 255, 255, 0.2);
    --blok-database-add-hover-bg: rgba(255, 255, 255, 0.06);
    --blok-database-delete-text: rgba(255, 255, 255, 0.3);
    --blok-database-delete-hover-text: rgba(255, 255, 255, 0.55);
    --blok-database-drawer-border: rgba(255, 255, 255, 0.1);
    --blok-database-tab-bg: transparent;
    --blok-database-tab-bg-active: rgba(255, 255, 255, 0.08);
    --blok-database-tab-bg-hover: rgba(255, 255, 255, 0.04);
    --blok-database-tab-text: rgba(255, 255, 255, 0.6);
    --blok-database-tab-text-active: rgba(255, 255, 255, 0.9);
    --blok-database-popover-bg: #2d2d2c;
    --blok-database-popover-shadow: 0 4px 24px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(255, 255, 255, 0.08);
    --blok-database-popover-hover: rgba(255, 255, 255, 0.06);
    --blok-toggle-off-bg: #3f3f46;
    --blok-toggle-on-bg: #529cca;
    --blok-toggle-thumb-on-bg: #ffffff;
    --blok-checklist-border: rgba(255, 255, 255, 0.22);
    --blok-checklist-shadow: rgba(0, 0, 0, 0.3);
    --blok-checklist-hover-ring: rgba(82, 156, 202, 0.2);
    --blok-checklist-readonly-fill: #475569;
    --blok-swatch-neutral-bg: #3a3a38;
    --blok-swatch-ring-hover: rgba(255, 255, 255, 0.15);
    --blok-swatch-ring-active: rgba(255, 255, 255, 0.35);
    --blok-bg-secondary: rgba(255, 255, 255, 0.04);
    --blok-border-secondary: rgba(255, 255, 255, 0.08);
    --blok-bg-primary: #1d1d1c;
    --blok-bg-hover: rgba(255, 255, 255, 0.04);
    --blok-border-subtle: #2a2a28;
    --blok-border-primary: #333331;
    --blok-border-strong: #474744;
    --blok-text-tertiary: #6e6e68;
    --blok-color-accent: #4c9fff;
    --blok-color-danger: #ff6b6b;
    --blok-image-shadow-resting: 0 10px 28px -12px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(255, 255, 255, 0.05);
    --blok-image-shadow-toolbar: 0 12px 28px rgba(0, 0, 0, 0.55), 0 2px 6px rgba(0, 0, 0, 0.35);
    --blok-image-shadow-popover: 0 24px 48px -12px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(255, 255, 255, 0.06);
    --blok-overlay-dark: rgba(44, 44, 42, 0.92);
    --blok-overlay-surface: #2c2c2a;
    --blok-overlay-ring: rgba(255, 255, 255, 0.1);
    --blok-overlay-fg: rgba(255, 255, 255, 0.86);
    --blok-overlay-fg-strong: #ffffff;
    --blok-overlay-fg-hover: rgba(255, 255, 255, 0.14);
    --blok-overlay-fg-pressed: rgba(255, 255, 255, 0.24);
    --blok-overlay-divider: rgba(255, 255, 255, 0.14);
    --blok-overlay-danger-bg: rgba(255, 80, 80, 0.22);
    --blok-overlay-danger-fg: #ff8a8a;
    --blok-color-gray-text: #9b9b9b;
    --blok-color-gray-bg: #2f2f2f;
    --blok-color-brown-text: #c59177;
    --blok-color-brown-bg: #452a1c;
    --blok-color-orange-text: #dc8c47;
    --blok-color-orange-bg: #4d2f14;
    --blok-color-yellow-text: #d4ab49;
    --blok-color-yellow-bg: #544012;
    --blok-color-green-text: #5db184;
    --blok-color-green-bg: #1e432f;
    --blok-color-teal-text: #5cbcb3;
    --blok-color-teal-bg: #1b4642;
    --blok-color-blue-text: #5c9fcc;
    --blok-color-blue-bg: #123a54;
    --blok-color-purple-text: #a67dca;
    --blok-color-purple-bg: #341d49;
    --blok-color-pink-text: #d45e99;
    --blok-color-pink-bg: #4b1b33;
    --blok-color-red-text: #dd5e5a;
    --blok-color-red-bg: #4e1a18;
    --blok-inline-code-text: #ea8480;
    --blok-table-grip-bg: #4a4a4a;
    --blok-table-grip-hover-bg: #555554;
    --blok-table-grip-dot: #ffffff;
    --blok-table-add-pill-bg: #2c2c2b;
    --blok-table-add-pill-bg-hover: #2e2e2d;
    --blok-table-add-pill-icon: #9e9e9d;
    --blok-text-on-dark: #ffffff;
    --blok-database-card-actions-bg: #0f1420;
    --blok-button-focus-bg-hover: #2d2d2c;
    --blok-dnd-drop-indicator-bg: #1f3a5c;
    --blok-dnd-drop-indicator-lead-bg: #3a3d42;
    --blok-table-add-pill-border: rgba(255, 255, 255, 0.17);
    --blok-database-card-menu-hover-bg: rgba(255, 255, 255, 0.12);
    --blok-database-column-pill-text: rgba(255, 255, 255, 0.9);
    --blok-database-card-actions-icon: rgba(255, 255, 255, 0.75);
    --blok-database-card-actions-divider: rgba(255, 255, 255, 0.4);
  }
}
:where([data-blok-theme="dark"] [data-blok-interface]), :where([data-blok-theme="dark"] [data-blok-popover]), :where([data-blok-theme="dark"] [data-blok-top-layer]) {
  --blok-selection: rgba(35, 131, 226, 0.2);
  --blok-selection-inline: rgba(35, 131, 226, 0.3);
  --blok-selection-highlight: rgba(35, 131, 226, 0.25);
  --blok-bg-light: rgba(255, 255, 255, 0.08);
  --blok-gray-text: #a39e98;
  --blok-dark: #191918;
  --blok-active-icon: #529cca;
  --blok-link: #529cca;
  --blok-line-gray: #37352f;
  --blok-tooltip-bg: #2e2e2d;
  --blok-tooltip-font: #e8e6e3;
  --blok-icon-active-bg: rgba(35, 131, 226, 0.2);
  --blok-icon-active-text: #6aaed8;
  --blok-text-primary: #e2e0dc;
  --blok-text-secondary: #a39e98;
  --blok-popover-border: rgba(255, 255, 255, 0.14);
  --blok-popover-shadow: rgba(0, 0, 0, 0.6);
  --blok-popover-bg: #252525;
  --blok-popover-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12), 0 4px 8px -2px rgba(0, 0, 0, 0.3), 0 12px 32px -8px rgba(0, 0, 0, 0.5);
  --blok-popover-border-icon: #37352f;
  --blok-popover-border-icon-disabled: #2f2d29;
  --blok-item-focus-bg: rgba(35, 131, 226, 0.2);
  --blok-item-focus-shadow: rgba(35, 131, 226, 0.2);
  --blok-item-hover-bg: rgba(255, 255, 255, 0.055);
  --blok-icon-bg: rgba(255, 255, 255, 0.07);
  --blok-item-confirm-bg: #3d1f1f;
  --blok-item-confirm-hover-bg: #4a2020;
  --blok-item-destructive-text: #fb5d5d;
  --blok-item-destructive-hover-bg: rgba(251, 93, 93, 0.1);
  --blok-notify-success-bg: #1a2e22;
  --blok-notify-success-bar: #41ffb1;
  --blok-notify-error-bg: #2e1a1a;
  --blok-notify-error-bar: #fb5d5d;
  --blok-notify-btn-cancel-bg: #2f2d29;
  --blok-notify-btn-cancel-text: #a39e98;
  --blok-notify-btn-confirm-bg: #34c992;
  --blok-mobile-border: rgba(255, 255, 255, 0.07);
  --blok-search-input-bg: #363636;
  --blok-search-input-border: rgba(255, 255, 255, 0.2);
  --blok-search-input-focus-border: rgba(35, 131, 226, 0.5);
  --blok-link-input-border: #37352f;
  --blok-popover-icon-bg: rgba(255, 255, 255, 0.08);
  --blok-popover-icon-active-bg: rgba(35, 131, 226, 0.15);
  --blok-table-border: #3e3e3d;
  --blok-table-heading-bg: #272725;
  --blok-table-grip-outline: rgba(255, 255, 255, 0.12);
  --blok-table-drag-source-bg: rgba(255, 255, 255, 0.07);
  --blok-database-card-bg: #2d2d2c;
  --blok-database-card-bg-hover: #353534;
  --blok-database-card-shadow: rgba(0, 0, 0, 0.4) 0 4px 12px 0, rgba(0, 0, 0, 0.3) 0 1px 2px 0, rgba(255, 255, 255, 0.06) 0 0 0 1px;
  --blok-database-card-shadow-hover: rgba(0, 0, 0, 0.5) 0 4px 12px 0, rgba(0, 0, 0, 0.4) 0 1px 2px 0, rgba(255, 255, 255, 0.09) 0 0 0 1px;
  --blok-database-card-border: rgba(255, 255, 255, 0.06);
  --blok-database-card-border-active: rgba(35, 131, 226, 0.7);
  --blok-database-card-placeholder: rgba(255, 255, 255, 0.3);
  --blok-database-card-colored-overlay: rgba(255, 255, 255, 0.06);
  --blok-database-card-colored-overlay-hover: rgba(255, 255, 255, 0.11);
  --blok-database-card-colored-border: rgba(255, 255, 255, 0.07);
  --blok-database-column-bg: rgba(255, 255, 255, 0.03);
  --blok-database-add-text: #a39e98;
  --blok-database-add-border: rgba(255, 255, 255, 0.2);
  --blok-database-add-hover-bg: rgba(255, 255, 255, 0.06);
  --blok-database-delete-text: rgba(255, 255, 255, 0.3);
  --blok-database-delete-hover-text: rgba(255, 255, 255, 0.55);
  --blok-database-drawer-border: rgba(255, 255, 255, 0.1);
  --blok-database-tab-bg: transparent;
  --blok-database-tab-bg-active: rgba(255, 255, 255, 0.08);
  --blok-database-tab-bg-hover: rgba(255, 255, 255, 0.04);
  --blok-database-tab-text: rgba(255, 255, 255, 0.6);
  --blok-database-tab-text-active: rgba(255, 255, 255, 0.9);
  --blok-database-popover-bg: #2d2d2c;
  --blok-database-popover-shadow: 0 4px 24px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(255, 255, 255, 0.08);
  --blok-database-popover-hover: rgba(255, 255, 255, 0.06);
  --blok-toggle-off-bg: #3f3f46;
  --blok-toggle-on-bg: #e4e4e7;
  --blok-toggle-thumb-on-bg: #252525;
  --blok-checklist-border: rgba(255, 255, 255, 0.22);
  --blok-checklist-shadow: rgba(0, 0, 0, 0.3);
  --blok-checklist-hover-ring: rgba(82, 156, 202, 0.2);
  --blok-checklist-readonly-fill: #475569;
  --blok-swatch-neutral-bg: #3a3a38;
  --blok-swatch-ring-hover: rgba(255, 255, 255, 0.15);
  --blok-swatch-ring-active: rgba(255, 255, 255, 0.35);
  --blok-bg-secondary: rgba(255, 255, 255, 0.04);
  --blok-border-secondary: rgba(255, 255, 255, 0.08);
  --blok-bg-primary: #1d1d1c;
  --blok-bg-hover: rgba(255, 255, 255, 0.04);
  --blok-border-subtle: #2a2a28;
  --blok-border-primary: #333331;
  --blok-border-strong: #474744;
  --blok-text-tertiary: #6e6e68;
  --blok-color-accent: #4c9fff;
  --blok-color-danger: #ff6b6b;
  --blok-image-shadow-resting: 0 10px 28px -12px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(255, 255, 255, 0.05);
  --blok-image-shadow-toolbar: 0 12px 28px rgba(0, 0, 0, 0.55), 0 2px 6px rgba(0, 0, 0, 0.35);
  --blok-image-shadow-popover: 0 24px 48px -12px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(255, 255, 255, 0.06);
  --blok-overlay-dark: rgba(44, 44, 42, 0.92);
  --blok-overlay-surface: #2c2c2a;
  --blok-overlay-ring: rgba(255, 255, 255, 0.1);
  --blok-overlay-fg: rgba(255, 255, 255, 0.86);
  --blok-overlay-fg-strong: #ffffff;
  --blok-overlay-fg-hover: rgba(255, 255, 255, 0.14);
  --blok-overlay-fg-pressed: rgba(255, 255, 255, 0.24);
  --blok-overlay-divider: rgba(255, 255, 255, 0.14);
  --blok-overlay-danger-bg: rgba(255, 80, 80, 0.22);
  --blok-overlay-danger-fg: #ff8a8a;
  --blok-color-gray-text: #9b9b9b;
  --blok-color-gray-bg: #2f2f2f;
  --blok-color-brown-text: #c59177;
  --blok-color-brown-bg: #452a1c;
  --blok-color-orange-text: #dc8c47;
  --blok-color-orange-bg: #4d2f14;
  --blok-color-yellow-text: #d4ab49;
  --blok-color-yellow-bg: #544012;
  --blok-color-green-text: #5db184;
  --blok-color-green-bg: #1e432f;
  --blok-color-teal-text: #5cbcb3;
  --blok-color-teal-bg: #1b4642;
  --blok-color-blue-text: #5c9fcc;
  --blok-color-blue-bg: #123a54;
  --blok-color-purple-text: #a67dca;
  --blok-color-purple-bg: #341d49;
  --blok-color-pink-text: #d45e99;
  --blok-color-pink-bg: #4b1b33;
  --blok-color-red-text: #dd5e5a;
  --blok-color-red-bg: #4e1a18;
  --blok-inline-code-text: #ea8480;
  --blok-table-grip-bg: #4a4a4a;
  --blok-table-grip-hover-bg: #555554;
  --blok-table-grip-dot: #ffffff;
  --blok-table-add-pill-bg: #2c2c2b;
  --blok-table-add-pill-bg-hover: #2e2e2d;
  --blok-table-add-pill-icon: #9e9e9d;
  --blok-text-on-dark: #ffffff;
  --blok-database-card-actions-bg: #0f1420;
  --blok-button-focus-bg-hover: #2d2d2c;
  --blok-dnd-drop-indicator-bg: #1f3a5c;
  --blok-dnd-drop-indicator-lead-bg: #3a3d42;
  --blok-table-add-pill-border: rgba(255, 255, 255, 0.17);
  --blok-database-card-menu-hover-bg: rgba(255, 255, 255, 0.12);
  --blok-database-column-pill-text: rgba(255, 255, 255, 0.9);
  --blok-database-card-actions-icon: rgba(255, 255, 255, 0.75);
  --blok-database-card-actions-divider: rgba(255, 255, 255, 0.4);
}
:where([data-blok-native-selection]) {
  --blok-selection-inline: Highlight;
}
[data-blok-interface] [data-list-style="checklist"] input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  flex-shrink: 0;
  border-radius: var(--blok-space-1-25);
  border: 2px solid var(--blok-checklist-border);
  background-color: transparent;
  box-shadow: inset 0 1px 2px var(--blok-checklist-shadow);
  transition: background-color 150ms ease, border-color 150ms ease, transform 150ms ease, box-shadow 150ms ease;
}
[data-blok-interface] [data-list-style="checklist"] input[type="checkbox"]:checked {
  background-color: var(--blok-active-icon);
  border-color: var(--blok-active-icon);
  box-shadow: none;
  animation: blok-checkbox-pop 280ms linear;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 10 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.25 5l1.75 1.75 3.75-3.75' stroke='white' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");
  background-size: 10px 10px;
  background-position: center;
  background-repeat: no-repeat;
}
[data-blok-interface] [data-list-style="checklist"] input[type="checkbox"]:disabled:not(:checked) {
  opacity: 0.5;
}
[data-blok-interface] [data-list-style="checklist"] input[type="checkbox"]:disabled:checked {
  background-color: var(--blok-checklist-readonly-fill);
  border-color: var(--blok-checklist-readonly-fill);
  box-shadow: none;
  animation: none;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-blok-theme="light"]) [data-blok-interface] [data-list-style="checklist"] [data-checked="true"] {
    opacity: 0.45;
  }
}
[data-list-style="checklist"] {
  font-size: var(--blok-checklist-font-size, var(--blok-list-font-size, inherit));
}
[data-drop-indicator="top"], [data-drop-indicator="bottom"] {
  --drop-line-start: calc(var(--drop-indicator-side-left, 0px) + var(--drop-indicator-depth, 0) * var(--blok-space-3));
}
[data-blok-interface] ::highlight(blok-cross-block-selection) {
  background-color: var(--blok-selection-inline);
}
:where([data-blok-interface]) {
  --blok-editor-gutter-start: 56px;
}
:where([data-blok-toolbar-position="right"]) {
  --blok-editor-gutter-start: 0px;
  --blok-editor-gutter-end: 56px;
}
:where([data-blok-controls-hidden]) {
  --blok-editor-gutter-start: 0px;
  --blok-editor-gutter-end: 0px;
}
:where([data-blok-toolbar-hidden]) {
  --blok-editor-gutter-start: 0px;
  --blok-editor-gutter-end: 0px;
}
:where([data-blok-element]) {
  margin-left: calc(var(--_blok-block-depth, 0) * var(--blok-block-indent-step, 24px));
}
:where([data-blok-nested-blocks]) {
  --blok-block-indent-step: 0px;
}
[data-list-style] {
  --_blok-list-pad: var(--blok-list-padding-start, 0px);
}
[data-list-style="checklist"] {
  --_blok-list-pad: var(--blok-checklist-padding-start, var(--blok-list-padding-start, 0px));
}
[data-blok-toggle-children] :is(h1, h2, h3, h4, h5, h6) {
  margin-top: 1px;
}
[data-blok-component="callout"] button:has(+ [data-blok-toggle-children] > :first-child h1) {
  --_blok-callout-heading-size: var(--blok-heading-1-font-size, 1.875rem);
}
[data-blok-component="callout"] button:has(+ [data-blok-toggle-children] > :first-child h2) {
  --_blok-callout-heading-size: var(--blok-heading-2-font-size, 1.5rem);
}
[data-blok-component="callout"] button:has(+ [data-blok-toggle-children] > :first-child h3) {
  --_blok-callout-heading-size: var(--blok-heading-3-font-size, 1.25rem);
}
[data-blok-tool="header"] {
  font-weight: var(--blok-heading-font-weight, 600);
  margin-bottom: var(--blok-heading-margin-bottom, 1px);
  line-height: var(--blok-heading-line-height, 1.3);
}
:where([data-blok-tool="header"])[data-blok-heading-level="1"] {
  font-size: var(--blok-heading-1-font-size, 1.875rem);
  margin-top: var(--blok-heading-margin-top, 2rem);
}
:where([data-blok-tool="header"])[data-blok-heading-level="2"] {
  font-size: var(--blok-heading-2-font-size, 1.5rem);
  margin-top: var(--blok-heading-margin-top, 26px);
}
:where([data-blok-tool="header"])[data-blok-heading-level="3"] {
  font-size: var(--blok-heading-3-font-size, 1.25rem);
  margin-top: var(--blok-heading-margin-top, 1.25rem);
}
:where([data-blok-tool="header"])[data-blok-heading-level="4"] {
  font-size: var(--blok-heading-4-font-size, 1.125rem);
  margin-top: var(--blok-heading-margin-top, 0.75rem);
}
:where([data-blok-tool="header"])[data-blok-heading-level="5"] {
  font-size: var(--blok-heading-5-font-size, 1rem);
  margin-top: var(--blok-heading-margin-top, 0.75rem);
}
:where([data-blok-tool="header"])[data-blok-heading-level="6"] {
  font-size: var(--blok-heading-6-font-size, 0.875rem);
  margin-top: var(--blok-heading-margin-top, 0.75rem);
}
[data-blok-columns] {
  --blok-column-gutter: min(2rem, 4vw);
}
[data-blok-tool="callout"] [data-blok-tool="paragraph"] {
  font-size: inherit;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-content: "";
    }
  }
}
@layer base{
:where([data-blok-interface], [data-blok-popover]) *, :where([data-blok-interface], [data-blok-popover]) ::after, :where([data-blok-interface], [data-blok-popover]) ::before, :where([data-blok-interface], [data-blok-popover]) ::backdrop, :where([data-blok-interface], [data-blok-popover]) ::file-selector-button {
  border-color: var(--color-gray-200, currentcolor);
}
}

/*
 * ── Legacy baseline: classless output ────────────────────────────────────────
 * For `blocksToHtml(data, { toolAttributes: true })` WITHOUT `classes`, whose
 * output carries no class attribute at all. Everything above already styles the
 * classed output; these rules only reach the bare semantic tags.
 */
[data-blok-tool]:not([class]) {
  margin: 0;
  padding-top: var(--blok-block-padding-top, 7px);
  padding-bottom: var(--blok-block-padding-bottom, 7px);
  padding-inline: var(--blok-block-padding-inline, 2px);
}

/*
 * List runs carry the tool hook on their `<ul>`/`<ol>`; keep the block padding
 * but restore the marker indentation a reset `padding-inline` would collapse.
 */
[data-blok-tool="list"]:not([class]) {
  padding-inline-start: calc(var(--blok-block-padding-inline, 2px) + 1.5em);
}