@jackuait/blok 0.7.2 → 0.7.3-beta.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/blok.mjs +2 -2
- package/dist/chunks/{blok-3RuPZd3G.mjs → blok-Ua3rzLVN.mjs} +8 -5
- package/dist/chunks/{constants-BkelccB1.mjs → constants-CNjvg-95.mjs} +132 -15
- package/dist/chunks/{tools-rsbC2UUN.mjs → tools-DB7A1iro.mjs} +1 -1
- package/dist/full.mjs +3 -3
- package/dist/react.mjs +2 -2
- package/dist/tools.mjs +2 -2
- package/package.json +1 -1
- package/src/components/constants/data-attributes.ts +2 -0
- package/src/components/modules/toolbar/index.ts +27 -1
- package/src/components/utils/popover/popover-desktop.ts +289 -35
package/dist/blok.mjs
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { En as e } from "./chunks/constants-
|
|
2
|
-
import { n as t, r as n, t as r } from "./chunks/blok-
|
|
1
|
+
import { En as e } from "./chunks/constants-CNjvg-95.mjs";
|
|
2
|
+
import { n as t, r as n, t as r } from "./chunks/blok-Ua3rzLVN.mjs";
|
|
3
3
|
export { r as Blok, e as DATA_ATTR, n as WidthTune, t as version };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { $t as e, At as t, Bt as n, C as r, Cn as i, Ct as a, Dn as o, Dt as s, E as c, En as l, Et as u, Gt as d, Ht as f, It as p, Jt as m, Kt as h, Lt as g, Mt as _, O as ee, On as te, Ot as ne, Pt as re, Qt as ie, Rt as ae, S as oe, Sn as se, St as ce, T as le, Tn as ue, Tt as de, Ut as fe, Vt as pe, Wt as me, X as he, Y as ge, Yt as _e, Z as ve, Zt as v, _ as ye, _n as be, an as xe, at as Se, b as y, bn as b, bt as Ce, cn as we, dn as Te, en as x, fn as Ee, ft as De, g as Oe, gn as S, h as ke, hn as C, ht as Ae, in as je, it as Me, jt as w, kt as Ne, ln as Pe, m as Fe, mn as T, nn as Ie, on as Le, ot as Re, p as ze, pn as Be, qt as Ve, rn as He, sn as Ue, st as We, tn as Ge, u as Ke, un as qe, v as Je, vn as Ye, vt as Xe, w as Ze, wn as E, wt as Qe, x as $e, xn as D, xt as et, y as tt, yn as nt, yt as rt, zt as it } from "./constants-
|
|
1
|
+
import { $t as e, At as t, Bt as n, C as r, Cn as i, Ct as a, Dn as o, Dt as s, E as c, En as l, Et as u, Gt as d, Ht as f, It as p, Jt as m, Kt as h, Lt as g, Mt as _, O as ee, On as te, Ot as ne, Pt as re, Qt as ie, Rt as ae, S as oe, Sn as se, St as ce, T as le, Tn as ue, Tt as de, Ut as fe, Vt as pe, Wt as me, X as he, Y as ge, Yt as _e, Z as ve, Zt as v, _ as ye, _n as be, an as xe, at as Se, b as y, bn as b, bt as Ce, cn as we, dn as Te, en as x, fn as Ee, ft as De, g as Oe, gn as S, h as ke, hn as C, ht as Ae, in as je, it as Me, jt as w, kt as Ne, ln as Pe, m as Fe, mn as T, nn as Ie, on as Le, ot as Re, p as ze, pn as Be, qt as Ve, rn as He, sn as Ue, st as We, tn as Ge, u as Ke, un as qe, v as Je, vn as Ye, vt as Xe, w as Ze, wn as E, wt as Qe, x as $e, xn as D, xt as et, y as tt, yn as nt, yt as rt, zt as it } from "./constants-CNjvg-95.mjs";
|
|
2
2
|
import { n as at, t as O } from "./objectSpread2-CyPxu8-u.mjs";
|
|
3
3
|
import { n as k, t as ot } from "./tw-DmW6-pCY.mjs";
|
|
4
4
|
import { r as st, t as ct } from "./lightweight-i18n-vbtPx5C4.mjs";
|
|
@@ -10443,7 +10443,7 @@ var rd = {
|
|
|
10443
10443
|
if (p === null) return;
|
|
10444
10444
|
this.positioner.moveToY(this.nodes, p), d.appendChild(o), c && !this.Blok.ReadOnly.isEnabled && a.setupDraggable(c, this.Blok.DragManager);
|
|
10445
10445
|
let m = d.querySelector(`[${l.elementContent}]`);
|
|
10446
|
-
m && this.toolboxInstance.updateLeftAlignElement(m), this.positioner.applyContentOffset(this.nodes, a);
|
|
10446
|
+
m && (this.toolboxInstance.updateLeftAlignElement(m), this.nodes.content && (this.nodes.content.style.marginLeft = getComputedStyle(m).marginLeft)), this.positioner.applyContentOffset(this.nodes, a);
|
|
10447
10447
|
let h = a.getTunes(), g = h.toolTunes.length > 0 || h.commonTunes.length > 0;
|
|
10448
10448
|
this.Blok.BlockManager.blocks.length === 1 && a.isEmpty && !g ? this.blockTunesToggler.hide() : this.blockTunesToggler.show(), this.open();
|
|
10449
10449
|
}
|
|
@@ -10466,11 +10466,14 @@ var rd = {
|
|
|
10466
10466
|
hoveredTarget: null,
|
|
10467
10467
|
isMobile: !1
|
|
10468
10468
|
}, i);
|
|
10469
|
-
|
|
10469
|
+
if (s === null) return;
|
|
10470
|
+
this.positioner.moveToY(this.nodes, s), o.appendChild(r), a && !this.Blok.ReadOnly.isEnabled && n.setupDraggable(a, this.Blok.DragManager);
|
|
10471
|
+
let c = o.querySelector(`[${l.elementContent}]`);
|
|
10472
|
+
c && (this.toolboxInstance.updateLeftAlignElement(c), this.nodes.content && (this.nodes.content.style.marginLeft = getComputedStyle(c).marginLeft)), this.positioner.applyContentOffset(this.nodes, n), this.blockTunesToggler.show(), this.open();
|
|
10470
10473
|
}
|
|
10471
10474
|
close(e) {
|
|
10472
10475
|
var t, n, r, i;
|
|
10473
|
-
this.Blok.ReadOnly.isEnabled || ((t = this.nodes.wrapper) == null || t.classList.remove(this.CSS.toolbarOpened), (n = this.nodes.wrapper) == null || n.classList.add(this.CSS.toolbarClosed), (r = this.nodes.wrapper) == null || r.removeAttribute("data-blok-opened"), this.blockActions.hide(), (i = this.toolboxInstance) == null || i.close(), this.Blok.BlockSettings.close(), this.hoveredBlock = null, this.hoveredBlockIsFromTableCell = !1, (e == null ? void 0 : e.setExplicitlyClosed) !== !1 && (this.explicitlyClosed = !0, this.Blok.UI.resetBlockHoverState()), this.nodes.plusButton && (this.nodes.plusButton.style.display = ""), this.nodes.settingsToggler && (this.nodes.settingsToggler.style.display = ""), this.nodes.actions && (this.nodes.actions.style.transform = ""), this.positioner.setHoveredTarget(null), this.reset());
|
|
10476
|
+
this.Blok.ReadOnly.isEnabled || ((t = this.nodes.wrapper) == null || t.classList.remove(this.CSS.toolbarOpened), (n = this.nodes.wrapper) == null || n.classList.add(this.CSS.toolbarClosed), (r = this.nodes.wrapper) == null || r.removeAttribute("data-blok-opened"), this.blockActions.hide(), (i = this.toolboxInstance) == null || i.close(), this.Blok.BlockSettings.close(), this.hoveredBlock = null, this.hoveredBlockIsFromTableCell = !1, (e == null ? void 0 : e.setExplicitlyClosed) !== !1 && (this.explicitlyClosed = !0, this.Blok.UI.resetBlockHoverState()), this.nodes.plusButton && (this.nodes.plusButton.style.display = ""), this.nodes.settingsToggler && (this.nodes.settingsToggler.style.display = ""), this.nodes.actions && (this.nodes.actions.style.transform = ""), this.nodes.content && (this.nodes.content.style.marginLeft = ""), this.positioner.setHoveredTarget(null), this.reset());
|
|
10474
10477
|
}
|
|
10475
10478
|
skipNextSettingsToggle() {
|
|
10476
10479
|
this.settingsTogglerHandler.skipNextToggle();
|
|
@@ -11532,7 +11535,7 @@ Ud = Gd, Ud.BLOK_SETTINGS_KEYS = new Set([
|
|
|
11532
11535
|
]);
|
|
11533
11536
|
//#endregion
|
|
11534
11537
|
//#region src/styles/main.css?inline
|
|
11535
|
-
var Kd = "/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */\n@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{--tw-border-style:solid;--tw-shadow:0 0 transparent;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 transparent;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 transparent;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 transparent;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 transparent;--tw-content:\"\";--tw-leading:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-gradient-position:initial;--tw-gradient-from:transparent;--tw-gradient-via:transparent;--tw-gradient-to:transparent;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-font-weight:initial;--tw-tracking:initial;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial}::-ms-backdrop{--tw-border-style:solid;--tw-shadow:0 0 transparent;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 transparent;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 transparent;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 transparent;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 transparent;--tw-content:\"\";--tw-leading:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-gradient-position:initial;--tw-gradient-from:transparent;--tw-gradient-via:transparent;--tw-gradient-to:transparent;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-font-weight:initial;--tw-tracking:initial;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial}::backdrop{--tw-border-style:solid;--tw-shadow:0 0 transparent;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 transparent;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 transparent;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 transparent;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 transparent;--tw-content:\"\";--tw-leading:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-gradient-position:initial;--tw-gradient-from:transparent;--tw-gradient-via:transparent;--tw-gradient-to:transparent;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-font-weight:initial;--tw-tracking:initial;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial}}}:root{--font-mono:\"PT Mono\", \"Menlo\", \"Monaco\", \"Consolas\", \"Courier New\", monospace;--color-red-500:#fb2c36;--color-blue-500:#3080ff;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5dc;--color-gray-400:#99a1af;--color-gray-500:#6a7282;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-4xl:56rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .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);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-widest:.1em;--leading-normal:1.5;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-mono-font-family:var(--font-mono);--z-index-overlay:999;--spacing-content-width:650px;--spacing-narrow-mode-padding:50px;--spacing-toolbox-btn:26px;--spacing-toolbox-btn-mobile:36px;--spacing-icon:20px;--spacing-icon-mobile:28px;--max-width-content:650px;--animate-button-clicked:buttonClicked .75s cubic-bezier(.215, .61, .355, 1) forwards;--animate-panel-showing:panelShowing .15s cubic-bezier(.16, 1, .3, 1);--animate-wobble:wobble .4s;--animate-rotation:rotation 1.2s infinite linear;--animate-notify-slide-in:notifySlideIn .4s cubic-bezier(.16, 1, .3, 1) both;--animate-notify-slide-out:notifySlideOut .25s cubic-bezier(.4, 0, 1, 1) both;--animate-notify-progress:notifyProgress linear forwards}@supports (color:color(display-p3 0 0 0)){:root{--color-red-500:color(display-p3 .903738 .262579 .253307);--color-blue-500:color(display-p3 .266422 .491219 .988624);--color-gray-50:color(display-p3 .977213 .98084 .985102);--color-gray-100:color(display-p3 .953567 .956796 .964321);--color-gray-200:color(display-p3 .899787 .906171 .92106);--color-gray-300:color(display-p3 .822033 .835264 .858521);--color-gray-400:color(display-p3 .605734 .630385 .680158);--color-gray-500:color(display-p3 .421287 .446085 .504784)}}@supports (color:lab(0% 0 0)){:root{--color-red-500:lab(55.4814% 75.0732 48.8528);--color-blue-500:lab(54.1736% 13.3369 -74.6839);--color-gray-50:lab(98.2596% -.247031 -.706708);--color-gray-100:lab(96.1596% -.0823438 -1.13575);--color-gray-200:lab(91.6229% -.159115 -2.26791);--color-gray-300:lab(85.1236% -.612259 -3.7138);--color-gray-400:lab(65.9269% -.832707 -8.17473);--color-gray-500:lab(47.7841% -.393182 -10.0268)}}:host{--font-mono:\"PT Mono\", \"Menlo\", \"Monaco\", \"Consolas\", \"Courier New\", monospace;--color-red-500:#fb2c36;--color-blue-500:#3080ff;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5dc;--color-gray-400:#99a1af;--color-gray-500:#6a7282;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-4xl:56rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .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);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-widest:.1em;--leading-normal:1.5;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-mono-font-family:var(--font-mono);--z-index-overlay:999;--spacing-content-width:650px;--spacing-narrow-mode-padding:50px;--spacing-toolbox-btn:26px;--spacing-toolbox-btn-mobile:36px;--spacing-icon:20px;--spacing-icon-mobile:28px;--max-width-content:650px;--animate-button-clicked:buttonClicked .75s cubic-bezier(.215, .61, .355, 1) forwards;--animate-panel-showing:panelShowing .15s cubic-bezier(.16, 1, .3, 1);--animate-wobble:wobble .4s;--animate-rotation:rotation 1.2s infinite linear;--animate-notify-slide-in:notifySlideIn .4s cubic-bezier(.16, 1, .3, 1) both;--animate-notify-slide-out:notifySlideOut .25s cubic-bezier(.4, 0, 1, 1) both;--animate-notify-progress:notifyProgress linear forwards}@supports (color:color(display-p3 0 0 0)){:host{--color-red-500:color(display-p3 .903738 .262579 .253307);--color-blue-500:color(display-p3 .266422 .491219 .988624);--color-gray-50:color(display-p3 .977213 .98084 .985102);--color-gray-100:color(display-p3 .953567 .956796 .964321);--color-gray-200:color(display-p3 .899787 .906171 .92106);--color-gray-300:color(display-p3 .822033 .835264 .858521);--color-gray-400:color(display-p3 .605734 .630385 .680158);--color-gray-500:color(display-p3 .421287 .446085 .504784)}}@supports (color:lab(0% 0 0)){:host{--color-red-500:lab(55.4814% 75.0732 48.8528);--color-blue-500:lab(54.1736% 13.3369 -74.6839);--color-gray-50:lab(98.2596% -.247031 -.706708);--color-gray-100:lab(96.1596% -.0823438 -1.13575);--color-gray-200:lab(91.6229% -.159115 -2.26791);--color-gray-300:lab(85.1236% -.612259 -3.7138);--color-gray-400:lab(65.9269% -.832707 -8.17473);--color-gray-500:lab(47.7841% -.393182 -10.0268)}}.blok-input{border-style:var(--tw-border-style);border-width:1px;border-color:var(--blok-line-gray);width:100%;padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2.5);--tw-shadow:inset 0 1px 2px 0 var(--tw-shadow-color,rgba(35,44,72,.06));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-outline-style:none;border-radius:3px;outline-style:none}@media (forced-colors:active){.blok-input{outline-offset:2px;outline:2px solid transparent}}.blok-input[data-blok-placeholder]:before{content:var(--tw-content);pointer-events:none;content:var(--tw-content);content:var(--tw-content);content:var(--tw-content);width:calc(var(--spacing) * 0);content:var(--tw-content);white-space:nowrap;display:inline-block;position:static!important}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.blok-loader{border-style:var(--tw-border-style);border-width:1px;border-color:var(--blok-line-gray);position:relative}.blok-loader:before{content:var(--tw-content);content:var(--tw-content);content:var(--tw-content);content:var(--tw-content);content:var(--tw-content);content:var(--tw-content);content:var(--tw-content);content:var(--tw-content);width:18px;height:18px;animation:var(--animate-rotation);content:var(--tw-content);content:var(--tw-content);border-style:var(--tw-border-style);content:var(--tw-content);border-width:2px;border-color:var(--blok-line-gray);content:var(--tw-content);border-left-color:var(--blok-active-icon);--tw-content:\"\";content:var(--tw-content);border-radius:3.40282e38px;margin-top:-11px;margin-left:-11px;position:absolute;top:50%;left:50%}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:-webkit-sticky;position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.inset-\\[auto_var\\(--offset\\)_calc\\(var\\(--offset\\)\\+env\\(safe-area-inset-bottom\\)\\)_var\\(--offset\\)\\]{inset:auto var(--offset) calc(var(--offset) + env(safe-area-inset-bottom)) var(--offset)}.start:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:var(--spacing)}.start:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:var(--spacing)}.start:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:var(--spacing)}.start:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--spacing)}.start:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--spacing)}.start:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--spacing)}.end:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:var(--spacing)}.end:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:var(--spacing)}.end:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:var(--spacing)}.end:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--spacing)}.end:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--spacing)}.end:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--spacing)}.top-\\(--popover-top\\){top:var(--popover-top)}.top-0{top:calc(var(--spacing) * 0)}.top-1\\/2{top:50%}.top-\\[2px\\]{top:2px}.top-\\[7px\\]{top:7px}.top-auto{top:auto}.right-0{right:calc(var(--spacing) * 0)}.right-1{right:calc(var(--spacing) * 1)}.right-5{right:calc(var(--spacing) * 5)}.right-\\[7px\\]{right:7px}.right-full{right:100%}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-1{bottom:calc(var(--spacing) * 1)}.bottom-5{bottom:calc(var(--spacing) * 5)}.left-\\(--popover-left\\){left:var(--popover-left)}.left-0{left:calc(var(--spacing) * 0)}.left-5{left:calc(var(--spacing) * 5)}.left-auto{left:auto}.z-0{z-index:0}.z-1{z-index:1}.z-2{z-index:2}.z-3{z-index:3}.z-4{z-index:4}.z-10{z-index:10}.z-10000{z-index:10000}.z-overlay{z-index:var(--z-index-overlay)}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.blok-settings-button{margin:calc(var(--spacing) * 0);min-height:var(--spacing-toolbox-btn);min-width:var(--spacing-toolbox-btn);cursor:pointer;border-style:var(--tw-border-style);vertical-align:bottom;color:inherit;--tw-outline-style:none;background-color:transparent;border-width:0;border-radius:3px;outline-style:none;justify-content:center;align-items:center;display:inline-flex}@media (forced-colors:active){.blok-settings-button{outline-offset:2px;outline:2px solid transparent}}@media (max-width:650px){.blok-settings-button{height:var(--spacing-toolbox-btn-mobile);width:var(--spacing-toolbox-btn-mobile);border-radius:var(--radius-lg)}}@media (hover:hover){@media (hover:hover){.blok-settings-button:hover{background-color:var(--blok-bg-light)}}}.blok-settings-button svg{width:auto;height:auto}@media (max-width:650px){.blok-settings-button svg{height:var(--spacing-icon-mobile);width:var(--spacing-icon-mobile)}}.-m-px{margin:-1px}.m-0{margin:calc(var(--spacing) * 0)}.m-0\\!{margin:calc(var(--spacing) * 0)!important}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-block:calc(var(--spacing) * 2)}.my-2\\.5{margin-block:calc(var(--spacing) * 2.5)}.my-4{margin-block:calc(var(--spacing) * 4)}.my-\\[-0\\.5em\\]{margin-top:-.5em;margin-bottom:-.5em}.blok-button{cursor:pointer;border-style:var(--tw-border-style);border-width:1px;border-color:var(--blok-line-gray);background-color:var(--color-white);text-align:center;color:var(--blok-gray-text);--tw-shadow:0 2px 2px 0 var(--tw-shadow-color,rgba(18,30,57,.04));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);border-radius:3px;padding:13px;font-size:14.9px}@media (hover:hover){.blok-button:hover{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,rgba(18,30,57,.08));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);background-color:#fbfcfe}}.blok-button svg{margin-top:calc(var(--spacing) * -.5);height:calc(var(--spacing) * 5);margin-right:.2em}.-mt-\\[5px\\]{margin-top:-5px}.mt-0\\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-\\[-5px\\]{margin-top:-5px}.mt-\\[2px\\]{margin-top:2px}.mt-\\[3px\\]{margin-top:3px}.mt-\\[5px\\]{margin-top:5px}.mt-\\[15px\\]{margin-top:15px}.mt-\\[30px\\]{margin-top:30px}.mt-\\[50px\\]{margin-top:50px}.mt-px{margin-top:1px}.mr-0\\!{margin-right:calc(var(--spacing) * 0)!important}.mr-2{margin-right:calc(var(--spacing) * 2)}.mr-2\\!{margin-right:calc(var(--spacing) * 2)!important}.mr-3{margin-right:calc(var(--spacing) * 3)}.mr-6{margin-right:calc(var(--spacing) * 6)}.mr-auto{margin-right:auto}.mb-0\\!{margin-bottom:calc(var(--spacing) * 0)!important}.mb-0\\.5{margin-bottom:calc(var(--spacing) * .5)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-1\\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-px{margin-bottom:1px}.ml-3\\.5{margin-left:calc(var(--spacing) * 3.5)}.ml-auto{margin-left:auto}.box-border{box-sizing:border-box}.blok-inline-tool-button{height:100%;width:calc(var(--spacing) * 7);cursor:pointer;border-style:var(--tw-border-style);padding:calc(var(--spacing) * 0);--tw-leading:var(--leading-normal);line-height:var(--leading-normal);color:var(--color-black);background-color:transparent;border-width:0;border-radius:.25rem;justify-content:center;align-items:center;display:flex}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table-cell{display:table-cell}.table-row{display:table-row}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-\\[2px\\]{height:2px}.h-\\[20px\\]{height:20px}.h-\\[26px\\]{height:26px}.h-\\[50px\\]{height:50px}.h-auto{height:auto}.h-fit{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.h-full{height:100%}.h-px{height:1px}.h-toolbox-btn{height:var(--spacing-toolbox-btn)}.max-h-\\(--max-height\\){max-height:var(--max-height)}.max-h-0{max-height:calc(var(--spacing) * 0)}.max-h-0\\!{max-height:calc(var(--spacing) * 0)!important}.max-h-5{max-height:calc(var(--spacing) * 5)}.max-h-9{max-height:calc(var(--spacing) * 9)}.max-h-none{max-height:none}.min-h-\\[2em\\]{min-height:2em}.w-\\(--width\\){width:var(--width)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-12{width:calc(var(--spacing) * 12)}.w-\\[22px\\]{width:22px}.w-\\[26px\\]{width:26px}.w-\\[34px\\]{width:34px}.w-\\[230px\\]{width:230px}.w-\\[280px\\]{width:280px}.w-auto{width:auto}.w-full{width:100%}.w-max{width:-webkit-max-content;width:-moz-max-content;width:max-content}.w-px{width:1px}.w-toolbox-btn{width:var(--spacing-toolbox-btn)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-\\[130px\\]{max-width:130px}.max-w-none{max-width:none}.min-w-\\(--width\\){min-width:var(--width)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-\\[calc\\(100\\%-\\(--spacing\\(6\\)\\)-10px\\)\\]{min-width:calc(100% - (calc(var(--spacing) * 6)) - 10px)}.min-w-\\[calc\\(100\\%-var\\(--offset\\)\\*2\\)\\]{min-width:calc(100% - var(--offset) * 2)}.min-w-max{min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.translate-x-full{--tw-translate-x:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.rotate-90{rotate:90deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-\\[fade-in_150ms_ease_forwards\\]{animation:.15s forwards fade-in}.animate-\\[panelShowingMobile_250ms_ease\\]{animation:.25s panelShowingMobile}.animate-none{animation:none}.animate-notify-progress{animation:var(--animate-notify-progress)}.animate-notify-slide-in{animation:var(--animate-notify-slide-in)}.animate-notify-slide-out{animation:var(--animate-notify-slide-out)}.animate-panel-showing{animation:var(--animate-panel-showing)}.animate-wobble{animation:var(--animate-wobble)}.blok-settings-button--focused-animated{animation:var(--animate-button-clicked)}.cursor-col-resize{cursor:col-resize}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-pointer{cursor:pointer}.cursor-row-resize{cursor:row-resize}.cursor-text{cursor:text}.resize{resize:both}.appearance-none{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-\\[auto_auto_1fr\\]{grid-template-columns:auto auto 1fr}.grid-rows-\\[auto\\]{grid-template-rows:auto}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-nowrap{flex-wrap:nowrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.gap-0\\.5{gap:calc(var(--spacing) * .5)}.gap-1\\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.overscroll-contain{overscroll-behavior:contain}.rounded{border-radius:.25rem}.rounded-\\[3px\\]{border-radius:3px}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[5px\\]{border-radius:5px}.rounded-\\[6px\\]{border-radius:6px}.rounded-\\[7px\\]{border-radius:7px}.rounded-\\[10px\\]{border-radius:10px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-l{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-b-\\[6px\\]{border-bottom-right-radius:6px;border-bottom-left-radius:6px}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-r-0{border-right-style:var(--tw-border-style);border-right-width:0}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-none{--tw-border-style:none;border-style:none}.border-\\[\\#e8e8eb\\]{border-color:#e8e8eb}.border-\\[\\#f0f0f0\\]{border-color:#f0f0f0}.border-gray-300{border-color:var(--color-gray-300)}.border-line-gray{border-color:var(--blok-line-gray)}.border-link-input-border{border-color:var(--blok-link-input-border)}.border-search-input-border{border-color:var(--blok-search-input-border)}.border-transparent{border-color:transparent}.blok-inline-tool-button--active{background-color:var(--blok-icon-active-bg);color:var(--blok-icon-active-text)}.blok-settings-button--focused{background-color:var(--blok-item-focus-bg);--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,rgba(7,161,227,.08));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.bg-\\[\\#34c992\\]{background-color:#34c992}.bg-\\[\\#41ffb1\\]{background-color:#41ffb1}.bg-\\[\\#d1d5db\\]{background-color:#d1d5db}.bg-\\[\\#f2f5f7\\]{background-color:#f2f5f7}.bg-\\[\\#f7f7f7\\]{background-color:#f7f7f7}.bg-\\[\\#fafffe\\]\\!{background-color:#fafffe!important}.bg-\\[\\#fb5d5d\\]{background-color:#fb5d5d}.bg-\\[\\#fffbfb\\]\\!{background-color:#fffbfb!important}.bg-bg-light{background-color:var(--blok-bg-light)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-dark{background-color:var(--blok-dark)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-item-confirm-bg\\!{background-color:var(--blok-item-confirm-bg)!important}.bg-item-focus-bg\\!{background-color:var(--blok-item-focus-bg)!important}.bg-item-hover-bg{background-color:var(--blok-item-hover-bg)}.bg-popover-bg{background-color:var(--blok-popover-bg)}.bg-popover-border\\/60{background-color:var(--blok-popover-border)}@supports (color:color-mix(in lab, red, red)){.bg-popover-border\\/60{background-color:color-mix(in oklab, var(--blok-popover-border) 60%, transparent)}}.bg-popover-icon-bg{background-color:var(--blok-popover-icon-bg)}.bg-search-input-bg{background-color:var(--blok-search-input-bg)}.bg-selection{background-color:var(--blok-selection)}.bg-selection-highlight{background-color:var(--blok-selection-highlight)}.bg-tooltip-bg{background-color:var(--blok-tooltip-bg)}.bg-transparent{background-color:transparent}.bg-white{background-color:var(--color-white)}.bg-white\\/80{background-color:rgba(255,255,255,.8)}@supports (color:color-mix(in lab, red, red)){.bg-white\\/80{background-color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.bg-linear-to-l{--tw-gradient-position:to left}@supports (background-image:linear-gradient(in lab, red, red)){.bg-linear-to-l{--tw-gradient-position:to left in oklab}}.bg-linear-to-l{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-linear-to-r{--tw-gradient-position:to right}@supports (background-image:linear-gradient(in lab, red, red)){.bg-linear-to-r{--tw-gradient-position:to right in oklab}}.bg-linear-to-r{background-image:linear-gradient(var(--tw-gradient-stops))}.from-white\\/80{--tw-gradient-from:rgba(255,255,255,.8)}@supports (color:color-mix(in lab, red, red)){.from-white\\/80{--tw-gradient-from:color-mix(in oklab, var(--color-white) 80%, transparent)}}.from-white\\/80{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.p-\\(--item-padding\\){padding:var(--item-padding)}.p-0{padding:calc(var(--spacing) * 0)}.p-1{padding:calc(var(--spacing) * 1)}.p-1\\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-\\[3px\\]{padding:3px}.p-\\[8px\\]{padding:8px}.p-\\[16px\\]{padding:16px}.blok-block{padding-top:3px;padding-bottom:3px;padding-left:2px;padding-right:2px}.blok-block::-webkit-input-placeholder{--tw-leading:var(--leading-normal)!important;line-height:var(--leading-normal)!important}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-\\[2px\\]{padding-left:2px;padding-right:2px}.px-\\[3px\\]{padding-left:3px;padding-right:3px}.px-\\[5px\\]{padding-left:5px;padding-right:5px}.px-\\[18px\\]{padding-left:18px;padding-right:18px}.px-\\[30px\\]{padding-left:30px;padding-right:30px}.py-0{padding-block:calc(var(--spacing) * 0)}.py-0\\!{padding-block:calc(var(--spacing) * 0)!important}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-\\[0\\.5em\\]{padding-top:.5em;padding-bottom:.5em}.py-\\[3px\\]{padding-top:3px;padding-bottom:3px}.py-\\[5px\\]{padding-top:5px;padding-bottom:5px}.py-\\[13px\\]{padding-top:13px;padding-bottom:13px}.pt-\\[calc\\(0\\.5em\\+5px\\)\\]{padding-top:calc(.5em + 5px)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-5{padding-right:calc(var(--spacing) * 5)}.pr-\\[5px\\]{padding-right:5px}.pb-\\[4px\\]{padding-bottom:4px}.pl-0\\.5{padding-left:calc(var(--spacing) * .5)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-7{padding-left:calc(var(--spacing) * 7)}.pl-8{padding-left:calc(var(--spacing) * 8)}.pl-20{padding-left:calc(var(--spacing) * 20)}.text-center{text-align:center}.text-right{text-align:right}.text-start:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:left}.text-start:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:left}.text-start:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:left}.text-start:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:right}.text-start:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:right}.text-start:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:right}.font-\\[-apple-system\\,BlinkMacSystemFont\\,\\\"Segoe_UI\\\"\\,\\\"Roboto\\\"\\,\\\"Oxygen\\\"\\,\\\"Ubuntu\\\"\\,\\\"Cantarell\\\"\\,\\\"Fira_Sans\\\"\\,\\\"Droid_Sans\\\"\\,\\\"Helvetica_Neue\\\"\\,sans-serif\\]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.font-\\[inherit\\]{font-family:inherit}.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-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--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-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\\[9px\\]{font-size:9px}.text-\\[10px\\]{font-size:10px}.text-\\[13px\\]{font-size:13px}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-\\[1\\.3\\]\\!{--tw-leading:1.3!important;line-height:1.3!important}.leading-\\[1\\.4em\\]{--tw-leading:1.4em;line-height:1.4em}.leading-\\[1\\.6em\\]{--tw-leading:1.6em;line-height:1.6em}.leading-\\[1em\\]{--tw-leading:1em;line-height:1em}.leading-\\[22px\\]{--tw-leading:22px;line-height:22px}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\\[0\\.02em\\]{--tw-tracking:.02em;letter-spacing:.02em}.tracking-\\[0\\.12em\\]{--tw-tracking:.12em;letter-spacing:.12em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.wrap-break-word{overflow-wrap:break-word}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.blok-settings-button--active{color:var(--blok-active-icon)}.text-\\[\\#9ca3af\\]{color:#9ca3af}.text-\\[\\#34c992\\]{color:#34c992}.text-\\[\\#656b7c\\]{color:#656b7c}.text-\\[\\#666\\]{color:#666}.text-\\[\\#999\\]{color:#999}.text-\\[\\#bbb\\]{color:#bbb}.text-\\[\\#fb5d5d\\]{color:#fb5d5d}.text-black{color:var(--color-black)}.text-blue-500{color:var(--color-blue-500)}.text-dark{color:var(--blok-dark)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-text,.text-gray-text\\/70{color:var(--blok-gray-text)}@supports (color:color-mix(in lab, red, red)){.text-gray-text\\/70{color:color-mix(in oklab, var(--blok-gray-text) 70%, transparent)}}.text-inherit{color:inherit}.text-red-500{color:var(--color-red-500)}.text-text-primary{color:var(--blok-text-primary)}.text-text-secondary,.text-text-secondary\\/60{color:var(--blok-text-secondary)}@supports (color:color-mix(in lab, red, red)){.text-text-secondary\\/60{color:color-mix(in oklab, var(--blok-text-secondary) 60%, transparent)}}.text-tooltip-font{color:var(--blok-tooltip-font)}.text-white{color:var(--color-white)}.text-white\\!{color:var(--color-white)!important}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.line-through{-webkit-text-decoration-line:line-through;text-decoration-line:line-through}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.accent-current{accent-color:currentColor}.opacity-0{opacity:0}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-80{opacity:.8}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,rgba(0,0,0,.1)), 0 1px 2px -1px var(--tw-shadow-color,rgba(0,0,0,.1));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[0_1px_1px_0_rgba\\(18\\,49\\,35\\,0\\.05\\)\\]{--tw-shadow:0 1px 1px 0 var(--tw-shadow-color,rgba(18,49,35,.05));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[0_2px_1px_0_rgba\\(16\\,19\\,29\\,0\\)\\]{--tw-shadow:0 2px 1px 0 var(--tw-shadow-color,rgba(16,19,29,0));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 transparent;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-notify{--tw-shadow:0 11px 17px 0 var(--tw-shadow-color,rgba(23,32,61,.13));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,rgba(0,0,0,.1)), 0 1px 2px -1px var(--tw-shadow-color,rgba(0,0,0,.1));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-tooltip{--tw-shadow:0 8px 12px 0 var(--tw-shadow-color,rgba(29,32,43,.17)), 0 4px 5px -3px var(--tw-shadow-color,rgba(5,6,12,.49));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,rgba(0,0,0,.05));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-black\\/30{--tw-ring-color:rgba(0,0,0,.3)}@supports (color:color-mix(in lab, red, red)){.ring-black\\/30{--tw-ring-color:color-mix(in oklab, var(--color-black) 30%, transparent)}}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid transparent}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-sm{--tw-blur:blur(var(--blur-sm));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,-webkit-text-decoration-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[color\\,background-color\\,border-color\\,opacity\\,max-height\\,padding\\,margin\\]{transition-property:color,background-color,border-color,opacity,max-height,padding,margin;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[left\\]{transition-property:left;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[margin\\]{transition-property:margin;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[opacity\\,background-color\\,width\\,height\\]{transition-property:opacity,background-color,width,height;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[opacity\\,background-color\\,width\\]{transition-property:opacity,background-color,width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[opacity\\,max-height\\,padding\\]{transition-property:opacity,max-height,padding;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,-webkit-text-decoration-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))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-none{transition-property:none}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-120{--tw-duration:.12s;transition-duration:.12s}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-250{--tw-duration:.25s;transition-duration:.25s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-linear{--tw-ease:linear;transition-timing-function:linear}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.will-change-\\[opacity\\,left\\,top\\]{will-change:opacity,left,top}.will-change-\\[opacity\\,top\\]{will-change:opacity,top}.will-change-\\[opacity\\]{will-change:opacity}.outline-solid{--tw-outline-style:solid;outline-style:solid}.select-all{-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all}.select-none{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.\\[clip\\:rect\\(0\\,0\\,0\\,0\\)\\]{clip:rect(0,0,0,0)}.\\[direction\\:rtl\\]{direction:rtl}.block-1{height:calc(var(--spacing) * 1)}.block-2{height:calc(var(--spacing) * 2)}.block-3{height:calc(var(--spacing) * 3)}.ring-inset{--tw-ring-inset:inset}@media (hover:hover){.group-hover\\:text-\\[\\#666\\]:is(:where(.group):hover *){color:#666}.group-hover\\/add\\:bg-gray-50:is(:where(.group\\/add):hover *){background-color:var(--color-gray-50)}}.group-data-\\[blok-block-settings-opened\\=true\\]\\:bg-bg-light:is(:where(.group)[data-blok-block-settings-opened=true] *){background-color:var(--blok-bg-light)}.group-data-\\[blok-dragging\\=true\\]\\:pointer-events-none:is(:where(.group)[data-blok-dragging=true] *){pointer-events:none}.group-data-\\[blok-dragging\\=true\\]\\:cursor-grabbing:is(:where(.group)[data-blok-dragging=true] *){cursor:grabbing}.group-data-\\[blok-rtl\\=true\\]\\:right-\\[calc\\(-1\\*\\(var\\(--spacing-toolbox-btn\\)\\)\\)\\]:is(:where(.group)[data-blok-rtl=true] *){right:calc(-1 * (var(--spacing-toolbox-btn)))}.group-data-\\[blok-rtl\\=true\\]\\:right-auto:is(:where(.group)[data-blok-rtl=true] *){right:auto}.group-data-\\[blok-rtl\\=true\\]\\:left-\\[calc\\(-1\\*\\(var\\(--spacing-toolbox-btn\\)\\)\\)\\]:is(:where(.group)[data-blok-rtl=true] *){left:calc(-1 * (var(--spacing-toolbox-btn)))}.group-data-\\[blok-rtl\\=true\\]\\:left-auto:is(:where(.group)[data-blok-rtl=true] *){left:auto}.group-data-\\[blok-toolbox-opened\\=true\\]\\:bg-bg-light:is(:where(.group)[data-blok-toolbox-opened=true] *){background-color:var(--blok-bg-light)}.placeholder\\:font-normal::-ms-input-placeholder{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.placeholder\\:font-normal::placeholder{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.placeholder\\:text-\\[\\#656b7c\\]::-ms-input-placeholder{color:#656b7c}.placeholder\\:text-\\[\\#656b7c\\]::placeholder{color:#656b7c}.placeholder\\:text-gray-text::-ms-input-placeholder{color:var(--blok-gray-text)}.placeholder\\:text-gray-text::placeholder{color:var(--blok-gray-text)}.placeholder\\:text-gray-text\\/60::-ms-input-placeholder{color:var(--blok-gray-text)}.placeholder\\:text-gray-text\\/60::placeholder{color:var(--blok-gray-text)}@supports (color:color-mix(in lab, red, red)){.placeholder\\:text-gray-text\\/60::-ms-input-placeholder{color:color-mix(in oklab, var(--blok-gray-text) 60%, transparent)}.placeholder\\:text-gray-text\\/60::placeholder{color:color-mix(in oklab, var(--blok-gray-text) 60%, transparent)}}.before\\:absolute:before{content:var(--tw-content);position:absolute}.before\\:inset-0:before{content:var(--tw-content);inset:calc(var(--spacing) * 0)}.before\\:top-0:before{content:var(--tw-content);top:calc(var(--spacing) * 0)}.before\\:left-0:before{content:var(--tw-content);left:calc(var(--spacing) * 0)}.before\\:-z-10:before{content:var(--tw-content);z-index:calc(10 * -1)}.before\\:m-\\[3px\\]:before{content:var(--tw-content);margin:3px}.before\\:block:before{content:var(--tw-content);display:block}.before\\:h-\\[calc\\(100\\%-6px\\)\\]:before{content:var(--tw-content);height:calc(100% - 6px)}.before\\:w-\\[3px\\]:before{content:var(--tw-content);width:3px}.before\\:rounded-\\[5px\\]:before{content:var(--tw-content);border-radius:5px}.before\\:rounded-lg:before{content:var(--tw-content);border-radius:var(--radius-lg)}.before\\:bg-\\[\\#41ffb1\\]\\!:before{content:var(--tw-content);background-color:#41ffb1!important}.before\\:bg-\\[\\#fb5d5d\\]\\!:before{content:var(--tw-content);background-color:#fb5d5d!important}.before\\:bg-tooltip-bg:before{content:var(--tw-content);background-color:var(--blok-tooltip-bg)}.before\\:bg-transparent:before{content:var(--tw-content);background-color:transparent}.before\\:content-\\[\\\"\\\"\\]:before{--tw-content:\"\";content:var(--tw-content)}.before\\:content-\\[\\\\\\'\\\\\\'\\]:before{--tw-content:\\'\\';content:var(--tw-content)}.after\\:pointer-events-none:after{content:var(--tw-content);pointer-events:none}.after\\:absolute:after{content:var(--tw-content);position:absolute}.after\\:right-0:after{content:var(--tw-content);right:calc(var(--spacing) * 0)}.after\\:-bottom-10:after{content:var(--tw-content);bottom:calc(var(--spacing) * -10)}.after\\:left-0:after{content:var(--tw-content);left:calc(var(--spacing) * 0)}.after\\:h-10:after{content:var(--tw-content);height:calc(var(--spacing) * 10)}.after\\:content-\\[\\\"\\\"\\]:after{--tw-content:\"\";content:var(--tw-content)}.first\\:mt-0:first-child{margin-top:calc(var(--spacing) * 0)}.last\\:mb-0:last-child{margin-bottom:calc(var(--spacing) * 0)}.last\\:ml-2\\.5:last-child{margin-left:calc(var(--spacing) * 2.5)}.last\\:pb-0:last-child{padding-bottom:calc(var(--spacing) * 0)}.empty\\:before\\:pointer-events-none:empty:before{content:var(--tw-content);pointer-events:none}.empty\\:before\\:cursor-text:empty:before{content:var(--tw-content);cursor:text}.empty\\:before\\:text-gray-text:empty:before{content:var(--tw-content);color:var(--blok-gray-text)}.empty\\:before\\:content-\\[attr\\(data-blok-placeholder\\)\\]:empty:before{--tw-content:attr(data-blok-placeholder);content:var(--tw-content)}.empty\\:before\\:content-\\[attr\\(data-blok-placeholder-active\\)\\]:empty:before{--tw-content:attr(data-blok-placeholder-active);content:var(--tw-content)}.empty\\:before\\:content-\\[attr\\(data-placeholder\\)\\]:empty:before{--tw-content:attr(data-placeholder);content:var(--tw-content)}.focus-within\\:border-search-input-focus-border:focus-within{border-color:var(--blok-search-input-focus-border)}.focus-within\\:bg-popover-bg:focus-within{background-color:var(--blok-popover-bg)}.focus-within\\:shadow-\\[0_0_0_2px_rgba\\(35\\,131\\,226\\,0\\.08\\)\\]:focus-within{--tw-shadow:0 0 0 2px var(--tw-shadow-color,rgba(35,131,226,.08));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@media (hover:hover){.hover\\:border-\\[\\#ccc\\]:hover{border-color:#ccc}.hover\\:bg-\\[\\#2db583\\]:hover{background-color:#2db583}.hover\\:bg-\\[\\#e9ecee\\]:hover{background-color:#e9ecee}.hover\\:bg-\\[\\#f7f7f8\\]:hover{background-color:#f7f7f8}.hover\\:bg-black\\/5:hover{background-color:rgba(0,0,0,.05)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-black\\/5:hover{background-color:color-mix(in oklab, var(--color-black) 5%, transparent)}}.hover\\:bg-item-hover-bg:hover,.hover\\:bg-item-hover-bg\\/50:hover{background-color:var(--blok-item-hover-bg)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-item-hover-bg\\/50:hover{background-color:color-mix(in oklab, var(--blok-item-hover-bg) 50%, transparent)}}.hover\\:text-\\[\\#333\\]:hover{color:#333}.hover\\:opacity-100:hover{opacity:1}.hover\\:ring-2:hover{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\\:ring-black\\/10:hover{--tw-ring-color:rgba(0,0,0,.1)}@supports (color:color-mix(in lab, red, red)){.hover\\:ring-black\\/10:hover{--tw-ring-color:color-mix(in oklab, var(--color-black) 10%, transparent)}}}.focus\\:placeholder\\:text-\\[rgba\\(101\\,107\\,124\\,0\\.3\\)\\]:focus::-ms-input-placeholder{color:rgba(101,107,124,.3)}.focus\\:placeholder\\:text-\\[rgba\\(101\\,107\\,124\\,0\\.3\\)\\]:focus::placeholder{color:rgba(101,107,124,.3)}.empty\\:focus\\:before\\:pointer-events-none:empty:focus:before{content:var(--tw-content);pointer-events:none}.empty\\:focus\\:before\\:cursor-text:empty:focus:before{content:var(--tw-content);cursor:text}.empty\\:focus\\:before\\:text-gray-text:empty:focus:before{content:var(--tw-content);color:var(--blok-gray-text)}.empty\\:focus\\:before\\:content-\\[attr\\(data-blok-placeholder-active\\)\\]:empty:focus:before{--tw-content:attr(data-blok-placeholder-active);content:var(--tw-content)}.focus-visible\\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\\:ring-blue-500:focus-visible{--tw-ring-color:var(--color-blue-500)}.focus-visible\\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\\:cursor-grabbing:active{cursor:grabbing}:where([data-blok-empty=true]) .empty\\:in-data-\\[blok-empty\\=true\\]\\:before\\:pointer-events-none:empty:before{content:var(--tw-content);pointer-events:none}:where([data-blok-empty=true]) .empty\\:in-data-\\[blok-empty\\=true\\]\\:before\\:cursor-text:empty:before{content:var(--tw-content);cursor:text}:where([data-blok-empty=true]) .empty\\:in-data-\\[blok-empty\\=true\\]\\:before\\:text-gray-text:empty:before{content:var(--tw-content);color:var(--blok-gray-text)}:where([data-blok-empty=true]) .empty\\:in-data-\\[blok-empty\\=true\\]\\:before\\:content-\\[attr\\(data-blok-placeholder-active\\)\\]:empty:before{--tw-content:attr(data-blok-placeholder-active);content:var(--tw-content)}.data-blok-force-hover\\:cursor-pointer[data-blok-force-hover]{cursor:pointer}.data-blok-force-hover\\:bg-item-hover-bg[data-blok-force-hover]{background-color:var(--blok-item-hover-bg)}.data-blok-popover-item-active\\:bg-icon-active-bg[data-blok-popover-item-active]{background-color:var(--blok-icon-active-bg)}.data-blok-popover-item-active\\:text-icon-active-text[data-blok-popover-item-active]{color:var(--blok-icon-active-text)}.data-blok-popover-item-no-hover\\:cursor-default[data-blok-popover-item-no-hover]{cursor:default}@media (hover:hover){.data-blok-popover-item-no-hover\\:hover\\:bg-transparent[data-blok-popover-item-no-hover]:hover{background-color:transparent}}.data-\\[blok-dragging\\=true\\]\\:cursor-grabbing[data-blok-dragging=true]{cursor:grabbing}.data-\\[blok-empty\\=true\\]\\:before\\:pointer-events-none[data-blok-empty=true]:before{content:var(--tw-content);pointer-events:none}.data-\\[blok-empty\\=true\\]\\:before\\:cursor-text[data-blok-empty=true]:before{content:var(--tw-content);cursor:text}.data-\\[blok-empty\\=true\\]\\:before\\:text-gray-text[data-blok-empty=true]:before{content:var(--tw-content);color:var(--blok-gray-text)}.data-\\[blok-empty\\=true\\]\\:before\\:content-\\[attr\\(data-blok-placeholder\\)\\][data-blok-empty=true]:before{--tw-content:attr(data-blok-placeholder);content:var(--tw-content)}.data-\\[blok-empty\\=true\\]\\:before\\:content-\\[attr\\(data-placeholder\\)\\][data-blok-empty=true]:before{--tw-content:attr(data-placeholder);content:var(--tw-content)}.data-\\[blok-focused\\=\\\"true\\\"\\]\\:bg-item-focus-bg[data-blok-focused=true]{background-color:var(--blok-item-focus-bg)}:is(.\\*\\*\\:data-\\[blok-tool\\=stub\\]\\:opacity-55 *)[data-blok-tool=stub]{opacity:.55}.data-\\[empty\\=true\\]\\:before\\:pointer-events-none[data-empty=true]:before{content:var(--tw-content);pointer-events:none}.data-\\[empty\\=true\\]\\:before\\:cursor-text[data-empty=true]:before{content:var(--tw-content);cursor:text}.data-\\[empty\\=true\\]\\:before\\:text-gray-text[data-empty=true]:before{content:var(--tw-content);color:var(--blok-gray-text)}.data-\\[empty\\=true\\]\\:before\\:content-\\[attr\\(data-blok-placeholder-active\\)\\][data-empty=true]:before{--tw-content:attr(data-blok-placeholder-active);content:var(--tw-content)}@media not all and (min-width:48rem){.max-md\\:px-5{padding-inline:calc(var(--spacing) * 5)}}@media (max-width:650px){.mobile\\:absolute{position:absolute}.mobile\\:right-auto{right:auto}.mobile\\:z-2{z-index:2}.mobile\\:hidden{display:none}.mobile\\:h-toolbox-btn-mobile{height:var(--spacing-toolbox-btn-mobile)}.mobile\\:w-toolbox-btn-mobile{width:var(--spacing-toolbox-btn-mobile)}.mobile\\:rounded-\\[6px\\]{border-radius:6px}.mobile\\:border{border-style:var(--tw-border-style);border-width:1px}.mobile\\:border-mobile-border{border-color:var(--blok-mobile-border)}.mobile\\:bg-popover-bg{background-color:var(--blok-popover-bg)}.mobile\\:p-1{padding:calc(var(--spacing) * 1)}.mobile\\:text-\\[15px\\]{font-size:15px}.mobile\\:font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.mobile\\:shadow-overlay-pane{--tw-shadow:0 3px 15px -3px var(--tw-shadow-color,rgba(13,20,33,.13));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.mobile\\:group-data-\\[blok-rtl\\=true\\]\\:mr-auto:is(:where(.group)[data-blok-rtl=true] *){margin-right:auto}.mobile\\:group-data-\\[blok-rtl\\=true\\]\\:ml-0:is(:where(.group)[data-blok-rtl=true] *){margin-left:calc(var(--spacing) * 0)}.mobile\\:group-data-\\[blok-rtl\\=true\\]\\:pr-0:is(:where(.group)[data-blok-rtl=true] *){padding-right:calc(var(--spacing) * 0)}.mobile\\:group-data-\\[blok-rtl\\=true\\]\\:pl-\\[10px\\]:is(:where(.group)[data-blok-rtl=true] *){padding-left:10px}}@media (min-width:651px){.not-mobile\\:w-6{width:calc(var(--spacing) * 6)}.not-mobile\\:group-data-\\[blok-narrow\\=true\\]\\:ml-\\(--spacing-narrow-mode-padding\\):is(:where(.group)[data-blok-narrow=true] *){margin-left:var(--spacing-narrow-mode-padding)}.not-mobile\\:group-data-\\[blok-rtl\\=true\\]\\:group-data-\\[blok-narrow\\=true\\]\\:mr-\\(--spacing-narrow-mode-padding\\):is(:where(.group)[data-blok-rtl=true] *):is(:where(.group)[data-blok-narrow=true] *){margin-right:var(--spacing-narrow-mode-padding)}.not-mobile\\:group-data-\\[blok-rtl\\=true\\]\\:group-data-\\[blok-narrow\\=true\\]\\:ml-0:is(:where(.group)[data-blok-rtl=true] *):is(:where(.group)[data-blok-narrow=true] *){margin-left:calc(var(--spacing) * 0)}}@media (hover:hover){@media (hover:hover){.can-hover\\:hover\\:cursor-grab:hover{cursor:grab}.can-hover\\:hover\\:cursor-pointer:hover{cursor:pointer}.can-hover\\:hover\\:bg-bg-light:hover{background-color:var(--blok-bg-light)}.can-hover\\:hover\\:bg-item-hover-bg:hover{background-color:var(--blok-item-hover-bg)}.can-hover\\:hover\\:group-data-\\[blok-block-settings-opened\\=true\\]\\:cursor-pointer:hover:is(:where(.group)[data-blok-block-settings-opened=true] *){cursor:pointer}.can-hover\\:hover\\:group-data-\\[blok-toolbox-opened\\=true\\]\\:cursor-pointer:hover:is(:where(.group)[data-blok-toolbox-opened=true] *){cursor:pointer}.can-hover\\:data-blok-popover-item-destructive\\:hover\\:bg-item-destructive-hover-bg[data-blok-popover-item-destructive]:hover{background-color:var(--blok-item-destructive-hover-bg)}.can-hover\\:data-blok-popover-item-destructive\\:hover\\:text-item-destructive-text[data-blok-popover-item-destructive]:hover{color:var(--blok-item-destructive-text)}}}.\\[\\&_\\:\\:selection\\]\\:bg-selection-inline ::-moz-selection{background-color:var(--blok-selection-inline)}.\\[\\&_\\:\\:selection\\]\\:bg-selection-inline ::selection{background-color:var(--blok-selection-inline)}.\\[\\&_\\[contenteditable\\]\\:empty\\]\\:after\\:content-\\[\\\"\\\\\\\\feff_\\\"\\] [contenteditable]:empty:after{--tw-content:\"\\\\feff \";content:var(--tw-content)}.\\[\\&_a\\]\\:cursor-pointer a{cursor:pointer}.\\[\\&_a\\]\\:text-link a{color:var(--blok-link)}.\\[\\&_a\\]\\:underline a{-webkit-text-decoration-line:underline;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:calc(var(--spacing) * 0)!important}.\\[\\&_div\\]\\:p-0\\! div{padding:calc(var(--spacing) * 0)!important}.\\[\\&_i\\]\\:italic i{font-style:italic}.\\[\\&_img\\]\\:opacity-55 img{opacity:.55}.\\[\\&_p\\]\\:m-0\\! p{margin:calc(var(--spacing) * 0)!important}.\\[\\&_p\\]\\:p-0\\! p{padding:calc(var(--spacing) * 0)!important}.\\[\\&_path\\]\\:stroke-current path{stroke:currentColor}.\\[\\&_svg\\]\\:block svg{display:block}.\\[\\&_svg\\]\\:size-icon svg{width:var(--spacing-icon);height:var(--spacing-icon)}.\\[\\&_svg\\]\\:h-3 svg{height:calc(var(--spacing) * 3)}.\\[\\&_svg\\]\\:h-6 svg{height:calc(var(--spacing) * 6)}.\\[\\&_svg\\]\\:h-7 svg{height:calc(var(--spacing) * 7)}.\\[\\&_svg\\]\\:h-\\[22px\\] svg{height:22px}.\\[\\&_svg\\]\\:h-icon svg{height:var(--spacing-icon)}.\\[\\&_svg\\]\\:max-h-full svg{max-height:100%}.\\[\\&_svg\\]\\:w-3 svg{width:calc(var(--spacing) * 3)}.\\[\\&_svg\\]\\:w-6 svg{width:calc(var(--spacing) * 6)}.\\[\\&_svg\\]\\:w-7 svg{width:calc(var(--spacing) * 7)}.\\[\\&_svg\\]\\:w-\\[22px\\] svg{width:22px}.\\[\\&_svg\\]\\:w-icon svg{width:var(--spacing-icon)}.\\[\\&_svg\\]\\:text-gray-text svg{color:var(--blok-gray-text)}@media (max-width:650px){.mobile\\:\\[\\&_svg\\]\\:h-icon-mobile svg{height:var(--spacing-icon-mobile)}.mobile\\:\\[\\&_svg\\]\\:w-icon-mobile svg{width:var(--spacing-icon-mobile)}}@media (hover:hover){@media (hover:hover){.can-hover\\:hover\\:\\[\\&_svg\\]\\:text-dark:hover svg{color:var(--blok-dark)}}}:is(.\\*\\*\\:\\[\\[contenteditable\\]\\]\\:select-none *)[contenteditable]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:is(.\\*\\*\\:\\[\\[hidden\\]\\]\\:hidden\\! *)[hidden]{display:none!important}.\\[\\&\\>p\\:first-of-type\\]\\:mt-0>p:first-of-type{margin-top:calc(var(--spacing) * 0)}.\\[\\&\\>p\\:last-of-type\\]\\:mb-0>p:last-of-type{margin-bottom:calc(var(--spacing) * 0)}.\\[\\&\\[data-blok-popover-item-destructive\\]\\[data-blok-focused\\=\\\"true\\\"\\]\\]\\:bg-item-destructive-hover-bg[data-blok-popover-item-destructive][data-blok-focused=true]{background-color:var(--blok-item-destructive-hover-bg)}.\\[\\&\\[data-blok-popover-item-destructive\\]\\[data-blok-focused\\=\\\"true\\\"\\]\\]\\:text-item-destructive-text[data-blok-popover-item-destructive][data-blok-focused=true]{color:var(--blok-item-destructive-text)}.\\[\\&\\[data-blok-popover-item-destructive\\]\\[data-blok-force-hover\\]\\]\\:bg-item-destructive-hover-bg[data-blok-popover-item-destructive][data-blok-force-hover]{background-color:var(--blok-item-destructive-hover-bg)}.\\[\\&\\[data-blok-popover-item-destructive\\]\\[data-blok-force-hover\\]\\]\\:text-item-destructive-text[data-blok-popover-item-destructive][data-blok-force-hover]{color:var(--blok-item-destructive-text)}.\\[\\&\\[data-blok-toolbox-opened\\=true\\]_\\[contentEditable\\=true\\]\\[data-blok-placeholder\\]\\:focus\\]\\:before\\:opacity-0\\![data-blok-toolbox-opened=true] [contentEditable=\"true\"][data-blok-placeholder]:focus:before{content:var(--tw-content);opacity:0!important}.\\[\\&\\[data-empty\\=true\\]\\:focus\\]\\:before\\:pointer-events-none[data-empty=true]:focus:before{content:var(--tw-content);pointer-events:none}.\\[\\&\\[data-empty\\=true\\]\\:focus\\]\\:before\\:cursor-text[data-empty=true]:focus:before{content:var(--tw-content);cursor:text}.\\[\\&\\[data-empty\\=true\\]\\:focus\\]\\:before\\:text-gray-text[data-empty=true]:focus:before{content:var(--tw-content);color:var(--blok-gray-text)}.\\[\\&\\[data-empty\\=true\\]\\:focus\\]\\:before\\:content-\\[attr\\(data-blok-placeholder-active\\)\\][data-empty=true]:focus:before{--tw-content:attr(data-blok-placeholder-active);content:var(--tw-content)}[data-blok-empty=true] .\\[\\[data-blok-empty\\=true\\]_\\&\\[data-empty\\=true\\]\\]\\:before\\:pointer-events-none[data-empty=true]:before{content:var(--tw-content);pointer-events:none}[data-blok-empty=true] .\\[\\[data-blok-empty\\=true\\]_\\&\\[data-empty\\=true\\]\\]\\:before\\:cursor-text[data-empty=true]:before{content:var(--tw-content);cursor:text}[data-blok-empty=true] .\\[\\[data-blok-empty\\=true\\]_\\&\\[data-empty\\=true\\]\\]\\:before\\:text-gray-text[data-empty=true]:before{content:var(--tw-content);color:var(--blok-gray-text)}[data-blok-empty=true] .\\[\\[data-blok-empty\\=true\\]_\\&\\[data-empty\\=true\\]\\]\\:before\\:content-\\[attr\\(data-blok-placeholder-active\\)\\][data-empty=true]:before{--tw-content:attr(data-blok-placeholder-active);content:var(--tw-content)}[data-blok-interface=blok]{all:initial!important;box-sizing:border-box!important;z-index:1!important;display:block!important;position:relative!important}[data-blok-interface=blok][data-blok-rtl=true]{direction:rtl!important}[data-blok-interface=blok],[data-blok-interface=tooltip]{font-family:var(--blok-font-family,ui-sans-serif, system-ui, sans-serif)!important;color:var(--blok-text-primary)!important}[data-blok-interface=blok],[data-blok-interface=tooltip],[data-blok-popover]{--radius:.25rem;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-4xl:2rem}[data-blok-popover]:not([data-blok-popover-inline]),[data-blok-interface=tooltip]{color:initial!important;font-family:var(--blok-font-family,ui-sans-serif, system-ui, sans-serif)!important;font-size:initial!important;font-weight:initial!important;font-style:initial!important;font-variant:initial!important;font-stretch:initial!important;line-height:initial!important;letter-spacing:initial!important;word-spacing:initial!important;text-align:initial!important;text-indent:initial!important;text-transform:initial!important;-webkit-text-decoration:initial!important;-webkit-text-decoration:initial!important;-webkit-text-decoration:initial!important;text-decoration:initial!important;text-shadow:initial!important;white-space:initial!important;word-break:initial!important;overflow-wrap:initial!important;cursor:initial!important;pointer-events:initial!important;user-select:initial!important;direction:initial!important;list-style:initial!important;quotes:initial!important;border-collapse:initial!important;border-spacing:initial!important;empty-cells:initial!important;caption-side:initial!important;scrollbar-width:initial!important;scrollbar-color:initial!important}:where([data-blok-interface],[data-blok-popover]) *{box-sizing:border-box;border:0 solid;margin:0;padding:0}:where([data-blok-interface],[data-blok-popover]) :after{box-sizing:border-box;border:0 solid;margin:0;padding:0}:where([data-blok-interface],[data-blok-popover]) :before{box-sizing:border-box;border:0 solid;margin:0;padding:0}:where([data-blok-interface],[data-blok-popover]) ::-ms-backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}:where([data-blok-interface],[data-blok-popover]) ::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}:where([data-blok-interface],[data-blok-popover]) ::-webkit-file-upload-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:where([data-blok-interface],[data-blok-popover]) ::-ms-browse{box-sizing:border-box;border:0 solid;margin:0;padding:0}:where([data-blok-interface],[data-blok-popover]) ::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:where([data-blok-interface],[data-blok-popover]) hr{height:0;color:inherit;border-top-width:1px}:where([data-blok-interface],[data-blok-popover]) abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}[data-blok-interface] :-webkit-any(h1,h2,h3,h4,h5,h6){letter-spacing:inherit!important;font-family:inherit!important}[data-blok-interface] :-moz-any(h1,h2,h3,h4,h5,h6){letter-spacing:inherit!important;font-family:inherit!important}[data-blok-interface] :is(h1,h2,h3,h4,h5,h6){letter-spacing:inherit!important;font-family:inherit!important}[data-blok-popover] :-webkit-any(h1,h2,h3,h4,h5,h6){letter-spacing:inherit!important;font-family:inherit!important}[data-blok-popover] :-moz-any(h1,h2,h3,h4,h5,h6){letter-spacing:inherit!important;font-family:inherit!important}[data-blok-popover] :is(h1,h2,h3,h4,h5,h6){letter-spacing:inherit!important;font-family:inherit!important}:where([data-blok-interface],[data-blok-popover]) a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}:where([data-blok-interface],[data-blok-popover]) :-webkit-any(b,strong){font-weight:bolder}:where([data-blok-interface],[data-blok-popover]) :-moz-any(b,strong){font-weight:bolder}:where([data-blok-interface],[data-blok-popover]) :is(b,strong){font-weight:bolder}:where([data-blok-interface],[data-blok-popover]) :-webkit-any(code,kbd,samp,pre){font-family:var(--default-mono-font-family,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]) :-moz-any(code,kbd,samp,pre){font-family:var(--default-mono-font-family,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]) :is(code,kbd,samp,pre){font-family:var(--default-mono-font-family,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]) small{font-size:80%}:where([data-blok-interface],[data-blok-popover]) :-webkit-any(sub,sup){vertical-align:baseline;font-size:75%;line-height:0;position:relative}:where([data-blok-interface],[data-blok-popover]) :-moz-any(sub,sup){vertical-align:baseline;font-size:75%;line-height:0;position:relative}:where([data-blok-interface],[data-blok-popover]) :is(sub,sup){vertical-align:baseline;font-size:75%;line-height:0;position:relative}:where([data-blok-interface],[data-blok-popover]) sub{bottom:-.25em}:where([data-blok-interface],[data-blok-popover]) sup{top:-.5em}:where([data-blok-interface],[data-blok-popover]) table{text-indent:0;border-color:inherit;border-collapse:collapse}:where([data-blok-interface],[data-blok-popover]) :-moz-focusring{outline:auto}:where([data-blok-interface],[data-blok-popover]) progress{vertical-align:baseline}:where([data-blok-interface],[data-blok-popover]) summary{display:list-item}:where([data-blok-interface],[data-blok-popover]) :-webkit-any(ol,ul,menu){list-style:none}:where([data-blok-interface],[data-blok-popover]) :-moz-any(ol,ul,menu){list-style:none}:where([data-blok-interface],[data-blok-popover]) :is(ol,ul,menu){list-style:none}:where([data-blok-interface],[data-blok-popover]) :-webkit-any(img,svg,video,canvas,audio,iframe,embed,object){vertical-align:middle;display:block}:where([data-blok-interface],[data-blok-popover]) :-moz-any(img,svg,video,canvas,audio,iframe,embed,object){vertical-align:middle;display:block}:where([data-blok-interface],[data-blok-popover]) :is(img,svg,video,canvas,audio,iframe,embed,object){vertical-align:middle;display:block}:where([data-blok-interface],[data-blok-popover]) :-webkit-any(img,video){max-width:100%;height:auto}:where([data-blok-interface],[data-blok-popover]) :-moz-any(img,video){max-width:100%;height:auto}:where([data-blok-interface],[data-blok-popover]) :is(img,video){max-width:100%;height:auto}:where([data-blok-interface],[data-blok-popover]) :-webkit-any(button,input,select,optgroup,textarea){font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:transparent;border-radius:0}:where([data-blok-interface],[data-blok-popover]) :-moz-any(button,input,select,optgroup,textarea){font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:transparent;border-radius:0}:where([data-blok-interface],[data-blok-popover]) :is(button,input,select,optgroup,textarea){font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:transparent;border-radius:0}:where([data-blok-interface],[data-blok-popover]) :where(select:-webkit-any([multiple],[size])) optgroup{font-weight:bolder}:where([data-blok-interface],[data-blok-popover]) :where(select:-moz-any([multiple],[size])) optgroup{font-weight:bolder}:where([data-blok-interface],[data-blok-popover]) :where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where([data-blok-interface],[data-blok-popover]) :where(select:-webkit-any([multiple],[size])) optgroup option:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:20px}:where([data-blok-interface],[data-blok-popover]) :where(select:-moz-any([multiple],[size])) optgroup option:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:20px}:where([data-blok-interface],[data-blok-popover]) :where(select:is([multiple],[size])) optgroup option:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:20px}:where([data-blok-interface],[data-blok-popover]) :where(select:-webkit-any([multiple],[size])) optgroup option:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:20px}:where([data-blok-interface],[data-blok-popover]) :where(select:-moz-any([multiple],[size])) optgroup option:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:20px}:where([data-blok-interface],[data-blok-popover]) :where(select:is([multiple],[size])) optgroup option:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:20px}:where([data-blok-interface],[data-blok-popover]) :dir(ltr)::file-selector-button{margin-right:4px}:where([data-blok-interface],[data-blok-popover]) :dir(rtl)::file-selector-button{margin-left:4px}:where([data-blok-interface],[data-blok-popover]) ::-ms-input-placeholder{opacity: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]) ::-ms-input-placeholder{color:currentColor}:where([data-blok-interface],[data-blok-popover]) ::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){:where([data-blok-interface],[data-blok-popover]) ::-ms-input-placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}:where([data-blok-interface],[data-blok-popover]) ::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}:where([data-blok-interface],[data-blok-popover]) textarea{resize:vertical}:where([data-blok-interface],[data-blok-popover]) ::-webkit-search-decoration{-webkit-appearance:none}: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]) :-webkit-any(){padding-top:0;padding-bottom:0}:where([data-blok-interface],[data-blok-popover]) :-moz-any(){padding-top:0;padding-bottom:0}:where([data-blok-interface],[data-blok-popover]) :is(){padding-top:0;padding-bottom: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]) :-webkit-any(button,input:where([type=button],[type=reset],[type=submit])){-webkit-appearance:button;-moz-appearance:button;-ms-appearance:button;appearance:button}:where([data-blok-interface],[data-blok-popover]) :-moz-any(button,input:where([type=button],[type=reset],[type=submit])){-webkit-appearance:button;-moz-appearance:button;-ms-appearance:button;appearance:button}:where([data-blok-interface],[data-blok-popover]) :is(button,input:where([type=button],[type=reset],[type=submit])){-webkit-appearance:button;-moz-appearance:button;-ms-appearance:button;appearance:button}:where([data-blok-interface],[data-blok-popover]) :-webkit-any(){height:auto}:where([data-blok-interface],[data-blok-popover]) :-moz-any(){height:auto}:where([data-blok-interface],[data-blok-popover]) :is(){height:auto}:where([data-blok-interface],[data-blok-popover]) [hidden]:where(:not([hidden=until-found])){display:none!important}[data-blok-interface] :focus:not(:focus-visible){outline:none}[data-blok-popover] :focus:not(:focus-visible){outline:none}[data-blok-interface] :-webkit-any([contenteditable],input,textarea):focus-visible{outline:none}[data-blok-interface] :-moz-any([contenteditable],input,textarea):focus-visible{outline:none}[data-blok-interface] :is([contenteditable],input,textarea):focus-visible{outline:none}[data-blok-popover] :-webkit-any([contenteditable],input,textarea):focus-visible{outline:none}[data-blok-popover] :-moz-any([contenteditable],input,textarea):focus-visible{outline:none}[data-blok-popover] :is([contenteditable],input,textarea):focus-visible{outline:none}[data-blok-interface] :focus-visible{outline:revert;outline-offset:revert;border-radius:revert}[data-blok-popover] :focus-visible{outline:revert;outline-offset:revert;border-radius:revert}[data-blok-interface] ::-moz-selection{background-color:revert;color:revert}[data-blok-interface] ::selection{background-color:revert;color:revert}[data-blok-popover] ::-moz-selection{background-color:revert;color:revert}[data-blok-popover] ::selection{background-color:revert;color:revert}[data-blok-interface] ::-webkit-scrollbar{width:revert;height:revert;background-color:revert}[data-blok-popover] ::-webkit-scrollbar{width:revert;height:revert;background-color:revert}@layer utilities{.max-w-blok-content{max-width:var(--blok-content-width,var(--max-width-content))}}[data-blok-interface],[data-blok-popover]{--blok-selection:#e1f2ff;--blok-selection-inline:#d4ecff;--blok-selection-highlight:rgba(46,170,220,.2);--blok-bg-light:#eff2f5;--blok-gray-text:#707684;--blok-dark:#1d202b;--blok-active-icon:#2383e2;--blok-link:#2383e2;--blok-line-gray:#eff0f1;--blok-tooltip-bg:#1d202b;--blok-tooltip-font:#cdd1e0;--blok-icon-active-bg:rgba(35,131,226,.14);--blok-icon-active-text:#2383e2;--blok-text-primary:black;--blok-text-secondary:#707684;--blok-popover-border:rgba(55,53,47,.09);--blok-popover-shadow:rgba(13,20,33,.1);--blok-popover-bg:#fff;--blok-popover-border-icon:rgba(201,201,204,.48);--blok-popover-border-icon-disabled:#eff0f1;--blok-item-focus-bg:rgba(35,131,226,.14);--blok-item-focus-shadow:rgba(35,131,226,.14);--blok-item-hover-bg:rgba(55,53,47,.08);--blok-icon-bg:rgba(0,0,0,.04);--blok-item-confirm-bg:#e24a4a;--blok-item-confirm-hover-bg:#ce4343;--blok-item-destructive-text:#e24a4a;--blok-item-destructive-hover-bg:rgba(226,74,74,.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:#f8f8f8;--blok-search-input-border:rgba(226,226,229,.2);--blok-search-input-focus-border:rgba(35,131,226,.5);--blok-link-input-border:rgba(226,226,229,.2);--blok-popover-icon-bg:rgba(55,53,47,.06);--blok-popover-icon-active-bg:rgba(35,131,226,.1)}@media (prefers-color-scheme:dark){:root:not([data-blok-theme=light]) [data-blok-interface],:root:not([data-blok-theme=light]) [data-blok-popover]{--blok-selection:rgba(35,131,226,.2);--blok-selection-inline:rgba(35,131,226,.3);--blok-selection-highlight:rgba(35,131,226,.25);--blok-bg-light:#191918;--blok-gray-text:#a39e98;--blok-dark:#191918;--blok-active-icon:#529cca;--blok-link:#529cca;--blok-line-gray:#37352f;--blok-tooltip-bg:#191918;--blok-tooltip-font:#fff;--blok-icon-active-bg:rgba(35,131,226,.2);--blok-icon-active-text:#529cca;--blok-text-primary:#f0efed;--blok-text-secondary:#a39e98;--blok-popover-border:rgba(255,255,255,.07);--blok-popover-shadow:rgba(0,0,0,.6);--blok-popover-bg:#252525;--blok-popover-border-icon:#37352f;--blok-popover-border-icon-disabled:#2f2d29;--blok-item-focus-bg:rgba(35,131,226,.2);--blok-item-focus-shadow:rgba(35,131,226,.2);--blok-item-hover-bg:rgba(255,255,255,.055);--blok-icon-bg:rgba(255,255,255,.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,.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,.07);--blok-search-input-bg:#2f2f2f;--blok-search-input-border:rgba(255,255,255,.07);--blok-search-input-focus-border:rgba(35,131,226,.5);--blok-link-input-border:#37352f;--blok-popover-icon-bg:rgba(255,255,255,.08);--blok-popover-icon-active-bg:rgba(35,131,226,.15)}}[data-blok-theme=dark] [data-blok-interface],[data-blok-theme=dark] [data-blok-popover]{--blok-selection:rgba(35,131,226,.2);--blok-selection-inline:rgba(35,131,226,.3);--blok-selection-highlight:rgba(35,131,226,.25);--blok-bg-light:#191918;--blok-gray-text:#a39e98;--blok-dark:#191918;--blok-active-icon:#529cca;--blok-link:#529cca;--blok-line-gray:#37352f;--blok-tooltip-bg:#191918;--blok-tooltip-font:#fff;--blok-icon-active-bg:rgba(35,131,226,.2);--blok-icon-active-text:#529cca;--blok-text-primary:#f0efed;--blok-text-secondary:#a39e98;--blok-popover-border:rgba(255,255,255,.07);--blok-popover-shadow:rgba(0,0,0,.6);--blok-popover-bg:#252525;--blok-popover-border-icon:#37352f;--blok-popover-border-icon-disabled:#2f2d29;--blok-item-focus-bg:rgba(35,131,226,.2);--blok-item-focus-shadow:rgba(35,131,226,.2);--blok-item-hover-bg:rgba(255,255,255,.055);--blok-icon-bg:rgba(255,255,255,.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,.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,.07);--blok-search-input-bg:#2f2f2f;--blok-search-input-border:rgba(255,255,255,.07);--blok-search-input-focus-border:rgba(35,131,226,.5);--blok-link-input-border:#37352f;--blok-popover-icon-bg:rgba(255,255,255,.08);--blok-popover-icon-active-bg:rgba(35,131,226,.15)}:where([data-blok-interface],[data-blok-popover]) *{border-color:var(--color-gray-200,currentcolor)}:where([data-blok-interface],[data-blok-popover]) :after{border-color:var(--color-gray-200,currentcolor)}:where([data-blok-interface],[data-blok-popover]) :before{border-color:var(--color-gray-200,currentcolor)}:where([data-blok-interface],[data-blok-popover]) ::-ms-backdrop{border-color:var(--color-gray-200,currentcolor)}:where([data-blok-interface],[data-blok-popover]) ::backdrop{border-color:var(--color-gray-200,currentcolor)}:where([data-blok-interface],[data-blok-popover]) ::-webkit-file-upload-button{border-color:var(--color-gray-200,currentcolor)}:where([data-blok-interface],[data-blok-popover]) ::-ms-browse{border-color:var(--color-gray-200,currentcolor)}:where([data-blok-interface],[data-blok-popover]) ::file-selector-button{border-color:var(--color-gray-200,currentcolor)}[data-blok-navigation-focused=true]{width:var(--spacing-content-width);border-radius:var(--radius-md);background-color:var(--blok-item-focus-bg);max-width:100%;margin-left:auto;margin-right:auto}@media (hover:hover){[data-blok-item-name=delete]:hover{color:var(--blok-item-confirm-bg);transition-property:color,background-color,border-color,outline-color,-webkit-text-decoration-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))}}[data-drop-indicator]{position:relative}[data-drop-indicator]:before{pointer-events:none;z-index:10;height:calc(var(--spacing) * 1.5);width:100%;max-width:var(--max-width-content);border-radius:var(--radius-xs);--tw-content:\"\";content:var(--tw-content);margin-left:calc(var(--drop-indicator-depth,0) * 12px);max-width:calc(650px - var(--drop-indicator-depth,0) * 24px);background-color:#d4e3fc;position:absolute;left:50%}[data-drop-indicator=bottom]:before{bottom:calc(var(--spacing) * 0);transform:translate(-50%)translateY(50%)}[data-drop-indicator=top]:before{top:calc(var(--spacing) * 0);transform:translate(-50%)translateY(-50%)}@keyframes spring-loaded-flash{0%{background-color:var(--blok-selection)}to{background-color:transparent}}[data-blok-spring-loaded] [data-blok-element-content]{border-radius:4px;animation:.7s ease-out forwards spring-loaded-flash}[data-blok-dragging-multi=true] [data-blok-selected=true]{opacity:.4;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;transition-duration:.2s}[data-blok-selected=true] [data-blok-element-content]:has([data-list-style]){background-color:transparent}[data-blok-selected=true] [data-list-style] [role=listitem]{background-color:var(--blok-selection);border-radius:4px}[data-blok-selected=true] [data-list-style] [role=listitem] [contenteditable]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[data-blok-table-cell-blocks]>[data-blok-element]{margin-block:calc(var(--spacing) * 0);padding-block:calc(var(--spacing) * 0)}[data-blok-table-cell-blocks] .blok-block{margin:calc(var(--spacing) * 0);min-height:1.6em;padding:calc(var(--spacing) * 0)}[data-blok-table-cell] [data-blok-element-content]{transition-property:background-color,border-color,outline-color,-webkit-text-decoration-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to}[data-blok-table-heading] [data-blok-table-cell],[data-blok-table-heading-col]{background-color:var(--color-gray-50);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}[data-blok-table-haze][data-blok-table-haze-visible]{opacity:1}[data-blok-slash-search]{background-color:var(--blok-search-input-bg);max-width:240px;transition-property:color,background-color,border-color,outline-color,-webkit-text-decoration-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));--tw-duration:.15s;border-radius:4px;transition-duration:.15s}[data-blok-slash-search]:focus-visible{background-color:var(--blok-search-input-bg);max-width:240px;transition-property:color,background-color,border-color,outline-color,-webkit-text-decoration-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));--tw-duration:.15s;border-radius:4px;transition-duration:.15s}[data-blok-slash-search]:after{content:attr(data-blok-slash-search);pointer-events:none;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--blok-gray-text)}[data-blok-popover-items]{scrollbar-width:thin;scrollbar-color:var(--blok-popover-border) transparent}[data-blok-popover-items]::-webkit-scrollbar{width:4px}[data-blok-popover-items]::-webkit-scrollbar-track{background:0 0}[data-blok-popover-items]::-webkit-scrollbar-thumb{background:var(--blok-popover-border);border-radius:4px}[data-blok-popover-items]::-webkit-scrollbar-thumb:hover{background:var(--blok-gray-text)}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 transparent}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 transparent}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 transparent}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 transparent}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 transparent}@property --tw-content{syntax:\"*\";inherits:false;initial-value:\"\"}@property --tw-leading{syntax:\"*\";inherits:false}@property --tw-translate-x{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-y{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-z{syntax:\"*\";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:\"*\";inherits:false}@property --tw-rotate-y{syntax:\"*\";inherits:false}@property --tw-rotate-z{syntax:\"*\";inherits:false}@property --tw-skew-x{syntax:\"*\";inherits:false}@property --tw-skew-y{syntax:\"*\";inherits:false}@property --tw-gradient-position{syntax:\"*\";inherits:false}@property --tw-gradient-from{syntax:\"<color>\";inherits:false;initial-value:transparent}@property --tw-gradient-via{syntax:\"<color>\";inherits:false;initial-value:transparent}@property --tw-gradient-to{syntax:\"<color>\";inherits:false;initial-value:transparent}@property --tw-gradient-stops{syntax:\"*\";inherits:false}@property --tw-gradient-via-stops{syntax:\"*\";inherits:false}@property --tw-gradient-from-position{syntax:\"<length-percentage>\";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:\"<length-percentage>\";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:\"<length-percentage>\";inherits:false;initial-value:100%}@property --tw-font-weight{syntax:\"*\";inherits:false}@property --tw-tracking{syntax:\"*\";inherits:false}@property --tw-outline-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-blur{syntax:\"*\";inherits:false}@property --tw-brightness{syntax:\"*\";inherits:false}@property --tw-contrast{syntax:\"*\";inherits:false}@property --tw-grayscale{syntax:\"*\";inherits:false}@property --tw-hue-rotate{syntax:\"*\";inherits:false}@property --tw-invert{syntax:\"*\";inherits:false}@property --tw-opacity{syntax:\"*\";inherits:false}@property --tw-saturate{syntax:\"*\";inherits:false}@property --tw-sepia{syntax:\"*\";inherits:false}@property --tw-drop-shadow{syntax:\"*\";inherits:false}@property --tw-drop-shadow-color{syntax:\"*\";inherits:false}@property --tw-drop-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:\"*\";inherits:false}@property --tw-duration{syntax:\"*\";inherits:false}@property --tw-ease{syntax:\"*\";inherits:false}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes buttonClicked{0%{transform:scale3d(.95,.95,.95)}60%{transform:scale3d(1.02,1.02,1.02)}80%,to{transform:scale(1)}}@keyframes panelShowing{0%{opacity:0;transform:translateY(-6px)scale(.96)}60%{opacity:1;transform:translateY(1px)scale(1.005)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes panelShowingMobile{0%{opacity:0;transform:translateY(14px)scale(.98)}70%{opacity:1;transform:translateY(-4px)}to{transform:translateY(0)}}@keyframes wobble{0%{transform:translate(0)}15%{transform:translate(-9%)}30%{transform:translate(9%)}45%{transform:translate(-4%)}60%{transform:translate(4%)}75%{transform:translate(-1%)}to{transform:translate(0)}}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes notifySlideIn{0%{opacity:0;transform:translateY(16px)}70%{opacity:1;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}@keyframes notifySlideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(8px)}}@keyframes notifyProgress{0%{width:100%}to{width:0%}}", qd = class {
|
|
11538
|
+
var Kd = "/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */\n@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{--tw-border-style:solid;--tw-shadow:0 0 transparent;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 transparent;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 transparent;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 transparent;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 transparent;--tw-content:\"\";--tw-leading:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-gradient-position:initial;--tw-gradient-from:transparent;--tw-gradient-via:transparent;--tw-gradient-to:transparent;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-font-weight:initial;--tw-tracking:initial;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial}::-ms-backdrop{--tw-border-style:solid;--tw-shadow:0 0 transparent;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 transparent;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 transparent;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 transparent;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 transparent;--tw-content:\"\";--tw-leading:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-gradient-position:initial;--tw-gradient-from:transparent;--tw-gradient-via:transparent;--tw-gradient-to:transparent;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-font-weight:initial;--tw-tracking:initial;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial}::backdrop{--tw-border-style:solid;--tw-shadow:0 0 transparent;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 transparent;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 transparent;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 transparent;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 transparent;--tw-content:\"\";--tw-leading:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-gradient-position:initial;--tw-gradient-from:transparent;--tw-gradient-via:transparent;--tw-gradient-to:transparent;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-font-weight:initial;--tw-tracking:initial;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial}}}:root{--font-mono:\"PT Mono\", \"Menlo\", \"Monaco\", \"Consolas\", \"Courier New\", monospace;--color-red-500:#fb2c36;--color-blue-500:#3080ff;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5dc;--color-gray-400:#99a1af;--color-gray-500:#6a7282;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-4xl:56rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .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);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-widest:.1em;--leading-normal:1.5;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-mono-font-family:var(--font-mono);--z-index-overlay:999;--spacing-content-width:650px;--spacing-narrow-mode-padding:50px;--spacing-toolbox-btn:26px;--spacing-toolbox-btn-mobile:36px;--spacing-icon:20px;--spacing-icon-mobile:28px;--max-width-content:650px;--animate-button-clicked:buttonClicked .75s cubic-bezier(.215, .61, .355, 1) forwards;--animate-panel-showing:panelShowing .15s cubic-bezier(.16, 1, .3, 1);--animate-wobble:wobble .4s;--animate-rotation:rotation 1.2s infinite linear;--animate-notify-slide-in:notifySlideIn .4s cubic-bezier(.16, 1, .3, 1) both;--animate-notify-slide-out:notifySlideOut .25s cubic-bezier(.4, 0, 1, 1) both;--animate-notify-progress:notifyProgress linear forwards}@supports (color:color(display-p3 0 0 0)){:root{--color-red-500:color(display-p3 .903738 .262579 .253307);--color-blue-500:color(display-p3 .266422 .491219 .988624);--color-gray-50:color(display-p3 .977213 .98084 .985102);--color-gray-100:color(display-p3 .953567 .956796 .964321);--color-gray-200:color(display-p3 .899787 .906171 .92106);--color-gray-300:color(display-p3 .822033 .835264 .858521);--color-gray-400:color(display-p3 .605734 .630385 .680158);--color-gray-500:color(display-p3 .421287 .446085 .504784)}}@supports (color:lab(0% 0 0)){:root{--color-red-500:lab(55.4814% 75.0732 48.8528);--color-blue-500:lab(54.1736% 13.3369 -74.6839);--color-gray-50:lab(98.2596% -.247031 -.706708);--color-gray-100:lab(96.1596% -.0823438 -1.13575);--color-gray-200:lab(91.6229% -.159115 -2.26791);--color-gray-300:lab(85.1236% -.612259 -3.7138);--color-gray-400:lab(65.9269% -.832707 -8.17473);--color-gray-500:lab(47.7841% -.393182 -10.0268)}}:host{--font-mono:\"PT Mono\", \"Menlo\", \"Monaco\", \"Consolas\", \"Courier New\", monospace;--color-red-500:#fb2c36;--color-blue-500:#3080ff;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5dc;--color-gray-400:#99a1af;--color-gray-500:#6a7282;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-4xl:56rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .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);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-widest:.1em;--leading-normal:1.5;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-mono-font-family:var(--font-mono);--z-index-overlay:999;--spacing-content-width:650px;--spacing-narrow-mode-padding:50px;--spacing-toolbox-btn:26px;--spacing-toolbox-btn-mobile:36px;--spacing-icon:20px;--spacing-icon-mobile:28px;--max-width-content:650px;--animate-button-clicked:buttonClicked .75s cubic-bezier(.215, .61, .355, 1) forwards;--animate-panel-showing:panelShowing .15s cubic-bezier(.16, 1, .3, 1);--animate-wobble:wobble .4s;--animate-rotation:rotation 1.2s infinite linear;--animate-notify-slide-in:notifySlideIn .4s cubic-bezier(.16, 1, .3, 1) both;--animate-notify-slide-out:notifySlideOut .25s cubic-bezier(.4, 0, 1, 1) both;--animate-notify-progress:notifyProgress linear forwards}@supports (color:color(display-p3 0 0 0)){:host{--color-red-500:color(display-p3 .903738 .262579 .253307);--color-blue-500:color(display-p3 .266422 .491219 .988624);--color-gray-50:color(display-p3 .977213 .98084 .985102);--color-gray-100:color(display-p3 .953567 .956796 .964321);--color-gray-200:color(display-p3 .899787 .906171 .92106);--color-gray-300:color(display-p3 .822033 .835264 .858521);--color-gray-400:color(display-p3 .605734 .630385 .680158);--color-gray-500:color(display-p3 .421287 .446085 .504784)}}@supports (color:lab(0% 0 0)){:host{--color-red-500:lab(55.4814% 75.0732 48.8528);--color-blue-500:lab(54.1736% 13.3369 -74.6839);--color-gray-50:lab(98.2596% -.247031 -.706708);--color-gray-100:lab(96.1596% -.0823438 -1.13575);--color-gray-200:lab(91.6229% -.159115 -2.26791);--color-gray-300:lab(85.1236% -.612259 -3.7138);--color-gray-400:lab(65.9269% -.832707 -8.17473);--color-gray-500:lab(47.7841% -.393182 -10.0268)}}.blok-input{border-style:var(--tw-border-style);border-width:1px;border-color:var(--blok-line-gray);width:100%;padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2.5);--tw-shadow:inset 0 1px 2px 0 var(--tw-shadow-color,rgba(35,44,72,.06));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-outline-style:none;border-radius:3px;outline-style:none}@media (forced-colors:active){.blok-input{outline-offset:2px;outline:2px solid transparent}}.blok-input[data-blok-placeholder]:before{content:var(--tw-content);pointer-events:none;content:var(--tw-content);content:var(--tw-content);content:var(--tw-content);width:calc(var(--spacing) * 0);content:var(--tw-content);white-space:nowrap;display:inline-block;position:static!important}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.blok-loader{border-style:var(--tw-border-style);border-width:1px;border-color:var(--blok-line-gray);position:relative}.blok-loader:before{content:var(--tw-content);content:var(--tw-content);content:var(--tw-content);content:var(--tw-content);content:var(--tw-content);content:var(--tw-content);content:var(--tw-content);content:var(--tw-content);width:18px;height:18px;animation:var(--animate-rotation);content:var(--tw-content);content:var(--tw-content);border-style:var(--tw-border-style);content:var(--tw-content);border-width:2px;border-color:var(--blok-line-gray);content:var(--tw-content);border-left-color:var(--blok-active-icon);--tw-content:\"\";content:var(--tw-content);border-radius:3.40282e38px;margin-top:-11px;margin-left:-11px;position:absolute;top:50%;left:50%}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:-webkit-sticky;position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.inset-\\[auto_var\\(--offset\\)_calc\\(var\\(--offset\\)\\+env\\(safe-area-inset-bottom\\)\\)_var\\(--offset\\)\\]{inset:auto var(--offset) calc(var(--offset) + env(safe-area-inset-bottom)) var(--offset)}.start:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:var(--spacing)}.start:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:var(--spacing)}.start:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:var(--spacing)}.start:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--spacing)}.start:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--spacing)}.start:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--spacing)}.end:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:var(--spacing)}.end:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:var(--spacing)}.end:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:var(--spacing)}.end:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--spacing)}.end:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--spacing)}.end:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--spacing)}.top-\\(--popover-top\\){top:var(--popover-top)}.top-0{top:calc(var(--spacing) * 0)}.top-1\\/2{top:50%}.top-\\[2px\\]{top:2px}.top-\\[7px\\]{top:7px}.top-auto{top:auto}.right-0{right:calc(var(--spacing) * 0)}.right-1{right:calc(var(--spacing) * 1)}.right-5{right:calc(var(--spacing) * 5)}.right-\\[7px\\]{right:7px}.right-full{right:100%}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-1{bottom:calc(var(--spacing) * 1)}.bottom-5{bottom:calc(var(--spacing) * 5)}.left-\\(--popover-left\\){left:var(--popover-left)}.left-0{left:calc(var(--spacing) * 0)}.left-5{left:calc(var(--spacing) * 5)}.left-auto{left:auto}.z-0{z-index:0}.z-1{z-index:1}.z-2{z-index:2}.z-3{z-index:3}.z-4{z-index:4}.z-10{z-index:10}.z-10000{z-index:10000}.z-overlay{z-index:var(--z-index-overlay)}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.blok-settings-button{margin:calc(var(--spacing) * 0);min-height:var(--spacing-toolbox-btn);min-width:var(--spacing-toolbox-btn);cursor:pointer;border-style:var(--tw-border-style);vertical-align:bottom;color:inherit;--tw-outline-style:none;background-color:transparent;border-width:0;border-radius:3px;outline-style:none;justify-content:center;align-items:center;display:inline-flex}@media (forced-colors:active){.blok-settings-button{outline-offset:2px;outline:2px solid transparent}}@media (max-width:650px){.blok-settings-button{height:var(--spacing-toolbox-btn-mobile);width:var(--spacing-toolbox-btn-mobile);border-radius:var(--radius-lg)}}@media (hover:hover){@media (hover:hover){.blok-settings-button:hover{background-color:var(--blok-bg-light)}}}.blok-settings-button svg{width:auto;height:auto}@media (max-width:650px){.blok-settings-button svg{height:var(--spacing-icon-mobile);width:var(--spacing-icon-mobile)}}.-m-px{margin:-1px}.m-0{margin:calc(var(--spacing) * 0)}.m-0\\!{margin:calc(var(--spacing) * 0)!important}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-block:calc(var(--spacing) * 2)}.my-2\\.5{margin-block:calc(var(--spacing) * 2.5)}.my-4{margin-block:calc(var(--spacing) * 4)}.my-\\[-0\\.5em\\]{margin-top:-.5em;margin-bottom:-.5em}.blok-button{cursor:pointer;border-style:var(--tw-border-style);border-width:1px;border-color:var(--blok-line-gray);background-color:var(--color-white);text-align:center;color:var(--blok-gray-text);--tw-shadow:0 2px 2px 0 var(--tw-shadow-color,rgba(18,30,57,.04));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);border-radius:3px;padding:13px;font-size:14.9px}@media (hover:hover){.blok-button:hover{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,rgba(18,30,57,.08));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);background-color:#fbfcfe}}.blok-button svg{margin-top:calc(var(--spacing) * -.5);height:calc(var(--spacing) * 5);margin-right:.2em}.-mt-\\[5px\\]{margin-top:-5px}.mt-0\\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-\\[-5px\\]{margin-top:-5px}.mt-\\[2px\\]{margin-top:2px}.mt-\\[3px\\]{margin-top:3px}.mt-\\[5px\\]{margin-top:5px}.mt-\\[15px\\]{margin-top:15px}.mt-\\[30px\\]{margin-top:30px}.mt-\\[50px\\]{margin-top:50px}.mt-px{margin-top:1px}.mr-0\\!{margin-right:calc(var(--spacing) * 0)!important}.mr-2{margin-right:calc(var(--spacing) * 2)}.mr-2\\!{margin-right:calc(var(--spacing) * 2)!important}.mr-3{margin-right:calc(var(--spacing) * 3)}.mr-6{margin-right:calc(var(--spacing) * 6)}.mr-auto{margin-right:auto}.mb-0\\!{margin-bottom:calc(var(--spacing) * 0)!important}.mb-0\\.5{margin-bottom:calc(var(--spacing) * .5)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-1\\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-px{margin-bottom:1px}.ml-3\\.5{margin-left:calc(var(--spacing) * 3.5)}.ml-auto{margin-left:auto}.box-border{box-sizing:border-box}.blok-inline-tool-button{height:100%;width:calc(var(--spacing) * 7);cursor:pointer;border-style:var(--tw-border-style);padding:calc(var(--spacing) * 0);--tw-leading:var(--leading-normal);line-height:var(--leading-normal);color:var(--color-black);background-color:transparent;border-width:0;border-radius:.25rem;justify-content:center;align-items:center;display:flex}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table-cell{display:table-cell}.table-row{display:table-row}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-\\[2px\\]{height:2px}.h-\\[20px\\]{height:20px}.h-\\[26px\\]{height:26px}.h-\\[50px\\]{height:50px}.h-auto{height:auto}.h-fit{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.h-full{height:100%}.h-px{height:1px}.h-toolbox-btn{height:var(--spacing-toolbox-btn)}.max-h-\\(--max-height\\){max-height:var(--max-height)}.max-h-0{max-height:calc(var(--spacing) * 0)}.max-h-0\\!{max-height:calc(var(--spacing) * 0)!important}.max-h-5{max-height:calc(var(--spacing) * 5)}.max-h-9{max-height:calc(var(--spacing) * 9)}.max-h-none{max-height:none}.min-h-\\[2em\\]{min-height:2em}.w-\\(--width\\){width:var(--width)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-12{width:calc(var(--spacing) * 12)}.w-\\[22px\\]{width:22px}.w-\\[26px\\]{width:26px}.w-\\[34px\\]{width:34px}.w-\\[230px\\]{width:230px}.w-\\[280px\\]{width:280px}.w-auto{width:auto}.w-full{width:100%}.w-max{width:-webkit-max-content;width:-moz-max-content;width:max-content}.w-px{width:1px}.w-toolbox-btn{width:var(--spacing-toolbox-btn)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-\\[130px\\]{max-width:130px}.max-w-none{max-width:none}.min-w-\\(--width\\){min-width:var(--width)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-\\[calc\\(100\\%-\\(--spacing\\(6\\)\\)-10px\\)\\]{min-width:calc(100% - (calc(var(--spacing) * 6)) - 10px)}.min-w-\\[calc\\(100\\%-var\\(--offset\\)\\*2\\)\\]{min-width:calc(100% - var(--offset) * 2)}.min-w-max{min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.translate-x-full{--tw-translate-x:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.rotate-90{rotate:90deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-\\[fade-in_150ms_ease_forwards\\]{animation:.15s forwards fade-in}.animate-\\[panelShowingMobile_250ms_ease\\]{animation:.25s panelShowingMobile}.animate-none{animation:none}.animate-notify-progress{animation:var(--animate-notify-progress)}.animate-notify-slide-in{animation:var(--animate-notify-slide-in)}.animate-notify-slide-out{animation:var(--animate-notify-slide-out)}.animate-panel-showing{animation:var(--animate-panel-showing)}.animate-wobble{animation:var(--animate-wobble)}.blok-settings-button--focused-animated{animation:var(--animate-button-clicked)}.cursor-col-resize{cursor:col-resize}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-pointer{cursor:pointer}.cursor-row-resize{cursor:row-resize}.cursor-text{cursor:text}.resize{resize:both}.appearance-none{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-\\[auto_auto_1fr\\]{grid-template-columns:auto auto 1fr}.grid-rows-\\[auto\\]{grid-template-rows:auto}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-nowrap{flex-wrap:nowrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.gap-0\\.5{gap:calc(var(--spacing) * .5)}.gap-1\\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.overscroll-contain{overscroll-behavior:contain}.rounded{border-radius:.25rem}.rounded-\\[3px\\]{border-radius:3px}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[5px\\]{border-radius:5px}.rounded-\\[6px\\]{border-radius:6px}.rounded-\\[7px\\]{border-radius:7px}.rounded-\\[10px\\]{border-radius:10px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-l{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-b-\\[6px\\]{border-bottom-right-radius:6px;border-bottom-left-radius:6px}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-r-0{border-right-style:var(--tw-border-style);border-right-width:0}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-none{--tw-border-style:none;border-style:none}.border-\\[\\#e8e8eb\\]{border-color:#e8e8eb}.border-\\[\\#f0f0f0\\]{border-color:#f0f0f0}.border-gray-300{border-color:var(--color-gray-300)}.border-line-gray{border-color:var(--blok-line-gray)}.border-link-input-border{border-color:var(--blok-link-input-border)}.border-search-input-border{border-color:var(--blok-search-input-border)}.border-transparent{border-color:transparent}.blok-inline-tool-button--active{background-color:var(--blok-icon-active-bg);color:var(--blok-icon-active-text)}.blok-settings-button--focused{background-color:var(--blok-item-focus-bg);--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,rgba(7,161,227,.08));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.bg-\\[\\#34c992\\]{background-color:#34c992}.bg-\\[\\#41ffb1\\]{background-color:#41ffb1}.bg-\\[\\#d1d5db\\]{background-color:#d1d5db}.bg-\\[\\#f2f5f7\\]{background-color:#f2f5f7}.bg-\\[\\#f7f7f7\\]{background-color:#f7f7f7}.bg-\\[\\#fafffe\\]\\!{background-color:#fafffe!important}.bg-\\[\\#fb5d5d\\]{background-color:#fb5d5d}.bg-\\[\\#fffbfb\\]\\!{background-color:#fffbfb!important}.bg-bg-light{background-color:var(--blok-bg-light)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-dark{background-color:var(--blok-dark)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-item-confirm-bg\\!{background-color:var(--blok-item-confirm-bg)!important}.bg-item-focus-bg\\!{background-color:var(--blok-item-focus-bg)!important}.bg-item-hover-bg{background-color:var(--blok-item-hover-bg)}.bg-popover-bg{background-color:var(--blok-popover-bg)}.bg-popover-border\\/60{background-color:var(--blok-popover-border)}@supports (color:color-mix(in lab, red, red)){.bg-popover-border\\/60{background-color:color-mix(in oklab, var(--blok-popover-border) 60%, transparent)}}.bg-popover-icon-bg{background-color:var(--blok-popover-icon-bg)}.bg-search-input-bg{background-color:var(--blok-search-input-bg)}.bg-selection{background-color:var(--blok-selection)}.bg-selection-highlight{background-color:var(--blok-selection-highlight)}.bg-tooltip-bg{background-color:var(--blok-tooltip-bg)}.bg-transparent{background-color:transparent}.bg-white{background-color:var(--color-white)}.bg-white\\/80{background-color:rgba(255,255,255,.8)}@supports (color:color-mix(in lab, red, red)){.bg-white\\/80{background-color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.bg-linear-to-l{--tw-gradient-position:to left}@supports (background-image:linear-gradient(in lab, red, red)){.bg-linear-to-l{--tw-gradient-position:to left in oklab}}.bg-linear-to-l{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-linear-to-r{--tw-gradient-position:to right}@supports (background-image:linear-gradient(in lab, red, red)){.bg-linear-to-r{--tw-gradient-position:to right in oklab}}.bg-linear-to-r{background-image:linear-gradient(var(--tw-gradient-stops))}.from-white\\/80{--tw-gradient-from:rgba(255,255,255,.8)}@supports (color:color-mix(in lab, red, red)){.from-white\\/80{--tw-gradient-from:color-mix(in oklab, var(--color-white) 80%, transparent)}}.from-white\\/80{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.p-\\(--item-padding\\){padding:var(--item-padding)}.p-0{padding:calc(var(--spacing) * 0)}.p-1{padding:calc(var(--spacing) * 1)}.p-1\\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-\\[3px\\]{padding:3px}.p-\\[8px\\]{padding:8px}.p-\\[16px\\]{padding:16px}.blok-block{padding-top:3px;padding-bottom:3px;padding-left:2px;padding-right:2px}.blok-block::-webkit-input-placeholder{--tw-leading:var(--leading-normal)!important;line-height:var(--leading-normal)!important}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-\\[2px\\]{padding-left:2px;padding-right:2px}.px-\\[3px\\]{padding-left:3px;padding-right:3px}.px-\\[5px\\]{padding-left:5px;padding-right:5px}.px-\\[18px\\]{padding-left:18px;padding-right:18px}.px-\\[30px\\]{padding-left:30px;padding-right:30px}.py-0{padding-block:calc(var(--spacing) * 0)}.py-0\\!{padding-block:calc(var(--spacing) * 0)!important}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-\\[0\\.5em\\]{padding-top:.5em;padding-bottom:.5em}.py-\\[3px\\]{padding-top:3px;padding-bottom:3px}.py-\\[5px\\]{padding-top:5px;padding-bottom:5px}.py-\\[13px\\]{padding-top:13px;padding-bottom:13px}.pt-2\\.5{padding-top:calc(var(--spacing) * 2.5)}.pt-\\[calc\\(0\\.5em\\+5px\\)\\]{padding-top:calc(.5em + 5px)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-5{padding-right:calc(var(--spacing) * 5)}.pr-\\[5px\\]{padding-right:5px}.pb-1{padding-bottom:calc(var(--spacing) * 1)}.pb-\\[4px\\]{padding-bottom:4px}.pl-0\\.5{padding-left:calc(var(--spacing) * .5)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-7{padding-left:calc(var(--spacing) * 7)}.pl-8{padding-left:calc(var(--spacing) * 8)}.pl-20{padding-left:calc(var(--spacing) * 20)}.text-center{text-align:center}.text-right{text-align:right}.text-start:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:left}.text-start:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:left}.text-start:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:left}.text-start:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:right}.text-start:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:right}.text-start:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:right}.font-\\[-apple-system\\,BlinkMacSystemFont\\,\\\"Segoe_UI\\\"\\,\\\"Roboto\\\"\\,\\\"Oxygen\\\"\\,\\\"Ubuntu\\\"\\,\\\"Cantarell\\\"\\,\\\"Fira_Sans\\\"\\,\\\"Droid_Sans\\\"\\,\\\"Helvetica_Neue\\\"\\,sans-serif\\]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.font-\\[inherit\\]{font-family:inherit}.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-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--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-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\\[9px\\]{font-size:9px}.text-\\[10px\\]{font-size:10px}.text-\\[11px\\]{font-size:11px}.text-\\[13px\\]{font-size:13px}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-\\[1\\.3\\]\\!{--tw-leading:1.3!important;line-height:1.3!important}.leading-\\[1\\.4em\\]{--tw-leading:1.4em;line-height:1.4em}.leading-\\[1\\.6em\\]{--tw-leading:1.6em;line-height:1.6em}.leading-\\[1em\\]{--tw-leading:1em;line-height:1em}.leading-\\[22px\\]{--tw-leading:22px;line-height:22px}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\\[0\\.02em\\]{--tw-tracking:.02em;letter-spacing:.02em}.tracking-\\[0\\.12em\\]{--tw-tracking:.12em;letter-spacing:.12em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.wrap-break-word{overflow-wrap:break-word}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.blok-settings-button--active{color:var(--blok-active-icon)}.text-\\[\\#9ca3af\\]{color:#9ca3af}.text-\\[\\#34c992\\]{color:#34c992}.text-\\[\\#656b7c\\]{color:#656b7c}.text-\\[\\#666\\]{color:#666}.text-\\[\\#999\\]{color:#999}.text-\\[\\#bbb\\]{color:#bbb}.text-\\[\\#fb5d5d\\]{color:#fb5d5d}.text-black{color:var(--color-black)}.text-blue-500{color:var(--color-blue-500)}.text-dark{color:var(--blok-dark)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-text,.text-gray-text\\/50{color:var(--blok-gray-text)}@supports (color:color-mix(in lab, red, red)){.text-gray-text\\/50{color:color-mix(in oklab, var(--blok-gray-text) 50%, transparent)}}.text-gray-text\\/70{color:var(--blok-gray-text)}@supports (color:color-mix(in lab, red, red)){.text-gray-text\\/70{color:color-mix(in oklab, var(--blok-gray-text) 70%, transparent)}}.text-inherit{color:inherit}.text-red-500{color:var(--color-red-500)}.text-text-primary{color:var(--blok-text-primary)}.text-text-secondary,.text-text-secondary\\/60{color:var(--blok-text-secondary)}@supports (color:color-mix(in lab, red, red)){.text-text-secondary\\/60{color:color-mix(in oklab, var(--blok-text-secondary) 60%, transparent)}}.text-tooltip-font{color:var(--blok-tooltip-font)}.text-white{color:var(--color-white)}.text-white\\!{color:var(--color-white)!important}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.line-through{-webkit-text-decoration-line:line-through;text-decoration-line:line-through}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.accent-current{accent-color:currentColor}.opacity-0{opacity:0}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-80{opacity:.8}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,rgba(0,0,0,.1)), 0 1px 2px -1px var(--tw-shadow-color,rgba(0,0,0,.1));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[0_1px_1px_0_rgba\\(18\\,49\\,35\\,0\\.05\\)\\]{--tw-shadow:0 1px 1px 0 var(--tw-shadow-color,rgba(18,49,35,.05));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[0_2px_1px_0_rgba\\(16\\,19\\,29\\,0\\)\\]{--tw-shadow:0 2px 1px 0 var(--tw-shadow-color,rgba(16,19,29,0));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 transparent;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-notify{--tw-shadow:0 11px 17px 0 var(--tw-shadow-color,rgba(23,32,61,.13));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,rgba(0,0,0,.1)), 0 1px 2px -1px var(--tw-shadow-color,rgba(0,0,0,.1));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-tooltip{--tw-shadow:0 8px 12px 0 var(--tw-shadow-color,rgba(29,32,43,.17)), 0 4px 5px -3px var(--tw-shadow-color,rgba(5,6,12,.49));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,rgba(0,0,0,.05));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-black\\/30{--tw-ring-color:rgba(0,0,0,.3)}@supports (color:color-mix(in lab, red, red)){.ring-black\\/30{--tw-ring-color:color-mix(in oklab, var(--color-black) 30%, transparent)}}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid transparent}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-sm{--tw-blur:blur(var(--blur-sm));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,-webkit-text-decoration-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[color\\,background-color\\,border-color\\,opacity\\,max-height\\,padding\\,margin\\]{transition-property:color,background-color,border-color,opacity,max-height,padding,margin;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[left\\]{transition-property:left;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[margin\\]{transition-property:margin;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[opacity\\,background-color\\,width\\,height\\]{transition-property:opacity,background-color,width,height;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[opacity\\,background-color\\,width\\]{transition-property:opacity,background-color,width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[opacity\\,max-height\\,padding\\]{transition-property:opacity,max-height,padding;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,-webkit-text-decoration-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))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-none{transition-property:none}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-120{--tw-duration:.12s;transition-duration:.12s}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-250{--tw-duration:.25s;transition-duration:.25s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-linear{--tw-ease:linear;transition-timing-function:linear}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.will-change-\\[opacity\\,left\\,top\\]{will-change:opacity,left,top}.will-change-\\[opacity\\,top\\]{will-change:opacity,top}.will-change-\\[opacity\\]{will-change:opacity}.outline-solid{--tw-outline-style:solid;outline-style:solid}.select-all{-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all}.select-none{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.\\[clip\\:rect\\(0\\,0\\,0\\,0\\)\\]{clip:rect(0,0,0,0)}.\\[direction\\:rtl\\]{direction:rtl}.block-1{height:calc(var(--spacing) * 1)}.block-2{height:calc(var(--spacing) * 2)}.block-3{height:calc(var(--spacing) * 3)}.ring-inset{--tw-ring-inset:inset}@media (hover:hover){.group-hover\\:text-\\[\\#666\\]:is(:where(.group):hover *){color:#666}.group-hover\\/add\\:bg-gray-50:is(:where(.group\\/add):hover *){background-color:var(--color-gray-50)}}.group-data-\\[blok-block-settings-opened\\=true\\]\\:bg-bg-light:is(:where(.group)[data-blok-block-settings-opened=true] *){background-color:var(--blok-bg-light)}.group-data-\\[blok-dragging\\=true\\]\\:pointer-events-none:is(:where(.group)[data-blok-dragging=true] *){pointer-events:none}.group-data-\\[blok-dragging\\=true\\]\\:cursor-grabbing:is(:where(.group)[data-blok-dragging=true] *){cursor:grabbing}.group-data-\\[blok-rtl\\=true\\]\\:right-\\[calc\\(-1\\*\\(var\\(--spacing-toolbox-btn\\)\\)\\)\\]:is(:where(.group)[data-blok-rtl=true] *){right:calc(-1 * (var(--spacing-toolbox-btn)))}.group-data-\\[blok-rtl\\=true\\]\\:right-auto:is(:where(.group)[data-blok-rtl=true] *){right:auto}.group-data-\\[blok-rtl\\=true\\]\\:left-\\[calc\\(-1\\*\\(var\\(--spacing-toolbox-btn\\)\\)\\)\\]:is(:where(.group)[data-blok-rtl=true] *){left:calc(-1 * (var(--spacing-toolbox-btn)))}.group-data-\\[blok-rtl\\=true\\]\\:left-auto:is(:where(.group)[data-blok-rtl=true] *){left:auto}.group-data-\\[blok-toolbox-opened\\=true\\]\\:bg-bg-light:is(:where(.group)[data-blok-toolbox-opened=true] *){background-color:var(--blok-bg-light)}.placeholder\\:font-normal::-ms-input-placeholder{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.placeholder\\:font-normal::placeholder{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.placeholder\\:text-\\[\\#656b7c\\]::-ms-input-placeholder{color:#656b7c}.placeholder\\:text-\\[\\#656b7c\\]::placeholder{color:#656b7c}.placeholder\\:text-gray-text::-ms-input-placeholder{color:var(--blok-gray-text)}.placeholder\\:text-gray-text::placeholder{color:var(--blok-gray-text)}.placeholder\\:text-gray-text\\/60::-ms-input-placeholder{color:var(--blok-gray-text)}.placeholder\\:text-gray-text\\/60::placeholder{color:var(--blok-gray-text)}@supports (color:color-mix(in lab, red, red)){.placeholder\\:text-gray-text\\/60::-ms-input-placeholder{color:color-mix(in oklab, var(--blok-gray-text) 60%, transparent)}.placeholder\\:text-gray-text\\/60::placeholder{color:color-mix(in oklab, var(--blok-gray-text) 60%, transparent)}}.before\\:absolute:before{content:var(--tw-content);position:absolute}.before\\:inset-0:before{content:var(--tw-content);inset:calc(var(--spacing) * 0)}.before\\:top-0:before{content:var(--tw-content);top:calc(var(--spacing) * 0)}.before\\:left-0:before{content:var(--tw-content);left:calc(var(--spacing) * 0)}.before\\:-z-10:before{content:var(--tw-content);z-index:calc(10 * -1)}.before\\:m-\\[3px\\]:before{content:var(--tw-content);margin:3px}.before\\:block:before{content:var(--tw-content);display:block}.before\\:h-\\[calc\\(100\\%-6px\\)\\]:before{content:var(--tw-content);height:calc(100% - 6px)}.before\\:w-\\[3px\\]:before{content:var(--tw-content);width:3px}.before\\:rounded-\\[5px\\]:before{content:var(--tw-content);border-radius:5px}.before\\:rounded-lg:before{content:var(--tw-content);border-radius:var(--radius-lg)}.before\\:bg-\\[\\#41ffb1\\]\\!:before{content:var(--tw-content);background-color:#41ffb1!important}.before\\:bg-\\[\\#fb5d5d\\]\\!:before{content:var(--tw-content);background-color:#fb5d5d!important}.before\\:bg-tooltip-bg:before{content:var(--tw-content);background-color:var(--blok-tooltip-bg)}.before\\:bg-transparent:before{content:var(--tw-content);background-color:transparent}.before\\:content-\\[\\\"\\\"\\]:before{--tw-content:\"\";content:var(--tw-content)}.before\\:content-\\[\\\\\\'\\\\\\'\\]:before{--tw-content:\\'\\';content:var(--tw-content)}.after\\:pointer-events-none:after{content:var(--tw-content);pointer-events:none}.after\\:absolute:after{content:var(--tw-content);position:absolute}.after\\:right-0:after{content:var(--tw-content);right:calc(var(--spacing) * 0)}.after\\:-bottom-10:after{content:var(--tw-content);bottom:calc(var(--spacing) * -10)}.after\\:left-0:after{content:var(--tw-content);left:calc(var(--spacing) * 0)}.after\\:h-10:after{content:var(--tw-content);height:calc(var(--spacing) * 10)}.after\\:content-\\[\\\"\\\"\\]:after{--tw-content:\"\";content:var(--tw-content)}.first\\:mt-0:first-child{margin-top:calc(var(--spacing) * 0)}.last\\:mb-0:last-child{margin-bottom:calc(var(--spacing) * 0)}.last\\:ml-2\\.5:last-child{margin-left:calc(var(--spacing) * 2.5)}.last\\:pb-0:last-child{padding-bottom:calc(var(--spacing) * 0)}.empty\\:before\\:pointer-events-none:empty:before{content:var(--tw-content);pointer-events:none}.empty\\:before\\:cursor-text:empty:before{content:var(--tw-content);cursor:text}.empty\\:before\\:text-gray-text:empty:before{content:var(--tw-content);color:var(--blok-gray-text)}.empty\\:before\\:content-\\[attr\\(data-blok-placeholder\\)\\]:empty:before{--tw-content:attr(data-blok-placeholder);content:var(--tw-content)}.empty\\:before\\:content-\\[attr\\(data-blok-placeholder-active\\)\\]:empty:before{--tw-content:attr(data-blok-placeholder-active);content:var(--tw-content)}.empty\\:before\\:content-\\[attr\\(data-placeholder\\)\\]:empty:before{--tw-content:attr(data-placeholder);content:var(--tw-content)}.focus-within\\:border-search-input-focus-border:focus-within{border-color:var(--blok-search-input-focus-border)}.focus-within\\:bg-popover-bg:focus-within{background-color:var(--blok-popover-bg)}.focus-within\\:shadow-\\[0_0_0_2px_rgba\\(35\\,131\\,226\\,0\\.08\\)\\]:focus-within{--tw-shadow:0 0 0 2px var(--tw-shadow-color,rgba(35,131,226,.08));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@media (hover:hover){.hover\\:border-\\[\\#ccc\\]:hover{border-color:#ccc}.hover\\:bg-\\[\\#2db583\\]:hover{background-color:#2db583}.hover\\:bg-\\[\\#e9ecee\\]:hover{background-color:#e9ecee}.hover\\:bg-\\[\\#f7f7f8\\]:hover{background-color:#f7f7f8}.hover\\:bg-black\\/5:hover{background-color:rgba(0,0,0,.05)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-black\\/5:hover{background-color:color-mix(in oklab, var(--color-black) 5%, transparent)}}.hover\\:bg-item-hover-bg:hover,.hover\\:bg-item-hover-bg\\/50:hover{background-color:var(--blok-item-hover-bg)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-item-hover-bg\\/50:hover{background-color:color-mix(in oklab, var(--blok-item-hover-bg) 50%, transparent)}}.hover\\:text-\\[\\#333\\]:hover{color:#333}.hover\\:opacity-100:hover{opacity:1}.hover\\:ring-2:hover{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\\:ring-black\\/10:hover{--tw-ring-color:rgba(0,0,0,.1)}@supports (color:color-mix(in lab, red, red)){.hover\\:ring-black\\/10:hover{--tw-ring-color:color-mix(in oklab, var(--color-black) 10%, transparent)}}}.focus\\:placeholder\\:text-\\[rgba\\(101\\,107\\,124\\,0\\.3\\)\\]:focus::-ms-input-placeholder{color:rgba(101,107,124,.3)}.focus\\:placeholder\\:text-\\[rgba\\(101\\,107\\,124\\,0\\.3\\)\\]:focus::placeholder{color:rgba(101,107,124,.3)}.empty\\:focus\\:before\\:pointer-events-none:empty:focus:before{content:var(--tw-content);pointer-events:none}.empty\\:focus\\:before\\:cursor-text:empty:focus:before{content:var(--tw-content);cursor:text}.empty\\:focus\\:before\\:text-gray-text:empty:focus:before{content:var(--tw-content);color:var(--blok-gray-text)}.empty\\:focus\\:before\\:content-\\[attr\\(data-blok-placeholder-active\\)\\]:empty:focus:before{--tw-content:attr(data-blok-placeholder-active);content:var(--tw-content)}.focus-visible\\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\\:ring-blue-500:focus-visible{--tw-ring-color:var(--color-blue-500)}.focus-visible\\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\\:cursor-grabbing:active{cursor:grabbing}:where([data-blok-empty=true]) .empty\\:in-data-\\[blok-empty\\=true\\]\\:before\\:pointer-events-none:empty:before{content:var(--tw-content);pointer-events:none}:where([data-blok-empty=true]) .empty\\:in-data-\\[blok-empty\\=true\\]\\:before\\:cursor-text:empty:before{content:var(--tw-content);cursor:text}:where([data-blok-empty=true]) .empty\\:in-data-\\[blok-empty\\=true\\]\\:before\\:text-gray-text:empty:before{content:var(--tw-content);color:var(--blok-gray-text)}:where([data-blok-empty=true]) .empty\\:in-data-\\[blok-empty\\=true\\]\\:before\\:content-\\[attr\\(data-blok-placeholder-active\\)\\]:empty:before{--tw-content:attr(data-blok-placeholder-active);content:var(--tw-content)}.data-blok-force-hover\\:cursor-pointer[data-blok-force-hover]{cursor:pointer}.data-blok-force-hover\\:bg-item-hover-bg[data-blok-force-hover]{background-color:var(--blok-item-hover-bg)}.data-blok-popover-item-active\\:bg-icon-active-bg[data-blok-popover-item-active]{background-color:var(--blok-icon-active-bg)}.data-blok-popover-item-active\\:text-icon-active-text[data-blok-popover-item-active]{color:var(--blok-icon-active-text)}.data-blok-popover-item-no-hover\\:cursor-default[data-blok-popover-item-no-hover]{cursor:default}@media (hover:hover){.data-blok-popover-item-no-hover\\:hover\\:bg-transparent[data-blok-popover-item-no-hover]:hover{background-color:transparent}}.data-\\[blok-dragging\\=true\\]\\:cursor-grabbing[data-blok-dragging=true]{cursor:grabbing}.data-\\[blok-empty\\=true\\]\\:before\\:pointer-events-none[data-blok-empty=true]:before{content:var(--tw-content);pointer-events:none}.data-\\[blok-empty\\=true\\]\\:before\\:cursor-text[data-blok-empty=true]:before{content:var(--tw-content);cursor:text}.data-\\[blok-empty\\=true\\]\\:before\\:text-gray-text[data-blok-empty=true]:before{content:var(--tw-content);color:var(--blok-gray-text)}.data-\\[blok-empty\\=true\\]\\:before\\:content-\\[attr\\(data-blok-placeholder\\)\\][data-blok-empty=true]:before{--tw-content:attr(data-blok-placeholder);content:var(--tw-content)}.data-\\[blok-empty\\=true\\]\\:before\\:content-\\[attr\\(data-placeholder\\)\\][data-blok-empty=true]:before{--tw-content:attr(data-placeholder);content:var(--tw-content)}.data-\\[blok-focused\\=\\\"true\\\"\\]\\:bg-item-focus-bg[data-blok-focused=true]{background-color:var(--blok-item-focus-bg)}:is(.\\*\\*\\:data-\\[blok-tool\\=stub\\]\\:opacity-55 *)[data-blok-tool=stub]{opacity:.55}.data-\\[empty\\=true\\]\\:before\\:pointer-events-none[data-empty=true]:before{content:var(--tw-content);pointer-events:none}.data-\\[empty\\=true\\]\\:before\\:cursor-text[data-empty=true]:before{content:var(--tw-content);cursor:text}.data-\\[empty\\=true\\]\\:before\\:text-gray-text[data-empty=true]:before{content:var(--tw-content);color:var(--blok-gray-text)}.data-\\[empty\\=true\\]\\:before\\:content-\\[attr\\(data-blok-placeholder-active\\)\\][data-empty=true]:before{--tw-content:attr(data-blok-placeholder-active);content:var(--tw-content)}@media not all and (min-width:48rem){.max-md\\:px-5{padding-inline:calc(var(--spacing) * 5)}}@media (max-width:650px){.mobile\\:absolute{position:absolute}.mobile\\:right-auto{right:auto}.mobile\\:z-2{z-index:2}.mobile\\:hidden{display:none}.mobile\\:h-toolbox-btn-mobile{height:var(--spacing-toolbox-btn-mobile)}.mobile\\:w-toolbox-btn-mobile{width:var(--spacing-toolbox-btn-mobile)}.mobile\\:rounded-\\[6px\\]{border-radius:6px}.mobile\\:border{border-style:var(--tw-border-style);border-width:1px}.mobile\\:border-mobile-border{border-color:var(--blok-mobile-border)}.mobile\\:bg-popover-bg{background-color:var(--blok-popover-bg)}.mobile\\:p-1{padding:calc(var(--spacing) * 1)}.mobile\\:text-\\[15px\\]{font-size:15px}.mobile\\:font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.mobile\\:shadow-overlay-pane{--tw-shadow:0 3px 15px -3px var(--tw-shadow-color,rgba(13,20,33,.13));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.mobile\\:group-data-\\[blok-rtl\\=true\\]\\:mr-auto:is(:where(.group)[data-blok-rtl=true] *){margin-right:auto}.mobile\\:group-data-\\[blok-rtl\\=true\\]\\:ml-0:is(:where(.group)[data-blok-rtl=true] *){margin-left:calc(var(--spacing) * 0)}.mobile\\:group-data-\\[blok-rtl\\=true\\]\\:pr-0:is(:where(.group)[data-blok-rtl=true] *){padding-right:calc(var(--spacing) * 0)}.mobile\\:group-data-\\[blok-rtl\\=true\\]\\:pl-\\[10px\\]:is(:where(.group)[data-blok-rtl=true] *){padding-left:10px}}@media (min-width:651px){.not-mobile\\:w-6{width:calc(var(--spacing) * 6)}.not-mobile\\:group-data-\\[blok-narrow\\=true\\]\\:ml-\\(--spacing-narrow-mode-padding\\):is(:where(.group)[data-blok-narrow=true] *){margin-left:var(--spacing-narrow-mode-padding)}.not-mobile\\:group-data-\\[blok-rtl\\=true\\]\\:group-data-\\[blok-narrow\\=true\\]\\:mr-\\(--spacing-narrow-mode-padding\\):is(:where(.group)[data-blok-rtl=true] *):is(:where(.group)[data-blok-narrow=true] *){margin-right:var(--spacing-narrow-mode-padding)}.not-mobile\\:group-data-\\[blok-rtl\\=true\\]\\:group-data-\\[blok-narrow\\=true\\]\\:ml-0:is(:where(.group)[data-blok-rtl=true] *):is(:where(.group)[data-blok-narrow=true] *){margin-left:calc(var(--spacing) * 0)}}@media (hover:hover){@media (hover:hover){.can-hover\\:hover\\:cursor-grab:hover{cursor:grab}.can-hover\\:hover\\:cursor-pointer:hover{cursor:pointer}.can-hover\\:hover\\:bg-bg-light:hover{background-color:var(--blok-bg-light)}.can-hover\\:hover\\:bg-item-hover-bg:hover{background-color:var(--blok-item-hover-bg)}.can-hover\\:hover\\:group-data-\\[blok-block-settings-opened\\=true\\]\\:cursor-pointer:hover:is(:where(.group)[data-blok-block-settings-opened=true] *){cursor:pointer}.can-hover\\:hover\\:group-data-\\[blok-toolbox-opened\\=true\\]\\:cursor-pointer:hover:is(:where(.group)[data-blok-toolbox-opened=true] *){cursor:pointer}.can-hover\\:data-blok-popover-item-destructive\\:hover\\:bg-item-destructive-hover-bg[data-blok-popover-item-destructive]:hover{background-color:var(--blok-item-destructive-hover-bg)}.can-hover\\:data-blok-popover-item-destructive\\:hover\\:text-item-destructive-text[data-blok-popover-item-destructive]:hover{color:var(--blok-item-destructive-text)}}}.\\[\\&_\\:\\:selection\\]\\:bg-selection-inline ::-moz-selection{background-color:var(--blok-selection-inline)}.\\[\\&_\\:\\:selection\\]\\:bg-selection-inline ::selection{background-color:var(--blok-selection-inline)}.\\[\\&_\\[contenteditable\\]\\:empty\\]\\:after\\:content-\\[\\\"\\\\\\\\feff_\\\"\\] [contenteditable]:empty:after{--tw-content:\"\\\\feff \";content:var(--tw-content)}.\\[\\&_a\\]\\:cursor-pointer a{cursor:pointer}.\\[\\&_a\\]\\:text-link a{color:var(--blok-link)}.\\[\\&_a\\]\\:underline a{-webkit-text-decoration-line:underline;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:calc(var(--spacing) * 0)!important}.\\[\\&_div\\]\\:p-0\\! div{padding:calc(var(--spacing) * 0)!important}.\\[\\&_i\\]\\:italic i{font-style:italic}.\\[\\&_img\\]\\:opacity-55 img{opacity:.55}.\\[\\&_p\\]\\:m-0\\! p{margin:calc(var(--spacing) * 0)!important}.\\[\\&_p\\]\\:p-0\\! p{padding:calc(var(--spacing) * 0)!important}.\\[\\&_path\\]\\:stroke-current path{stroke:currentColor}.\\[\\&_svg\\]\\:block svg{display:block}.\\[\\&_svg\\]\\:size-icon svg{width:var(--spacing-icon);height:var(--spacing-icon)}.\\[\\&_svg\\]\\:h-3 svg{height:calc(var(--spacing) * 3)}.\\[\\&_svg\\]\\:h-6 svg{height:calc(var(--spacing) * 6)}.\\[\\&_svg\\]\\:h-7 svg{height:calc(var(--spacing) * 7)}.\\[\\&_svg\\]\\:h-\\[22px\\] svg{height:22px}.\\[\\&_svg\\]\\:h-icon svg{height:var(--spacing-icon)}.\\[\\&_svg\\]\\:max-h-full svg{max-height:100%}.\\[\\&_svg\\]\\:w-3 svg{width:calc(var(--spacing) * 3)}.\\[\\&_svg\\]\\:w-6 svg{width:calc(var(--spacing) * 6)}.\\[\\&_svg\\]\\:w-7 svg{width:calc(var(--spacing) * 7)}.\\[\\&_svg\\]\\:w-\\[22px\\] svg{width:22px}.\\[\\&_svg\\]\\:w-icon svg{width:var(--spacing-icon)}.\\[\\&_svg\\]\\:text-gray-text svg{color:var(--blok-gray-text)}@media (max-width:650px){.mobile\\:\\[\\&_svg\\]\\:h-icon-mobile svg{height:var(--spacing-icon-mobile)}.mobile\\:\\[\\&_svg\\]\\:w-icon-mobile svg{width:var(--spacing-icon-mobile)}}@media (hover:hover){@media (hover:hover){.can-hover\\:hover\\:\\[\\&_svg\\]\\:text-dark:hover svg{color:var(--blok-dark)}}}:is(.\\*\\*\\:\\[\\[contenteditable\\]\\]\\:select-none *)[contenteditable]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:is(.\\*\\*\\:\\[\\[hidden\\]\\]\\:hidden\\! *)[hidden]{display:none!important}.\\[\\&\\>p\\:first-of-type\\]\\:mt-0>p:first-of-type{margin-top:calc(var(--spacing) * 0)}.\\[\\&\\>p\\:last-of-type\\]\\:mb-0>p:last-of-type{margin-bottom:calc(var(--spacing) * 0)}.\\[\\&\\[data-blok-popover-item-destructive\\]\\[data-blok-focused\\=\\\"true\\\"\\]\\]\\:bg-item-destructive-hover-bg[data-blok-popover-item-destructive][data-blok-focused=true]{background-color:var(--blok-item-destructive-hover-bg)}.\\[\\&\\[data-blok-popover-item-destructive\\]\\[data-blok-focused\\=\\\"true\\\"\\]\\]\\:text-item-destructive-text[data-blok-popover-item-destructive][data-blok-focused=true]{color:var(--blok-item-destructive-text)}.\\[\\&\\[data-blok-popover-item-destructive\\]\\[data-blok-force-hover\\]\\]\\:bg-item-destructive-hover-bg[data-blok-popover-item-destructive][data-blok-force-hover]{background-color:var(--blok-item-destructive-hover-bg)}.\\[\\&\\[data-blok-popover-item-destructive\\]\\[data-blok-force-hover\\]\\]\\:text-item-destructive-text[data-blok-popover-item-destructive][data-blok-force-hover]{color:var(--blok-item-destructive-text)}.\\[\\&\\[data-blok-toolbox-opened\\=true\\]_\\[contentEditable\\=true\\]\\[data-blok-placeholder\\]\\:focus\\]\\:before\\:opacity-0\\![data-blok-toolbox-opened=true] [contentEditable=\"true\"][data-blok-placeholder]:focus:before{content:var(--tw-content);opacity:0!important}.\\[\\&\\[data-empty\\=true\\]\\:focus\\]\\:before\\:pointer-events-none[data-empty=true]:focus:before{content:var(--tw-content);pointer-events:none}.\\[\\&\\[data-empty\\=true\\]\\:focus\\]\\:before\\:cursor-text[data-empty=true]:focus:before{content:var(--tw-content);cursor:text}.\\[\\&\\[data-empty\\=true\\]\\:focus\\]\\:before\\:text-gray-text[data-empty=true]:focus:before{content:var(--tw-content);color:var(--blok-gray-text)}.\\[\\&\\[data-empty\\=true\\]\\:focus\\]\\:before\\:content-\\[attr\\(data-blok-placeholder-active\\)\\][data-empty=true]:focus:before{--tw-content:attr(data-blok-placeholder-active);content:var(--tw-content)}[data-blok-empty=true] .\\[\\[data-blok-empty\\=true\\]_\\&\\[data-empty\\=true\\]\\]\\:before\\:pointer-events-none[data-empty=true]:before{content:var(--tw-content);pointer-events:none}[data-blok-empty=true] .\\[\\[data-blok-empty\\=true\\]_\\&\\[data-empty\\=true\\]\\]\\:before\\:cursor-text[data-empty=true]:before{content:var(--tw-content);cursor:text}[data-blok-empty=true] .\\[\\[data-blok-empty\\=true\\]_\\&\\[data-empty\\=true\\]\\]\\:before\\:text-gray-text[data-empty=true]:before{content:var(--tw-content);color:var(--blok-gray-text)}[data-blok-empty=true] .\\[\\[data-blok-empty\\=true\\]_\\&\\[data-empty\\=true\\]\\]\\:before\\:content-\\[attr\\(data-blok-placeholder-active\\)\\][data-empty=true]:before{--tw-content:attr(data-blok-placeholder-active);content:var(--tw-content)}[data-blok-interface=blok]{all:initial!important;box-sizing:border-box!important;z-index:1!important;display:block!important;position:relative!important}[data-blok-interface=blok][data-blok-rtl=true]{direction:rtl!important}[data-blok-interface=blok],[data-blok-interface=tooltip]{font-family:var(--blok-font-family,ui-sans-serif, system-ui, sans-serif)!important;color:var(--blok-text-primary)!important}[data-blok-interface=blok],[data-blok-interface=tooltip],[data-blok-popover]{--radius:.25rem;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-4xl:2rem}[data-blok-popover]:not([data-blok-popover-inline]),[data-blok-interface=tooltip]{color:initial!important;font-family:var(--blok-font-family,ui-sans-serif, system-ui, sans-serif)!important;font-size:initial!important;font-weight:initial!important;font-style:initial!important;font-variant:initial!important;font-stretch:initial!important;line-height:initial!important;letter-spacing:initial!important;word-spacing:initial!important;text-align:initial!important;text-indent:initial!important;text-transform:initial!important;-webkit-text-decoration:initial!important;-webkit-text-decoration:initial!important;-webkit-text-decoration:initial!important;text-decoration:initial!important;text-shadow:initial!important;white-space:initial!important;word-break:initial!important;overflow-wrap:initial!important;cursor:initial!important;pointer-events:initial!important;user-select:initial!important;direction:initial!important;list-style:initial!important;quotes:initial!important;border-collapse:initial!important;border-spacing:initial!important;empty-cells:initial!important;caption-side:initial!important;scrollbar-width:initial!important;scrollbar-color:initial!important}:where([data-blok-interface],[data-blok-popover]) *{box-sizing:border-box;border:0 solid;margin:0;padding:0}:where([data-blok-interface],[data-blok-popover]) :after{box-sizing:border-box;border:0 solid;margin:0;padding:0}:where([data-blok-interface],[data-blok-popover]) :before{box-sizing:border-box;border:0 solid;margin:0;padding:0}:where([data-blok-interface],[data-blok-popover]) ::-ms-backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}:where([data-blok-interface],[data-blok-popover]) ::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}:where([data-blok-interface],[data-blok-popover]) ::-webkit-file-upload-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:where([data-blok-interface],[data-blok-popover]) ::-ms-browse{box-sizing:border-box;border:0 solid;margin:0;padding:0}:where([data-blok-interface],[data-blok-popover]) ::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:where([data-blok-interface],[data-blok-popover]) hr{height:0;color:inherit;border-top-width:1px}:where([data-blok-interface],[data-blok-popover]) abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}[data-blok-interface] :-webkit-any(h1,h2,h3,h4,h5,h6){letter-spacing:inherit!important;font-family:inherit!important}[data-blok-interface] :-moz-any(h1,h2,h3,h4,h5,h6){letter-spacing:inherit!important;font-family:inherit!important}[data-blok-interface] :is(h1,h2,h3,h4,h5,h6){letter-spacing:inherit!important;font-family:inherit!important}[data-blok-popover] :-webkit-any(h1,h2,h3,h4,h5,h6){letter-spacing:inherit!important;font-family:inherit!important}[data-blok-popover] :-moz-any(h1,h2,h3,h4,h5,h6){letter-spacing:inherit!important;font-family:inherit!important}[data-blok-popover] :is(h1,h2,h3,h4,h5,h6){letter-spacing:inherit!important;font-family:inherit!important}:where([data-blok-interface],[data-blok-popover]) a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}:where([data-blok-interface],[data-blok-popover]) :-webkit-any(b,strong){font-weight:bolder}:where([data-blok-interface],[data-blok-popover]) :-moz-any(b,strong){font-weight:bolder}:where([data-blok-interface],[data-blok-popover]) :is(b,strong){font-weight:bolder}:where([data-blok-interface],[data-blok-popover]) :-webkit-any(code,kbd,samp,pre){font-family:var(--default-mono-font-family,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]) :-moz-any(code,kbd,samp,pre){font-family:var(--default-mono-font-family,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]) :is(code,kbd,samp,pre){font-family:var(--default-mono-font-family,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]) small{font-size:80%}:where([data-blok-interface],[data-blok-popover]) :-webkit-any(sub,sup){vertical-align:baseline;font-size:75%;line-height:0;position:relative}:where([data-blok-interface],[data-blok-popover]) :-moz-any(sub,sup){vertical-align:baseline;font-size:75%;line-height:0;position:relative}:where([data-blok-interface],[data-blok-popover]) :is(sub,sup){vertical-align:baseline;font-size:75%;line-height:0;position:relative}:where([data-blok-interface],[data-blok-popover]) sub{bottom:-.25em}:where([data-blok-interface],[data-blok-popover]) sup{top:-.5em}:where([data-blok-interface],[data-blok-popover]) table{text-indent:0;border-color:inherit;border-collapse:collapse}:where([data-blok-interface],[data-blok-popover]) :-moz-focusring{outline:auto}:where([data-blok-interface],[data-blok-popover]) progress{vertical-align:baseline}:where([data-blok-interface],[data-blok-popover]) summary{display:list-item}:where([data-blok-interface],[data-blok-popover]) :-webkit-any(ol,ul,menu){list-style:none}:where([data-blok-interface],[data-blok-popover]) :-moz-any(ol,ul,menu){list-style:none}:where([data-blok-interface],[data-blok-popover]) :is(ol,ul,menu){list-style:none}:where([data-blok-interface],[data-blok-popover]) :-webkit-any(img,svg,video,canvas,audio,iframe,embed,object){vertical-align:middle;display:block}:where([data-blok-interface],[data-blok-popover]) :-moz-any(img,svg,video,canvas,audio,iframe,embed,object){vertical-align:middle;display:block}:where([data-blok-interface],[data-blok-popover]) :is(img,svg,video,canvas,audio,iframe,embed,object){vertical-align:middle;display:block}:where([data-blok-interface],[data-blok-popover]) :-webkit-any(img,video){max-width:100%;height:auto}:where([data-blok-interface],[data-blok-popover]) :-moz-any(img,video){max-width:100%;height:auto}:where([data-blok-interface],[data-blok-popover]) :is(img,video){max-width:100%;height:auto}:where([data-blok-interface],[data-blok-popover]) :-webkit-any(button,input,select,optgroup,textarea){font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:transparent;border-radius:0}:where([data-blok-interface],[data-blok-popover]) :-moz-any(button,input,select,optgroup,textarea){font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:transparent;border-radius:0}:where([data-blok-interface],[data-blok-popover]) :is(button,input,select,optgroup,textarea){font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:transparent;border-radius:0}:where([data-blok-interface],[data-blok-popover]) :where(select:-webkit-any([multiple],[size])) optgroup{font-weight:bolder}:where([data-blok-interface],[data-blok-popover]) :where(select:-moz-any([multiple],[size])) optgroup{font-weight:bolder}:where([data-blok-interface],[data-blok-popover]) :where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where([data-blok-interface],[data-blok-popover]) :where(select:-webkit-any([multiple],[size])) optgroup option:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:20px}:where([data-blok-interface],[data-blok-popover]) :where(select:-moz-any([multiple],[size])) optgroup option:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:20px}:where([data-blok-interface],[data-blok-popover]) :where(select:is([multiple],[size])) optgroup option:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:20px}:where([data-blok-interface],[data-blok-popover]) :where(select:-webkit-any([multiple],[size])) optgroup option:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:20px}:where([data-blok-interface],[data-blok-popover]) :where(select:-moz-any([multiple],[size])) optgroup option:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:20px}:where([data-blok-interface],[data-blok-popover]) :where(select:is([multiple],[size])) optgroup option:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:20px}:where([data-blok-interface],[data-blok-popover]) :dir(ltr)::file-selector-button{margin-right:4px}:where([data-blok-interface],[data-blok-popover]) :dir(rtl)::file-selector-button{margin-left:4px}:where([data-blok-interface],[data-blok-popover]) ::-ms-input-placeholder{opacity: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]) ::-ms-input-placeholder{color:currentColor}:where([data-blok-interface],[data-blok-popover]) ::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){:where([data-blok-interface],[data-blok-popover]) ::-ms-input-placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}:where([data-blok-interface],[data-blok-popover]) ::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}:where([data-blok-interface],[data-blok-popover]) textarea{resize:vertical}:where([data-blok-interface],[data-blok-popover]) ::-webkit-search-decoration{-webkit-appearance:none}: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]) :-webkit-any(){padding-top:0;padding-bottom:0}:where([data-blok-interface],[data-blok-popover]) :-moz-any(){padding-top:0;padding-bottom:0}:where([data-blok-interface],[data-blok-popover]) :is(){padding-top:0;padding-bottom: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]) :-webkit-any(button,input:where([type=button],[type=reset],[type=submit])){-webkit-appearance:button;-moz-appearance:button;-ms-appearance:button;appearance:button}:where([data-blok-interface],[data-blok-popover]) :-moz-any(button,input:where([type=button],[type=reset],[type=submit])){-webkit-appearance:button;-moz-appearance:button;-ms-appearance:button;appearance:button}:where([data-blok-interface],[data-blok-popover]) :is(button,input:where([type=button],[type=reset],[type=submit])){-webkit-appearance:button;-moz-appearance:button;-ms-appearance:button;appearance:button}:where([data-blok-interface],[data-blok-popover]) :-webkit-any(){height:auto}:where([data-blok-interface],[data-blok-popover]) :-moz-any(){height:auto}:where([data-blok-interface],[data-blok-popover]) :is(){height:auto}:where([data-blok-interface],[data-blok-popover]) [hidden]:where(:not([hidden=until-found])){display:none!important}[data-blok-interface] :focus:not(:focus-visible){outline:none}[data-blok-popover] :focus:not(:focus-visible){outline:none}[data-blok-interface] :-webkit-any([contenteditable],input,textarea):focus-visible{outline:none}[data-blok-interface] :-moz-any([contenteditable],input,textarea):focus-visible{outline:none}[data-blok-interface] :is([contenteditable],input,textarea):focus-visible{outline:none}[data-blok-popover] :-webkit-any([contenteditable],input,textarea):focus-visible{outline:none}[data-blok-popover] :-moz-any([contenteditable],input,textarea):focus-visible{outline:none}[data-blok-popover] :is([contenteditable],input,textarea):focus-visible{outline:none}[data-blok-interface] :focus-visible{outline:revert;outline-offset:revert;border-radius:revert}[data-blok-popover] :focus-visible{outline:revert;outline-offset:revert;border-radius:revert}[data-blok-interface] ::-moz-selection{background-color:revert;color:revert}[data-blok-interface] ::selection{background-color:revert;color:revert}[data-blok-popover] ::-moz-selection{background-color:revert;color:revert}[data-blok-popover] ::selection{background-color:revert;color:revert}[data-blok-interface] ::-webkit-scrollbar{width:revert;height:revert;background-color:revert}[data-blok-popover] ::-webkit-scrollbar{width:revert;height:revert;background-color:revert}@layer utilities{.max-w-blok-content{max-width:var(--blok-content-width,var(--max-width-content))}}[data-blok-interface],[data-blok-popover]{--blok-selection:#e1f2ff;--blok-selection-inline:#d4ecff;--blok-selection-highlight:rgba(46,170,220,.2);--blok-bg-light:#eff2f5;--blok-gray-text:#707684;--blok-dark:#1d202b;--blok-active-icon:#2383e2;--blok-link:#2383e2;--blok-line-gray:#eff0f1;--blok-tooltip-bg:#1d202b;--blok-tooltip-font:#cdd1e0;--blok-icon-active-bg:rgba(35,131,226,.14);--blok-icon-active-text:#2383e2;--blok-text-primary:black;--blok-text-secondary:#707684;--blok-popover-border:rgba(55,53,47,.09);--blok-popover-shadow:rgba(13,20,33,.1);--blok-popover-bg:#fff;--blok-popover-border-icon:rgba(201,201,204,.48);--blok-popover-border-icon-disabled:#eff0f1;--blok-item-focus-bg:rgba(35,131,226,.14);--blok-item-focus-shadow:rgba(35,131,226,.14);--blok-item-hover-bg:rgba(55,53,47,.08);--blok-icon-bg:rgba(0,0,0,.04);--blok-item-confirm-bg:#e24a4a;--blok-item-confirm-hover-bg:#ce4343;--blok-item-destructive-text:#e24a4a;--blok-item-destructive-hover-bg:rgba(226,74,74,.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:#f8f8f8;--blok-search-input-border:rgba(226,226,229,.2);--blok-search-input-focus-border:rgba(35,131,226,.5);--blok-link-input-border:rgba(226,226,229,.2);--blok-popover-icon-bg:rgba(55,53,47,.06);--blok-popover-icon-active-bg:rgba(35,131,226,.1)}@media (prefers-color-scheme:dark){:root:not([data-blok-theme=light]) [data-blok-interface],:root:not([data-blok-theme=light]) [data-blok-popover]{--blok-selection:rgba(35,131,226,.2);--blok-selection-inline:rgba(35,131,226,.3);--blok-selection-highlight:rgba(35,131,226,.25);--blok-bg-light:#191918;--blok-gray-text:#a39e98;--blok-dark:#191918;--blok-active-icon:#529cca;--blok-link:#529cca;--blok-line-gray:#37352f;--blok-tooltip-bg:#191918;--blok-tooltip-font:#fff;--blok-icon-active-bg:rgba(35,131,226,.2);--blok-icon-active-text:#529cca;--blok-text-primary:#f0efed;--blok-text-secondary:#a39e98;--blok-popover-border:rgba(255,255,255,.07);--blok-popover-shadow:rgba(0,0,0,.6);--blok-popover-bg:#252525;--blok-popover-border-icon:#37352f;--blok-popover-border-icon-disabled:#2f2d29;--blok-item-focus-bg:rgba(35,131,226,.2);--blok-item-focus-shadow:rgba(35,131,226,.2);--blok-item-hover-bg:rgba(255,255,255,.055);--blok-icon-bg:rgba(255,255,255,.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,.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,.07);--blok-search-input-bg:#2f2f2f;--blok-search-input-border:rgba(255,255,255,.07);--blok-search-input-focus-border:rgba(35,131,226,.5);--blok-link-input-border:#37352f;--blok-popover-icon-bg:rgba(255,255,255,.08);--blok-popover-icon-active-bg:rgba(35,131,226,.15)}}[data-blok-theme=dark] [data-blok-interface],[data-blok-theme=dark] [data-blok-popover]{--blok-selection:rgba(35,131,226,.2);--blok-selection-inline:rgba(35,131,226,.3);--blok-selection-highlight:rgba(35,131,226,.25);--blok-bg-light:#191918;--blok-gray-text:#a39e98;--blok-dark:#191918;--blok-active-icon:#529cca;--blok-link:#529cca;--blok-line-gray:#37352f;--blok-tooltip-bg:#191918;--blok-tooltip-font:#fff;--blok-icon-active-bg:rgba(35,131,226,.2);--blok-icon-active-text:#529cca;--blok-text-primary:#f0efed;--blok-text-secondary:#a39e98;--blok-popover-border:rgba(255,255,255,.07);--blok-popover-shadow:rgba(0,0,0,.6);--blok-popover-bg:#252525;--blok-popover-border-icon:#37352f;--blok-popover-border-icon-disabled:#2f2d29;--blok-item-focus-bg:rgba(35,131,226,.2);--blok-item-focus-shadow:rgba(35,131,226,.2);--blok-item-hover-bg:rgba(255,255,255,.055);--blok-icon-bg:rgba(255,255,255,.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,.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,.07);--blok-search-input-bg:#2f2f2f;--blok-search-input-border:rgba(255,255,255,.07);--blok-search-input-focus-border:rgba(35,131,226,.5);--blok-link-input-border:#37352f;--blok-popover-icon-bg:rgba(255,255,255,.08);--blok-popover-icon-active-bg:rgba(35,131,226,.15)}:where([data-blok-interface],[data-blok-popover]) *{border-color:var(--color-gray-200,currentcolor)}:where([data-blok-interface],[data-blok-popover]) :after{border-color:var(--color-gray-200,currentcolor)}:where([data-blok-interface],[data-blok-popover]) :before{border-color:var(--color-gray-200,currentcolor)}:where([data-blok-interface],[data-blok-popover]) ::-ms-backdrop{border-color:var(--color-gray-200,currentcolor)}:where([data-blok-interface],[data-blok-popover]) ::backdrop{border-color:var(--color-gray-200,currentcolor)}:where([data-blok-interface],[data-blok-popover]) ::-webkit-file-upload-button{border-color:var(--color-gray-200,currentcolor)}:where([data-blok-interface],[data-blok-popover]) ::-ms-browse{border-color:var(--color-gray-200,currentcolor)}:where([data-blok-interface],[data-blok-popover]) ::file-selector-button{border-color:var(--color-gray-200,currentcolor)}[data-blok-navigation-focused=true]{width:var(--spacing-content-width);border-radius:var(--radius-md);background-color:var(--blok-item-focus-bg);max-width:100%;margin-left:auto;margin-right:auto}@media (hover:hover){[data-blok-item-name=delete]:hover{color:var(--blok-item-confirm-bg);transition-property:color,background-color,border-color,outline-color,-webkit-text-decoration-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))}}[data-drop-indicator]{position:relative}[data-drop-indicator]:before{pointer-events:none;z-index:10;height:calc(var(--spacing) * 1.5);width:100%;max-width:var(--max-width-content);border-radius:var(--radius-xs);--tw-content:\"\";content:var(--tw-content);margin-left:calc(var(--drop-indicator-depth,0) * 12px);max-width:calc(650px - var(--drop-indicator-depth,0) * 24px);background-color:#d4e3fc;position:absolute;left:50%}[data-drop-indicator=bottom]:before{bottom:calc(var(--spacing) * 0);transform:translate(-50%)translateY(50%)}[data-drop-indicator=top]:before{top:calc(var(--spacing) * 0);transform:translate(-50%)translateY(-50%)}@keyframes spring-loaded-flash{0%{background-color:var(--blok-selection)}to{background-color:transparent}}[data-blok-spring-loaded] [data-blok-element-content]{border-radius:4px;animation:.7s ease-out forwards spring-loaded-flash}[data-blok-dragging-multi=true] [data-blok-selected=true]{opacity:.4;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;transition-duration:.2s}[data-blok-selected=true] [data-blok-element-content]:has([data-list-style]){background-color:transparent}[data-blok-selected=true] [data-list-style] [role=listitem]{background-color:var(--blok-selection);border-radius:4px}[data-blok-selected=true] [data-list-style] [role=listitem] [contenteditable]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[data-blok-table-cell-blocks]>[data-blok-element]{margin-block:calc(var(--spacing) * 0);padding-block:calc(var(--spacing) * 0)}[data-blok-table-cell-blocks] .blok-block{margin:calc(var(--spacing) * 0);min-height:1.6em;padding:calc(var(--spacing) * 0)}[data-blok-table-cell] [data-blok-element-content]{transition-property:background-color,border-color,outline-color,-webkit-text-decoration-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to}[data-blok-table-heading] [data-blok-table-cell],[data-blok-table-heading-col]{background-color:var(--color-gray-50);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}[data-blok-table-haze][data-blok-table-haze-visible]{opacity:1}[data-blok-slash-search]{background-color:var(--blok-search-input-bg);max-width:240px;transition-property:color,background-color,border-color,outline-color,-webkit-text-decoration-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));--tw-duration:.15s;border-radius:4px;transition-duration:.15s}[data-blok-slash-search]:focus-visible{background-color:var(--blok-search-input-bg);max-width:240px;transition-property:color,background-color,border-color,outline-color,-webkit-text-decoration-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));--tw-duration:.15s;border-radius:4px;transition-duration:.15s}[data-blok-slash-search]:after{content:attr(data-blok-slash-search);pointer-events:none;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--blok-gray-text)}[data-blok-popover-items]{scrollbar-width:thin;scrollbar-color:var(--blok-popover-border) transparent}[data-blok-popover-items]::-webkit-scrollbar{width:4px}[data-blok-popover-items]::-webkit-scrollbar-track{background:0 0}[data-blok-popover-items]::-webkit-scrollbar-thumb{background:var(--blok-popover-border);border-radius:4px}[data-blok-popover-items]::-webkit-scrollbar-thumb:hover{background:var(--blok-gray-text)}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 transparent}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 transparent}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 transparent}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 transparent}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 transparent}@property --tw-content{syntax:\"*\";inherits:false;initial-value:\"\"}@property --tw-leading{syntax:\"*\";inherits:false}@property --tw-translate-x{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-y{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-z{syntax:\"*\";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:\"*\";inherits:false}@property --tw-rotate-y{syntax:\"*\";inherits:false}@property --tw-rotate-z{syntax:\"*\";inherits:false}@property --tw-skew-x{syntax:\"*\";inherits:false}@property --tw-skew-y{syntax:\"*\";inherits:false}@property --tw-gradient-position{syntax:\"*\";inherits:false}@property --tw-gradient-from{syntax:\"<color>\";inherits:false;initial-value:transparent}@property --tw-gradient-via{syntax:\"<color>\";inherits:false;initial-value:transparent}@property --tw-gradient-to{syntax:\"<color>\";inherits:false;initial-value:transparent}@property --tw-gradient-stops{syntax:\"*\";inherits:false}@property --tw-gradient-via-stops{syntax:\"*\";inherits:false}@property --tw-gradient-from-position{syntax:\"<length-percentage>\";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:\"<length-percentage>\";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:\"<length-percentage>\";inherits:false;initial-value:100%}@property --tw-font-weight{syntax:\"*\";inherits:false}@property --tw-tracking{syntax:\"*\";inherits:false}@property --tw-outline-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-blur{syntax:\"*\";inherits:false}@property --tw-brightness{syntax:\"*\";inherits:false}@property --tw-contrast{syntax:\"*\";inherits:false}@property --tw-grayscale{syntax:\"*\";inherits:false}@property --tw-hue-rotate{syntax:\"*\";inherits:false}@property --tw-invert{syntax:\"*\";inherits:false}@property --tw-opacity{syntax:\"*\";inherits:false}@property --tw-saturate{syntax:\"*\";inherits:false}@property --tw-sepia{syntax:\"*\";inherits:false}@property --tw-drop-shadow{syntax:\"*\";inherits:false}@property --tw-drop-shadow-color{syntax:\"*\";inherits:false}@property --tw-drop-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:\"*\";inherits:false}@property --tw-duration{syntax:\"*\";inherits:false}@property --tw-ease{syntax:\"*\";inherits:false}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes buttonClicked{0%{transform:scale3d(.95,.95,.95)}60%{transform:scale3d(1.02,1.02,1.02)}80%,to{transform:scale(1)}}@keyframes panelShowing{0%{opacity:0;transform:translateY(-6px)scale(.96)}60%{opacity:1;transform:translateY(1px)scale(1.005)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes panelShowingMobile{0%{opacity:0;transform:translateY(14px)scale(.98)}70%{opacity:1;transform:translateY(-4px)}to{transform:translateY(0)}}@keyframes wobble{0%{transform:translate(0)}15%{transform:translate(-9%)}30%{transform:translate(9%)}45%{transform:translate(-4%)}60%{transform:translate(4%)}75%{transform:translate(-1%)}to{transform:translate(0)}}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes notifySlideIn{0%{opacity:0;transform:translateY(16px)}70%{opacity:1;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}@keyframes notifySlideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(8px)}}@keyframes notifyProgress{0%{width:100%}to{width:0%}}", qd = class {
|
|
11536
11539
|
constructor({ config: e, eventsDispatcher: t }) {
|
|
11537
11540
|
this.listeners = new h(), this.readOnlyMutableListeners = {
|
|
11538
11541
|
on: (e, t, n, r = !1) => {
|
|
@@ -49,6 +49,7 @@ var r = Object.create, i = Object.defineProperty, a = Object.getOwnPropertyDescr
|
|
|
49
49
|
popoverOpenLeft: "data-blok-popover-open-left",
|
|
50
50
|
nested: "data-blok-nested",
|
|
51
51
|
nestedLevel: "data-blok-nested-level",
|
|
52
|
+
promotedGroupLabel: "data-blok-promoted-group-label",
|
|
52
53
|
popoverHeader: "data-blok-popover-header",
|
|
53
54
|
popoverHeaderText: "data-blok-popover-header-text",
|
|
54
55
|
popoverHeaderBackButton: "data-blok-popover-header-back-button",
|
|
@@ -137,7 +138,7 @@ var r = Object.create, i = Object.defineProperty, a = Object.getOwnPropertyDescr
|
|
|
137
138
|
RIGHT: 2,
|
|
138
139
|
BACKWARD: 3,
|
|
139
140
|
FORWARD: 4
|
|
140
|
-
}, g = () => "0.7.
|
|
141
|
+
}, g = () => "0.7.3-beta.1", _ = /* @__PURE__ */ function(e) {
|
|
141
142
|
return e.VERBOSE = "VERBOSE", e.INFO = "INFO", e.WARN = "WARN", e.ERROR = "ERROR", e;
|
|
142
143
|
}({}), v = (e, t, n = "log", r, i = "color: inherit") => {
|
|
143
144
|
let a = typeof console > "u" ? void 0 : console;
|
|
@@ -2652,27 +2653,55 @@ var Z = {
|
|
|
2652
2653
|
}
|
|
2653
2654
|
constructor(e, t) {
|
|
2654
2655
|
var n;
|
|
2655
|
-
if (super(e, t), this.nestingLevel = 0, this.nestedPopoverTriggerItem = null, this.previouslyHoveredItem = null, this.scopeElement = document.body, this.hide = () => {
|
|
2656
|
+
if (super(e, t), this.nestingLevel = 0, this.nestedPopoverTriggerItem = null, this.previouslyHoveredItem = null, this.scopeElement = document.body, this.promotedItemCache = null, this.promotedSeparators = [], this.hide = () => {
|
|
2656
2657
|
var e;
|
|
2657
|
-
super.hide(), this.destroyNestedPopoverIfExists(), (e = this.flipper) == null || e.deactivate(), this.previouslyHoveredItem = null;
|
|
2658
|
+
this.cleanupPromotedItems(), super.hide(), this.destroyNestedPopoverIfExists(), (e = this.flipper) == null || e.deactivate(), this.previouslyHoveredItem = null;
|
|
2658
2659
|
}, this.onFlip = () => {
|
|
2659
2660
|
let e = this.itemsDefault.find((e) => e.isFocused);
|
|
2660
2661
|
e == null || e.onFocus();
|
|
2661
2662
|
}, this.onSearch = (e) => {
|
|
2662
2663
|
var t;
|
|
2663
|
-
let n = e.query === "", r = e.
|
|
2664
|
-
|
|
2664
|
+
let n = e.query === "", r = e.topLevelItems, i = r.length === 0 && e.promotedItems.length === 0;
|
|
2665
|
+
i && this.items.forEach((e) => {
|
|
2665
2666
|
var t;
|
|
2666
2667
|
(t = e.getElement()) == null || t.style.setProperty("transition-duration", "0s");
|
|
2667
2668
|
}), this.items.forEach((e) => {
|
|
2668
|
-
let t = e instanceof G, a = e instanceof Jn || e instanceof J, o = t ? !
|
|
2669
|
+
let t = e instanceof G, a = e instanceof Jn || e instanceof J, o = t ? !r.includes(e) || e.name !== void 0 && this.isNamePermanentlyHidden(e.name) : a && (i || !n);
|
|
2669
2670
|
e.toggleHidden(o);
|
|
2670
|
-
}),
|
|
2671
|
+
}), i && (this.nodes.popoverContainer.offsetHeight, this.items.forEach((e) => {
|
|
2671
2672
|
var t;
|
|
2672
2673
|
(t = e.getElement()) == null || t.style.removeProperty("transition-duration");
|
|
2673
|
-
})), !n &&
|
|
2674
|
-
let
|
|
2675
|
-
(
|
|
2674
|
+
})), !n && r.length > 0 ? this.reorderItemsByRank(r) : n && this.originalItemOrder !== void 0 && this.restoreOriginalItemOrder();
|
|
2675
|
+
for (let e of this.promotedSeparators) e.remove();
|
|
2676
|
+
if (this.promotedSeparators = [], this.promotedItemCache !== null) for (let e of this.promotedItemCache.items) {
|
|
2677
|
+
var a;
|
|
2678
|
+
(a = e.getElement()) == null || a.remove();
|
|
2679
|
+
}
|
|
2680
|
+
if (e.promotedItems.length > 0) {
|
|
2681
|
+
let t = /* @__PURE__ */ new Map();
|
|
2682
|
+
for (let n of e.promotedItems) {
|
|
2683
|
+
let e = n.chain.join(" › "), r = t.get(e);
|
|
2684
|
+
r === void 0 ? t.set(e, [{
|
|
2685
|
+
item: n.item,
|
|
2686
|
+
score: n.score
|
|
2687
|
+
}]) : r.push({
|
|
2688
|
+
item: n.item,
|
|
2689
|
+
score: n.score
|
|
2690
|
+
});
|
|
2691
|
+
}
|
|
2692
|
+
let n = [...t.entries()].sort((e, t) => {
|
|
2693
|
+
let n = Math.max(...e[1].map((e) => e.score));
|
|
2694
|
+
return Math.max(...t[1].map((e) => e.score)) - n;
|
|
2695
|
+
});
|
|
2696
|
+
for (let [e, t] of n) {
|
|
2697
|
+
var o;
|
|
2698
|
+
let n = this.createGroupSeparator(e);
|
|
2699
|
+
this.promotedSeparators.push(n), (o = this.nodes.items) == null || o.appendChild(n), this.appendPromotedGroupElements(t);
|
|
2700
|
+
}
|
|
2701
|
+
}
|
|
2702
|
+
this.toggleNothingFoundMessage(i);
|
|
2703
|
+
let s = n ? this.flippableElements : r.map((e) => e.getElement()), c = e.promotedItems.map(({ item: e }) => e.getElement()), l = [...s, ...c].filter((e) => e !== null);
|
|
2704
|
+
(t = this.flipper) != null && t.isActivated && (this.flipper.deactivate(), this.flipper.activate(l), l.length > 0 && this.flipper.focusItem(0, { skipNextTab: !0 }));
|
|
2676
2705
|
}, e.trigger && (this.trigger = e.trigger), e.leftAlignElement && (this.leftAlignElement = e.leftAlignElement), e.nestingLevel !== void 0 && (this.nestingLevel = e.nestingLevel), this.nestingLevel > 0 && this.nodes.popover.setAttribute(f.nested, "true"), e.scopeElement !== void 0 && (this.scopeElement = e.scopeElement), this.nodes.popoverContainer !== null && (this.listeners.on(this.nodes.popoverContainer, "mouseover", (e) => this.handleHover(e)), this.listeners.on(this.nodes.popoverContainer, "mouseleave", (e) => this.handleMouseLeave(e))), e.searchable && this.addSearch(), e.flippable === !1) return;
|
|
2677
2706
|
let r = e.flipper;
|
|
2678
2707
|
r === void 0 ? this.flipper = new Vt({
|
|
@@ -2758,6 +2787,12 @@ var Z = {
|
|
|
2758
2787
|
let t = e.relatedTarget;
|
|
2759
2788
|
t instanceof Node && this.nestedPopover !== void 0 && this.nestedPopover !== null && this.nestedPopover.hasNode(t) || (this.destroyNestedPopoverIfExists(!1), this.previouslyHoveredItem = null);
|
|
2760
2789
|
}
|
|
2790
|
+
getTargetItem(e) {
|
|
2791
|
+
return (this.promotedItemCache === null ? this.items : [...this.items, ...this.promotedItemCache.items]).filter((e) => e instanceof G || e instanceof J).find((t) => {
|
|
2792
|
+
let n = t.getElement();
|
|
2793
|
+
return n === null ? !1 : e.composedPath().includes(n);
|
|
2794
|
+
});
|
|
2795
|
+
}
|
|
2761
2796
|
setTriggerItemPosition(e, t) {
|
|
2762
2797
|
let n = t.getElement(), r = (n ? n.offsetTop : 0) - this.scrollTop, i = this.offsetTop + r, a = e.querySelector(`[${f.popover}]`);
|
|
2763
2798
|
(a instanceof HTMLElement ? a : e).style.setProperty(Q.TriggerItemTop, i + "px");
|
|
@@ -2843,29 +2878,111 @@ var Z = {
|
|
|
2843
2878
|
let t = e.getElement();
|
|
2844
2879
|
return t ? [t] : [];
|
|
2845
2880
|
}
|
|
2881
|
+
buildPromotedItemCache() {
|
|
2882
|
+
let e = {
|
|
2883
|
+
items: [],
|
|
2884
|
+
parentChains: /* @__PURE__ */ new Map()
|
|
2885
|
+
};
|
|
2886
|
+
return this.collectPromotedChildren(this.items, [], e), e;
|
|
2887
|
+
}
|
|
2888
|
+
collectPromotedChildren(e, t, n) {
|
|
2889
|
+
for (let a of e) {
|
|
2890
|
+
var r, i;
|
|
2891
|
+
if (!(a instanceof G) || !a.hasChildren) continue;
|
|
2892
|
+
let e = (r = (i = a.title) == null ? a.name : i) == null ? "" : r, o = [...t, e];
|
|
2893
|
+
this.collectDefaultChildren(a.children, o, n);
|
|
2894
|
+
}
|
|
2895
|
+
}
|
|
2896
|
+
collectDefaultChildren(e, t, n) {
|
|
2897
|
+
for (let r of e) {
|
|
2898
|
+
if (r.type !== void 0 && r.type !== F.Default) continue;
|
|
2899
|
+
let e = new G(r);
|
|
2900
|
+
if (e.name !== void 0 && this.isNamePermanentlyHidden(e.name)) {
|
|
2901
|
+
e.destroy();
|
|
2902
|
+
continue;
|
|
2903
|
+
}
|
|
2904
|
+
n.items.push(e), n.parentChains.set(e, t), e.hasChildren && this.collectPromotedChildren([e], t, n);
|
|
2905
|
+
}
|
|
2906
|
+
}
|
|
2907
|
+
cleanupPromotedItems() {
|
|
2908
|
+
for (let e of this.promotedSeparators) e.remove();
|
|
2909
|
+
if (this.promotedSeparators = [], this.promotedItemCache !== null) {
|
|
2910
|
+
for (let t of this.promotedItemCache.items) {
|
|
2911
|
+
var e;
|
|
2912
|
+
(e = t.getElement()) == null || e.remove(), t.destroy();
|
|
2913
|
+
}
|
|
2914
|
+
this.promotedItemCache = null;
|
|
2915
|
+
}
|
|
2916
|
+
}
|
|
2917
|
+
createGroupSeparator(e) {
|
|
2918
|
+
let t = document.createElement("div");
|
|
2919
|
+
return t.setAttribute(f.promotedGroupLabel, ""), t.setAttribute("role", "separator"), t.className = "px-3 pt-2.5 pb-1 text-[11px] font-medium uppercase tracking-wide text-gray-text/50 cursor-default", t.textContent = e, t;
|
|
2920
|
+
}
|
|
2921
|
+
appendPromotedGroupElements(e) {
|
|
2922
|
+
for (let { item: n } of e) {
|
|
2923
|
+
let e = n.getElement();
|
|
2924
|
+
if (e !== null) {
|
|
2925
|
+
var t;
|
|
2926
|
+
(t = this.nodes.items) == null || t.appendChild(e);
|
|
2927
|
+
}
|
|
2928
|
+
}
|
|
2929
|
+
}
|
|
2846
2930
|
addSearch() {
|
|
2847
2931
|
this.search = new rr({
|
|
2848
2932
|
items: this.itemsDefault,
|
|
2849
2933
|
placeholder: this.messages.search
|
|
2850
|
-
}), this.search.on(nr.Search,
|
|
2934
|
+
}), this.search.on(nr.Search, (e) => {
|
|
2935
|
+
if (e.query === "") {
|
|
2936
|
+
this.cleanupPromotedItems(), this.onSearch({
|
|
2937
|
+
query: e.query,
|
|
2938
|
+
topLevelItems: e.items,
|
|
2939
|
+
promotedItems: []
|
|
2940
|
+
});
|
|
2941
|
+
return;
|
|
2942
|
+
}
|
|
2943
|
+
this.promotedItemCache === null && (this.promotedItemCache = this.buildPromotedItemCache());
|
|
2944
|
+
let { parentChains: t } = this.promotedItemCache, n = this.promotedItemCache.items.map((n) => {
|
|
2945
|
+
var r;
|
|
2946
|
+
return {
|
|
2947
|
+
item: n,
|
|
2948
|
+
score: tr(n, e.query),
|
|
2949
|
+
chain: (r = t.get(n)) == null ? [] : r
|
|
2950
|
+
};
|
|
2951
|
+
}).filter(({ score: e }) => e > 0).sort((e, t) => t.score - e.score);
|
|
2952
|
+
this.onSearch({
|
|
2953
|
+
query: e.query,
|
|
2954
|
+
topLevelItems: e.items,
|
|
2955
|
+
promotedItems: n
|
|
2956
|
+
});
|
|
2957
|
+
});
|
|
2851
2958
|
let e = this.search.getElement();
|
|
2852
2959
|
e.classList.add("mb-1.5"), this.nodes.popoverContainer.insertBefore(e, this.nodes.popoverContainer.firstChild);
|
|
2853
2960
|
}
|
|
2854
2961
|
filterItems(e) {
|
|
2855
2962
|
if (e === "") {
|
|
2856
|
-
this.onSearch({
|
|
2963
|
+
this.cleanupPromotedItems(), this.onSearch({
|
|
2857
2964
|
query: e,
|
|
2858
|
-
|
|
2965
|
+
topLevelItems: this.itemsDefault,
|
|
2966
|
+
promotedItems: []
|
|
2859
2967
|
});
|
|
2860
2968
|
return;
|
|
2861
2969
|
}
|
|
2970
|
+
this.promotedItemCache === null && (this.promotedItemCache = this.buildPromotedItemCache());
|
|
2862
2971
|
let t = this.itemsDefault.map((t) => ({
|
|
2863
2972
|
item: t,
|
|
2864
2973
|
score: tr(t, e)
|
|
2865
|
-
})).filter(({ score: e }) => e > 0).sort((e, t) => t.score - e.score)
|
|
2974
|
+
})).filter(({ score: e }) => e > 0).sort((e, t) => t.score - e.score), { parentChains: n } = this.promotedItemCache, r = this.promotedItemCache.items.map((t) => {
|
|
2975
|
+
var r;
|
|
2976
|
+
return {
|
|
2977
|
+
item: t,
|
|
2978
|
+
score: tr(t, e),
|
|
2979
|
+
chain: (r = n.get(t)) == null ? [] : r
|
|
2980
|
+
};
|
|
2981
|
+
}).filter(({ score: e }) => e > 0).sort((e, t) => t.score - e.score);
|
|
2866
2982
|
this.onSearch({
|
|
2867
2983
|
query: e,
|
|
2868
|
-
|
|
2984
|
+
topLevelItems: t.map(({ item: e }) => e),
|
|
2985
|
+
promotedItems: r
|
|
2869
2986
|
});
|
|
2870
2987
|
}
|
|
2871
2988
|
reorderItemsByRank(e) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { $ as e, A as t, At as n, B as r, D as i, Dn as a, Dt as o, En as s, F as c, Ft as l, G as u, H as d, I as f, J as p, K as m, L as h, M as g, N as ee, P as te, Pt as ne, Q as re, R as ie, Tt as ae, U as oe, V as se, W as ce, X as le, Xt as ue, _t as de, a as fe, bn as pe, bt as me, c as he, ct as ge, d as _e, dt as ve, et as ye, f as be, ft as xe, g as Se, gt as Ce, h as we, ht as Te, i as Ee, it as De, j as Oe, jt as _, k as ke, l as Ae, lt as je, mt as Me, n as Ne, nt as Pe, o as Fe, p as Ie, pt as Le, q as Re, r as ze, rt as Be, s as Ve, t as He, tt as Ue, u as v, ut as We, v as Ge, wt as Ke, z as qe } from "./constants-
|
|
1
|
+
import { $ as e, A as t, At as n, B as r, D as i, Dn as a, Dt as o, En as s, F as c, Ft as l, G as u, H as d, I as f, J as p, K as m, L as h, M as g, N as ee, P as te, Pt as ne, Q as re, R as ie, Tt as ae, U as oe, V as se, W as ce, X as le, Xt as ue, _t as de, a as fe, bn as pe, bt as me, c as he, ct as ge, d as _e, dt as ve, et as ye, f as be, ft as xe, g as Se, gt as Ce, h as we, ht as Te, i as Ee, it as De, j as Oe, jt as _, k as ke, l as Ae, lt as je, mt as Me, n as Ne, nt as Pe, o as Fe, p as Ie, pt as Le, q as Re, r as ze, rt as Be, s as Ve, t as He, tt as Ue, u as v, ut as We, v as Ge, wt as Ke, z as qe } from "./constants-CNjvg-95.mjs";
|
|
2
2
|
import { t as y } from "./objectSpread2-CyPxu8-u.mjs";
|
|
3
3
|
import { n as b } from "./tw-DmW6-pCY.mjs";
|
|
4
4
|
//#region src/components/utils/html.ts
|
package/dist/full.mjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { En as e } from "./chunks/constants-
|
|
2
|
-
import { n as t, t as n } from "./chunks/blok-
|
|
1
|
+
import { En as e } from "./chunks/constants-CNjvg-95.mjs";
|
|
2
|
+
import { n as t, t as n } from "./chunks/blok-Ua3rzLVN.mjs";
|
|
3
3
|
import { t as r } from "./chunks/objectSpread2-CyPxu8-u.mjs";
|
|
4
|
-
import { a as i, d as a, i as o, l as s, n as c, o as l, r as u, s as d, t as f, u as p } from "./chunks/tools-
|
|
4
|
+
import { a as i, d as a, i as o, l as s, n as c, o as l, r as u, s as d, t as f, u as p } from "./chunks/tools-DB7A1iro.mjs";
|
|
5
5
|
//#region src/full.ts
|
|
6
6
|
var m = {
|
|
7
7
|
paragraph: {
|
package/dist/react.mjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import "./chunks/constants-
|
|
2
|
-
import { i as e, t } from "./chunks/blok-
|
|
1
|
+
import "./chunks/constants-CNjvg-95.mjs";
|
|
2
|
+
import { i as e, t } from "./chunks/blok-Ua3rzLVN.mjs";
|
|
3
3
|
import { t as n } from "./chunks/objectSpread2-CyPxu8-u.mjs";
|
|
4
4
|
import { forwardRef as r, useEffect as i, useMemo as a, useRef as o, useState as s } from "react";
|
|
5
5
|
import { jsx as c } from "react/jsx-runtime";
|
package/dist/tools.mjs
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { m as e } from "./chunks/constants-
|
|
2
|
-
import { a as t, c as n, d as r, i, l as a, n as o, o as s, r as c, s as l, t as u, u as d } from "./chunks/tools-
|
|
1
|
+
import { m as e } from "./chunks/constants-CNjvg-95.mjs";
|
|
2
|
+
import { a as t, c as n, d as r, i, l as a, n as o, o as s, r as c, s as l, t as u, u as d } from "./chunks/tools-DB7A1iro.mjs";
|
|
3
3
|
export { s as Bold, e as Convert, d as Header, t as Italic, i as Link, a as List, c as Marker, r as Paragraph, n as Table, l as Toggle, u as defaultBlockTools, o as defaultInlineTools };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@jackuait/blok",
|
|
3
|
-
"version": "0.7.
|
|
3
|
+
"version": "0.7.3-beta.1",
|
|
4
4
|
"description": "Blok — headless, highly extensible rich text editor built for developers who need to implement a block-based editing experience (similar to Notion) without building it from scratch",
|
|
5
5
|
"module": "dist/blok.mjs",
|
|
6
6
|
"types": "./types/index.d.ts",
|
|
@@ -125,6 +125,8 @@ export const DATA_ATTR = {
|
|
|
125
125
|
nested: 'data-blok-nested',
|
|
126
126
|
/** Nesting level value */
|
|
127
127
|
nestedLevel: 'data-blok-nested-level',
|
|
128
|
+
/** Group label for promoted search results from nested children */
|
|
129
|
+
promotedGroupLabel: 'data-blok-promoted-group-label',
|
|
128
130
|
|
|
129
131
|
// ============================================
|
|
130
132
|
// Popover Header
|
|
@@ -436,6 +436,15 @@ export class Toolbar extends Module<ToolbarNodes> {
|
|
|
436
436
|
|
|
437
437
|
if (blockContentElement) {
|
|
438
438
|
this.toolboxInstance.updateLeftAlignElement(blockContentElement);
|
|
439
|
+
|
|
440
|
+
/**
|
|
441
|
+
* Sync toolbar content wrapper's margin with the block content element
|
|
442
|
+
* so toolbar buttons align with the block content edge, even when
|
|
443
|
+
* consumer CSS overrides the block content's margin.
|
|
444
|
+
*/
|
|
445
|
+
if (this.nodes.content) {
|
|
446
|
+
this.nodes.content.style.marginLeft = getComputedStyle(blockContentElement).marginLeft;
|
|
447
|
+
}
|
|
439
448
|
}
|
|
440
449
|
|
|
441
450
|
/**
|
|
@@ -554,6 +563,20 @@ export class Toolbar extends Module<ToolbarNodes> {
|
|
|
554
563
|
targetBlock.setupDraggable(settingsToggler, this.Blok.DragManager);
|
|
555
564
|
}
|
|
556
565
|
|
|
566
|
+
/**
|
|
567
|
+
* Sync toolbar content wrapper's margin with the block content element
|
|
568
|
+
* so toolbar buttons align with the block content edge.
|
|
569
|
+
*/
|
|
570
|
+
const blockContentElement = targetBlockHolder.querySelector<HTMLElement>(`[${DATA_ATTR.elementContent}]`);
|
|
571
|
+
|
|
572
|
+
if (blockContentElement) {
|
|
573
|
+
this.toolboxInstance.updateLeftAlignElement(blockContentElement);
|
|
574
|
+
|
|
575
|
+
if (this.nodes.content) {
|
|
576
|
+
this.nodes.content.style.marginLeft = getComputedStyle(blockContentElement).marginLeft;
|
|
577
|
+
}
|
|
578
|
+
}
|
|
579
|
+
|
|
557
580
|
/**
|
|
558
581
|
* Reset content offset for multi-block selection
|
|
559
582
|
*/
|
|
@@ -620,11 +643,14 @@ export class Toolbar extends Module<ToolbarNodes> {
|
|
|
620
643
|
}
|
|
621
644
|
|
|
622
645
|
/**
|
|
623
|
-
* Reset the content offset transform
|
|
646
|
+
* Reset the content offset transform and margin sync
|
|
624
647
|
*/
|
|
625
648
|
if (this.nodes.actions) {
|
|
626
649
|
this.nodes.actions.style.transform = '';
|
|
627
650
|
}
|
|
651
|
+
if (this.nodes.content) {
|
|
652
|
+
this.nodes.content.style.marginLeft = '';
|
|
653
|
+
}
|
|
628
654
|
this.positioner.setHoveredTarget(null);
|
|
629
655
|
|
|
630
656
|
this.reset();
|
|
@@ -3,7 +3,8 @@ import { Flipper } from '../../flipper';
|
|
|
3
3
|
import { keyCodes } from '../../utils';
|
|
4
4
|
|
|
5
5
|
import type { PopoverItem, PopoverItemRenderParamsMap } from './components/popover-item';
|
|
6
|
-
import { PopoverItemSeparator, css as popoverItemCls
|
|
6
|
+
import { PopoverItemSeparator, css as popoverItemCls, PopoverItemDefault, PopoverItemType } from './components/popover-item';
|
|
7
|
+
import type { PopoverItemParams } from '@/types/utils/popover/popover-item';
|
|
7
8
|
import { PopoverItemHtml } from './components/popover-item/popover-item-html/popover-item-html';
|
|
8
9
|
import type { SearchableItem } from './components/search-input';
|
|
9
10
|
import { SearchInput, SearchInputEvent, scoreSearchMatch } from './components/search-input';
|
|
@@ -86,6 +87,20 @@ export class PopoverDesktop extends PopoverAbstract {
|
|
|
86
87
|
*/
|
|
87
88
|
private originalItemOrder: Element[] | undefined;
|
|
88
89
|
|
|
90
|
+
/**
|
|
91
|
+
* Cache of promoted items built from nested children.
|
|
92
|
+
* Built once on first non-empty search, destroyed on clear/hide/destroy.
|
|
93
|
+
*/
|
|
94
|
+
private promotedItemCache: {
|
|
95
|
+
items: PopoverItemDefault[];
|
|
96
|
+
parentChains: Map<PopoverItemDefault, string[]>;
|
|
97
|
+
} | null = null;
|
|
98
|
+
|
|
99
|
+
/**
|
|
100
|
+
* Temporary group separator elements injected during search.
|
|
101
|
+
*/
|
|
102
|
+
private promotedSeparators: HTMLElement[] = [];
|
|
103
|
+
|
|
89
104
|
/**
|
|
90
105
|
* Construct the instance
|
|
91
106
|
* @param params - popover params
|
|
@@ -321,6 +336,7 @@ export class PopoverDesktop extends PopoverAbstract {
|
|
|
321
336
|
* Closes popover
|
|
322
337
|
*/
|
|
323
338
|
public hide = (): void => {
|
|
339
|
+
this.cleanupPromotedItems();
|
|
324
340
|
super.hide();
|
|
325
341
|
|
|
326
342
|
this.destroyNestedPopoverIfExists();
|
|
@@ -430,6 +446,31 @@ export class PopoverDesktop extends PopoverAbstract {
|
|
|
430
446
|
this.previouslyHoveredItem = null;
|
|
431
447
|
}
|
|
432
448
|
|
|
449
|
+
/**
|
|
450
|
+
* Retrieves popover item that is the target of the specified event.
|
|
451
|
+
* Overridden to include promoted items from recursive search.
|
|
452
|
+
* @param event - event to retrieve popover item from
|
|
453
|
+
*/
|
|
454
|
+
protected override getTargetItem(event: Event): PopoverItemDefault | PopoverItemHtml | undefined {
|
|
455
|
+
const allItems = this.promotedItemCache !== null
|
|
456
|
+
? [...this.items, ...this.promotedItemCache.items]
|
|
457
|
+
: this.items;
|
|
458
|
+
|
|
459
|
+
return allItems
|
|
460
|
+
.filter((item): item is PopoverItemDefault | PopoverItemHtml =>
|
|
461
|
+
item instanceof PopoverItemDefault || item instanceof PopoverItemHtml
|
|
462
|
+
)
|
|
463
|
+
.find(item => {
|
|
464
|
+
const itemEl = item.getElement();
|
|
465
|
+
|
|
466
|
+
if (itemEl === null) {
|
|
467
|
+
return false;
|
|
468
|
+
}
|
|
469
|
+
|
|
470
|
+
return event.composedPath().includes(itemEl);
|
|
471
|
+
});
|
|
472
|
+
}
|
|
473
|
+
|
|
433
474
|
/**
|
|
434
475
|
* Sets CSS variable with position of item near which nested popover should be displayed.
|
|
435
476
|
* Is used for correct positioning of the nested popover
|
|
@@ -732,6 +773,125 @@ export class PopoverDesktop extends PopoverAbstract {
|
|
|
732
773
|
focusedItem?.onFocus();
|
|
733
774
|
};
|
|
734
775
|
|
|
776
|
+
/**
|
|
777
|
+
* Builds cache of PopoverItemDefault instances from nested children.
|
|
778
|
+
* Recursively walks the item tree to arbitrary depth.
|
|
779
|
+
* Each cached item is mapped to its parent chain for group labeling.
|
|
780
|
+
*/
|
|
781
|
+
private buildPromotedItemCache(): { items: PopoverItemDefault[]; parentChains: Map<PopoverItemDefault, string[]> } {
|
|
782
|
+
const cache = {
|
|
783
|
+
items: [] as PopoverItemDefault[],
|
|
784
|
+
parentChains: new Map<PopoverItemDefault, string[]>(),
|
|
785
|
+
};
|
|
786
|
+
|
|
787
|
+
this.collectPromotedChildren(this.items, [], cache);
|
|
788
|
+
|
|
789
|
+
return cache;
|
|
790
|
+
}
|
|
791
|
+
|
|
792
|
+
/**
|
|
793
|
+
* Recursively collects default child items from items that have children.
|
|
794
|
+
* @param items - items to inspect for children
|
|
795
|
+
* @param parentChain - ancestor label chain accumulated so far
|
|
796
|
+
* @param cache - mutable cache to populate
|
|
797
|
+
*/
|
|
798
|
+
private collectPromotedChildren(
|
|
799
|
+
items: PopoverItem[],
|
|
800
|
+
parentChain: string[],
|
|
801
|
+
cache: { items: PopoverItemDefault[]; parentChains: Map<PopoverItemDefault, string[]> }
|
|
802
|
+
): void {
|
|
803
|
+
for (const item of items) {
|
|
804
|
+
if (!(item instanceof PopoverItemDefault) || !item.hasChildren) {
|
|
805
|
+
continue;
|
|
806
|
+
}
|
|
807
|
+
|
|
808
|
+
const label = item.title ?? item.name ?? '';
|
|
809
|
+
const newChain = [...parentChain, label];
|
|
810
|
+
|
|
811
|
+
this.collectDefaultChildren(item.children, newChain, cache);
|
|
812
|
+
}
|
|
813
|
+
}
|
|
814
|
+
|
|
815
|
+
/**
|
|
816
|
+
* Constructs PopoverItemDefault instances from raw params and adds them to the cache.
|
|
817
|
+
* @param childParams - raw child item params from a parent item
|
|
818
|
+
* @param parentChain - ancestor label chain for this group
|
|
819
|
+
* @param cache - mutable cache to populate
|
|
820
|
+
*/
|
|
821
|
+
private collectDefaultChildren(
|
|
822
|
+
childParams: PopoverItemParams[],
|
|
823
|
+
parentChain: string[],
|
|
824
|
+
cache: { items: PopoverItemDefault[]; parentChains: Map<PopoverItemDefault, string[]> }
|
|
825
|
+
): void {
|
|
826
|
+
for (const childParam of childParams) {
|
|
827
|
+
if (childParam.type !== undefined && childParam.type !== PopoverItemType.Default) {
|
|
828
|
+
continue;
|
|
829
|
+
}
|
|
830
|
+
|
|
831
|
+
const childInstance = new PopoverItemDefault(childParam);
|
|
832
|
+
|
|
833
|
+
if (childInstance.name !== undefined && this.isNamePermanentlyHidden(childInstance.name)) {
|
|
834
|
+
childInstance.destroy();
|
|
835
|
+
continue;
|
|
836
|
+
}
|
|
837
|
+
|
|
838
|
+
cache.items.push(childInstance);
|
|
839
|
+
cache.parentChains.set(childInstance, parentChain);
|
|
840
|
+
|
|
841
|
+
if (childInstance.hasChildren) {
|
|
842
|
+
this.collectPromotedChildren([childInstance], parentChain, cache);
|
|
843
|
+
}
|
|
844
|
+
}
|
|
845
|
+
}
|
|
846
|
+
|
|
847
|
+
/**
|
|
848
|
+
* Removes promoted items and group separators from DOM and destroys cached instances.
|
|
849
|
+
* Idempotent — safe to call when cache is already null.
|
|
850
|
+
*/
|
|
851
|
+
private cleanupPromotedItems(): void {
|
|
852
|
+
for (const separator of this.promotedSeparators) {
|
|
853
|
+
separator.remove();
|
|
854
|
+
}
|
|
855
|
+
this.promotedSeparators = [];
|
|
856
|
+
|
|
857
|
+
if (this.promotedItemCache !== null) {
|
|
858
|
+
for (const item of this.promotedItemCache.items) {
|
|
859
|
+
item.getElement()?.remove();
|
|
860
|
+
item.destroy();
|
|
861
|
+
}
|
|
862
|
+
this.promotedItemCache = null;
|
|
863
|
+
}
|
|
864
|
+
}
|
|
865
|
+
|
|
866
|
+
/**
|
|
867
|
+
* Creates a group separator element for promoted search results.
|
|
868
|
+
* @param label - the parent chain label (e.g., "Convert to" or "Parent › Child")
|
|
869
|
+
*/
|
|
870
|
+
private createGroupSeparator(label: string): HTMLElement {
|
|
871
|
+
const el = document.createElement('div');
|
|
872
|
+
|
|
873
|
+
el.setAttribute(DATA_ATTR.promotedGroupLabel, '');
|
|
874
|
+
el.setAttribute('role', 'separator');
|
|
875
|
+
el.className = 'px-3 pt-2.5 pb-1 text-[11px] font-medium uppercase tracking-wide text-gray-text/50 cursor-default';
|
|
876
|
+
el.textContent = label;
|
|
877
|
+
|
|
878
|
+
return el;
|
|
879
|
+
}
|
|
880
|
+
|
|
881
|
+
/**
|
|
882
|
+
* Appends DOM elements for a group of promoted items to the items container.
|
|
883
|
+
* @param groupItems - promoted items with their scores
|
|
884
|
+
*/
|
|
885
|
+
private appendPromotedGroupElements(groupItems: Array<{ item: PopoverItemDefault; score: number }>): void {
|
|
886
|
+
for (const { item } of groupItems) {
|
|
887
|
+
const el = item.getElement();
|
|
888
|
+
|
|
889
|
+
if (el !== null) {
|
|
890
|
+
this.nodes.items?.appendChild(el);
|
|
891
|
+
}
|
|
892
|
+
}
|
|
893
|
+
}
|
|
894
|
+
|
|
735
895
|
/**
|
|
736
896
|
* Adds search to the popover
|
|
737
897
|
*/
|
|
@@ -741,7 +901,42 @@ export class PopoverDesktop extends PopoverAbstract {
|
|
|
741
901
|
placeholder: this.messages.search,
|
|
742
902
|
});
|
|
743
903
|
|
|
744
|
-
this.search.on(SearchInputEvent.Search,
|
|
904
|
+
this.search.on(SearchInputEvent.Search, (searchData: { query: string; items: SearchableItem[] }) => {
|
|
905
|
+
const isEmptyQuery = searchData.query === '';
|
|
906
|
+
|
|
907
|
+
if (isEmptyQuery) {
|
|
908
|
+
this.cleanupPromotedItems();
|
|
909
|
+
this.onSearch({
|
|
910
|
+
query: searchData.query,
|
|
911
|
+
topLevelItems: searchData.items as unknown as PopoverItemDefault[],
|
|
912
|
+
promotedItems: [],
|
|
913
|
+
});
|
|
914
|
+
|
|
915
|
+
return;
|
|
916
|
+
}
|
|
917
|
+
|
|
918
|
+
// Build cache on first non-empty search
|
|
919
|
+
if (this.promotedItemCache === null) {
|
|
920
|
+
this.promotedItemCache = this.buildPromotedItemCache();
|
|
921
|
+
}
|
|
922
|
+
|
|
923
|
+
// Score promoted items against the query
|
|
924
|
+
const { parentChains } = this.promotedItemCache;
|
|
925
|
+
const promotedScored = this.promotedItemCache.items
|
|
926
|
+
.map(item => ({
|
|
927
|
+
item,
|
|
928
|
+
score: scoreSearchMatch(item, searchData.query),
|
|
929
|
+
chain: parentChains.get(item) ?? [],
|
|
930
|
+
}))
|
|
931
|
+
.filter(({ score }) => score > 0)
|
|
932
|
+
.sort((a, b) => b.score - a.score);
|
|
933
|
+
|
|
934
|
+
this.onSearch({
|
|
935
|
+
query: searchData.query,
|
|
936
|
+
topLevelItems: searchData.items as unknown as PopoverItemDefault[],
|
|
937
|
+
promotedItems: promotedScored,
|
|
938
|
+
});
|
|
939
|
+
});
|
|
745
940
|
|
|
746
941
|
const searchElement = this.search.getElement();
|
|
747
942
|
|
|
@@ -757,45 +952,60 @@ export class PopoverDesktop extends PopoverAbstract {
|
|
|
757
952
|
*/
|
|
758
953
|
public override filterItems(query: string): void {
|
|
759
954
|
if (query === '') {
|
|
955
|
+
this.cleanupPromotedItems();
|
|
760
956
|
this.onSearch({
|
|
761
957
|
query,
|
|
762
|
-
|
|
958
|
+
topLevelItems: this.itemsDefault,
|
|
959
|
+
promotedItems: [],
|
|
763
960
|
});
|
|
764
961
|
|
|
765
962
|
return;
|
|
766
963
|
}
|
|
767
964
|
|
|
768
|
-
|
|
965
|
+
// Build cache on first non-empty search
|
|
966
|
+
if (this.promotedItemCache === null) {
|
|
967
|
+
this.promotedItemCache = this.buildPromotedItemCache();
|
|
968
|
+
}
|
|
969
|
+
|
|
970
|
+
// Score top-level items
|
|
971
|
+
const topLevelScored = this.itemsDefault
|
|
769
972
|
.map(item => ({ item, score: scoreSearchMatch(item, query) }))
|
|
770
973
|
.filter(({ score }) => score > 0)
|
|
771
974
|
.sort((a, b) => b.score - a.score);
|
|
772
975
|
|
|
773
|
-
|
|
976
|
+
// Score promoted items from cache
|
|
977
|
+
const { parentChains: chains } = this.promotedItemCache;
|
|
978
|
+
const promotedScored = this.promotedItemCache.items
|
|
979
|
+
.map(item => ({
|
|
980
|
+
item,
|
|
981
|
+
score: scoreSearchMatch(item, query),
|
|
982
|
+
chain: chains.get(item) ?? [],
|
|
983
|
+
}))
|
|
984
|
+
.filter(({ score }) => score > 0)
|
|
985
|
+
.sort((a, b) => b.score - a.score);
|
|
774
986
|
|
|
775
987
|
this.onSearch({
|
|
776
988
|
query,
|
|
777
|
-
|
|
989
|
+
topLevelItems: topLevelScored.map(({ item }) => item),
|
|
990
|
+
promotedItems: promotedScored,
|
|
778
991
|
});
|
|
779
992
|
}
|
|
780
993
|
|
|
781
994
|
/**
|
|
782
|
-
* Handles
|
|
783
|
-
*
|
|
784
|
-
* @param data.query - search query text
|
|
785
|
-
* @param data.items - search results
|
|
995
|
+
* Handles search results from both filterItems and SearchInput.
|
|
996
|
+
* Renders top-level matches and promoted children with group separators.
|
|
786
997
|
*/
|
|
787
|
-
private onSearch = (data: {
|
|
998
|
+
private onSearch = (data: {
|
|
999
|
+
query: string;
|
|
1000
|
+
topLevelItems: PopoverItemDefault[] | SearchableItem[];
|
|
1001
|
+
promotedItems: Array<{ item: PopoverItemDefault; score: number; chain: string[] }>;
|
|
1002
|
+
}): void => {
|
|
788
1003
|
const isEmptyQuery = data.query === '';
|
|
789
|
-
const
|
|
790
|
-
|
|
791
|
-
// Cast data.items to PopoverItemDefault[] since we know that's what filterItems passes
|
|
792
|
-
const matchingItems = data.items as unknown as PopoverItemDefault[];
|
|
1004
|
+
const matchingTopLevel = data.topLevelItems as unknown as PopoverItemDefault[];
|
|
1005
|
+
const isNothingFound = matchingTopLevel.length === 0 && data.promotedItems.length === 0;
|
|
793
1006
|
|
|
794
1007
|
/**
|
|
795
1008
|
* When nothing is found, disable transitions so items hide instantly.
|
|
796
|
-
* The "Nothing found" message fade-in provides the visual transition;
|
|
797
|
-
* animating the last items' collapse simultaneously causes a jarring
|
|
798
|
-
* height bounce in the popover container.
|
|
799
1009
|
*/
|
|
800
1010
|
if (isNothingFound) {
|
|
801
1011
|
this.items.forEach(item => {
|
|
@@ -808,48 +1018,92 @@ export class PopoverDesktop extends PopoverAbstract {
|
|
|
808
1018
|
const isDefaultItem = item instanceof PopoverItemDefault;
|
|
809
1019
|
const isSeparatorOrHtml = item instanceof PopoverItemSeparator || item instanceof PopoverItemHtml;
|
|
810
1020
|
const isHidden = isDefaultItem
|
|
811
|
-
? !
|
|
1021
|
+
? !matchingTopLevel.includes(item) || (item.name !== undefined && this.isNamePermanentlyHidden(item.name))
|
|
812
1022
|
: isSeparatorOrHtml && (isNothingFound || !isEmptyQuery);
|
|
813
1023
|
|
|
814
1024
|
item.toggleHidden(isHidden);
|
|
815
1025
|
});
|
|
816
1026
|
|
|
817
1027
|
if (isNothingFound) {
|
|
818
|
-
// Force reflow so the instant hide takes effect, then restore transitions
|
|
819
1028
|
this.nodes.popoverContainer.offsetHeight;
|
|
820
1029
|
this.items.forEach(item => {
|
|
821
1030
|
item.getElement()?.style.removeProperty('transition-duration');
|
|
822
1031
|
});
|
|
823
1032
|
}
|
|
824
1033
|
|
|
825
|
-
// Reorder DOM elements to reflect ranking
|
|
826
|
-
if (!isEmptyQuery &&
|
|
827
|
-
this.reorderItemsByRank(
|
|
1034
|
+
// Reorder top-level DOM elements to reflect ranking
|
|
1035
|
+
if (!isEmptyQuery && matchingTopLevel.length > 0) {
|
|
1036
|
+
this.reorderItemsByRank(matchingTopLevel);
|
|
828
1037
|
} else if (isEmptyQuery && this.originalItemOrder !== undefined) {
|
|
829
1038
|
this.restoreOriginalItemOrder();
|
|
830
1039
|
}
|
|
831
1040
|
|
|
1041
|
+
// Detach previous promoted elements from DOM (don't destroy cache)
|
|
1042
|
+
for (const separator of this.promotedSeparators) {
|
|
1043
|
+
separator.remove();
|
|
1044
|
+
}
|
|
1045
|
+
this.promotedSeparators = [];
|
|
1046
|
+
|
|
1047
|
+
if (this.promotedItemCache !== null) {
|
|
1048
|
+
for (const item of this.promotedItemCache.items) {
|
|
1049
|
+
item.getElement()?.remove();
|
|
1050
|
+
}
|
|
1051
|
+
}
|
|
1052
|
+
|
|
1053
|
+
// Render promoted items grouped by parent chain
|
|
1054
|
+
if (data.promotedItems.length > 0) {
|
|
1055
|
+
const groups = new Map<string, Array<{ item: PopoverItemDefault; score: number }>>();
|
|
1056
|
+
|
|
1057
|
+
for (const entry of data.promotedItems) {
|
|
1058
|
+
const label = entry.chain.join(' \u203A ');
|
|
1059
|
+
const existing = groups.get(label);
|
|
1060
|
+
|
|
1061
|
+
if (existing !== undefined) {
|
|
1062
|
+
existing.push({ item: entry.item, score: entry.score });
|
|
1063
|
+
} else {
|
|
1064
|
+
groups.set(label, [{ item: entry.item, score: entry.score }]);
|
|
1065
|
+
}
|
|
1066
|
+
}
|
|
1067
|
+
|
|
1068
|
+
// Sort groups by best score in each group
|
|
1069
|
+
const sortedGroups = [...groups.entries()].sort((a, b) => {
|
|
1070
|
+
const bestA = Math.max(...a[1].map(e => e.score));
|
|
1071
|
+
const bestB = Math.max(...b[1].map(e => e.score));
|
|
1072
|
+
|
|
1073
|
+
return bestB - bestA;
|
|
1074
|
+
});
|
|
1075
|
+
|
|
1076
|
+
for (const [label, groupItems] of sortedGroups) {
|
|
1077
|
+
const separator = this.createGroupSeparator(label);
|
|
1078
|
+
|
|
1079
|
+
this.promotedSeparators.push(separator);
|
|
1080
|
+
this.nodes.items?.appendChild(separator);
|
|
1081
|
+
|
|
1082
|
+
this.appendPromotedGroupElements(groupItems);
|
|
1083
|
+
}
|
|
1084
|
+
}
|
|
1085
|
+
|
|
832
1086
|
this.toggleNothingFoundMessage(isNothingFound);
|
|
833
1087
|
|
|
834
|
-
|
|
835
|
-
const
|
|
1088
|
+
// Build flippable elements list: top-level matches + promoted items
|
|
1089
|
+
const topLevelFlippable = isEmptyQuery
|
|
1090
|
+
? this.flippableElements
|
|
1091
|
+
: matchingTopLevel.map(item => item.getElement());
|
|
1092
|
+
|
|
1093
|
+
const promotedFlippable = data.promotedItems.map(({ item }) => item.getElement());
|
|
1094
|
+
|
|
1095
|
+
const flippableElements = [
|
|
1096
|
+
...topLevelFlippable,
|
|
1097
|
+
...promotedFlippable,
|
|
1098
|
+
].filter((el): el is HTMLElement => el !== null);
|
|
836
1099
|
|
|
837
1100
|
if (!this.flipper?.isActivated) {
|
|
838
1101
|
return;
|
|
839
1102
|
}
|
|
840
1103
|
|
|
841
|
-
/** Update flipper items with only visible */
|
|
842
1104
|
this.flipper.deactivate();
|
|
843
|
-
this.flipper.activate(flippableElements
|
|
1105
|
+
this.flipper.activate(flippableElements);
|
|
844
1106
|
|
|
845
|
-
/**
|
|
846
|
-
* Focus first item after filtering.
|
|
847
|
-
* Always skip the first Tab press so it just "enters" the menu rather than
|
|
848
|
-
* advancing to second item. This applies regardless of whether the query is
|
|
849
|
-
* empty (initial "/" open) or non-empty (user is typing to filter), because
|
|
850
|
-
* the user's keyboard focus is still in the search input - pressing Tab
|
|
851
|
-
* should enter the list at item 0, not advance from 0 to 1.
|
|
852
|
-
*/
|
|
853
1107
|
if (flippableElements.length > 0) {
|
|
854
1108
|
this.flipper.focusItem(0, { skipNextTab: true });
|
|
855
1109
|
}
|