@designcrowd/library.brand-page 5.19.1-error-html2canvas-1 → 5.19.1-error-html2canvas-3

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.
Files changed (361) hide show
  1. package/lib/src/{CreatedOnBrandCrowd-de-de-CxCJU9cc.js → CreatedOnBrandCrowd-de-de-BPP1Wtpt.js} +3 -3
  2. package/lib/src/{CreatedOnBrandCrowd-en-us-zDJCWP5n.js → CreatedOnBrandCrowd-en-us-BlfpQiIg.js} +3 -3
  3. package/lib/src/{CreatedOnBrandCrowd-es-es-DNna1Sh9.js → CreatedOnBrandCrowd-es-es-Tldy_pIo.js} +3 -3
  4. package/lib/src/{CreatedOnBrandCrowd-fr-fr-C5XVf_hD.js → CreatedOnBrandCrowd-fr-ca-CHmb3VQE.js} +3 -3
  5. package/lib/src/{CreatedOnBrandCrowd-fr-ca-C5XVf_hD.js → CreatedOnBrandCrowd-fr-fr-CHmb3VQE.js} +3 -3
  6. package/lib/src/{CreatedOnBrandCrowd-pt-pt-9eUHV_M3.js → CreatedOnBrandCrowd-pt-br-XbU3eK3Z.js} +3 -3
  7. package/lib/src/{CreatedOnBrandCrowd-pt-br-9eUHV_M3.js → CreatedOnBrandCrowd-pt-pt-XbU3eK3Z.js} +3 -3
  8. package/lib/src/{CreatedOnDcom-de-de-D9HMpK8Q.js → CreatedOnDcom-de-de-BVMFbVbI.js} +3 -3
  9. package/lib/src/{CreatedOnDcom-en-us-BCTkchV5.js → CreatedOnDcom-en-us--kaKb1kI.js} +3 -3
  10. package/lib/src/{CreatedOnDcom-es-es-B0N7VoTp.js → CreatedOnDcom-es-es-XXVLpF2I.js} +3 -3
  11. package/lib/src/{CreatedOnDcom-fr-ca-Gi4oz_Mm.js → CreatedOnDcom-fr-ca-D-7vtMZ5.js} +3 -3
  12. package/lib/src/{CreatedOnDcom-fr-fr-DJI8eJo1.js → CreatedOnDcom-fr-fr-CM9oQk77.js} +3 -3
  13. package/lib/src/{CreatedOnDcom-pt-br-YNWMAuQf.js → CreatedOnDcom-pt-br-VVgu3BEa.js} +3 -3
  14. package/lib/src/{CreatedOnDcom-pt-pt-DCIIK3sy.js → CreatedOnDcom-pt-pt-CWhA8Vla.js} +3 -3
  15. package/lib/src/brand-page/clients/brand-page.client.d.ts +9 -9
  16. package/lib/src/brand-page/components/banner-section/BannerSection.mixin.d.ts +103 -0
  17. package/lib/src/brand-page/components/banner-section/BannerSection.mixin.js +178 -0
  18. package/lib/src/brand-page/components/image-gallery/masonry/MasonryGallery.mixin.d.ts +0 -1
  19. package/lib/src/brand-page/components/navigation/hamburger/HamburgerNavigation.mixin.d.ts +4 -2
  20. package/lib/src/brand-page/components/navigation/hamburger/HamburgerNavigation.mixin.js +1 -0
  21. package/lib/src/brand-page/components/navigation/navigation-side-menu/NavigationSideMenu.mixin.d.ts +4 -2
  22. package/lib/src/brand-page/components/navigation/navigation-side-menu/NavigationSideMenu.mixin.js +5 -4
  23. package/lib/src/brand-page/components/page/Page.mixin.d.ts +1 -1
  24. package/lib/src/brand-page/components/page/PageComponent.mixin.d.ts +1 -1
  25. package/lib/src/brand-page/components/payment/Payment.mixin.d.ts +3 -3
  26. package/lib/src/brand-page/components/payment/__fixtures__/request-payment.d.ts +13 -13
  27. package/lib/src/brand-page/components/payment/__fixtures__/support-me.d.ts +13 -13
  28. package/lib/src/brand-page/constants/sections/footer-display.constants.js +1 -1
  29. package/lib/src/brand-page/models/index.d.ts +2 -1
  30. package/lib/src/brand-page/models/index.js +3 -0
  31. package/lib/src/brand-page/models/payment.model.d.ts +1 -1
  32. package/lib/src/brand-page/utils/personalisation.util.js +72 -14
  33. package/lib/src/brand-page-maker/components/action-bar/ActionBar.mixin.d.ts +21 -19
  34. package/lib/src/brand-page-maker/components/action-bar/ActionBar.mixin.js +1 -0
  35. package/lib/src/brand-page-maker/components/admin-background-settings/AdminBackgroundSettings.mixin.d.ts +16 -10
  36. package/lib/src/brand-page-maker/components/admin-logo-settings/AdminLogoSettings.mixin.d.ts +3 -3
  37. package/lib/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.mixin.d.ts +181 -170
  38. package/lib/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.mixin.js +3 -0
  39. package/lib/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.stories.js +1 -0
  40. package/lib/src/brand-page-maker/components/brand-page-maker/BrandPageMakerTemplateSettings.mixin.d.ts +12 -12
  41. package/lib/src/brand-page-maker/components/brand-page-maker/BrandPageMakerTemplateSettings.stories.js +2 -2
  42. package/lib/src/brand-page-maker/components/brand-page-maker/__fixtures__/brand-page-payment.js +0 -7
  43. package/lib/src/brand-page-maker/components/brandpage-maker-page/BrandPageMakerPage.mixin.d.ts +148 -149
  44. package/lib/src/brand-page-maker/components/brandpage-settings/ReplaceImageSettingsForBrandPageSettings.mixin.d.ts +21 -21
  45. package/lib/src/brand-page-maker/components/brandpage-settings/ReplaceImageSettingsForBrandPageSettings.mixin.js +1 -1
  46. package/lib/src/brand-page-maker/components/color-picker/components/ColorModeSelect.mixin.d.ts +4 -2
  47. package/lib/src/brand-page-maker/components/color-picker/components/ColorModeSelect.mixin.js +1 -0
  48. package/lib/src/brand-page-maker/components/color-picker/components/GradientColorSlider.mixin.d.ts +4 -2
  49. package/lib/src/brand-page-maker/components/color-picker/components/GradientColorSlider.mixin.js +1 -0
  50. package/lib/src/brand-page-maker/components/color-picker/components/GradientColorSliderHandler.mixin.d.ts +5 -2
  51. package/lib/src/brand-page-maker/components/color-picker/components/GradientColorSliderHandler.mixin.js +1 -0
  52. package/lib/src/brand-page-maker/components/color-picker/components/GradientTypeSelector.mixin.d.ts +4 -2
  53. package/lib/src/brand-page-maker/components/color-picker/components/GradientTypeSelector.mixin.js +1 -0
  54. package/lib/src/brand-page-maker/components/device/Device.mixin.d.ts +4 -2
  55. package/lib/src/brand-page-maker/components/device/Device.mixin.js +1 -0
  56. package/lib/src/brand-page-maker/components/navigation/Navigation.mixin.d.ts +4 -2
  57. package/lib/src/brand-page-maker/components/navigation/Navigation.mixin.js +1 -0
  58. package/lib/src/brand-page-maker/components/preview/Preview.mixin.d.ts +3 -3
  59. package/lib/src/brand-page-maker/components/quick-link-bar/QuickLinkBar.mixin.d.ts +11 -11
  60. package/lib/src/brand-page-maker/components/seo-settings/SeoPageSettings.mixin.d.ts +27 -25
  61. package/lib/src/brand-page-maker/components/seo-settings/SeoPageSettings.mixin.js +1 -0
  62. package/lib/src/brand-page-maker/components/seo-settings/UrlSettings.mixin.d.ts +27 -27
  63. package/lib/src/brand-page-maker/components/seo-settings/UrlSettings.mixin.js +1 -1
  64. package/lib/src/brand-page-maker/components/seo-settings/UseExistingDomainModal.mixin.d.ts +17 -12
  65. package/lib/src/brand-page-maker/components/social-share/SocialShare.mixin.d.ts +12 -12
  66. package/lib/src/brand-page-maker/components/template-preview/TemplatePreview.mixin.d.ts +30 -32
  67. package/lib/src/brand-page-maker/components/template-preview/TemplatePreview.mixin.js +16 -5
  68. package/lib/src/brand-page-maker/components/upgrade-to-premium-button/UpgradeToPremiumButton.mixin.d.ts +11 -11
  69. package/lib/src/brand-page-maker/composables/ai-chat/useAiWebsiteBuilderChat.js +1 -1
  70. package/lib/src/brand-page-maker/composables/rich-text-editor/useRichTextEditor.d.ts +1 -1
  71. package/lib/src/brand-page-maker/composables/rich-text-editor/useRichTextEditor.js +6 -6
  72. package/lib/src/brand-page-maker/composables/useEventTracker.d.ts +2 -2
  73. package/lib/src/brand-page-maker/constants/config-settings-constant.d.ts +6 -6
  74. package/lib/src/brand-page-maker/constants/config-settings-constant.js +1 -1
  75. package/lib/src/brand-page-maker/convertors/text-image-display-style.convertor.d.ts +1 -1
  76. package/lib/src/brand-page-maker/convertors/text-image-display-style.convertor.js +1 -1
  77. package/lib/src/brand-page-maker/models/content-settings.d.ts +1 -1
  78. package/lib/src/brand-page-maker/models/navigation-style-configs.js +1 -1
  79. package/lib/src/brand-page-maker/routing/brand-page-maker-router.d.ts +1 -2
  80. package/lib/src/brand-page-maker/stores/ai-checkpoint/ai-checkpoint-store.d.ts +366 -360
  81. package/lib/src/brand-page-maker/stores/brandpage-container/brand-page-container-store.d.ts +5 -4
  82. package/lib/src/brand-page-maker/stores/brandpage-container/brand-page-container-store.js +8 -5
  83. package/lib/src/brand-page-maker/stores/brandpage-maker/brandpage-maker-store.d.ts +3 -1
  84. package/lib/src/brand-page-maker/stores/brandpage-maker/brandpage-maker-store.js +7 -3
  85. package/lib/src/brand-page-maker/stores/history/history-store.d.ts +15 -15
  86. package/lib/src/brand-page-maker/stores/ui/ui-store.d.ts +6 -0
  87. package/lib/src/brand-page-maker/stores/ui/ui-store.js +8 -0
  88. package/lib/src/brand-page-maker/utils/content-settings.util.js +1 -1
  89. package/lib/src/brand-page-maker/utils/rich-text-editor.util.d.ts +1 -1
  90. package/lib/src/brand-page-maker/utils/rich-text-editor.util.js +4 -4
  91. package/lib/src/clients/brand-page-client.d.ts +16 -15
  92. package/lib/src/clients/design-template-client.d.ts +3 -0
  93. package/lib/src/clients/media-client.d.ts +2 -2
  94. package/lib/src/clients/models.d.ts +2 -0
  95. package/lib/src/css/library.brand-page-brandCrowd.min.css +342 -324
  96. package/lib/src/css/library.brand-page-brandPage.min.css +620 -324
  97. package/lib/src/css/library.brand-page-designCom.min.css +342 -324
  98. package/lib/src/css/library.brand-page-preview.min.css +598 -324
  99. package/lib/src/index.d.ts +1 -1
  100. package/lib/src/index.mjs +16 -15
  101. package/lib/src/{lib-CaY174HB.js → lib-yEV1yYI5.js} +35293 -32254
  102. package/lib/src/lib.js +1 -1
  103. package/lib/src/metadata-builder/builders/footer-builder.js +103 -70
  104. package/lib/src/metadata-builder/builders/section-builders/image-gallery-builder.js +1 -1
  105. package/lib/src/metadata-builder/builders/section-builders/images-section-builder.js +1 -1
  106. package/lib/src/metadata-builder/builders/section-builders/testimonial-section-builder.js +1 -1
  107. package/lib/src/metadata-builder/builders/section-builders/text-section-builder.js +1 -1
  108. package/lib/src/metadata-builder/builders/section-field-utils.d.ts +7 -0
  109. package/lib/src/metadata-builder/builders/section-field-utils.js +1 -1
  110. package/lib/src/metadata-builder/builders/shape-color-utils.js +1 -1
  111. package/lib/src/metadata-builder/parsers/ai-toolcall-parser.d.ts +3 -3
  112. package/lib/src/plugins/google-maps-plugin/google-maps-plugin.d.ts +1 -1
  113. package/lib/src/plugins/google-maps-plugin/google-maps-plugin.js +8 -8
  114. package/lib/src/shared/background-settings/components/background-shapes/BackgroundShapeSettings.mixin.d.ts +13 -13
  115. package/lib/src/shared/background-settings/store/background-settings-store.d.ts +3 -3
  116. package/lib/src/shared/color-picker/components/ColorPicker.mixin.d.ts +4 -2
  117. package/lib/src/shared/color-picker/components/ColorPicker.mixin.js +2 -2
  118. package/lib/src/shared/color-picker/components/ColorPickerSwatch.mixin.d.ts +4 -2
  119. package/lib/src/shared/color-picker/components/ColorPickerSwatch.mixin.js +1 -0
  120. package/lib/src/shared/confirm-modal/ConfirmModal.mixin.d.ts +5 -2
  121. package/lib/src/shared/confirm-modal/ConfirmModal.mixin.js +1 -0
  122. package/lib/src/shared/content-settings/components/GenericTextInput.mixin.d.ts +0 -1
  123. package/lib/src/shared/content-settings/components/content-settings/ContentSettings.mixin.d.ts +131 -129
  124. package/lib/src/shared/content-settings/components/content-settings/ContentSettings.mixin.js +2 -1
  125. package/lib/src/shared/content-settings/components/content-settings/ReplaceImageSettingsForContent.mixin.d.ts +111 -110
  126. package/lib/src/shared/content-settings/components/content-settings-item/ContentSettingsItem.mixin.d.ts +84 -81
  127. package/lib/src/shared/content-settings/components/content-settings-item/ContentSettingsItem.mixin.js +5 -0
  128. package/lib/src/shared/content-settings/components/content-settings-item/ContentSettingsItemField.mixin.d.ts +117 -109
  129. package/lib/src/shared/content-settings/components/content-settings-item/ContentSettingsItemField.mixin.js +1 -14
  130. package/lib/src/shared/content-settings/components/email-field/EmailField.mixin.d.ts +0 -1
  131. package/lib/src/shared/content-settings/components/focused-content-item-settings/FocusedContentItemSettings.mixin.d.ts +72 -70
  132. package/lib/src/shared/content-settings/components/focused-content-item-settings/FocusedContentItemSettings.mixin.js +4 -3
  133. package/lib/src/shared/content-settings/components/form-fields-field/FormFieldsField.mixin.d.ts +4 -4
  134. package/lib/src/shared/content-settings/components/icon-library/IconLibrary.mixin.d.ts +3 -1
  135. package/lib/src/shared/content-settings/components/icon-library/IconLibrary.mixin.js +1 -0
  136. package/lib/src/shared/content-settings/components/images-field/ImagesField.mixin.d.ts +2 -2
  137. package/lib/src/shared/content-settings/components/items-field/ItemsField.mixin.d.ts +4 -3
  138. package/lib/src/shared/content-settings/components/items-field/ItemsField.mixin.js +1 -1
  139. package/lib/src/shared/content-settings/components/payment-config-field/PaymentConfigField.mixin.d.ts +40 -40
  140. package/lib/src/shared/content-settings/components/payment-config-field/PaymentConfigOptionField.mixin.d.ts +5 -6
  141. package/lib/src/shared/content-settings/components/shape-field/ShapeField.mixin.d.ts +0 -1
  142. package/lib/src/shared/content-settings/components/slider-field/SliderField.mixin.d.ts +2 -2
  143. package/lib/src/shared/content-settings/components/tel-field/TelField.mixin.d.ts +0 -1
  144. package/lib/src/shared/content-settings/components/testimonial-items-field/TestimonialItemsField.mixin.d.ts +1 -2
  145. package/lib/src/shared/content-settings/components/text-field/TextField.mixin.d.ts +0 -1
  146. package/lib/src/shared/content-settings/components/text-items-field/TextItemsField.mixin.d.ts +1 -2
  147. package/lib/src/shared/content-settings/components/text-items-field/TextItemsField.mixin.js +1 -1
  148. package/lib/src/shared/content-settings/components/text-style-field/TextStyleField.mixin.d.ts +28 -28
  149. package/lib/src/shared/content-settings/components/textarea-field/TextareaField.mixin.d.ts +0 -1
  150. package/lib/src/shared/content-settings/components/toggle-field/ToggleField.mixin.d.ts +2 -2
  151. package/lib/src/shared/content-settings/components/url-field/UrlField.mixin.d.ts +0 -1
  152. package/lib/src/shared/content-settings/components/youtube-video-field/YoutubeVideoField.mixin.d.ts +0 -1
  153. package/lib/src/shared/content-settings/store/content-settings-store.d.ts +39 -39
  154. package/lib/src/shared/content-settings/utils.js +0 -1
  155. package/lib/src/shared/font-family-selector/FontFamilySelector.mixin.d.ts +6 -4
  156. package/lib/src/shared/font-family-selector/FontFamilySelector.mixin.js +1 -0
  157. package/lib/src/shared/image-gallery-style-settings/ImageGalleryStyleSettings.mixin.d.ts +4 -2
  158. package/lib/src/shared/image-gallery-style-settings/ImageGalleryStyleSettings.mixin.js +1 -0
  159. package/lib/src/shared/logo-settings/components/EditLogoSettings.mixin.d.ts +29 -21
  160. package/lib/src/shared/logo-settings/components/EditLogoSettings.mixin.js +1 -1
  161. package/lib/src/shared/logo-settings/components/LogoSettings.mixin.d.ts +50 -51
  162. package/lib/src/shared/logo-settings/components/LogoSettingsHeader.mixin.d.ts +6 -4
  163. package/lib/src/shared/logo-settings/components/LogoSettingsHeader.mixin.js +1 -0
  164. package/lib/src/shared/logo-settings/store/editable-logo-store.js +1 -1
  165. package/lib/src/shared/logo-settings/store/logo-settings-store.d.ts +1 -1
  166. package/lib/src/shared/logo-versions/LogoVersions.mixin.d.ts +13 -5
  167. package/lib/src/shared/logo-versions/LogoVersions.mixin.js +1 -0
  168. package/lib/src/shared/models.d.ts +2 -0
  169. package/lib/src/shared/my-designs/MyDesigns.mixin.d.ts +14 -6
  170. package/lib/src/shared/my-designs/MyDesigns.mixin.js +1 -0
  171. package/lib/src/shared/my-uploads/MyMedia.mixin.d.ts +14 -5
  172. package/lib/src/shared/my-uploads/MyMedia.mixin.js +1 -0
  173. package/lib/src/shared/my-uploads/MyUploads.mixin.d.ts +14 -5
  174. package/lib/src/shared/my-uploads/MyUploads.mixin.js +1 -0
  175. package/lib/src/shared/navigation-style-settings/components/navigation-style-settings/NavigationStyleSettings.mixin.d.ts +5 -3
  176. package/lib/src/shared/navigation-style-settings/components/navigation-style-settings/NavigationStyleSettings.mixin.js +1 -0
  177. package/lib/src/shared/navigation-style-settings/store/index.d.ts +2 -2
  178. package/lib/src/shared/page-navigation/store/page-navigation-store.d.ts +2 -2
  179. package/lib/src/shared/page-settings/components/new-page-modal/NewPageModal.mixin.d.ts +27 -28
  180. package/lib/src/shared/page-settings/components/new-page-modal/NewPageModal.mixin.js +0 -2
  181. package/lib/src/shared/page-settings/components/page-settings/PageSettings.mixin.d.ts +188 -177
  182. package/lib/src/shared/page-settings/components/page-settings-section-styles/PageSettingsSectionStyles.mixin.d.ts +181 -175
  183. package/lib/src/shared/page-settings/components/page-settings-section-styles/PageSettingsSectionStyles.mixin.js +1 -1
  184. package/lib/src/shared/page-settings/store/page-settings-store.d.ts +9 -9
  185. package/lib/src/shared/publish-brand-page-with-state/PublishBrandPageModalWithState.mixin.d.ts +39 -39
  186. package/lib/src/shared/publish-brand-page-with-state/PublishBrandPageModalWithState.mixin.js +0 -1
  187. package/lib/src/shared/side-bar/components/SideBar.mixin.d.ts +18 -18
  188. package/lib/src/shared/side-bar/components/SideBarTabButton.mixin.d.ts +6 -6
  189. package/lib/src/shared/style-settings/components/StyleSettings.mixin.d.ts +66 -60
  190. package/lib/src/shared/style-settings/store/style-settings-store.d.ts +1 -1
  191. package/lib/src/shared/style-settings/store/style-settings-store.js +1 -1
  192. package/lib/src/shared/template-settings/components/TemplatesSettings.mixin.d.ts +20 -450
  193. package/lib/src/shared/template-settings/components/TemplatesSettings.mixin.js +2 -2
  194. package/lib/src/shared/template-settings/models.d.ts +1 -0
  195. package/lib/src/shared/template-settings/store/template-settings-store.d.ts +4 -0
  196. package/lib/src/shared/template-settings/store/template-settings-store.js +79 -11
  197. package/lib/src/shared/unsplash-library/UnsplashLibrary.mixin.d.ts +9 -4
  198. package/package.json +61 -57
  199. package/src/brand-page/components/about-section/AboutSection.vue.test.ts +7 -5
  200. package/src/brand-page/components/banner-section/BannerSection.mixin.ts +210 -0
  201. package/src/brand-page/components/brand-page-footer/BrandPageFooter.vue +1 -1
  202. package/src/brand-page/components/image/Image.mixin.ts +1 -1
  203. package/src/brand-page/components/image/Image.test.ts +1 -1
  204. package/src/brand-page/components/images-section/ImagesSection.vue +0 -1
  205. package/src/brand-page/components/logo/LogoRender.vue +188 -188
  206. package/src/brand-page/components/navigation/hamburger/HamburgerNavigation.mixin.ts +1 -0
  207. package/src/brand-page/components/navigation/navigation-side-menu/NavigationSideMenu.mixin.ts +15 -6
  208. package/src/brand-page/components/page-footer/PageFooter.vue +1 -0
  209. package/src/brand-page/components/page-header/HeaderLayout.vue +12 -6
  210. package/src/brand-page/components/page-header/PageHeader.vue +1 -0
  211. package/src/brand-page/components/shapes-section/ShapesSection.vue +1 -1
  212. package/src/brand-page/components/shop/CartModal.vue +1 -3
  213. package/src/brand-page/components/shop/FeaturedDisplay.vue +2 -2
  214. package/src/brand-page/components/shop/PaymentModal.vue +1 -5
  215. package/src/brand-page/components/shop/ProductDetailModal.vue +1 -1
  216. package/src/brand-page/components/shop/Shop.vue +1 -1
  217. package/src/brand-page/components/shop/TextDisplay.vue +1 -1
  218. package/src/brand-page/components/shop/ThumbnailDisplay.vue +2 -2
  219. package/src/brand-page/components/testimonial-section/TestimonialSection.vue +3 -3
  220. package/src/brand-page/components/text-wrapper/TextWrapper.vue +3 -1
  221. package/src/brand-page/constants/sections/footer-display.constants.ts +1 -1
  222. package/src/brand-page/models/index.ts +4 -0
  223. package/src/brand-page/models/payment.model.ts +2 -1
  224. package/src/brand-page/models/shop.model.ts +0 -2
  225. package/src/brand-page/models/user-personalisation.model.ts +1 -2
  226. package/src/brand-page/utils/__snapshots__/migration.util.test.ts.snap +3 -0
  227. package/src/brand-page/utils/__snapshots__/migration2.util.test.ts.snap +1 -0
  228. package/src/brand-page/utils/__snapshots__/model.util.test.ts.snap +2 -0
  229. package/src/brand-page/utils/migration/migration-01_1.ts +1 -1
  230. package/src/brand-page/utils/migration/migration-02.ts +0 -1
  231. package/src/brand-page/utils/migration/migration-03.ts +0 -1
  232. package/src/brand-page/utils/migration/migration-04.ts +0 -1
  233. package/src/brand-page/utils/migration/migration-05.ts +1 -5
  234. package/src/brand-page/utils/migration/migration-05_2.ts +1 -1
  235. package/src/brand-page/utils/migration/migration-08.test.ts +1 -1
  236. package/src/brand-page/utils/personalisation.util.test.ts +35 -0
  237. package/src/brand-page/utils/personalisation.util.ts +119 -23
  238. package/src/brand-page/view-models.ts +38 -56
  239. package/src/brand-page-maker/assessors/banner-section-description-visibility.assessor.ts +6 -6
  240. package/src/brand-page-maker/assessors/color-replacement-icon-visibility.assessor.ts +2 -2
  241. package/src/brand-page-maker/assessors/color-replacement-profile-visibility.assessor.ts +2 -2
  242. package/src/brand-page-maker/assessors/color-replacement-visibility.assessor.ts +2 -2
  243. package/src/brand-page-maker/assessors/contact-form-visibility.assessor.ts +14 -14
  244. package/src/brand-page-maker/components/action-bar/ActionBar.mixin.ts +1 -0
  245. package/src/brand-page-maker/components/ai-text-edit/TextBubble.vue +1 -0
  246. package/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.mixin.ts +5 -1
  247. package/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.stories.ts +1 -0
  248. package/src/brand-page-maker/components/brand-page-maker/BrandPageMakerTemplateSettings.stories.ts +2 -5
  249. package/src/brand-page-maker/components/brand-page-maker/__fixtures__/brand-page-examples.ts +0 -5
  250. package/src/brand-page-maker/components/brand-page-maker/__fixtures__/brand-page-payment.ts +0 -8
  251. package/src/brand-page-maker/components/brand-page-maker/__fixtures__/brand-site-template.examples.ts +0 -2
  252. package/src/brand-page-maker/components/brandpage-maker-page/BrandPageMakerPage.vue +1 -0
  253. package/src/brand-page-maker/components/brandpage-settings/ReplaceImageSettingsForBrandPageSettings.mixin.ts +1 -1
  254. package/src/brand-page-maker/components/color-palette/BpColorPalette.vue +1 -2
  255. package/src/brand-page-maker/components/color-picker/components/ColorModeSelect.mixin.ts +1 -0
  256. package/src/brand-page-maker/components/color-picker/components/GradientColorSlider.mixin.ts +1 -0
  257. package/src/brand-page-maker/components/color-picker/components/GradientColorSliderHandler.mixin.ts +1 -0
  258. package/src/brand-page-maker/components/color-picker/components/GradientTypeSelector.mixin.ts +1 -0
  259. package/src/brand-page-maker/components/device/Device.mixin.ts +1 -0
  260. package/src/brand-page-maker/components/navigation/Navigation.mixin.ts +1 -0
  261. package/src/brand-page-maker/components/rich-text-editor/RichTextEditor.vue +3 -1
  262. package/src/brand-page-maker/components/sensitive-content/SensitiveContent.vue +1 -4
  263. package/src/brand-page-maker/components/seo-settings/DeleteDomainModal.vue +1 -1
  264. package/src/brand-page-maker/components/seo-settings/SeoPageSettings.mixin.ts +1 -0
  265. package/src/brand-page-maker/components/seo-settings/SeoPageSettings.vue +1 -1
  266. package/src/brand-page-maker/components/seo-settings/UrlSettings.mixin.ts +0 -1
  267. package/src/brand-page-maker/components/seo-settings/UrlSettings.vue +0 -1
  268. package/src/brand-page-maker/components/seo-settings/UseExistingDomainModal.vue +1 -5
  269. package/src/brand-page-maker/components/shop/AddOrEditProductContainer.vue +1 -1
  270. package/src/brand-page-maker/components/shop/ReplaceImageSettingsForShop.vue +1 -1
  271. package/src/brand-page-maker/components/social-share/SocialShare.vue +1 -1
  272. package/src/brand-page-maker/components/template-preview/TemplatePreview.mixin.ts +22 -8
  273. package/src/brand-page-maker/components/template-preview/TemplatePreview.vue +5 -10
  274. package/src/brand-page-maker/components/template-preview/TemplatePreviewAiBadge.vue +12 -0
  275. package/src/brand-page-maker/components/video-play/VideoPlayButton.vue +1 -1
  276. package/src/brand-page-maker/composables/ai-chat/useAiWebsiteBuilderChat.ts +1 -1
  277. package/src/brand-page-maker/composables/rich-text-editor/useRichTextEditor.ts +6 -6
  278. package/src/brand-page-maker/constants/config-settings-constant.ts +3 -3
  279. package/src/brand-page-maker/convertors/text-image-display-style.convertor.ts +1 -1
  280. package/src/brand-page-maker/models/button-styles-config.ts +4 -2
  281. package/src/brand-page-maker/models/content-settings-configs.ts +4 -2
  282. package/src/brand-page-maker/models/navigation-style-configs.ts +5 -6
  283. package/src/brand-page-maker/stores/admin-logo-settings/admin-logo-settings-store.ts +0 -1
  284. package/src/brand-page-maker/stores/brandpage-container/brand-page-container-store.ts +8 -5
  285. package/src/brand-page-maker/stores/brandpage-maker/brandpage-maker-store.test.ts +1 -3
  286. package/src/brand-page-maker/stores/brandpage-maker/brandpage-maker-store.ts +12 -4
  287. package/src/brand-page-maker/stores/ui/ui-store.ts +16 -0
  288. package/src/brand-page-maker/utils/content-settings.util.ts +1 -1
  289. package/src/brand-page-maker/utils/rich-text-editor.util.ts +4 -4
  290. package/src/clients/design-template-client.ts +3 -0
  291. package/src/clients/models.ts +2 -0
  292. package/src/lib.ts +1 -0
  293. package/src/metadata-builder/builders/footer-builder.test.ts +200 -1
  294. package/src/metadata-builder/builders/footer-builder.ts +151 -95
  295. package/src/metadata-builder/builders/section-builders/image-gallery-builder.ts +1 -1
  296. package/src/metadata-builder/builders/section-builders/images-section-builder.ts +1 -1
  297. package/src/metadata-builder/builders/section-builders/testimonial-section-builder.ts +1 -1
  298. package/src/metadata-builder/builders/section-builders/text-section-builder.ts +1 -1
  299. package/src/metadata-builder/builders/section-field-utils.ts +1 -1
  300. package/src/metadata-builder/builders/shape-color-utils.ts +2 -2
  301. package/src/metadata-builder/parsers/ai-toolcall-parser.ts +3 -3
  302. package/src/plugins/google-maps-plugin/google-maps-plugin.ts +8 -8
  303. package/src/shared/background-settings/components/BackgroundSettings.vue +1 -1
  304. package/src/shared/background-settings/components/background-color/BackgroundColorSettings.vue +1 -1
  305. package/src/shared/color-picker/components/ColorPicker.mixin.ts +2 -7
  306. package/src/shared/color-picker/components/ColorPickerSwatch.mixin.ts +1 -0
  307. package/src/shared/common/NumberInput.vue +1 -0
  308. package/src/shared/common/SideBarSettingsHeader.vue +2 -2
  309. package/src/shared/confirm-modal/ConfirmModal.mixin.ts +1 -0
  310. package/src/shared/content-settings/components/booking-url-field/BookingUrlField.vue +1 -0
  311. package/src/shared/content-settings/components/button-configuration-field/ButtonConfigurationField.vue +1 -0
  312. package/src/shared/content-settings/components/color-field/ColorField.vue +3 -10
  313. package/src/shared/content-settings/components/content-settings/ContentSettings.mixin.ts +1 -1
  314. package/src/shared/content-settings/components/content-settings/ContentSettingsLockedButton.vue +1 -0
  315. package/src/shared/content-settings/components/content-settings-item/ContentSettingsItem.mixin.ts +5 -0
  316. package/src/shared/content-settings/components/content-settings-item/ContentSettingsItemField.mixin.ts +1 -14
  317. package/src/shared/content-settings/components/focused-content-item-settings/FocusedContentItemSettings.mixin.ts +4 -6
  318. package/src/shared/content-settings/components/icon-library/IconLibrary.mixin.ts +1 -0
  319. package/src/shared/content-settings/components/items-field/ItemsField.mixin.ts +1 -1
  320. package/src/shared/content-settings/components/logo-selection-field/LogoSelectionField.vue +1 -1
  321. package/src/shared/content-settings/components/logo-size-field/LogoSizeSliderField.vue +1 -1
  322. package/src/shared/content-settings/components/page-dropdown-field/PageDropdownField.vue +1 -1
  323. package/src/shared/content-settings/components/personalisation-role-field/PersonalisationRoleField.vue +4 -4
  324. package/src/shared/content-settings/components/text-image-field/TextImageField.vue +2 -8
  325. package/src/shared/content-settings/components/text-items-field/TextItemsField.mixin.ts +1 -1
  326. package/src/shared/content-settings/models.ts +3 -2
  327. package/src/shared/content-settings/utils.ts +0 -1
  328. package/src/shared/dropzone-image-uploader/components/DropzoneImageUploader.vue +1 -0
  329. package/src/shared/ecommerce-settings/store/cart-store.test.ts +1 -1
  330. package/src/shared/font-family-selector/FontFamilySelector.mixin.ts +1 -0
  331. package/src/shared/image-gallery-style-settings/ImageGalleryStyleSettings.mixin.ts +1 -0
  332. package/src/shared/logo-settings/components/EditLogoSettings.mixin.ts +1 -1
  333. package/src/shared/logo-settings/components/LogoSettings.mixin.ts +0 -1
  334. package/src/shared/logo-settings/components/LogoSettingsHeader.mixin.ts +1 -0
  335. package/src/shared/logo-settings/components/LogoStyleSettingsWithState.vue +2 -2
  336. package/src/shared/logo-settings/components/LogoTemplateSearch.vue +1 -1
  337. package/src/shared/logo-settings/store/editable-logo-store.ts +1 -1
  338. package/src/shared/logo-settings/store/logo-settings-store.test.ts +4 -4
  339. package/src/shared/logo-versions/LogoVersions.mixin.ts +1 -0
  340. package/src/shared/models.ts +6 -0
  341. package/src/shared/my-designs/MyDesigns.mixin.ts +1 -0
  342. package/src/shared/my-uploads/MyMedia.mixin.ts +1 -0
  343. package/src/shared/my-uploads/MyMediaSelectionItem.vue +2 -1
  344. package/src/shared/my-uploads/MyUploads.mixin.ts +1 -0
  345. package/src/shared/my-uploads/models.ts +1 -2
  346. package/src/shared/navigation-style-settings/components/navigation-style-settings/NavigationStyleSettings.mixin.ts +1 -0
  347. package/src/shared/navigation-style-settings/components/navigation-style-settings/NavigationStyleSettings.vue +1 -1
  348. package/src/shared/page-settings/components/new-page-modal/NewPageModal.mixin.ts +0 -3
  349. package/src/shared/page-settings/components/page-settings/NestedDraggable.vue +1 -1
  350. package/src/shared/page-settings/components/page-settings/PageSettings.vue +1 -2
  351. package/src/shared/page-settings/components/page-settings-section-styles/HeaderDisplayStyle.vue +1 -1
  352. package/src/shared/page-settings/components/page-settings-section-styles/PageSettingsSectionStyles.mixin.ts +1 -1
  353. package/src/shared/page-settings/store/page-settings-store.test.ts +4 -8
  354. package/src/shared/publish-brand-page-with-state/PublishBrandPageModalWithState.mixin.ts +0 -1
  355. package/src/shared/shape-library/ShapeLibrary.vue +2 -2
  356. package/src/shared/style-settings/store/style-settings-store.ts +1 -1
  357. package/src/shared/template-settings/components/TemplatesSettings.mixin.ts +2 -2
  358. package/src/shared/template-settings/models.ts +1 -0
  359. package/src/shared/template-settings/store/template-settings-store.ts +105 -18
  360. package/src/shared/unsplash-library/UnsplashLibrary.vue +2 -6
  361. package/src/shared/video-library/VideoLibrary.vue +1 -1
