@useinsider/guido 2.0.0-beta.6b24cb0 → 2.0.0-beta.6da018c

package/dist/extensions/Blocks/CouponBlock/extension.js

@@ -1,8 +1,9 @@
 import { ExtensionBuilder as o } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { CouponBlock as t } from "./block.js";
-import { CouponIconsRegistry as i } from "./iconsRegistry.js";
-import { CouponBlockSettings as n } from "./settingsPanel.js";
-const p = new o().addBlock(t).withSettingsPanelRegistry(n).withIconsRegistry(i).build();
+import { TextAlignControl as n, TextColorControl as r, TextSizeControl as l, TextStyleControl as d, TextFontFamilyControl as e, TextBackgroundControl as i, TextPaddingsControl as C, TextLineSpacingControl as a } from "./controls/index.js";
+import { CouponIconsRegistry as s } from "./iconsRegistry.js";
+import { CouponBlockSettings as m } from "./settingsPanel.js";
+const u = new o().addBlock(t).withSettingsPanelRegistry(m).addControl(n).addControl(r).addControl(l).addControl(d).addControl(e).addControl(i).addControl(C).addControl(a).withIconsRegistry(s).build();
 export {
-  p as default
+  u as default
 };

package/dist/extensions/Blocks/CouponBlock/settingsPanel.js

@@ -1,24 +1,30 @@
-import { SettingsPanelRegistry as T, SettingsPanelTab as o, SettingsTab as O, TextControls as t } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { COUPON_BLOCK_ID as N } from "./block.js";
-class _ extends T {
+import { SettingsPanelRegistry as n, SettingsPanelTab as o, SettingsTab as t } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { COUPON_BLOCK_ID as E } from "./block.js";
+import { CouponControlId as T } from "./constants.js";
+class i extends n {
   registerBlockControls(e) {
-    e[N] = [
+    e[E] = [
       new o(
-        O.SETTINGS,
+        t.SETTINGS,
         [
-          t.FONT_FAMILY,
-          t.FONT_SIZE,
-          t.FORMAT,
-          t.FONT_COLOR,
-          t.TEXT_BLOCK_BACKGROUND_COLOR,
-          t.ALIGN,
-          t.LINE_HEIGHT,
-          t.INTERNAL_INDENTS
+          T.TEXT_STYLE,
+          T.TEXT_ALIGN,
+          T.TEXT_PADDINGS
+        ]
+      ),
+      new o(
+        t.STYLES,
+        [
+          T.TEXT_BACKGROUND,
+          T.TEXT_FONT_FAMILY,
+          T.TEXT_LINE_SPACING,
+          T.TEXT_SIZE,
+          T.TEXT_COLOR
         ]
       )
     ];
   }
 }
 export {
-  _ as CouponBlockSettings
+  i as CouponBlockSettings
 };

package/dist/extensions/Blocks/CouponBlock/template.js

@@ -1,18 +1,29 @@
-const o = `
-    <td class="coupon-block ins-coupon-code esd-block-text coupon-block-v2">
-        <p class="ins-title" contenteditable="false">{@COUPON_CODE}</p>
-    </td>`, e = `
-    <td 
-        class="coupon-block coupon-block-v2 ins-coupon-code esd-block-text esd-extension-block" 
-        esd-extension-block-id="coupon-block"
+import { BlockType as o } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { COUPON_BLOCK_ID as e } from "./block.js";
+const t = `
+    <${o.BLOCK_TEXT}
+        class="coupon-block ins-coupon-code coupon-block-v2 es-p10"
+        align="center"
+        esd-extension-block-id="${e}">
+        <p
+            path="1"
+            contenteditable="false"
+            style="font-size: 16px; color: #333333;">
+            <strong path="1,0">{@COUPON_CODE}</strong>
+        </p>
+    </${o.BLOCK_TEXT}>
+    `, l = `
+    <td
+        class="coupon-block coupon-block-v2 ins-coupon-code esd-block-text esd-extension-block"
+        esd-extension-block-id="${e}"
     >
         <p class="ins-title" contenteditable="false">{@COUPON_CODE}</p>
     </td>
 `;
-function t() {
-  return o;
+function s() {
+  return t;
 }
 export {
-  e as default,
-  t as getDefaultTemplate
+  l as default,
+  s as getDefaultTemplate
 };

package/dist/extensions/Blocks/Unsubscribe/extension.js

@@ -1,21 +1,21 @@
 import { ExtensionBuilder as e } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { UnsubscribeBlock as i } from "./block.js";
 import { UnsubscribeControl as t } from "./control.js";
-import { PreviewUIElement as s } from "./elements/preview.js";
-import { UnsubscribeIconsRegistry as o } from "./iconsRegistry.js";
-import { SettingsPanel as r } from "./settingsPanel.js";
+import { PreviewUIElement as o } from "./elements/preview.js";
+import { UnsubscribeIconsRegistry as r } from "./iconsRegistry.js";
+import { SettingsPanel as s } from "./settingsPanel.js";
 import n from "./styles.css.js";
-import { UnsubscribeTagRegistry as c } from "./tagRegistry.js";
-const g = new e().addBlock(i).withSettingsPanelRegistry(r).addControl(t).addUiElement(s).addStyles(n).withLocalization({
+import { UnsubscribeTagRegistry as l } from "./tagRegistry.js";
+const f = new e().addBlock(i).withSettingsPanelRegistry(s).addControl(t).addUiElement(o).addStyles(n).withLocalization({
   en: {
-    "Unsubscribe Block": "Unsubscribe",
-    "Unsubscribe Block Description": "Unsubscribe lets you add an Unsubscribe Link to direct users to opt out of receiving your messages.",
+    "Unsubscribe Block": "Unsubscribe Block",
+    "Unsubscribe Block Description": "Add an unsubscribe link to your email",
     "Select Template": "Select Template",
     "Unsubscribe Template": "Unsubscribe Template",
     Showing: "Showing",
     of: "of"
   }
-}).withUiElementTagRegistry(c).withIconsRegistry(o).build();
+}).withUiElementTagRegistry(l).withIconsRegistry(r).build();
 export {
-  g as default
+  f as default
 };

package/dist/extensions/Blocks/controlFactories.js

@@ -1,223 +1,234 @@
-import { TextAlignBuiltInControl as r, TextColorBuiltInControl as l, TextSizeBuiltInControl as s, TextStyleBuiltInControl as c, TextFontFamilyBuiltInControl as u, ButtonBackgroundColorBuiltInControl as i, TextPaddingsBuiltInControl as d, ImageSizeBuiltInControl as a, ImageMarginsBuiltInControl as g, ButtonAlignBuiltInControl as x, ButtonBorderBuiltInControl as C, ButtonBorderRadiusBuiltInControl as B, ButtonColorBuiltInControl as I, ButtonFontFamilyBuiltInControl as m, ButtonMarginsBuiltInControl as T, ButtonPaddingsBuiltInControl as S, ButtonTextBuiltInControl as y, ButtonTextSizeBuiltInControl as A, ButtonTextStyleAndFontColorBuiltInControl as k, ButtonFitToContainerBuiltInControl as f } from "../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-function q(e, t, n) {
-  return class extends r {
+import { TextAlignBuiltInControl as o, TextColorBuiltInControl as l, TextSizeBuiltInControl as s, TextStyleBuiltInControl as u, TextFontFamilyBuiltInControl as i, ButtonBackgroundColorBuiltInControl as c, TextPaddingsBuiltInControl as d, ImageSizeBuiltInControl as a, ImageMarginsBuiltInControl as g, ButtonAlignBuiltInControl as x, ButtonBorderBuiltInControl as C, ButtonBorderRadiusBuiltInControl as B, ButtonColorBuiltInControl as T, ButtonFontFamilyBuiltInControl as I, ButtonMarginsBuiltInControl as f, ButtonPaddingsBuiltInControl as m, ButtonTextBuiltInControl as y, ButtonTextSizeBuiltInControl as A, ButtonTextStyleAndFontColorBuiltInControl as S, ButtonFitToContainerBuiltInControl as N, TextLineSpacingBuiltInControl as b } from "../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+function $(r, t, n) {
+  return class extends o {
     getId() {
-      return e;
+      return r;
     }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(e) {
+      return !t || !n ? [e] : e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function N(e, t, n = ".ins-recommendation-product-container") {
+function k(r, t, n) {
   return class extends l {
     getId() {
-      return e;
+      return r;
     }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(e) {
+      return !t || !n ? [e] : e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function $(e, t, n = ".ins-recommendation-product-container") {
+function p(r, t, n) {
   return class extends s {
     getId() {
-      return e;
+      return r;
     }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(e) {
+      return !t || !n ? [e] : e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function p(e, t, n = ".ins-recommendation-product-container") {
-  return class extends c {
+function F(r, t, n) {
+  return class extends u {
     getId() {
-      return e;
+      return r;
     }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(e) {
+      return !t || !n ? [e] : e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function F(e, t, n = ".ins-recommendation-product-container") {
-  return class extends u {
+function z(r, t, n) {
+  return class extends i {
     getId() {
-      return e;
+      return r;
     }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(e) {
+      return !t || !n ? [e] : e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function z(e, t, n = ".ins-recommendation-product-container") {
-  return class extends i {
+function M(r, t, n) {
+  return class extends c {
     getId() {
-      return e;
+      return r;
     }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(e) {
+      return !t || !n ? [e] : e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function M(e, t, n = ".ins-recommendation-product-container") {
+function P(r, t, n) {
   return class extends d {
     getId() {
-      return e;
+      return r;
+    }
+    getTargetNodes(e) {
+      return !t || !n ? [e] : e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    }
+  };
+}
+function L(r, t, n) {
+  return class extends b {
+    getId() {
+      return r;
     }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(e) {
+      return [e];
     }
   };
 }
-function P(e, t, n = ".ins-recommendation-product-container") {
+function R(r, t, n = ".ins-recommendation-product-container") {
   return class extends x {
     getId() {
-      return e;
+      return r;
     }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(e) {
+      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function R(e, t, n = ".ins-recommendation-product-container") {
-  return class extends I {
+function h(r, t, n = ".ins-recommendation-product-container") {
+  return class extends T {
     getId() {
-      return e;
+      return r;
     }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(e) {
+      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function h(e, t, n = ".ins-recommendation-product-container") {
+function j(r, t, n = ".ins-recommendation-product-container") {
   return class extends C {
     getId() {
-      return e;
+      return r;
     }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(e) {
+      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function j(e, t, n = ".ins-recommendation-product-container") {
+function v(r, t, n = ".ins-recommendation-product-container") {
   return class extends B {
     getId() {
-      return e;
+      return r;
     }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(e) {
+      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function v(e, t, n = ".ins-recommendation-product-container") {
-  return class extends m {
+function w(r, t, n = ".ins-recommendation-product-container") {
+  return class extends I {
     getId() {
-      return e;
+      return r;
     }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(e) {
+      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function w(e, t, n = ".ins-recommendation-product-container") {
-  return class extends T {
+function D(r, t, n = ".ins-recommendation-product-container") {
+  return class extends f {
     getId() {
-      return e;
+      return r;
     }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(e) {
+      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function D(e, t, n = ".ins-recommendation-product-container") {
-  return class extends S {
+function E(r, t, n = ".ins-recommendation-product-container") {
+  return class extends m {
     getId() {
-      return e;
+      return r;
     }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(e) {
+      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function E(e, t, n = ".ins-recommendation-product-container") {
+function G(r, t, n = ".ins-recommendation-product-container") {
   return class extends y {
     getId() {
-      return e;
+      return r;
     }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(e) {
+      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function G(e, t, n = ".ins-recommendation-product-container") {
+function H(r, t, n = ".ins-recommendation-product-container") {
   return class extends A {
     getId() {
-      return e;
+      return r;
     }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(e) {
+      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function H(e, t, n) {
-  return class extends k {
+function J(r, t, n) {
+  return class extends S {
     getId() {
-      return e;
+      return r;
     }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(e) {
+      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function J(e, t, n) {
-  return class extends f {
+function K(r, t, n) {
+  return class extends N {
     getId() {
-      return e;
+      return r;
     }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(e) {
+      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function K(e, t, n) {
+function O(r, t, n) {
   return class extends a {
     getId() {
-      return e;
+      return r;
     }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(e) {
+      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function L(e, t, n) {
+function Q(r, t, n) {
   return class extends g {
     getId() {
-      return e;
+      return r;
     }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(e) {
+      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
 export {
-  P as createButtonAlignControl,
-  h as createButtonBorderControl,
-  j as createButtonBorderRadiusControl,
-  R as createButtonColorControl,
-  J as createButtonFitToContainerControl,
-  v as createButtonFontFamilyControl,
-  w as createButtonMarginsControl,
-  D as createButtonPaddingsControl,
-  E as createButtonTextControl,
-  G as createButtonTextSizeControl,
-  H as createButtonTextStyleAndFontColorControl,
-  L as createImageMarginsControl,
-  K as createImageSizeControl,
-  M as createPaddingsControl,
-  q as createTextAlignControl,
-  z as createTextBackgroundColorControl,
-  N as createTextColorControl,
-  F as createTextFontFamilyControl,
-  $ as createTextSizeControl,
-  p as createTextStyleControl
+  R as createButtonAlignControl,
+  j as createButtonBorderControl,
+  v as createButtonBorderRadiusControl,
+  h as createButtonColorControl,
+  K as createButtonFitToContainerControl,
+  w as createButtonFontFamilyControl,
+  D as createButtonMarginsControl,
+  E as createButtonPaddingsControl,
+  G as createButtonTextControl,
+  H as createButtonTextSizeControl,
+  J as createButtonTextStyleAndFontColorControl,
+  Q as createImageMarginsControl,
+  O as createImageSizeControl,
+  P as createPaddingsControl,
+  $ as createTextAlignControl,
+  M as createTextBackgroundColorControl,
+  k as createTextColorControl,
+  z as createTextFontFamilyControl,
+  L as createTextLineSpacingControl,
+  p as createTextSizeControl,
+  F as createTextStyleControl
 };

package/dist/guido.css

@@ -1 +1 @@
-.gap-16[data-v-6562e38c],.gap-16[data-v-1ccb6d4a]{gap:16px}[data-v-06e6f7a7] .in-button-v2__wrapper{line-height:0}[data-v-b5997368] .in-segments-wrapper .in-tooltip-wrapper__box{text-align:left}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history-wrapper[data-v-52a77eec]{gap:8px}.view-options-wrapper[data-v-d405ca59]{position:relative;display:inline-block}.new-tag[data-v-d405ca59]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-d405ca59] .guido__verion-history-view-option-selection-desktop svg,[data-v-d405ca59] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-d405ca59] .in-segments-wrapper__button_selected,[data-v-d405ca59] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-d405ca59] .in-tooltip-wrapper__icon{cursor:pointer}.view-options-wrapper[data-v-195ab6d4]{position:relative;display:inline-block}.new-tag[data-v-195ab6d4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-195ab6d4] .guido__view-option-selection-desktop svg,[data-v-195ab6d4] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-195ab6d4] .in-segments-wrapper__button_selected,[data-v-195ab6d4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-195ab6d4] .in-tooltip-wrapper__icon{cursor:pointer}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-282ca4d1]{position:relative;width:100%;height:calc(100vh - 128px)}.guido-editor__container[data-v-282ca4d1]{width:100%;height:calc(100vh - 128px)}.guido-editor__no-header[data-v-282ca4d1]{height:calc(100vh - 75px)}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-a86fc486]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-a86fc486]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-a86fc486]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-a86fc486]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-a86fc486]{object-fit:cover;transform:scale(1)}[data-v-bb3bb07c] .guido__verion-history-view-option-selection-desktop svg,[data-v-bb3bb07c] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-bb3bb07c] .in-segments-wrapper__button_selected,[data-v-bb3bb07c] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-7a09985c]{gap:16px}[data-v-c2adc57d] .in-progress-wrapper__progress p span:last-child{display:none!important}.desktop-preview-container[data-v-2dd60b0c],[data-v-2dd60b0c] .desktop-preview-container .in-container{min-height:720px!important;height:100%}.cropped-text[data-v-4b876c1b]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-v-d3c52b44] .vueperslides__bullets,[data-v-dd1a237a] .vueperslides__bullets{pointer-events:none!important}[data-v-dd1a237a] .vueperslides__parallax-wrapper{height:110px!important}[data-v-a408dcea] .vueperslides__bullets{pointer-events:none!important}[data-v-a408dcea] .vueperslides__parallax-wrapper{height:110px!important}
+.gap-16[data-v-6562e38c],.gap-16[data-v-1ccb6d4a]{gap:16px}[data-v-06e6f7a7] .in-button-v2__wrapper{line-height:0}[data-v-b5997368] .in-segments-wrapper .in-tooltip-wrapper__box{text-align:left}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history-wrapper[data-v-52a77eec]{gap:8px}.view-options-wrapper[data-v-d405ca59]{position:relative;display:inline-block}.new-tag[data-v-d405ca59]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-d405ca59] .guido__verion-history-view-option-selection-desktop svg,[data-v-d405ca59] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-d405ca59] .in-segments-wrapper__button_selected,[data-v-d405ca59] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-d405ca59] .in-tooltip-wrapper__icon{cursor:pointer}.view-options-wrapper[data-v-195ab6d4]{position:relative;display:inline-block}.new-tag[data-v-195ab6d4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-195ab6d4] .guido__view-option-selection-desktop svg,[data-v-195ab6d4] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-195ab6d4] .in-segments-wrapper__button_selected,[data-v-195ab6d4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-195ab6d4] .in-tooltip-wrapper__icon{cursor:pointer}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-9cd25be3]{position:relative;width:100%;height:calc(100vh - 128px)}.guido-editor__container[data-v-9cd25be3]{width:100%;height:calc(100vh - 128px)}.guido-editor__no-header[data-v-9cd25be3]{height:calc(100vh - 75px)}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-a86fc486]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-a86fc486]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-a86fc486]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-a86fc486]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-a86fc486]{object-fit:cover;transform:scale(1)}[data-v-bb3bb07c] .guido__verion-history-view-option-selection-desktop svg,[data-v-bb3bb07c] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-bb3bb07c] .in-segments-wrapper__button_selected,[data-v-bb3bb07c] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-7a09985c]{gap:16px}[data-v-eb2f9f20] .in-progress-wrapper__progress p span:last-child{display:none!important}.desktop-preview-container[data-v-2dd60b0c],[data-v-2dd60b0c] .desktop-preview-container .in-container{min-height:720px!important;height:100%}.cropped-text[data-v-4b876c1b]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-v-d3c52b44] .vueperslides__bullets,[data-v-dd1a237a] .vueperslides__bullets{pointer-events:none!important}[data-v-dd1a237a] .vueperslides__parallax-wrapper{height:110px!important}[data-v-a408dcea] .vueperslides__bullets{pointer-events:none!important}[data-v-a408dcea] .vueperslides__parallax-wrapper{height:110px!important}