@@ -271,6 +271,9 @@ a:not(.tw-lowercase) {
271
271
  .tw-left-2 {
272
272
  left: 0.5rem
273
273
  }
274
+ .tw-left-2\.5 {
275
+ left: 0.625rem
276
+ }
274
277
  .tw-left-4 {
275
278
  left: 1rem
276
279
  }
@@ -313,6 +316,9 @@ a:not(.tw-lowercase) {
313
316
  .tw-top-2 {
314
317
  top: 0.5rem
315
318
  }
319
+ .tw-top-2\.5 {
320
+ top: 0.625rem
321
+ }
316
322
  .tw-top-4 {
317
323
  top: 1rem
318
324
  }
@@ -322,6 +328,9 @@ a:not(.tw-lowercase) {
322
328
  .tw-top-full {
323
329
  top: 100%
324
330
  }
331
+ .tw-isolate {
332
+ isolation: isolate
333
+ }
325
334
  .\!tw-z-10 {
326
335
  z-index: 10 !important
327
336
  }
@@ -352,6 +361,9 @@ a:not(.tw-lowercase) {
352
361
  .tw-z-\[100\] {
353
362
  z-index: 100
354
363
  }
364
+ .tw-z-\[25\] {
365
+ z-index: 25
366
+ }
355
367
  .tw-z-\[9999\] {
356
368
  z-index: 9999
357
369
  }
@@ -5402,7 +5414,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
5402
5414
  border-radius: 0 !important;
5403
5415
  }
5404
5416
 
5405
- @-webkit-keyframes slide-1869e384 {
5417
+ @-webkit-keyframes slide-c24e9557 {
5406
5418
  0% {
5407
5419
  -webkit-transform: translateX(-40%);
5408
5420
  transform: translateX(-40%);
@@ -5427,7 +5439,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
5427
5439
  transform: translateX(150%);
5428
5440
  }
5429
5441
  }
5430
- @keyframes slide-1869e384 {
5442
+ @keyframes slide-c24e9557 {
5431
5443
  0% {
5432
5444
  -webkit-transform: translateX(-40%);
5433
5445
  transform: translateX(-40%);
@@ -5452,7 +5464,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
5452
5464
  transform: translateX(150%);
5453
5465
  }
5454
5466
  }
5455
- .brand-page__footer[data-v-1869e384] {
5467
+ .brand-page__footer[data-v-c24e9557] {
5456
5468
  display: -webkit-box;
5457
5469
  display: -ms-flexbox;
5458
5470
  display: flex;
@@ -5460,7 +5472,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
5460
5472
  -ms-flex-pack: center;
5461
5473
  justify-content: center;
5462
5474
  }
5463
- .brand-page__footer-link[data-v-1869e384] {
5475
+ .brand-page__footer-link[data-v-c24e9557] {
5464
5476
  display: block;
5465
5477
  border-radius: 0.5rem;
5466
5478
  padding: 0.75rem;
@@ -5468,37 +5480,37 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
5468
5480
  -webkit-transition: background 0.2s ease-in-out;
5469
5481
  transition: background 0.2s ease-in-out;
5470
5482
  }
5471
- .brand-page__footer-link[data-v-1869e384]:hover {
5483
+ .brand-page__footer-link[data-v-c24e9557]:hover {
5472
5484
  opacity: 0.9;
5473
5485
  }
5474
- .icon-container[data-v-1869e384] {
5486
+ .icon-container[data-v-c24e9557] {
5475
5487
  width: 20px;
5476
5488
  overflow: hidden;
5477
5489
  }
5478
- .icon-right[data-v-1869e384] {
5490
+ .icon-right[data-v-c24e9557] {
5479
5491
  left: 50%;
5480
5492
  -webkit-transform: translateX(-50%);
5481
5493
  transform: translateX(-50%);
5482
- -webkit-animation-name: slide-1869e384;
5483
- animation-name: slide-1869e384;
5494
+ -webkit-animation-name: slide-c24e9557;
5495
+ animation-name: slide-c24e9557;
5484
5496
  -webkit-animation-duration: 3s;
5485
5497
  animation-duration: 3s;
5486
5498
  -webkit-animation-iteration-count: infinite;
5487
5499
  animation-iteration-count: infinite;
5488
5500
  }
5489
- .btn-dcom[data-v-1869e384] {
5501
+ .btn-dcom[data-v-c24e9557] {
5490
5502
  --tw-border-opacity: 1;
5491
5503
  --tw-bg-opacity: 1;
5492
5504
  border-color: rgb(63 89 246 / var(--tw-border-opacity));
5493
5505
  background-color: rgb(63 89 246 / var(--tw-bg-opacity));
5494
5506
  font-family: 'Inter', Lato, sans-serif;
5495
5507
  }
5496
- .extra-height[data-v-1869e384] {
5508
+ .extra-height[data-v-c24e9557] {
5497
5509
  -webkit-transition: height 0.5s ease-in-out;
5498
5510
  transition: height 0.5s ease-in-out;
5499
5511
  width: 100%;
5500
5512
  }
5501
- .btn-bc[data-v-1869e384] {
5513
+ .btn-bc[data-v-c24e9557] {
5502
5514
  font-family: Lato, Helvetica, sans-serif;
5503
5515
  }
5504
5516
 
@@ -5721,7 +5733,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
5721
5733
  }
5722
5734
  }
5723
5735
 
5724
- .empty-para[data-v-0da8932e] p:empty::after {
5736
+ .empty-para[data-v-c90cc6bc] p:empty::after {
5725
5737
  content: '\00A0';
5726
5738
  }
5727
5739
 
@@ -5804,16 +5816,16 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
5804
5816
  }
5805
5817
  }
5806
5818
 
5807
- .logo__container[data-v-04947e35] {
5808
- border: 0.125rem solid var(--logo-border-colour);
5819
+ .logo__container[data-v-761291f9] {
5820
+ border: 0.125rem solid var(--logo-border-colour);
5809
5821
  border-radius: 0.75rem;
5810
5822
  }
5811
- .logo__image[data-v-04947e35] {
5812
- display: block;
5813
- -o-object-fit: contain;
5814
- object-fit: contain;
5823
+ .logo__image[data-v-761291f9] {
5824
+ display: block;
5825
+ -o-object-fit: contain;
5826
+ object-fit: contain;
5815
5827
  height: 6rem;
5816
- }
5828
+ }
5817
5829
 
5818
5830
  .logo[data-v-9d9f2b4c] {
5819
5831
  --logo-border-colour: #00000000;
@@ -6607,11 +6619,11 @@ select[data-v-14e7c7c7] {
6607
6619
  }
6608
6620
  }
6609
6621
 
6610
- .c-image--height-limited[data-v-a624ba46] {
6622
+ .c-image--height-limited[data-v-5f5adc60] {
6611
6623
  max-height: 55vh;
6612
6624
  }
6613
6625
 
6614
- .c_testimonial-image[data-v-627ae722] {
6626
+ .c_testimonial-image[data-v-e95a6393] {
6615
6627
  --avatar-border-colour: #fff;
6616
6628
  --avatar-size: 3rem;
6617
6629
  --avatar-spacing: 2rem;
@@ -6628,16 +6640,16 @@ select[data-v-14e7c7c7] {
6628
6640
  padding-right: 1.5rem;
6629
6641
  }
6630
6642
  @media (min-width: 767px) {
6631
- .c_testimonial-image[data-v-627ae722] {
6643
+ .c_testimonial-image[data-v-e95a6393] {
6632
6644
  padding-left: 4rem;
6633
6645
  padding-right: 4rem;
6634
6646
  }
6635
6647
  }
6636
- .c-testimonial-container[data-v-627ae722] {
6648
+ .c-testimonial-container[data-v-e95a6393] {
6637
6649
  max-width: var(--brandsite-max-width);
6638
6650
  margin: 0 auto;
6639
6651
  }
6640
- .c_testimonial-image--items[data-v-627ae722] {
6652
+ .c_testimonial-image--items[data-v-e95a6393] {
6641
6653
  display: -webkit-box;
6642
6654
  display: -ms-flexbox;
6643
6655
  display: flex;
@@ -6647,17 +6659,17 @@ select[data-v-14e7c7c7] {
6647
6659
  flex-direction: column;
6648
6660
  }
6649
6661
  @media (min-width: 768px) {
6650
- .c_testimonial-image--items[data-v-627ae722] {
6662
+ .c_testimonial-image--items[data-v-e95a6393] {
6651
6663
  -webkit-box-orient: horizontal;
6652
6664
  -webkit-box-direction: normal;
6653
6665
  -ms-flex-direction: row;
6654
6666
  flex-direction: row;
6655
6667
  }
6656
6668
  }
6657
- .c_testimonial-image--items[data-v-627ae722] {
6669
+ .c_testimonial-image--items[data-v-e95a6393] {
6658
6670
  gap: 2rem;
6659
6671
  }
6660
- .c_testimonial-image--item[data-v-627ae722] {
6672
+ .c_testimonial-image--item[data-v-e95a6393] {
6661
6673
  -webkit-box-sizing: border-box;
6662
6674
  box-sizing: border-box;
6663
6675
  display: -webkit-box;
@@ -6665,18 +6677,18 @@ select[data-v-14e7c7c7] {
6665
6677
  display: flex;
6666
6678
  width: 100%;
6667
6679
  }
6668
- .c_testimonial-image[data-v-627ae722] .swiper-pagination-bullet {
6680
+ .c_testimonial-image[data-v-e95a6393] .swiper-pagination-bullet {
6669
6681
  border-radius: 0.5rem;
6670
6682
  }
6671
- .c_testimonial-title[data-v-627ae722] {
6683
+ .c_testimonial-title[data-v-e95a6393] {
6672
6684
  overflow-wrap: anywhere;
6673
6685
  }
6674
- .c_testimonial-image[data-v-627ae722] .swiper-slide {
6686
+ .c_testimonial-image[data-v-e95a6393] .swiper-slide {
6675
6687
  width: 100%;
6676
6688
  max-width: 100%;
6677
6689
  /* width: fit-content !important; /* swiper.update() does not reflow slide's width, override dynamic width to fit to content (only when slidesPerView:1) */
6678
6690
  }
6679
- .device--mobile .c_testimonial-image--items[data-v-627ae722] {
6691
+ .device--mobile .c_testimonial-image--items[data-v-e95a6393] {
6680
6692
  -webkit-box-orient: vertical;
6681
6693
  -webkit-box-direction: normal;
6682
6694
  -ms-flex-direction: column;
@@ -6684,7 +6696,7 @@ select[data-v-14e7c7c7] {
6684
6696
  }
6685
6697
 
6686
6698
  /* BIG IMAGE */
6687
- .c_testimonial-big-image__items[data-v-627ae722] {
6699
+ .c_testimonial-big-image__items[data-v-e95a6393] {
6688
6700
  display: -webkit-box;
6689
6701
  display: -ms-flexbox;
6690
6702
  display: flex;
@@ -6695,77 +6707,77 @@ select[data-v-14e7c7c7] {
6695
6707
  gap: 1rem;
6696
6708
  }
6697
6709
  @media (min-width: 768px) {
6698
- .c_testimonial-big-image__items[data-v-627ae722] {
6710
+ .c_testimonial-big-image__items[data-v-e95a6393] {
6699
6711
  -webkit-box-orient: horizontal;
6700
6712
  -webkit-box-direction: normal;
6701
6713
  -ms-flex-direction: row;
6702
6714
  flex-direction: row;
6703
6715
  }
6704
6716
  }
6705
- .device--desktop .c_testimonial-big-image__items[data-v-627ae722] {
6717
+ .device--desktop .c_testimonial-big-image__items[data-v-e95a6393] {
6706
6718
  min-width: 60vw;
6707
6719
  }
6708
- .device--mobile .c_testimonial-big-image__items[data-v-627ae722] {
6720
+ .device--mobile .c_testimonial-big-image__items[data-v-e95a6393] {
6709
6721
  -webkit-box-orient: vertical;
6710
6722
  -webkit-box-direction: normal;
6711
6723
  -ms-flex-direction: column;
6712
6724
  flex-direction: column;
6713
6725
  }
6714
- .c_testimonial-big-image[data-v-627ae722] {
6726
+ .c_testimonial-big-image[data-v-e95a6393] {
6715
6727
  width: 100%;
6716
6728
  }
6717
6729
  @media (min-width: 768px) {
6718
- .c_testimonial-big-image[data-v-627ae722] {
6730
+ .c_testimonial-big-image[data-v-e95a6393] {
6719
6731
  width: 33.333333%;
6720
6732
  }
6721
6733
  }
6722
- .device--mobile .c_testimonial-big-image[data-v-627ae722] {
6734
+ .device--mobile .c_testimonial-big-image[data-v-e95a6393] {
6723
6735
  width: 100%;
6724
6736
  }
6725
- .c_testimonial-big-image__text[data-v-627ae722] {
6737
+ .c_testimonial-big-image__text[data-v-e95a6393] {
6726
6738
  width: 100%;
6727
6739
  }
6728
6740
  @media (min-width: 768px) {
6729
- .c_testimonial-big-image__text[data-v-627ae722] {
6741
+ .c_testimonial-big-image__text[data-v-e95a6393] {
6730
6742
  width: 66.666667%;
6731
6743
  }
6732
6744
  }
6733
- .device--mobile .c_testimonial-big-image__text[data-v-627ae722] {
6745
+ .device--mobile .c_testimonial-big-image__text[data-v-e95a6393] {
6734
6746
  width: 100%;
6735
6747
  }
6736
- .c_testimonial-big-image__text-item[data-v-627ae722] {
6748
+ .c_testimonial-big-image__text-item[data-v-e95a6393] {
6737
6749
  text-align: center;
6738
6750
  }
6739
6751
  @media (min-width: 768px) {
6740
- .c_testimonial-big-image__text-item[data-v-627ae722] {
6752
+ .c_testimonial-big-image__text-item[data-v-e95a6393] {
6741
6753
  text-align: left;
6742
6754
  }
6743
6755
  }
6744
- .device--mobile .c_testimonial-big-image__text-item[data-v-627ae722] {
6756
+ .device--mobile .c_testimonial-big-image__text-item[data-v-e95a6393] {
6745
6757
  text-align: center;
6746
6758
  }
6747
- .device--mobile .c_testimonial-big-image__text[data-v-627ae722] {
6759
+ .device--mobile .c_testimonial-big-image__text[data-v-e95a6393] {
6748
6760
  width: 100%;
6749
6761
  }
6750
- .c_testimonial-big-image__text-item[data-v-627ae722] {
6762
+ .c_testimonial-big-image__text-item[data-v-e95a6393] {
6751
6763
  text-align: center;
6752
6764
  }
6753
6765
  @media (min-width: 768px) {
6754
- .c_testimonial-big-image__text-item[data-v-627ae722] {
6766
+ .c_testimonial-big-image__text-item[data-v-e95a6393] {
6755
6767
  text-align: left;
6756
6768
  }
6757
6769
  }
6758
- .device--mobile .c_testimonial-big-image__text-item[data-v-627ae722] {
6770
+ .device--mobile .c_testimonial-big-image__text-item[data-v-e95a6393] {
6759
6771
  text-align: center;
6760
6772
  }
6761
- .c_testimonial-big-image[data-v-627ae722] .c_testimonial-aspect-ratio {
6773
+ .c_testimonial-big-image[data-v-e95a6393] .c_testimonial-aspect-ratio {
6762
6774
  aspect-ratio: 1/1;
6763
6775
  -o-object-fit: cover;
6764
6776
  object-fit: cover;
6765
6777
  }
6766
6778
 
6767
6779
  /* AVATAR */
6768
- .c_testimonial-profile__avatar[data-v-627ae722] {
6780
+ .c_testimonial-profile__avatar[data-v-e95a6393] {
6769
6781
  display: -webkit-box;
6770
6782
  display: -ms-flexbox;
6771
6783
  display: flex;
@@ -6779,7 +6791,7 @@ select[data-v-14e7c7c7] {
6779
6791
  width: var(--avatar-size);
6780
6792
  overflow: hidden;
6781
6793
  }
6782
- .c_testimonial-profile__avatar[data-v-627ae722] .c_testimonial-profile__avatar-img {
6794
+ .c_testimonial-profile__avatar[data-v-e95a6393] .c_testimonial-profile__avatar-img {
6783
6795
  -o-object-fit: cover;
6784
6796
  object-fit: cover;
6785
6797
  width: 100%;
@@ -6795,11 +6807,11 @@ select[data-v-14e7c7c7] {
6795
6807
  padding-right: var(--page-padding);
6796
6808
  }
6797
6809
 
6798
- .c-image--height-limited[data-v-15a87585] {
6810
+ .c-image--height-limited[data-v-85909523] {
6799
6811
  max-height: 45vh;
6800
6812
  }
6801
6813
 
6802
- .payment-width[data-v-6a96eaf9] {
6814
+ .payment-width[data-v-f08aa5bc] {
6803
6815
  margin: 0.375rem;
6804
6816
  -ms-flex-negative: 1;
6805
6817
  flex-shrink: 1;
@@ -6811,7 +6823,7 @@ select[data-v-14e7c7c7] {
6811
6823
  min-width: calc(16.666667% - 0.5rem)
6812
6824
  }
6813
6825
 
6814
- .payment-width[data-v-9cb33a00] {
6826
+ .payment-width[data-v-252382d2] {
6815
6827
  -ms-flex-negative: 1;
6816
6828
  flex-shrink: 1;
6817
6829
  overflow-wrap: break-word;
@@ -6821,7 +6833,7 @@ select[data-v-14e7c7c7] {
6821
6833
  min-width: calc(16.666667% - 0.5rem)
6822
6834
  }
6823
6835
 
6824
- .payment-width[data-v-46406cd8] {
6836
+ .payment-width[data-v-d1054ae1] {
6825
6837
  margin: 0.375rem;
6826
6838
  -ms-flex-negative: 1;
6827
6839
  flex-shrink: 1;
@@ -6833,81 +6845,81 @@ select[data-v-14e7c7c7] {
6833
6845
  min-width: calc(16.666667% - 0.5rem)
6834
6846
  }
6835
6847
  @media (min-width: 768px) {
6836
- .device--mobile .payment-options[data-v-46406cd8] {
6848
+ .device--mobile .payment-options[data-v-d1054ae1] {
6837
6849
  display: block
6838
6850
  }
6839
6851
  }
6840
- .device--mobile .payment-option[data-v-46406cd8] {
6852
+ .device--mobile .payment-option[data-v-d1054ae1] {
6841
6853
  margin-top: 0.5rem;
6842
6854
  margin-bottom: 0.5rem
6843
6855
  }
6844
6856
 
6845
- .form-error[data-v-4e641ae0] {
6857
+ .form-error[data-v-63862919] {
6846
6858
  font-size: 0.875rem;
6847
6859
  line-height: 1.25rem;
6848
6860
  color: #f21b3f
6849
6861
  }
6850
6862
  @media (max-width: 767px) {
6851
- .product-detail[data-v-4e641ae0] {
6863
+ .product-detail[data-v-63862919] {
6852
6864
  grid-template-columns: repeat(1, minmax(0, 1fr))
6853
6865
  }
6854
6866
  }
6855
6867
  @media (min-width: 767px) {
6856
- .product-detail[data-v-4e641ae0] {
6868
+ .product-detail[data-v-63862919] {
6857
6869
  grid-template-columns: repeat(2, minmax(0, 1fr))
6858
6870
  }
6859
6871
  }
6860
6872
 
6861
- .cart-item-grid[data-v-5111e12d] {
6873
+ .cart-item-grid[data-v-b43ea95a] {
6862
6874
  grid-template-columns: 1fr 8rem;
6863
6875
  }
6864
- .remove-btn[data-v-5111e12d] {
6876
+ .remove-btn[data-v-b43ea95a] {
6865
6877
  color: #67b3f5;
6866
6878
  }
6867
- .form-error[data-v-5111e12d] {
6879
+ .form-error[data-v-b43ea95a] {
6868
6880
  font-size: 0.875rem;
6869
6881
  line-height: 1.25rem;
6870
6882
  color: #f21b3f;
6871
6883
  }
6872
6884
 
6873
- .inner-container[data-v-da4b533c] {
6885
+ .inner-container[data-v-a52a6511] {
6874
6886
  max-width: var(--brandsite-max-width);
6875
6887
  margin: 0 auto;
6876
6888
  }
6877
- .outer-container[data-v-da4b533c] {
6889
+ .outer-container[data-v-a52a6511] {
6878
6890
  padding-left: var(--page-padding);
6879
6891
  padding-right: var(--page-padding);
6880
6892
  }
6881
- .modal-cart[data-v-da4b533c] .cart-image {
6893
+ .modal-cart[data-v-a52a6511] .cart-image {
6882
6894
  width: 3rem;
6883
6895
  }
6884
- .modal-cart[data-v-da4b533c] .cart-option {
6896
+ .modal-cart[data-v-a52a6511] .cart-option {
6885
6897
  width: 100%;
6886
6898
  }
6887
- .success-bar-container[data-v-da4b533c] .tw-bg-success-500 {
6899
+ .success-bar-container[data-v-a52a6511] .tw-bg-success-500 {
6888
6900
  --tw-bg-opacity: 1;
6889
6901
  background-color: rgb(36 168 16 / var(--tw-bg-opacity));
6890
6902
  }
6891
6903
  @media (min-width: 640px) {
6892
- .modal-product-detail[data-v-da4b533c] .modal {
6904
+ .modal-product-detail[data-v-a52a6511] .modal {
6893
6905
  min-width: 100vh;
6894
6906
  }
6895
- .modal-cart[data-v-da4b533c] .modal {
6907
+ .modal-cart[data-v-a52a6511] .modal {
6896
6908
  min-width: 90vh;
6897
6909
  max-height: 90vh;
6898
6910
  }
6899
- .modal-cart[data-v-da4b533c] .cart-image {
6911
+ .modal-cart[data-v-a52a6511] .cart-image {
6900
6912
  width: 8rem;
6901
6913
  }
6902
- .modal-cart[data-v-da4b533c] .cart-option {
6914
+ .modal-cart[data-v-a52a6511] .cart-option {
6903
6915
  width: 75%;
6904
6916
  }
6905
- .success-bar[data-v-da4b533c] {
6917
+ .success-bar[data-v-a52a6511] {
6906
6918
  width: 50%;
6907
6919
  }
6908
6920
  }
6909
6921
  @media (max-width: 640px) {
6910
- .success-bar[data-v-da4b533c] {
6922
+ .success-bar[data-v-a52a6511] {
6911
6923
  width: 91.666667%;
6912
6924
  }
6913
6925
  }
@@ -6917,62 +6929,62 @@ select[data-v-14e7c7c7] {
6917
6929
  margin: 0 auto;
6918
6930
  }
6919
6931
 
6920
- .root[data-v-6afbed2c] {
6921
- --logo-width: var(--6a2da6ce);
6932
+ .root[data-v-32fe142c] {
6933
+ --logo-width: var(--v5fd54c9a);
6922
6934
  --logo-max-width: 20rem;
6923
6935
  --tab-nav-height: 56px;
6924
6936
  --hamburger-nav-height: 32px;
6925
6937
  --hamburger-nav-width: 32px;
6926
6938
  }
6927
- .layout[data-v-6afbed2c] {
6939
+ .layout[data-v-32fe142c] {
6928
6940
  -webkit-box-align: center;
6929
6941
  -ms-flex-align: center;
6930
6942
  align-items: center;
6931
6943
  }
6932
- .nav-container[data-v-6afbed2c] {
6944
+ .nav-container[data-v-32fe142c] {
6933
6945
  max-width: 100%;
6934
6946
  overflow: hidden;
6935
6947
  }
6936
- .logo-container[data-v-6afbed2c] {
6948
+ .logo-container[data-v-32fe142c] {
6937
6949
  }
6938
6950
 
6939
6951
  /* DESKTOP_TAB_1 */
6940
- .desktop-tab-horizontal-stack-left-logo-right-menu[data-v-6afbed2c] {
6952
+ .desktop-tab-horizontal-stack-left-logo-right-menu[data-v-32fe142c] {
6941
6953
  display: -webkit-box;
6942
6954
  display: -ms-flexbox;
6943
6955
  display: flex;
6944
6956
  }
6945
- .desktop-tab-horizontal-stack-left-logo-right-menu .nav-container[data-v-6afbed2c] {
6957
+ .desktop-tab-horizontal-stack-left-logo-right-menu .nav-container[data-v-32fe142c] {
6946
6958
  -webkit-box-flex: 1;
6947
6959
  -ms-flex: 1;
6948
6960
  flex: 1;
6949
6961
  margin-left: 1rem;
6950
6962
  }
6951
- .desktop-tab-horizontal-stack-left-logo-right-menu .nav-container__inner[data-v-6afbed2c] {
6963
+ .desktop-tab-horizontal-stack-left-logo-right-menu .nav-container__inner[data-v-32fe142c] {
6952
6964
  display: inline-block;
6953
6965
  float: right;
6954
6966
  max-width: 100%;
6955
6967
  }
6956
6968
 
6957
6969
  /* DESKTOP_TAB_2 */
6958
- .desktop-tab-horizontal-stack-left-logo-left-menu[data-v-6afbed2c] {
6970
+ .desktop-tab-horizontal-stack-left-logo-left-menu[data-v-32fe142c] {
6959
6971
  display: -webkit-box;
6960
6972
  display: -ms-flexbox;
6961
6973
  display: flex;
6962
6974
  }
6963
- .desktop-tab-horizontal-stack-left-logo-left-menu .nav-container[data-v-6afbed2c] {
6975
+ .desktop-tab-horizontal-stack-left-logo-left-menu .nav-container[data-v-32fe142c] {
6964
6976
  -webkit-box-flex: 1;
6965
6977
  -ms-flex: 1;
6966
6978
  flex: 1;
6967
6979
  margin-left: 1rem;
6968
6980
  }
6969
- .desktop-tab-horizontal-stack-left-logo-left-menu .nav-container__inner[data-v-6afbed2c] {
6981
+ .desktop-tab-horizontal-stack-left-logo-left-menu .nav-container__inner[data-v-32fe142c] {
6970
6982
  display: inline-block;
6971
6983
  max-width: 100%;
6972
6984
  }
6973
6985
 
6974
6986
  /* DESKTOP_TAB_3 */
6975
- .desktop-tab-horizontal-stack-left-logo-centered-menu[data-v-6afbed2c] {
6987
+ .desktop-tab-horizontal-stack-left-logo-centered-menu[data-v-32fe142c] {
6976
6988
  display: grid;
6977
6989
  grid-template-columns:
6978
6990
  [logo-start] var(--logo-max-width) [logo-end nav-start] 1fr [nav-end] var(
@@ -6985,14 +6997,14 @@ select[data-v-14e7c7c7] {
6985
6997
  margin-top: 1rem;
6986
6998
  margin-bottom: 1rem;
6987
6999
  }
6988
- .desktop-tab-horizontal-stack-left-logo-centered-menu .logo-container[data-v-6afbed2c] {
7000
+ .desktop-tab-horizontal-stack-left-logo-centered-menu .logo-container[data-v-32fe142c] {
6989
7001
  grid-column: logo-start / logo-end;
6990
7002
  justify-self: start;
6991
7003
  }
6992
- .desktop-tab-horizontal-stack-left-logo-centered-menu .nav-container[data-v-6afbed2c] {
7004
+ .desktop-tab-horizontal-stack-left-logo-centered-menu .nav-container[data-v-32fe142c] {
6993
7005
  grid-column: nav-start / nav-end;
6994
7006
  }
6995
- .desktop-tab-horizontal-stack-left-logo-centered-menu .nav-container__inner[data-v-6afbed2c] {
7007
+ .desktop-tab-horizontal-stack-left-logo-centered-menu .nav-container__inner[data-v-32fe142c] {
6996
7008
  /* start - center content */
6997
7009
  display: inline-block;
6998
7010
  -webkit-transform: translateX(-50%);
@@ -7003,33 +7015,35 @@ select[data-v-14e7c7c7] {
7003
7015
  /* end - center content */
7004
7016
  }
7005
7017
  /* DESKTOP_TAB_4 */
7006
- .desktop-tab-horizontal-stack-centered-logo-right-menu[data-v-6afbed2c] {
7018
+ .desktop-tab-horizontal-stack-centered-logo-right-menu[data-v-32fe142c] {
7007
7019
  display: grid;
7008
7020
  -webkit-column-gap: 1rem;
7009
7021
  -moz-column-gap: 1rem;
7010
7022
  column-gap: 1rem;
7011
- grid-template-columns: [col-start] 1fr [logo-start] var(--logo-max-width) [logo-end nav-start] 1fr [nav-end];
7023
+ grid-template-columns:
7024
+ [col-start] 1fr [logo-start] var(--logo-max-width)
7025
+ [logo-end nav-start] 1fr [nav-end];
7012
7026
  }
7013
- .desktop-tab-horizontal-stack-centered-logo-right-menu .logo-container[data-v-6afbed2c] {
7027
+ .desktop-tab-horizontal-stack-centered-logo-right-menu .logo-container[data-v-32fe142c] {
7014
7028
  grid-column: logo-start / logo-end;
7015
7029
  }
7016
- .desktop-tab-horizontal-stack-centered-logo-right-menu .nav-container[data-v-6afbed2c] {
7030
+ .desktop-tab-horizontal-stack-centered-logo-right-menu .nav-container[data-v-32fe142c] {
7017
7031
  grid-column: nav-start / nav-end;
7018
7032
  }
7019
- .desktop-tab-horizontal-stack-centered-logo-right-menu .nav-container__inner[data-v-6afbed2c] {
7033
+ .desktop-tab-horizontal-stack-centered-logo-right-menu .nav-container__inner[data-v-32fe142c] {
7020
7034
  /* start - align right content */
7021
7035
  float: right;
7022
7036
  max-width: 100%;
7023
7037
  /* end - align right content */
7024
7038
  }
7025
7039
  /* DESKTOP_TAB_5 */
7026
- .desktop-tab-vertical-stack-centered-logo-centered-menu[data-v-6afbed2c] {
7040
+ .desktop-tab-vertical-stack-centered-logo-centered-menu[data-v-32fe142c] {
7027
7041
  -webkit-box-align: center;
7028
7042
  -ms-flex-align: center;
7029
7043
  align-items: center;
7030
7044
  justify-items: center;
7031
7045
  }
7032
- .desktop-tab-vertical-stack-centered-logo-centered-menu.show-nav[data-v-6afbed2c] {
7046
+ .desktop-tab-vertical-stack-centered-logo-centered-menu.show-nav[data-v-32fe142c] {
7033
7047
  display: grid;
7034
7048
  grid-template-rows: repeat(2, minmax(0, 1fr));
7035
7049
  row-gap: 1rem;
@@ -7038,16 +7052,16 @@ select[data-v-14e7c7c7] {
7038
7052
  [row2-end];
7039
7053
  }
7040
7054
  .desktop-tab-vertical-stack-centered-logo-centered-menu.show-nav
7041
- .logo-container[data-v-6afbed2c] {
7055
+ .logo-container[data-v-32fe142c] {
7042
7056
  grid-row: row1-start / row1-end;
7043
7057
  }
7044
7058
  .desktop-tab-vertical-stack-centered-logo-centered-menu.show-nav
7045
- .nav-container[data-v-6afbed2c] {
7059
+ .nav-container[data-v-32fe142c] {
7046
7060
  grid-row: row2-start / row2-end;
7047
7061
  width: 100%;
7048
7062
  }
7049
7063
  .desktop-tab-vertical-stack-centered-logo-centered-menu.show-nav
7050
- .nav-container__inner[data-v-6afbed2c] {
7064
+ .nav-container__inner[data-v-32fe142c] {
7051
7065
  display: inline-block;
7052
7066
  -webkit-transform: translateX(-50%);
7053
7067
  transform: translateX(-50%);
@@ -7055,7 +7069,7 @@ select[data-v-14e7c7c7] {
7055
7069
  position: relative;
7056
7070
  max-width: 100%;
7057
7071
  }
7058
- .desktop-tab-vertical-stack-centered-logo-centered-menu.no-nav[data-v-6afbed2c] {
7072
+ .desktop-tab-vertical-stack-centered-logo-centered-menu.no-nav[data-v-32fe142c] {
7059
7073
  display: -webkit-box;
7060
7074
  display: -ms-flexbox;
7061
7075
  display: flex;
@@ -7065,14 +7079,14 @@ select[data-v-14e7c7c7] {
7065
7079
  }
7066
7080
 
7067
7081
  /* MOBILE_TAB_1 */
7068
- .mobile-tab-vertical-stack-centered-logo-centered-menu[data-v-6afbed2c] {
7082
+ .mobile-tab-vertical-stack-centered-logo-centered-menu[data-v-32fe142c] {
7069
7083
  -webkit-box-align: center;
7070
7084
  -ms-flex-align: center;
7071
7085
  align-items: center;
7072
7086
  justify-items: center;
7073
7087
  width: 100%;
7074
7088
  }
7075
- .mobile-tab-vertical-stack-centered-logo-centered-menu.show-nav[data-v-6afbed2c] {
7089
+ .mobile-tab-vertical-stack-centered-logo-centered-menu.show-nav[data-v-32fe142c] {
7076
7090
  display: grid;
7077
7091
  row-gap: 1rem;
7078
7092
  grid-template-rows:
@@ -7080,23 +7094,25 @@ select[data-v-14e7c7c7] {
7080
7094
  [row2-end];
7081
7095
  }
7082
7096
  .mobile-tab-vertical-stack-centered-logo-centered-menu.show-nav
7083
- .logo-container[data-v-6afbed2c] {
7097
+ .logo-container[data-v-32fe142c] {
7084
7098
  grid-row: row1-start / row1-end;
7085
7099
  }
7086
- .mobile-tab-vertical-stack-centered-logo-centered-menu.show-nav .nav-container[data-v-6afbed2c] {
7100
+ .mobile-tab-vertical-stack-centered-logo-centered-menu.show-nav .nav-container[data-v-32fe142c] {
7087
7101
  grid-row: row2-start / row2-end;
7088
7102
  width: 100%;
7089
7103
  }
7090
- .mobile-tab-vertical-stack-centered-logo-centered-menu.no-nav[data-v-6afbed2c] {
7104
+ .mobile-tab-vertical-stack-centered-logo-centered-menu.no-nav[data-v-32fe142c] {
7091
7105
  display: -webkit-box;
7092
7106
  display: -ms-flexbox;
7093
7107
  display: flex;
7094
7108
  }
7095
7109
 
7096
7110
  /* DESKTOP_TAB_6 */
7097
- .desktop-tab-vertical-stack-centered-menu-centered-logo.show-nav[data-v-6afbed2c] {
7111
+ .desktop-tab-vertical-stack-centered-menu-centered-logo.show-nav[data-v-32fe142c] {
7098
7112
  display: grid;
7099
- grid-template-rows: [row1-start] var(--tab-nav-height) [row1-end row2-start] 1fr [row2-end];
7113
+ grid-template-rows:
7114
+ [row1-start] var(--tab-nav-height)
7115
+ [row1-end row2-start] 1fr [row2-end];
7100
7116
  row-gap: 1rem;
7101
7117
  -webkit-box-pack: center;
7102
7118
  -ms-flex-pack: center;
@@ -7104,50 +7120,52 @@ select[data-v-14e7c7c7] {
7104
7120
  justify-items: center;
7105
7121
  }
7106
7122
  .desktop-tab-vertical-stack-centered-menu-centered-logo.show-nav
7107
- .logo-container[data-v-6afbed2c] {
7123
+ .logo-container[data-v-32fe142c] {
7108
7124
  grid-row: row2-start / row2-end;
7109
7125
  text-align: center;
7110
7126
  }
7111
7127
  .desktop-tab-vertical-stack-centered-menu-centered-logo.show-nav
7112
- .nav-container[data-v-6afbed2c] {
7128
+ .nav-container[data-v-32fe142c] {
7113
7129
  grid-row: row1-start / row1-end;
7114
7130
  }
7115
- .layout desktop-tab-vertical-stack-centered-menu-centered-logo.no-nav[data-v-6afbed2c] {
7131
+ .layout desktop-tab-vertical-stack-centered-menu-centered-logo.no-nav[data-v-32fe142c] {
7116
7132
  display: -webkit-box;
7117
7133
  display: -ms-flexbox;
7118
7134
  display: flex;
7119
7135
  }
7120
7136
  /* MOBILE_TAB_2 */
7121
- .mobile-tab-vertical-stack-centered-menu-centered-logo[data-v-6afbed2c] {
7137
+ .mobile-tab-vertical-stack-centered-menu-centered-logo[data-v-32fe142c] {
7122
7138
  -webkit-box-align: center;
7123
7139
  -ms-flex-align: center;
7124
7140
  align-items: center;
7125
7141
  justify-items: center;
7126
7142
  width: 100%;
7127
7143
  }
7128
- .mobile-tab-vertical-stack-centered-menu-centered-logo.show-nav[data-v-6afbed2c] {
7144
+ .mobile-tab-vertical-stack-centered-menu-centered-logo.show-nav[data-v-32fe142c] {
7129
7145
  display: grid;
7130
- grid-template-rows: [row1-start] var(--tab-nav-height) [row1-end row2-start] 1fr [row2-end];
7146
+ grid-template-rows:
7147
+ [row1-start] var(--tab-nav-height)
7148
+ [row1-end row2-start] 1fr [row2-end];
7131
7149
  row-gap: 1rem;
7132
7150
  margin-top: 1rem;
7133
7151
  }
7134
7152
  .mobile-tab-vertical-stack-centered-menu-centered-logo.show-nav
7135
- .logo-container[data-v-6afbed2c] {
7153
+ .logo-container[data-v-32fe142c] {
7136
7154
  grid-row: row2-start / row2-end;
7137
7155
  }
7138
- .mobile-tab-vertical-stack-centered-menu-centered-logo.show-nav .nav-container[data-v-6afbed2c] {
7156
+ .mobile-tab-vertical-stack-centered-menu-centered-logo.show-nav .nav-container[data-v-32fe142c] {
7139
7157
  grid-row: row1-start / row1-end;
7140
7158
  width: 100%;
7141
7159
  }
7142
- .mobile-tab-vertical-stack-centered-menu-centered-logo.no-nav[data-v-6afbed2c] {
7160
+ .mobile-tab-vertical-stack-centered-menu-centered-logo.no-nav[data-v-32fe142c] {
7143
7161
  display: -webkit-box;
7144
7162
  display: -ms-flexbox;
7145
7163
  display: flex;
7146
7164
  }
7147
7165
 
7148
7166
  /* DESKTOP_TAB_NO_LOGO_1, DESKTOP_HAMBURGER_NO_LOGO_1 */
7149
- .desktop-tab-left-menu-no-logo[data-v-6afbed2c],
7150
- .desktop-hamburger-no-logo-left-menu[data-v-6afbed2c] {
7167
+ .desktop-tab-left-menu-no-logo[data-v-32fe142c],
7168
+ .desktop-hamburger-no-logo-left-menu[data-v-32fe142c] {
7151
7169
  display: -webkit-box;
7152
7170
  display: -ms-flexbox;
7153
7171
  display: flex;
@@ -7155,15 +7173,15 @@ select[data-v-14e7c7c7] {
7155
7173
  -ms-flex-pack: start;
7156
7174
  justify-content: flex-start;
7157
7175
  }
7158
- .desktop-tab-left-menu-no-logo .logo-container[data-v-6afbed2c],
7159
- .desktop-hamburger-no-logo-left-menu .logo-container[data-v-6afbed2c] {
7176
+ .desktop-tab-left-menu-no-logo .logo-container[data-v-32fe142c],
7177
+ .desktop-hamburger-no-logo-left-menu .logo-container[data-v-32fe142c] {
7160
7178
  display: none;
7161
7179
  }
7162
7180
 
7163
7181
  /* DESKTOP_TAB_NO_LOGO_2, DESKTOP_HAMBURGER_NO_LOGO_2, MOBILE_TAB_NO_LOGO_1 */
7164
- .desktop-tab-centered-menu-no-logo[data-v-6afbed2c],
7165
- .desktop-hamburger-no-logo-centered-menu[data-v-6afbed2c],
7166
- .mobile-tab-centered-menu-no-logo[data-v-6afbed2c] {
7182
+ .desktop-tab-centered-menu-no-logo[data-v-32fe142c],
7183
+ .desktop-hamburger-no-logo-centered-menu[data-v-32fe142c],
7184
+ .mobile-tab-centered-menu-no-logo[data-v-32fe142c] {
7167
7185
  display: -webkit-box;
7168
7186
  display: -ms-flexbox;
7169
7187
  display: flex;
@@ -7171,15 +7189,15 @@ select[data-v-14e7c7c7] {
7171
7189
  -ms-flex-pack: center;
7172
7190
  justify-content: center;
7173
7191
  }
7174
- .desktop-tab-centered-menu-no-logo .logo-container[data-v-6afbed2c],
7175
- .desktop-hamburger-no-logo-centered-menu .logo-container[data-v-6afbed2c],
7176
- .mobile-tab-centered-menu-no-logo .logo-container[data-v-6afbed2c] {
7192
+ .desktop-tab-centered-menu-no-logo .logo-container[data-v-32fe142c],
7193
+ .desktop-hamburger-no-logo-centered-menu .logo-container[data-v-32fe142c],
7194
+ .mobile-tab-centered-menu-no-logo .logo-container[data-v-32fe142c] {
7177
7195
  display: none;
7178
7196
  }
7179
7197
 
7180
7198
  /* DESKTOP_TAB_NO_LOGO_3, DESKTOP_HAMBURGER_NO_LOGO_3 */
7181
- .desktop-tab-right-menu-no-logo[data-v-6afbed2c],
7182
- .desktop-hamburger-no-logo-right-menu[data-v-6afbed2c] {
7199
+ .desktop-tab-right-menu-no-logo[data-v-32fe142c],
7200
+ .desktop-hamburger-no-logo-right-menu[data-v-32fe142c] {
7183
7201
  display: -webkit-box;
7184
7202
  display: -ms-flexbox;
7185
7203
  display: flex;
@@ -7187,14 +7205,14 @@ select[data-v-14e7c7c7] {
7187
7205
  -ms-flex-pack: end;
7188
7206
  justify-content: flex-end;
7189
7207
  }
7190
- .desktop-tab-right-menu-no-logo .logo-container[data-v-6afbed2c],
7191
- .desktop-hamburger-no-logo-right-menu .logo-container[data-v-6afbed2c] {
7208
+ .desktop-tab-right-menu-no-logo .logo-container[data-v-32fe142c],
7209
+ .desktop-hamburger-no-logo-right-menu .logo-container[data-v-32fe142c] {
7192
7210
  display: none;
7193
7211
  }
7194
7212
 
7195
7213
  /* DESKTOP_HAMBURGER_1, MOBILE_HAMBURGER_1 */
7196
- .desktop-hamburger-horizontal-stack-left-logo-right-menu[data-v-6afbed2c],
7197
- .mobile-hamburger-horizontal-stack-left-logo-right-menu[data-v-6afbed2c] {
7214
+ .desktop-hamburger-horizontal-stack-left-logo-right-menu[data-v-32fe142c],
7215
+ .mobile-hamburger-horizontal-stack-left-logo-right-menu[data-v-32fe142c] {
7198
7216
  display: grid;
7199
7217
  grid-template-columns: [logo-start] auto [nav-start] var(
7200
7218
  --hamburger-nav-width
@@ -7203,8 +7221,8 @@ select[data-v-14e7c7c7] {
7203
7221
  -ms-flex-align: start;
7204
7222
  align-items: start;
7205
7223
  }
7206
- .desktop-hamburger-horizontal-stack-left-logo-right-menu .logo-container[data-v-6afbed2c],
7207
- .mobile-hamburger-horizontal-stack-left-logo-right-menu .logo-container[data-v-6afbed2c] {
7224
+ .desktop-hamburger-horizontal-stack-left-logo-right-menu .logo-container[data-v-32fe142c],
7225
+ .mobile-hamburger-horizontal-stack-left-logo-right-menu .logo-container[data-v-32fe142c] {
7208
7226
  margin-right: 1rem;
7209
7227
  display: -webkit-box;
7210
7228
  display: -ms-flexbox;
@@ -7214,25 +7232,25 @@ select[data-v-14e7c7c7] {
7214
7232
  justify-content: flex-start;
7215
7233
  grid-column: logo-start;
7216
7234
  }
7217
- .desktop-hamburger-horizontal-stack-left-logo-right-menu .nav-container[data-v-6afbed2c],
7218
- .mobile-hamburger-horizontal-stack-left-logo-right-menu .nav-container[data-v-6afbed2c] {
7235
+ .desktop-hamburger-horizontal-stack-left-logo-right-menu .nav-container[data-v-32fe142c],
7236
+ .mobile-hamburger-horizontal-stack-left-logo-right-menu .nav-container[data-v-32fe142c] {
7219
7237
  grid-column: nav-start;
7220
7238
  margin: var(--page-padding) 0;
7221
7239
  }
7222
7240
 
7223
7241
  /* DESKTOP_HAMBURGER_2, MOBILE_HAMBURGER_2 */
7224
- .desktop-hamburger-horizontal-stack-centered-logo-right-menu[data-v-6afbed2c],
7225
- .mobile-hamburger-horizontal-stack-centered-logo-right-menu[data-v-6afbed2c] {
7242
+ .desktop-hamburger-horizontal-stack-centered-logo-right-menu[data-v-32fe142c],
7243
+ .mobile-hamburger-horizontal-stack-centered-logo-right-menu[data-v-32fe142c] {
7226
7244
  display: grid;
7227
- grid-template-columns: [start] var(--hamburger-nav-width) [logo-start] auto [nav-start] var(
7228
- --hamburger-nav-width
7229
- );
7245
+ grid-template-columns:
7246
+ [start] var(--hamburger-nav-width)
7247
+ [logo-start] auto [nav-start] var(--hamburger-nav-width);
7230
7248
  -webkit-box-align: start;
7231
7249
  -ms-flex-align: start;
7232
7250
  align-items: start;
7233
7251
  }
7234
- .desktop-hamburger-horizontal-stack-centered-logo-right-menu .logo-container[data-v-6afbed2c],
7235
- .mobile-hamburger-horizontal-stack-centered-logo-right-menu .logo-container[data-v-6afbed2c] {
7252
+ .desktop-hamburger-horizontal-stack-centered-logo-right-menu .logo-container[data-v-32fe142c],
7253
+ .mobile-hamburger-horizontal-stack-centered-logo-right-menu .logo-container[data-v-32fe142c] {
7236
7254
  margin-left: 1rem;
7237
7255
  margin-right: 1rem;
7238
7256
  display: -webkit-box;
@@ -7243,14 +7261,14 @@ select[data-v-14e7c7c7] {
7243
7261
  justify-content: center;
7244
7262
  grid-column: logo-start;
7245
7263
  }
7246
- .desktop-hamburger-horizontal-stack-centered-logo-right-menu .nav-container[data-v-6afbed2c],
7247
- .mobile-hamburger-horizontal-stack-centered-logo-right-menu .nav-container[data-v-6afbed2c] {
7264
+ .desktop-hamburger-horizontal-stack-centered-logo-right-menu .nav-container[data-v-32fe142c],
7265
+ .mobile-hamburger-horizontal-stack-centered-logo-right-menu .nav-container[data-v-32fe142c] {
7248
7266
  grid-column: nav-start;
7249
7267
  margin: var(--page-padding) 0;
7250
7268
  }
7251
7269
 
7252
7270
  /* MOBILE_HAMBURGER_3 */
7253
- .mobile-hamburger-horizontal-stack-left-menu-centered-logo[data-v-6afbed2c] {
7271
+ .mobile-hamburger-horizontal-stack-left-menu-centered-logo[data-v-32fe142c] {
7254
7272
  display: grid;
7255
7273
  grid-template-columns: var(--hamburger-nav-width) auto var(
7256
7274
  --hamburger-nav-width
@@ -7260,7 +7278,7 @@ select[data-v-14e7c7c7] {
7260
7278
  -ms-flex-align: start;
7261
7279
  align-items: start;
7262
7280
  }
7263
- .mobile-hamburger-horizontal-stack-left-menu-centered-logo .logo-container[data-v-6afbed2c] {
7281
+ .mobile-hamburger-horizontal-stack-left-menu-centered-logo .logo-container[data-v-32fe142c] {
7264
7282
  margin-left: 1rem;
7265
7283
  margin-right: 1rem;
7266
7284
  display: -webkit-box;
@@ -7271,18 +7289,18 @@ select[data-v-14e7c7c7] {
7271
7289
  justify-content: center;
7272
7290
  grid-area: b;
7273
7291
  }
7274
- .mobile-hamburger-horizontal-stack-left-menu-centered-logo .nav-container[data-v-6afbed2c] {
7292
+ .mobile-hamburger-horizontal-stack-left-menu-centered-logo .nav-container[data-v-32fe142c] {
7275
7293
  grid-area: a;
7276
7294
  margin: var(--page-padding) 0;
7277
7295
  }
7278
7296
  .mobile-hamburger-horizontal-stack-left-menu-centered-logo
7279
- .nav-container__inner[data-v-6afbed2c] {
7297
+ .nav-container__inner[data-v-32fe142c] {
7280
7298
  float: left;
7281
7299
  max-width: 100%;
7282
7300
  }
7283
7301
 
7284
7302
  /* MOBILE_HAMBURGER_4 */
7285
- .mobile-hamburger-horizontal-stack-left-menu-left-logo[data-v-6afbed2c] {
7303
+ .mobile-hamburger-horizontal-stack-left-menu-left-logo[data-v-32fe142c] {
7286
7304
  display: grid;
7287
7305
  grid-template-columns: var(--hamburger-nav-width) auto;
7288
7306
  grid-template-areas: 'a b';
@@ -7290,7 +7308,7 @@ select[data-v-14e7c7c7] {
7290
7308
  -ms-flex-align: start;
7291
7309
  align-items: start;
7292
7310
  }
7293
- .mobile-hamburger-horizontal-stack-left-menu-left-logo .logo-container[data-v-6afbed2c] {
7311
+ .mobile-hamburger-horizontal-stack-left-menu-left-logo .logo-container[data-v-32fe142c] {
7294
7312
  margin-left: 1rem;
7295
7313
  display: -webkit-box;
7296
7314
  display: -ms-flexbox;
@@ -7300,17 +7318,17 @@ select[data-v-14e7c7c7] {
7300
7318
  justify-content: flex-start;
7301
7319
  grid-area: b;
7302
7320
  }
7303
- .mobile-hamburger-horizontal-stack-left-menu-left-logo .nav-container[data-v-6afbed2c] {
7321
+ .mobile-hamburger-horizontal-stack-left-menu-left-logo .nav-container[data-v-32fe142c] {
7304
7322
  grid-area: a;
7305
7323
  margin: var(--page-padding) 0;
7306
7324
  }
7307
- .mobile-hamburger-horizontal-stack-left-menu-left-logo .nav-container__inner[data-v-6afbed2c] {
7325
+ .mobile-hamburger-horizontal-stack-left-menu-left-logo .nav-container__inner[data-v-32fe142c] {
7308
7326
  float: left;
7309
7327
  max-width: 100%;
7310
7328
  }
7311
7329
 
7312
7330
  /* MOBILE_HAMBURGER_NO_LOGO_1 */
7313
- .mobile-hamburger-no-logo-left-menu[data-v-6afbed2c] {
7331
+ .mobile-hamburger-no-logo-left-menu[data-v-32fe142c] {
7314
7332
  display: -webkit-box;
7315
7333
  display: -ms-flexbox;
7316
7334
  display: flex;
@@ -7318,12 +7336,12 @@ select[data-v-14e7c7c7] {
7318
7336
  -ms-flex-pack: start;
7319
7337
  justify-content: flex-start;
7320
7338
  }
7321
- .mobile-hamburger-no-logo-left-menu .logo-container[data-v-6afbed2c] {
7339
+ .mobile-hamburger-no-logo-left-menu .logo-container[data-v-32fe142c] {
7322
7340
  display: none;
7323
7341
  }
7324
7342
 
7325
7343
  /* MOBILE_HAMBURGER_NO_LOGO_2 */
7326
- .mobile-hamburger-no-logo-centered-menu[data-v-6afbed2c] {
7344
+ .mobile-hamburger-no-logo-centered-menu[data-v-32fe142c] {
7327
7345
  display: -webkit-box;
7328
7346
  display: -ms-flexbox;
7329
7347
  display: flex;
@@ -7331,11 +7349,11 @@ select[data-v-14e7c7c7] {
7331
7349
  -ms-flex-pack: center;
7332
7350
  justify-content: center;
7333
7351
  }
7334
- .mobile-hamburger-no-logo-centered-menu .logo-container[data-v-6afbed2c] {
7352
+ .mobile-hamburger-no-logo-centered-menu .logo-container[data-v-32fe142c] {
7335
7353
  display: none;
7336
7354
  }
7337
7355
  /* MOBILE_HAMBURGER_NO_LOGO_3 */
7338
- .mobile-hamburger-no-logo-right-menu[data-v-6afbed2c] {
7356
+ .mobile-hamburger-no-logo-right-menu[data-v-32fe142c] {
7339
7357
  display: -webkit-box;
7340
7358
  display: -ms-flexbox;
7341
7359
  display: flex;
@@ -7343,7 +7361,7 @@ select[data-v-14e7c7c7] {
7343
7361
  -ms-flex-pack: end;
7344
7362
  justify-content: flex-end;
7345
7363
  }
7346
- .mobile-hamburger-no-logo-right-menu .logo-container[data-v-6afbed2c] {
7364
+ .mobile-hamburger-no-logo-right-menu .logo-container[data-v-32fe142c] {
7347
7365
  display: none;
7348
7366
  }
7349
7367
 
@@ -7355,27 +7373,27 @@ select[data-v-14e7c7c7] {
7355
7373
  margin: 0;
7356
7374
  }
7357
7375
 
7358
- .c-page-header-container[data-v-5622d881] {
7376
+ .c-page-header-container[data-v-c289294b] {
7359
7377
  max-width: var(--brandsite-max-width);
7360
7378
  margin: 0 auto;
7361
7379
  padding: 0.25rem var(--page-padding);
7362
7380
  }
7363
7381
 
7364
- .c-page-footer__container[data-v-bf928db2] {
7382
+ .c-page-footer__container[data-v-0afac6bd] {
7365
7383
  max-width: var(--brandsite-max-width);
7366
7384
  margin: 0 auto;
7367
7385
  padding: 0.25rem var(--page-padding);
7368
7386
  }
7369
- .c-page-footer__container-justified[data-v-bf928db2] {
7387
+ .c-page-footer__container-justified[data-v-0afac6bd] {
7370
7388
  -webkit-box-pack: justify;
7371
7389
  -ms-flex-pack: justify;
7372
7390
  justify-content: space-between;
7373
7391
  }
7374
- .sortable[data-v-bf928db2] {
7392
+ .sortable[data-v-0afac6bd] {
7375
7393
  outline-color: #b2bdfb;
7376
7394
  outline-width: 0.2rem;
7377
7395
  }
7378
- .brand-page__content--outline-selected[data-v-bf928db2] {
7396
+ .brand-page__content--outline-selected[data-v-0afac6bd] {
7379
7397
  position: relative;
7380
7398
  z-index: 10;
7381
7399
  margin-left: 0.25rem;
@@ -7384,25 +7402,25 @@ select[data-v-14e7c7c7] {
7384
7402
  outline-width: 0.2rem;
7385
7403
  outline-style: dashed;
7386
7404
  }
7387
- .c_footer-container[data-v-bf928db2] {
7405
+ .c_footer-container[data-v-0afac6bd] {
7388
7406
  max-width: var(--brandsite-max-width);
7389
7407
  margin: 0 auto;
7390
7408
  padding-left: var(--page-padding);
7391
7409
  padding-right: var(--page-padding);
7392
7410
  }
7393
7411
  @container (max-width: 640px) {
7394
- .c-page-footer__container-justified[data-v-bf928db2] {
7412
+ .c-page-footer__container-justified[data-v-0afac6bd] {
7395
7413
  -webkit-box-orient: vertical;
7396
7414
  -webkit-box-direction: normal;
7397
7415
  -ms-flex-direction: column;
7398
7416
  flex-direction: column;
7399
7417
  }
7400
- .c-page-footer__container-justified[data-v-bf928db2] > :nth-child(2) {
7418
+ .c-page-footer__container-justified[data-v-0afac6bd] > :nth-child(2) {
7401
7419
  margin-bottom: 1rem;
7402
7420
  }
7403
7421
  }
7404
7422
  @container (min-width: 640px) {
7405
- .c-page-footer__container-justified-stack[data-v-bf928db2] {
7423
+ .c-page-footer__container-justified-stack[data-v-0afac6bd] {
7406
7424
  margin-left: 1rem;
7407
7425
  margin-right: 1rem;
7408
7426
  -webkit-box-pack: justify;
@@ -7855,16 +7873,16 @@ body {
7855
7873
  width: auto;
7856
7874
  }
7857
7875
 
7858
- .sortable[data-v-a7a291d4] {
7876
+ .sortable[data-v-bd2858ad] {
7859
7877
  outline-color: #b2bdfb;
7860
7878
  outline-width: 0.2rem;
7861
7879
  }
7862
- .sortable-ghost[data-v-a7a291d4] {
7880
+ .sortable-ghost[data-v-bd2858ad] {
7863
7881
  visibility: hidden;
7864
7882
  padding: 0px;
7865
7883
  z-index: -1;
7866
7884
  }
7867
- .sortable-ghost[data-v-a7a291d4]::after {
7885
+ .sortable-ghost[data-v-bd2858ad]::after {
7868
7886
  visibility: visible;
7869
7887
  position: absolute;
7870
7888
  left: 50%;
@@ -7877,13 +7895,13 @@ body {
7877
7895
  transform: translateX(-50%);
7878
7896
  width: calc(100% - var(--page-padding) * 2);
7879
7897
  }
7880
- .sortable-drag[data-v-a7a291d4] {
7898
+ .sortable-drag[data-v-bd2858ad] {
7881
7899
  z-index: -1;
7882
7900
  }
7883
- .sortable-drag .c-nav-below-logo[data-v-a7a291d4] {
7901
+ .sortable-drag .c-nav-below-logo[data-v-bd2858ad] {
7884
7902
  display: none;
7885
7903
  }
7886
- .sortable-drag[data-v-a7a291d4]::after {
7904
+ .sortable-drag[data-v-bd2858ad]::after {
7887
7905
  visibility: visible;
7888
7906
  position: absolute;
7889
7907
  top: 0px;
@@ -7897,17 +7915,17 @@ body {
7897
7915
  width: calc(100% - var(--page-padding) * 2);
7898
7916
  outline-style: solid;
7899
7917
  }
7900
- .brand-page__content--container[data-v-a7a291d4] {
7918
+ .brand-page__content--container[data-v-bd2858ad] {
7901
7919
  padding-left: var(--page-padding);
7902
7920
  padding-right: var(--page-padding);
7903
7921
  }
7904
- .brand-page__content--container--brandsite[data-v-a7a291d4] {
7922
+ .brand-page__content--container--brandsite[data-v-bd2858ad] {
7905
7923
  max-width: var(--brandsite-max-width);
7906
7924
  margin: 0 auto;
7907
7925
  padding-left: var(--page-padding);
7908
7926
  padding-right: var(--page-padding);
7909
7927
  }
7910
- .brand-page__content--outline-selected[data-v-a7a291d4] {
7928
+ .brand-page__content--outline-selected[data-v-bd2858ad] {
7911
7929
  position: relative;
7912
7930
  z-index: 10;
7913
7931
  outline-color: #b2bdfb;
@@ -8056,17 +8074,17 @@ body {
8056
8074
  transform: scale(1.025);
8057
8075
  }
8058
8076
 
8059
- .c-color[data-v-9af09d53] {
8077
+ .c-color[data-v-bdff230d] {
8060
8078
  -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
8061
8079
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
8062
8080
  }
8063
- .c-color[data-v-9af09d53]:hover {
8081
+ .c-color[data-v-bdff230d]:hover {
8064
8082
  -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.3);
8065
8083
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.3);
8066
8084
  -webkit-transform: scale(1.025);
8067
8085
  transform: scale(1.025);
8068
8086
  }
8069
- .c-transparent[data-v-9af09d53] {
8087
+ .c-transparent[data-v-bdff230d] {
8070
8088
  background: linear-gradient(
8071
8089
  135deg,
8072
8090
  transparent calc(50% - 1.5px),
@@ -8074,7 +8092,7 @@ body {
8074
8092
  transparent calc(50% + 1.5px)
8075
8093
  );
8076
8094
  }
8077
- .maker-color-palette__popup[data-v-9af09d53] {
8095
+ .maker-color-palette__popup[data-v-bdff230d] {
8078
8096
  position: absolute;
8079
8097
  padding: 0.625rem;
8080
8098
  background: white;
@@ -8088,13 +8106,13 @@ body {
8088
8106
  height: fit-content;
8089
8107
  max-width: 100%;
8090
8108
  }
8091
- .maker-color-palette__widget-body[data-v-9af09d53] {
8109
+ .maker-color-palette__widget-body[data-v-bdff230d] {
8092
8110
  height: 100%;
8093
8111
  overflow-x: hidden;
8094
8112
  overflow-y: auto;
8095
8113
  padding: 0.625rem;
8096
8114
  }
8097
- .picker-button[data-v-9af09d53] {
8115
+ .picker-button[data-v-bdff230d] {
8098
8116
  width: 100%;
8099
8117
  border: 1px solid #878787;
8100
8118
  text-transform: uppercase;
@@ -8103,14 +8121,14 @@ body {
8103
8121
  cursor: pointer;
8104
8122
  }
8105
8123
  @media print, screen and (min-width: 40em) {
8106
- .maker-color-palette__popup[data-v-9af09d53] {
8124
+ .maker-color-palette__popup[data-v-bdff230d] {
8107
8125
  bottom: initial;
8108
8126
  height: auto;
8109
8127
  top: 1.25rem;
8110
8128
  width: calc(100% - 36px);
8111
8129
  }
8112
8130
  }
8113
- .maker-text-color__icon[data-v-9af09d53] {
8131
+ .maker-text-color__icon[data-v-bdff230d] {
8114
8132
  display: -webkit-box;
8115
8133
  display: -ms-flexbox;
8116
8134
  display: flex;
@@ -8124,12 +8142,12 @@ body {
8124
8142
  height: 32px;
8125
8143
  margin-top: 15px;
8126
8144
  }
8127
- .maker-text-color__icon .active[data-v-9af09d53] {
8145
+ .maker-text-color__icon .active[data-v-bdff230d] {
8128
8146
  font-weight: bold;
8129
8147
  background: #e3e3e3;
8130
8148
  }
8131
8149
 
8132
- .card[data-v-1080fcc4] {
8150
+ .card[data-v-2d3e3dda] {
8133
8151
  height: 9rem;
8134
8152
  width: 100%;
8135
8153
  cursor: pointer;
@@ -8138,7 +8156,7 @@ body {
8138
8156
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
8139
8157
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1)
8140
8158
  }
8141
- .card-wrapper[data-v-1080fcc4] {
8159
+ .card-wrapper[data-v-2d3e3dda] {
8142
8160
  display: -webkit-box;
8143
8161
  display: -ms-flexbox;
8144
8162
  display: flex;
@@ -8150,7 +8168,7 @@ body {
8150
8168
  justify-content: center;
8151
8169
  padding: 1.5rem
8152
8170
  }
8153
- .card-wrapper img[data-v-1080fcc4] {
8171
+ .card-wrapper img[data-v-2d3e3dda] {
8154
8172
  display: -webkit-box;
8155
8173
  display: -ms-flexbox;
8156
8174
  display: flex;
@@ -8158,7 +8176,7 @@ body {
8158
8176
  width: 100%
8159
8177
  }
8160
8178
 
8161
- @-webkit-keyframes passing-through-6d743676 {
8179
+ @-webkit-keyframes passing-through-e0a4f461 {
8162
8180
  0% {
8163
8181
  opacity: 0;
8164
8182
  -webkit-transform: translateY(40px);
@@ -8176,7 +8194,7 @@ body {
8176
8194
  transform: translateY(-40px);
8177
8195
  }
8178
8196
  }
8179
- @keyframes passing-through-6d743676 {
8197
+ @keyframes passing-through-e0a4f461 {
8180
8198
  0% {
8181
8199
  opacity: 0;
8182
8200
  -webkit-transform: translateY(40px);
@@ -8194,7 +8212,7 @@ body {
8194
8212
  transform: translateY(-40px);
8195
8213
  }
8196
8214
  }
8197
- @-webkit-keyframes slide-in-6d743676 {
8215
+ @-webkit-keyframes slide-in-e0a4f461 {
8198
8216
  0% {
8199
8217
  opacity: 0;
8200
8218
  -webkit-transform: translateY(40px);
@@ -8206,7 +8224,7 @@ body {
8206
8224
  transform: translateY(0px);
8207
8225
  }
8208
8226
  }
8209
- @keyframes slide-in-6d743676 {
8227
+ @keyframes slide-in-e0a4f461 {
8210
8228
  0% {
8211
8229
  opacity: 0;
8212
8230
  -webkit-transform: translateY(40px);
@@ -8218,7 +8236,7 @@ body {
8218
8236
  transform: translateY(0px);
8219
8237
  }
8220
8238
  }
8221
- @-webkit-keyframes pulse-6d743676 {
8239
+ @-webkit-keyframes pulse-e0a4f461 {
8222
8240
  0% {
8223
8241
  -webkit-transform: scale(1);
8224
8242
  transform: scale(1);
@@ -8232,7 +8250,7 @@ body {
8232
8250
  transform: scale(1);
8233
8251
  }
8234
8252
  }
8235
- @keyframes pulse-6d743676 {
8253
+ @keyframes pulse-e0a4f461 {
8236
8254
  0% {
8237
8255
  -webkit-transform: scale(1);
8238
8256
  transform: scale(1);
@@ -8246,7 +8264,7 @@ body {
8246
8264
  transform: scale(1);
8247
8265
  }
8248
8266
  }
8249
- .dropzone[data-v-6d743676] {
8267
+ .dropzone[data-v-e0a4f461] {
8250
8268
  border-width: 1px;
8251
8269
  border-right-width: 0px;
8252
8270
  border-style: dashed;
@@ -8256,76 +8274,76 @@ body {
8256
8274
  -webkit-box-sizing: border-box;
8257
8275
  box-sizing: border-box;
8258
8276
  }
8259
- .dropzone.dz-clickable[data-v-6d743676] {
8277
+ .dropzone.dz-clickable[data-v-e0a4f461] {
8260
8278
  cursor: pointer;
8261
8279
  }
8262
- .dropzone.dz-clickable[data-v-6d743676] [data-v-6d743676] {
8280
+ .dropzone.dz-clickable[data-v-e0a4f461] * {
8263
8281
  cursor: default;
8264
8282
  }
8265
- .dropzone.dz-clickable[data-v-6d743676] .dz-message,
8266
- .dropzone.dz-clickable[data-v-6d743676] .dz-message * {
8283
+ .dropzone.dz-clickable[data-v-e0a4f461] .dz-message,
8284
+ .dropzone.dz-clickable[data-v-e0a4f461] .dz-message * {
8267
8285
  cursor: pointer;
8268
8286
  }
8269
- .dropzone.dz-drag-hover[data-v-6d743676] {
8287
+ .dropzone.dz-drag-hover[data-v-e0a4f461] {
8270
8288
  border-style: solid;
8271
8289
  }
8272
- .dropzone[data-v-6d743676] .dropzone-file-upload-image {
8290
+ .dropzone[data-v-e0a4f461] .dropzone-file-upload-image {
8273
8291
  --tw-text-opacity: 1;
8274
8292
  color: rgb(61 61 61 / var(--tw-text-opacity));
8275
8293
  }
8276
- .dropzone.dz-drag-hover[data-v-6d743676] .dropzone-file-upload-image {
8294
+ .dropzone.dz-drag-hover[data-v-e0a4f461] .dropzone-file-upload-image {
8277
8295
  --tw-text-opacity: 1;
8278
8296
  color: rgb(63 89 246 / var(--tw-text-opacity));
8279
8297
  }
8280
- .dropzone[data-v-6d743676] .dz-message {
8298
+ .dropzone[data-v-e0a4f461] .dz-message {
8281
8299
  margin: 0;
8282
8300
  text-align: center;
8283
8301
  }
8284
- .dropzone[data-v-6d743676] .dz-preview {
8302
+ .dropzone[data-v-e0a4f461] .dz-preview {
8285
8303
  width: calc(33% - 1rem);
8286
8304
  position: relative;
8287
8305
  display: inline-block;
8288
8306
  vertical-align: top;
8289
8307
  height: 100px;
8290
8308
  }
8291
- .dropzone[data-v-6d743676] .dz-preview :nth-of-type(3n) {
8309
+ .dropzone[data-v-e0a4f461] .dz-preview :nth-of-type(3n) {
8292
8310
  outline: 2px solid red;
8293
8311
  }
8294
- .dropzone[data-v-6d743676] .dz-preview.dz-error .dz-image {
8312
+ .dropzone[data-v-e0a4f461] .dz-preview.dz-error .dz-image {
8295
8313
  margin-bottom: 1rem;
8296
8314
  font-size: 0.75rem;
8297
8315
  line-height: 1rem;
8298
8316
  }
8299
- .dropzone[data-v-6d743676] .dz-preview:hover {
8317
+ .dropzone[data-v-e0a4f461] .dz-preview:hover {
8300
8318
  z-index: 1000;
8301
8319
  }
8302
- .dropzone[data-v-6d743676] .dz-preview:hover .dz-details {
8320
+ .dropzone[data-v-e0a4f461] .dz-preview:hover .dz-details {
8303
8321
  opacity: 1;
8304
8322
  }
8305
- .dropzone[data-v-6d743676] .dz-preview.dz-file-preview .dz-image {
8323
+ .dropzone[data-v-e0a4f461] .dz-preview.dz-file-preview .dz-image {
8306
8324
  border-radius: 0.5rem;
8307
8325
  }
8308
- .dropzone[data-v-6d743676] .dz-preview.dz-file-preview .dz-details {
8326
+ .dropzone[data-v-e0a4f461] .dz-preview.dz-file-preview .dz-details {
8309
8327
  opacity: 1;
8310
8328
  }
8311
- .dropzone[data-v-6d743676] .dz-preview.dz-image-preview .dz-details {
8329
+ .dropzone[data-v-e0a4f461] .dz-preview.dz-image-preview .dz-details {
8312
8330
  -webkit-transition: opacity 0.2s linear;
8313
8331
  transition: opacity 0.2s linear;
8314
8332
  }
8315
- .dropzone[data-v-6d743676] .dz-preview .dz-remove {
8333
+ .dropzone[data-v-e0a4f461] .dz-preview .dz-remove {
8316
8334
  font-size: 14px;
8317
8335
  text-align: center;
8318
8336
  display: block;
8319
8337
  cursor: pointer;
8320
8338
  border: none;
8321
8339
  }
8322
- .dropzone[data-v-6d743676] .dz-preview .dz-remove:hover {
8340
+ .dropzone[data-v-e0a4f461] .dz-preview .dz-remove:hover {
8323
8341
  text-decoration: underline;
8324
8342
  }
8325
- .dropzone[data-v-6d743676] .dz-preview:hover .dz-details {
8343
+ .dropzone[data-v-e0a4f461] .dz-preview:hover .dz-details {
8326
8344
  opacity: 1;
8327
8345
  }
8328
- .dropzone[data-v-6d743676] .dz-preview .dz-details {
8346
+ .dropzone[data-v-e0a4f461] .dz-preview .dz-details {
8329
8347
  z-index: 20;
8330
8348
  position: absolute;
8331
8349
  top: 0;
@@ -8339,37 +8357,37 @@ body {
8339
8357
  color: rgba(0, 0, 0, 0.9);
8340
8358
  line-height: 150%;
8341
8359
  }
8342
- .dropzone[data-v-6d743676] .dz-preview .dz-details .dz-size {
8360
+ .dropzone[data-v-e0a4f461] .dz-preview .dz-details .dz-size {
8343
8361
  margin-bottom: 1em;
8344
8362
  font-size: 16px;
8345
8363
  }
8346
- .dropzone[data-v-6d743676] .dz-preview .dz-details .dz-filename {
8364
+ .dropzone[data-v-e0a4f461] .dz-preview .dz-details .dz-filename {
8347
8365
  white-space: nowrap;
8348
8366
  }
8349
- .dropzone[data-v-6d743676] .dz-preview .dz-details .dz-filename:hover span {
8367
+ .dropzone[data-v-e0a4f461] .dz-preview .dz-details .dz-filename:hover span {
8350
8368
  border: 1px solid rgba(200, 200, 200, 0.8);
8351
8369
  background-color: rgba(255, 255, 255, 0.8);
8352
8370
  }
8353
- .dropzone[data-v-6d743676] .dz-preview .dz-details .dz-filename:not(:hover) {
8371
+ .dropzone[data-v-e0a4f461] .dz-preview .dz-details .dz-filename:not(:hover) {
8354
8372
  overflow: hidden;
8355
8373
  text-overflow: ellipsis;
8356
8374
  }
8357
- .dropzone[data-v-6d743676] .dz-preview .dz-details .dz-filename:not(:hover) span {
8375
+ .dropzone[data-v-e0a4f461] .dz-preview .dz-details .dz-filename:not(:hover) span {
8358
8376
  border: 1px solid transparent;
8359
8377
  }
8360
- .dropzone[data-v-6d743676] .dz-preview .dz-details .dz-filename span,
8361
- .dropzone[data-v-6d743676] .dz-preview .dz-details .dz-size span {
8378
+ .dropzone[data-v-e0a4f461] .dz-preview .dz-details .dz-filename span,
8379
+ .dropzone[data-v-e0a4f461] .dz-preview .dz-details .dz-size span {
8362
8380
  background-color: rgba(255, 255, 255, 0.4);
8363
8381
  padding: 0 0.4em;
8364
8382
  border-radius: 3px;
8365
8383
  }
8366
- .dropzone[data-v-6d743676] .dz-preview:hover .dz-image img {
8384
+ .dropzone[data-v-e0a4f461] .dz-preview:hover .dz-image img {
8367
8385
  -webkit-transform: scale(1.05, 1.05);
8368
8386
  transform: scale(1.05, 1.05);
8369
8387
  -webkit-filter: blur(8px);
8370
8388
  filter: blur(8px);
8371
8389
  }
8372
- .dropzone[data-v-6d743676] .dz-preview .dz-image {
8390
+ .dropzone[data-v-e0a4f461] .dz-preview .dz-image {
8373
8391
  height: 100%;
8374
8392
  width: 100%;
8375
8393
  border-radius: 0.375rem;
@@ -8378,20 +8396,20 @@ body {
8378
8396
  display: block;
8379
8397
  z-index: 10;
8380
8398
  }
8381
- .dropzone[data-v-6d743676] .dz-preview .dz-image img {
8399
+ .dropzone[data-v-e0a4f461] .dz-preview .dz-image img {
8382
8400
  display: block;
8383
8401
  }
8384
- .dropzone[data-v-6d743676] .dz-preview.dz-success .dz-success-mark {
8385
- -webkit-animation: passing-through-6d743676 3s cubic-bezier(0.77, 0, 0.175, 1);
8386
- animation: passing-through-6d743676 3s cubic-bezier(0.77, 0, 0.175, 1);
8402
+ .dropzone[data-v-e0a4f461] .dz-preview.dz-success .dz-success-mark {
8403
+ -webkit-animation: passing-through-e0a4f461 3s cubic-bezier(0.77, 0, 0.175, 1);
8404
+ animation: passing-through-e0a4f461 3s cubic-bezier(0.77, 0, 0.175, 1);
8387
8405
  }
8388
- .dropzone[data-v-6d743676] .dz-preview.dz-error .dz-error-mark {
8406
+ .dropzone[data-v-e0a4f461] .dz-preview.dz-error .dz-error-mark {
8389
8407
  opacity: 1;
8390
- -webkit-animation: slide-in-6d743676 3s cubic-bezier(0.77, 0, 0.175, 1);
8391
- animation: slide-in-6d743676 3s cubic-bezier(0.77, 0, 0.175, 1);
8408
+ -webkit-animation: slide-in-e0a4f461 3s cubic-bezier(0.77, 0, 0.175, 1);
8409
+ animation: slide-in-e0a4f461 3s cubic-bezier(0.77, 0, 0.175, 1);
8392
8410
  }
8393
- .dropzone[data-v-6d743676] .dz-preview .dz-success-mark,
8394
- .dropzone[data-v-6d743676] .dz-preview .dz-error-mark {
8411
+ .dropzone[data-v-e0a4f461] .dz-preview .dz-success-mark,
8412
+ .dropzone[data-v-e0a4f461] .dz-preview .dz-error-mark {
8395
8413
  pointer-events: none;
8396
8414
  opacity: 0;
8397
8415
  z-index: 500;
@@ -8402,27 +8420,27 @@ body {
8402
8420
  margin-left: -27px;
8403
8421
  margin-top: -27px;
8404
8422
  }
8405
- .dropzone[data-v-6d743676] .dz-preview .dz-success-mark svg,
8406
- .dropzone[data-v-6d743676] .dz-preview .dz-error-mark svg {
8423
+ .dropzone[data-v-e0a4f461] .dz-preview .dz-success-mark svg,
8424
+ .dropzone[data-v-e0a4f461] .dz-preview .dz-error-mark svg {
8407
8425
  display: block;
8408
8426
  width: 54px;
8409
8427
  height: 54px;
8410
8428
  }
8411
- .dropzone[data-v-6d743676] .dz-preview.dz-processing .dz-progress {
8429
+ .dropzone[data-v-e0a4f461] .dz-preview.dz-processing .dz-progress {
8412
8430
  opacity: 1;
8413
8431
  -webkit-transition: all 0.2s linear;
8414
8432
  transition: all 0.2s linear;
8415
8433
  }
8416
- .dropzone[data-v-6d743676] .dz-preview.dz-complete .dz-progress {
8434
+ .dropzone[data-v-e0a4f461] .dz-preview.dz-complete .dz-progress {
8417
8435
  opacity: 0;
8418
8436
  -webkit-transition: opacity 0.4s ease-in;
8419
8437
  transition: opacity 0.4s ease-in;
8420
8438
  }
8421
- .dropzone[data-v-6d743676] .dz-preview:not(.dz-processing) .dz-progress {
8422
- -webkit-animation: pulse-6d743676 6s ease infinite;
8423
- animation: pulse-6d743676 6s ease infinite;
8439
+ .dropzone[data-v-e0a4f461] .dz-preview:not(.dz-processing) .dz-progress {
8440
+ -webkit-animation: pulse-e0a4f461 6s ease infinite;
8441
+ animation: pulse-e0a4f461 6s ease infinite;
8424
8442
  }
8425
- .dropzone[data-v-6d743676] .dz-preview .dz-progress {
8443
+ .dropzone[data-v-e0a4f461] .dz-preview .dz-progress {
8426
8444
  opacity: 1;
8427
8445
  z-index: 1000;
8428
8446
  pointer-events: none;
@@ -8438,7 +8456,7 @@ body {
8438
8456
  border-radius: 8px;
8439
8457
  overflow: hidden;
8440
8458
  }
8441
- .dropzone[data-v-6d743676] .dz-preview .dz-progress .dz-upload {
8459
+ .dropzone[data-v-e0a4f461] .dz-preview .dz-progress .dz-upload {
8442
8460
  background: #333;
8443
8461
  background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#444));
8444
8462
  background: linear-gradient(to bottom, #666, #444);
@@ -8450,14 +8468,14 @@ body {
8450
8468
  -webkit-transition: width 300ms ease-in-out;
8451
8469
  transition: width 300ms ease-in-out;
8452
8470
  }
8453
- .dropzone[data-v-6d743676] .dz-preview.dz-error .dz-error-message {
8471
+ .dropzone[data-v-e0a4f461] .dz-preview.dz-error .dz-error-message {
8454
8472
  display: block;
8455
8473
  }
8456
- .dropzone[data-v-6d743676] .dz-preview.dz-error:hover .dz-error-message {
8474
+ .dropzone[data-v-e0a4f461] .dz-preview.dz-error:hover .dz-error-message {
8457
8475
  opacity: 1;
8458
8476
  pointer-events: auto;
8459
8477
  }
8460
- .dropzone[data-v-6d743676] .dz-preview .dz-error-message {
8478
+ .dropzone[data-v-e0a4f461] .dz-preview .dz-error-message {
8461
8479
  pointer-events: none;
8462
8480
  z-index: 1000;
8463
8481
  position: absolute;
@@ -8477,7 +8495,7 @@ body {
8477
8495
  padding: 0.5em 1.2em;
8478
8496
  color: white;
8479
8497
  }
8480
- .dropzone[data-v-6d743676] .dz-preview .dz-error-message:after {
8498
+ .dropzone[data-v-e0a4f461] .dz-preview .dz-error-message:after {
8481
8499
  content: '';
8482
8500
  position: absolute;
8483
8501
  top: -6px;
@@ -8489,7 +8507,7 @@ body {
8489
8507
  border-bottom: 6px solid #be2626;
8490
8508
  }
8491
8509
 
8492
- .c-media-btn__img[data-v-144c5c39] {
8510
+ .c-media-btn__img[data-v-bbb02ad6] {
8493
8511
  border-radius: 0.375rem;
8494
8512
  -o-object-fit: cover;
8495
8513
  object-fit: cover;
@@ -8506,14 +8524,14 @@ body {
8506
8524
  width: 100%;
8507
8525
  height: 100%;
8508
8526
  }
8509
- .c-media-btn__img[data-v-144c5c39]:hover {
8527
+ .c-media-btn__img[data-v-bbb02ad6]:hover {
8510
8528
  -webkit-box-shadow: 0 0 0 3px rgb(0, 151, 215);
8511
8529
  box-shadow: 0 0 0 3px rgb(0, 151, 215);
8512
8530
  }
8513
- .tw-w-full[data-v-144c5c39] {
8531
+ .tw-w-full[data-v-bbb02ad6] {
8514
8532
  width: 100%;
8515
8533
  }
8516
- .tw-h-full[data-v-144c5c39] {
8534
+ .tw-h-full[data-v-bbb02ad6] {
8517
8535
  height: 100%;
8518
8536
  }
8519
8537
 
@@ -8562,7 +8580,7 @@ body {
8562
8580
  aspect-ratio: 1.2;
8563
8581
  }
8564
8582
 
8565
- .c-media-btn__img[data-v-3150c4e8] {
8583
+ .c-media-btn__img[data-v-0a5263cf] {
8566
8584
  width: 100%;
8567
8585
  border-radius: 0.375rem;
8568
8586
  -webkit-transition-property: -webkit-box-shadow;
@@ -8576,7 +8594,7 @@ body {
8576
8594
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
8577
8595
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
8578
8596
  }
8579
- .c-media-btn__overlay[data-v-3150c4e8] {
8597
+ .c-media-btn__overlay[data-v-0a5263cf] {
8580
8598
  position: absolute;
8581
8599
  left: 0px;
8582
8600
  bottom: 0px;
@@ -8592,14 +8610,14 @@ body {
8592
8610
  -webkit-transition-duration: 200ms;
8593
8611
  transition-duration: 200ms;
8594
8612
  }
8595
- .c-media-btn__overlay--category[data-v-3150c4e8] {
8613
+ .c-media-btn__overlay--category[data-v-0a5263cf] {
8596
8614
  background-color: rgba(17, 21, 23, 0.66);
8597
8615
  }
8598
- .c-media-btn__overlay--image[data-v-3150c4e8]:hover {
8616
+ .c-media-btn__overlay--image[data-v-0a5263cf]:hover {
8599
8617
  background-color: rgba(17, 21, 23, 0.33);
8600
8618
  }
8601
8619
 
8602
- .c-media-btn__img[data-v-84940a55] {
8620
+ .c-media-btn__img[data-v-81cef303] {
8603
8621
  width: 100%;
8604
8622
  border-radius: 0.375rem;
8605
8623
  -webkit-transition-property: -webkit-box-shadow;
@@ -8617,7 +8635,7 @@ body {
8617
8635
  object-fit: cover;
8618
8636
  max-height: 150px;
8619
8637
  }
8620
- .c-media-btn__overlay[data-v-84940a55] {
8638
+ .c-media-btn__overlay[data-v-81cef303] {
8621
8639
  position: absolute;
8622
8640
  left: 0px;
8623
8641
  bottom: 0px;
@@ -8633,13 +8651,13 @@ body {
8633
8651
  -webkit-transition-duration: 200ms;
8634
8652
  transition-duration: 200ms;
8635
8653
  }
8636
- .c-media-btn__overlay--category[data-v-84940a55] {
8654
+ .c-media-btn__overlay--category[data-v-81cef303] {
8637
8655
  background-color: rgba(17, 21, 23, 0.66);
8638
8656
  }
8639
- .c-media-btn__overlay--video[data-v-84940a55]:hover {
8657
+ .c-media-btn__overlay--video[data-v-81cef303]:hover {
8640
8658
  background-color: rgba(17, 21, 23, 0.33);
8641
8659
  }
8642
- .c-media-btn[data-v-84940a55] {
8660
+ .c-media-btn[data-v-81cef303] {
8643
8661
  width: 100%;
8644
8662
  aspect-ratio: 1;
8645
8663
  max-height: 150px;
@@ -8865,11 +8883,11 @@ body {
8865
8883
  contain-intrinsic-size: auto 36px;
8866
8884
  }
8867
8885
 
8868
- .rich-text-editor[data-v-c2f90d30]:focus-within {
8886
+ .rich-text-editor[data-v-1ea61cf8]:focus-within {
8869
8887
  --tw-border-opacity: 1;
8870
8888
  border-color: rgb(96 96 96 / var(--tw-border-opacity));
8871
8889
  }
8872
- .style-editor[data-v-c2f90d30] {
8890
+ .style-editor[data-v-1ea61cf8] {
8873
8891
  display: -webkit-box;
8874
8892
  display: -ms-flexbox;
8875
8893
  display: flex;
@@ -8880,7 +8898,7 @@ body {
8880
8898
  -ms-flex-wrap: wrap;
8881
8899
  flex-wrap: wrap;
8882
8900
  }
8883
- .style-editor[data-v-c2f90d30] button:not(.c-button-style) {
8901
+ .style-editor[data-v-1ea61cf8] button:not(.c-button-style) {
8884
8902
  display: -webkit-box;
8885
8903
  display: -ms-flexbox;
8886
8904
  display: flex;
@@ -8890,16 +8908,16 @@ body {
8890
8908
  padding-left: 0.5rem;
8891
8909
  padding-right: 0.5rem;
8892
8910
  }
8893
- .style-editor-button[data-v-c2f90d30] {
8911
+ .style-editor-button[data-v-1ea61cf8] {
8894
8912
  cursor: pointer;
8895
8913
  padding-left: 0.25rem;
8896
8914
  padding-top: 0.25rem;
8897
8915
  }
8898
- .toolbar-editor-button.active[data-v-c2f90d30] {
8916
+ .toolbar-editor-button.active[data-v-1ea61cf8] {
8899
8917
  font-weight: 700;
8900
8918
  background: #e3e3e3;
8901
8919
  }
8902
- .toolbar-editor-button[data-v-c2f90d30] {
8920
+ .toolbar-editor-button[data-v-1ea61cf8] {
8903
8921
  height: 32px;
8904
8922
  width: 32px;
8905
8923
  border-radius: 4px;
@@ -8917,7 +8935,7 @@ body {
8917
8935
  -ms-flex-pack: center;
8918
8936
  justify-content: center;
8919
8937
  }
8920
- [data-v-c2f90d30] .ProseMirror {
8938
+ [data-v-1ea61cf8] .ProseMirror {
8921
8939
  border-top: 1px solid #ccc;
8922
8940
  min-height: 150px;
8923
8941
  padding: 8px;
@@ -8930,13 +8948,13 @@ body {
8930
8948
  max-height: 14rem;
8931
8949
  overflow: auto;
8932
8950
  }
8933
- .editor-compact[data-v-c2f90d30] .ProseMirror {
8951
+ .editor-compact[data-v-1ea61cf8] .ProseMirror {
8934
8952
  min-height: 6rem;
8935
8953
  }
8936
- [data-v-c2f90d30] .ProseMirror:focus {
8954
+ [data-v-1ea61cf8] .ProseMirror:focus {
8937
8955
  outline: none;
8938
8956
  }
8939
- [data-v-c2f90d30] .ProseMirror * {
8957
+ [data-v-1ea61cf8] .ProseMirror * {
8940
8958
  text-align: left !important;
8941
8959
  font-size: 16px !important;
8942
8960
  color: #606060 !important;
@@ -8945,28 +8963,28 @@ body {
8945
8963
  background-color: transparent !important;
8946
8964
  font-family: 'Lato' !important;
8947
8965
  }
8948
- [data-v-c2f90d30] .ProseMirror a s,[data-v-c2f90d30] .ProseMirror a strike,[data-v-c2f90d30] .ProseMirror a [data-strike] {
8966
+ [data-v-1ea61cf8] .ProseMirror a s,[data-v-1ea61cf8] .ProseMirror a strike,[data-v-1ea61cf8] .ProseMirror a [data-strike] {
8949
8967
  text-decoration: line-through !important;
8950
8968
  }
8951
- [data-v-c2f90d30] .ProseMirror a,[data-v-c2f90d30] .ProseMirror a * {
8969
+ [data-v-1ea61cf8] .ProseMirror a,[data-v-1ea61cf8] .ProseMirror a * {
8952
8970
  color: #0097d7 !important;
8953
8971
  text-decoration: underline !important;
8954
8972
  }
8955
- .error-message[data-v-c2f90d30] {
8973
+ .error-message[data-v-1ea61cf8] {
8956
8974
  color: #d32f2f;
8957
8975
  font-size: 0.875rem;
8958
8976
  margin-top: 4px;
8959
8977
  }
8960
- .popup-container[data-v-c2f90d30] {
8978
+ .popup-container[data-v-1ea61cf8] {
8961
8979
  position: absolute;
8962
8980
  z-index: 10;
8963
8981
  right: 8%;
8964
8982
  }
8965
- .hyperlink-preview[data-v-c2f90d30] {
8983
+ .hyperlink-preview[data-v-1ea61cf8] {
8966
8984
  position: absolute;
8967
8985
  z-index: 10;
8968
8986
  }
8969
- .popup-panel[data-v-c2f90d30] {
8987
+ .popup-panel[data-v-1ea61cf8] {
8970
8988
  background: #fff;
8971
8989
  border: 1px solid #ccc;
8972
8990
  border-radius: 8px;
@@ -8974,17 +8992,17 @@ body {
8974
8992
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
8975
8993
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
8976
8994
  }
8977
- .popup-panel[data-v-c2f90d30] input {
8995
+ .popup-panel[data-v-1ea61cf8] input {
8978
8996
  border: 1px solid #ccc;
8979
8997
  border-radius: 8px;
8980
8998
  }
8981
- .border[data-v-c2f90d30] {
8999
+ .border[data-v-1ea61cf8] {
8982
9000
  width: 100%;
8983
9001
  --tw-bg-opacity: 1;
8984
9002
  background-color: rgb(209 209 209 / var(--tw-bg-opacity));
8985
9003
  height: 1px;
8986
9004
  }
8987
- [data-v-c2f90d30] .text-dropdown-title {
9005
+ [data-v-1ea61cf8] .text-dropdown-title {
8988
9006
  height: 2rem;
8989
9007
  width: 100%;
8990
9008
  font-size: 0.875rem;
@@ -8993,7 +9011,7 @@ body {
8993
9011
  color: rgb(38 38 38 / var(--tw-text-opacity));
8994
9012
  font-weight: 300;
8995
9013
  }
8996
- [data-v-c2f90d30] .ProseMirror p.is-editor-empty:first-child::before {
9014
+ [data-v-1ea61cf8] .ProseMirror p.is-editor-empty:first-child::before {
8997
9015
  --tw-text-opacity: 1;
8998
9016
  color: rgb(209 209 209 / var(--tw-text-opacity));
8999
9017
  content: attr(data-placeholder);
@@ -9002,65 +9020,65 @@ body {
9002
9020
  pointer-events: none;
9003
9021
  }
9004
9022
  @media (max-width: 399px) {
9005
- .style-editor-button-font[data-v-c2f90d30],
9006
- .style-editor-button-textstyle[data-v-c2f90d30] {
9023
+ .style-editor-button-font[data-v-1ea61cf8],
9024
+ .style-editor-button-textstyle[data-v-1ea61cf8] {
9007
9025
  max-width: 48%;
9008
9026
  padding-bottom: 0.25rem;
9009
9027
  }
9010
- .style-editor-button.stepper[data-v-c2f90d30] {
9028
+ .style-editor-button.stepper[data-v-1ea61cf8] {
9011
9029
  max-width: 40%;
9012
9030
  }
9013
- .style-editor-button-stepper[data-v-c2f90d30] {
9031
+ .style-editor-button-stepper[data-v-1ea61cf8] {
9014
9032
  max-width: 100%;
9015
9033
  }
9016
- .border.desktop[data-v-c2f90d30] {
9034
+ .border.desktop[data-v-1ea61cf8] {
9017
9035
  display: none;
9018
9036
  }
9019
- .border.mobile[data-v-c2f90d30] {
9037
+ .border.mobile[data-v-1ea61cf8] {
9020
9038
  display: block;
9021
9039
  }
9022
- [data-v-c2f90d30] .left-align {
9040
+ [data-v-1ea61cf8] .left-align {
9023
9041
  -webkit-transform: translateX(-48%);
9024
9042
  transform: translateX(-48%);
9025
9043
  }
9026
- .hyperlink-popup[data-v-c2f90d30] {
9044
+ .hyperlink-popup[data-v-1ea61cf8] {
9027
9045
  z-index: 10000 !important;
9028
9046
  }
9029
9047
  }
9030
9048
  @media (min-width: 400px) {
9031
- .style-editor-button.stepper[data-v-c2f90d30] {
9049
+ .style-editor-button.stepper[data-v-1ea61cf8] {
9032
9050
  max-width: 32%;
9033
9051
  }
9034
- .style-editor-button-font[data-v-c2f90d30] {
9052
+ .style-editor-button-font[data-v-1ea61cf8] {
9035
9053
  max-width: 28%;
9036
9054
  }
9037
- .style-editor-button-stepper[data-v-c2f90d30] {
9055
+ .style-editor-button-stepper[data-v-1ea61cf8] {
9038
9056
  max-width: 100%;
9039
9057
  }
9040
- .style-editor-button-textstyle[data-v-c2f90d30] {
9058
+ .style-editor-button-textstyle[data-v-1ea61cf8] {
9041
9059
  max-width: 25%;
9042
9060
  }
9043
- .border.desktop[data-v-c2f90d30] {
9061
+ .border.desktop[data-v-1ea61cf8] {
9044
9062
  display: block;
9045
9063
  }
9046
- .border.mobile[data-v-c2f90d30] {
9064
+ .border.mobile[data-v-1ea61cf8] {
9047
9065
  display: none;
9048
9066
  }
9049
- [data-v-c2f90d30] .left-align {
9067
+ [data-v-1ea61cf8] .left-align {
9050
9068
  -webkit-transform: translateX(-25%);
9051
9069
  transform: translateX(-25%);
9052
9070
  }
9053
9071
  }
9054
- .drop-down-item[data-v-c2f90d30]:hover {
9072
+ .drop-down-item[data-v-1ea61cf8]:hover {
9055
9073
  background-color: #eee;
9056
9074
  }
9057
9075
 
9058
- input[data-v-b7154ee1]::-webkit-outer-spin-button,
9059
- input[data-v-b7154ee1]::-webkit-inner-spin-button {
9076
+ input[data-v-f3d394d9]::-webkit-outer-spin-button,
9077
+ input[data-v-f3d394d9]::-webkit-inner-spin-button {
9060
9078
  -webkit-appearance: none;
9061
9079
  margin: 0;
9062
9080
  }
9063
- input[type='number'][data-v-b7154ee1] {
9081
+ input[type='number'][data-v-f3d394d9] {
9064
9082
  -moz-appearance: textfield;
9065
9083
  }
9066
9084
 
@@ -9096,10 +9114,6 @@ input[type='number'][data-v-b7154ee1] {
9096
9114
  max-width: 250px;
9097
9115
  }
9098
9116
 
9099
- .home-page-text[data-v-3b732ceb] {
9100
- color: #686e7d;
9101
- }
9102
-
9103
9117
  .page-settings-section-style_option-title[data-v-c93e7fd0] {
9104
9118
  font-family: Inter, Helvetica, sans-serif;
9105
9119
  font-size: 0.875rem;
@@ -9109,11 +9123,15 @@ input[type='number'][data-v-b7154ee1] {
9109
9123
  color: rgb(24 24 24 / var(--tw-text-opacity))
9110
9124
  }
9111
9125
 
9112
- .dragArea[data-v-1d012d1c] {
9126
+ .home-page-text[data-v-3b732ceb] {
9127
+ color: #686e7d;
9128
+ }
9129
+
9130
+ .dragArea[data-v-b0405837] {
9113
9131
  min-height: 1rem;
9114
9132
  }
9115
9133
 
9116
- .dragArea[data-v-4fa3ea05] {
9134
+ .dragArea[data-v-4686f97e] {
9117
9135
  min-height: 0rem;
9118
9136
  }
9119
9137
 
@@ -9348,11 +9366,11 @@ input.dynamic-width-input[data-v-97be2e87]:focus {
9348
9366
  }
9349
9367
  }
9350
9368
 
9351
- .template-preview[data-v-e99b74dc] {
9369
+ .template-preview[data-v-a172382d] {
9352
9370
  position: relative;
9353
9371
  background-attachment: initial !important
9354
9372
  }
9355
- .template-preview__overlay[data-v-e99b74dc] {
9373
+ .template-preview__overlay[data-v-a172382d] {
9356
9374
  position: absolute;
9357
9375
  top: 0px;
9358
9376
  left: 0px;
@@ -9364,12 +9382,12 @@ input.dynamic-width-input[data-v-97be2e87]:focus {
9364
9382
  opacity: 0;
9365
9383
  z-index: 100
9366
9384
  }
9367
- .template-preview__image-container[data-v-e99b74dc] {
9385
+ .template-preview__image-container[data-v-a172382d] {
9368
9386
  pointer-events: none;
9369
9387
  height: 100%;
9370
9388
  width: 100%
9371
9389
  }
9372
- .template-preview__image[data-v-e99b74dc] {
9390
+ .template-preview__image[data-v-a172382d] {
9373
9391
  height: 100%;
9374
9392
  width: 100%;
9375
9393
  -o-object-fit: fill;
@@ -9379,13 +9397,13 @@ input.dynamic-width-input[data-v-97be2e87]:focus {
9379
9397
  transition: filter 0.2s ease;
9380
9398
  transition: filter 0.2s ease, -webkit-filter 0.2s ease
9381
9399
  }
9382
- .template-preview__page[data-v-e99b74dc] {
9400
+ .template-preview__page[data-v-a172382d] {
9383
9401
  pointer-events: none
9384
9402
  }
9385
- .template-preview[data-v-e99b74dc] .c-shape-background {
9403
+ .template-preview[data-v-a172382d] .c-shape-background {
9386
9404
  position: absolute
9387
9405
  }
9388
- .template-preview__image[data-v-e99b74dc] .c-shape-background {
9406
+ .template-preview__image[data-v-a172382d] .c-shape-background {
9389
9407
  position: absolute
9390
9408
  }
9391
9409
 
@@ -9485,16 +9503,16 @@ to {
9485
9503
  }
9486
9504
  }
9487
9505
 
9488
- .typing-cursor[data-v-32d97597] {
9489
- -webkit-animation: blink-32d97597 1s infinite;
9490
- animation: blink-32d97597 1s infinite;
9506
+ .typing-cursor[data-v-5c376514] {
9507
+ -webkit-animation: blink-5c376514 1s infinite;
9508
+ animation: blink-5c376514 1s infinite;
9491
9509
  }
9492
- .bubble-ai[data-v-32d97597] {
9510
+ .bubble-ai[data-v-5c376514] {
9493
9511
  background-color: #eceefe;
9494
9512
  border-color: #798bf9;
9495
9513
  color: #171717;
9496
9514
  }
9497
- @-webkit-keyframes blink-32d97597 {
9515
+ @-webkit-keyframes blink-5c376514 {
9498
9516
  0%,
9499
9517
  50% {
9500
9518
  opacity: 1;
@@ -9504,7 +9522,7 @@ to {
9504
9522
  opacity: 0;
9505
9523
  }
9506
9524
  }
9507
- @keyframes blink-32d97597 {
9525
+ @keyframes blink-5c376514 {
9508
9526
  0%,
9509
9527
  50% {
9510
9528
  opacity: 1;
@@ -9514,7 +9532,7 @@ to {
9514
9532
  opacity: 0;
9515
9533
  }
9516
9534
  }
9517
- .shimmer-text[data-v-32d97597] {
9535
+ .shimmer-text[data-v-5c376514] {
9518
9536
  background: -webkit-gradient(
9519
9537
  linear,
9520
9538
  left top, right top,
@@ -9536,10 +9554,10 @@ to {
9536
9554
  -webkit-background-clip: text;
9537
9555
  -webkit-text-fill-color: transparent;
9538
9556
  background-clip: text;
9539
- -webkit-animation: shimmer-slide-32d97597 4s linear infinite;
9540
- animation: shimmer-slide-32d97597 4s linear infinite;
9557
+ -webkit-animation: shimmer-slide-5c376514 4s linear infinite;
9558
+ animation: shimmer-slide-5c376514 4s linear infinite;
9541
9559
  }
9542
- @-webkit-keyframes shimmer-slide-32d97597 {
9560
+ @-webkit-keyframes shimmer-slide-5c376514 {
9543
9561
  from {
9544
9562
  background-position: 200% center;
9545
9563
  }
@@ -9547,7 +9565,7 @@ to {
9547
9565
  background-position: -200% center;
9548
9566
  }
9549
9567
  }
9550
- @keyframes shimmer-slide-32d97597 {
9568
+ @keyframes shimmer-slide-5c376514 {
9551
9569
  from {
9552
9570
  background-position: 200% center;
9553
9571
  }