@zipify/wysiwyg 1.0.0-dev.64 → 1.0.0-dev.67

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 (37) hide show
  1. package/config/vite/lib.config.js +2 -0
  2. package/dist/wysiwyg.css +861 -1
  3. package/dist/wysiwyg.mjs +20528 -12950
  4. package/lib/__tests__/utils/index.js +0 -1
  5. package/lib/composables/__tests__/useEditor.test.js +1 -1
  6. package/lib/extensions/__tests__/Alignment.test.js +1 -2
  7. package/lib/extensions/__tests__/BackgroundColor.test.js +1 -2
  8. package/lib/extensions/__tests__/CaseStyle.test.js +1 -2
  9. package/lib/extensions/__tests__/FontColor.test.js +1 -2
  10. package/lib/extensions/__tests__/FontFamily.test.js +1 -2
  11. package/lib/extensions/__tests__/FontSize.test.js +1 -2
  12. package/lib/extensions/__tests__/FontStyle.test.js +1 -2
  13. package/lib/extensions/__tests__/FontWeight.test.js +1 -2
  14. package/lib/extensions/__tests__/LineHeight.test.js +1 -2
  15. package/lib/extensions/__tests__/Link.test.js +1 -2
  16. package/lib/extensions/__tests__/StylePreset.test.js +1 -2
  17. package/lib/extensions/__tests__/TextDecoration.test.js +1 -2
  18. package/lib/extensions/core/TextProcessor.js +1 -24
  19. package/lib/extensions/core/__tests__/NodeProcessor.test.js +1 -2
  20. package/lib/extensions/core/__tests__/SelectionProcessor.test.js +1 -2
  21. package/lib/extensions/core/__tests__/TextProcessor.test.js +1 -2
  22. package/lib/extensions/list/__tests__/List.test.js +1 -2
  23. package/lib/index.js +2 -0
  24. package/lib/{__tests__/utils → services}/NodeFactory.js +3 -12
  25. package/lib/services/__tests__/ContentNormalizer.test.js +1 -1
  26. package/lib/services/index.js +1 -0
  27. package/package.json +1 -1
  28. package/lib/extensions/core/inputRules/closeDoubleQuote.js +0 -6
  29. package/lib/extensions/core/inputRules/closeSingleQuote.js +0 -6
  30. package/lib/extensions/core/inputRules/copyright.js +0 -6
  31. package/lib/extensions/core/inputRules/ellipsis.js +0 -6
  32. package/lib/extensions/core/inputRules/emDash.js +0 -6
  33. package/lib/extensions/core/inputRules/index.js +0 -9
  34. package/lib/extensions/core/inputRules/openDoubleQuote.js +0 -6
  35. package/lib/extensions/core/inputRules/openSingleQuote.js +0 -6
  36. package/lib/extensions/core/inputRules/registeredTrademark.js +0 -6
  37. package/lib/extensions/core/inputRules/trademark.js +0 -6
package/dist/wysiwyg.css CHANGED
@@ -1 +1,861 @@
1
- .zw-toolbar__divider[data-v-d9845d32]{border-color:rgba(var(--zw-color-n90),.1);border-style:solid;border-width:0}.zw-toolbar__divider--vertical[data-v-d9845d32]{border-left-width:1px}.zw-toolbar__divider--horizontal[data-v-d9845d32]{border-bottom-width:1px}.zw-toolbar__row[data-v-a6ed2ebe]{display:flex;justify-content:space-between;column-gap:var(--zw-offset-xs);padding:var(--zw-offset-xxs) var(--zw-offset-xs)}.zw-toolbar__group[data-v-25eee0ed]{display:flex;column-gap:var(--zw-offset-xxs)}.zw-button[data-v-86a41806]{display:inline-flex;align-items:center;vertical-align:middle;touch-action:manipulation;cursor:pointer;background-image:none;background-color:transparent;border:0;padding:0;white-space:nowrap;appearance:none;user-select:none;text-transform:none;letter-spacing:normal;color:inherit;transition:.1s opacity ease-out;will-change:opacity}.zw-button[data-v-86a41806]::-moz-focus-inner{border:0!important}.zw-button[data-v-86a41806]:hover,.zw-button[data-v-86a41806]:focus{text-decoration:none;outline:none}.zw-button[data-v-86a41806]:disabled{user-select:none;box-shadow:none;cursor:not-allowed;opacity:.35}.zw-button--toolbar[data-v-86a41806]{border-radius:1px;min-height:28px;font-weight:var(--zw-font-weight-semibold);font-size:var(--zw-font-size-xs);line-height:var(--zw-line-height-xxs);color:rgb(var(--zw-color-n70));transition-property:background-color,color,opacity;will-change:background-color,color,opacity}.zw-button--primary[data-v-86a41806]{background-color:rgb(var(--zw-color-green));color:rgb(var(--zw-color-white));padding:var(--zw-offset-xxs) var(--zw-offset-sm);line-height:var(--zw-line-height-md)}.zw-button--primary[data-v-86a41806],.zw-button--secondary[data-v-86a41806]{color:rgb(var(--zw-color-white));padding:var(--zw-offset-xxs) var(--zw-offset-sm);font-weight:600;font-size:var(--zw-font-size-xs)}.zw-button--primary[data-v-86a41806]:not(:disabled):hover,.zw-button--secondary[data-v-86a41806]:not(:disabled):hover{opacity:.9}.zw-button--toolbar[data-v-86a41806]:not(.zw-button--icon){padding:var(--zw-offset-xxs) var(--zw-offset-xs)}.zw-button--toolbar[data-v-86a41806]:not(:disabled):hover,.zw-button--toolbar[data-v-86a41806]:not(:disabled):focus,.zw-button--toolbar.zw-button--active[data-v-86a41806]:not(:disabled){color:rgb(var(--zw-color-white));background-color:rgb(var(--zw-color-n5))}.zw-button-toggle[data-v-a02f12aa]{display:flex;column-gap:var(--zw-offset-xxs)}.zw-icon[data-v-366d6daa]{display:flex}.zw-icon--auto-color[data-v-366d6daa]{--zw-icon-foreground: currentColor}.zw-scroll-view[data-v-95e8ad00] .simplebar-placeholder{display:none}.zw-scroll-view[data-v-95e8ad00] .simplebar-track{width:4px;background-color:rgb(var(--zw-color-n20));pointer-events:initial}.zw-scroll-view[data-v-95e8ad00] .simplebar-scrollbar{width:4px}.zw-scroll-view[data-v-95e8ad00] .simplebar-scrollbar:before{top:0;left:0;background-color:rgb(var(--zw-color-n5));cursor:pointer;height:100%;width:100%;opacity:1;border-radius:0}.zw-field-label[data-v-116650c2]{font-weight:var(--zw-font-weight-thin);font-size:var(--zw-font-size-xxs);line-height:var(--zw-line-height-xxs);color:rgb(var(--zw-color-n70));display:block}.zw-range[data-v-15a6af30]{width:100%;height:32px;background:none;cursor:pointer;flex-grow:1;-webkit-appearance:none;--zw-range-track-background-color: transparent;--zw-range-track-background-image: linear-gradient(to right, #B3B3B3 var(--zw-range-progress), #3B3B3B var(--zw-range-progress));--zw-range-thumb-background: rgb(var(--zw-color-white));--zw-range-thumb-box-shadow: -1px -1px 3px rgba(59, 59, 59, .35), 1px 1px 3px rgba(59, 59, 59, .35)}.zw-range[data-v-15a6af30]::-webkit-slider-runnable-track{width:100%;height:4px;border:0;border-radius:0;background-size:100%;background-color:var(--zw-range-track-background-color);background-image:var(--zw-range-track-background-image)}.zw-range[data-v-15a6af30]::-moz-range-track{width:100%;height:4px;border:0;border-radius:0;background-size:100%;background-color:var(--zw-range-track-background-color);background-image:var(--zw-range-track-background-image)}.zw-range[data-v-15a6af30]::-ms-track{width:100%;height:4px;border:0;border-radius:0;background-size:100%;background-color:var(--zw-range-track-background-color);background-image:var(--zw-range-track-background-image)}.zw-range[data-v-15a6af30]::-webkit-slider-thumb{height:13px;width:13px;border-radius:100%;margin-top:-5px;background:var(--zw-range-thumb-background);box-shadow:var(--zw-range-thumb-box-shadow);-webkit-appearance:none;transition:box-shadow .15s cubic-bezier(0,0,.2,1)}.zw-range[data-v-15a6af30]::-moz-range-thumb{height:13px;width:13px;border-radius:100%;margin-top:-5px;background:var(--zw-range-thumb-background);box-shadow:var(--zw-range-thumb-box-shadow);-webkit-appearance:none;transition:box-shadow .15s cubic-bezier(0,0,.2,1)}.zw-range[data-v-15a6af30]::-ms-thumb{height:13px;width:13px;border-radius:100%;margin-top:-5px;background:var(--zw-range-thumb-background);box-shadow:var(--zw-range-thumb-box-shadow);-webkit-appearance:none;transition:box-shadow .15s cubic-bezier(0,0,.2,1)}.zw-range[data-v-15a6af30]::-moz-focus-outer,.zw-range[data-v-15a6af30]::-moz-range-thumb{border:0}.zw-range[data-v-15a6af30]::-ms-thumb{margin-top:-2px}.zw-range[data-v-15a6af30]:focus{outline:none}.zw-range[data-v-15a6af30]:disabled{cursor:not-allowed;opacity:.6;--zw-range-track-background-color: #3B3B3B;--zw-range-track-background-image: linear-gradient(to right, #B3B3B3 var(--zw-range-progress), #3B3B3B var(--zw-range-progress))}.zw-range[data-v-15a6af30]:disabled{--zw-range-thumb-background: #B3B3B3;--zw-range-thumb-box-shadow: 0 0 6px rgba(0, 0, 0, .35)}.zw-range[data-v-15a6af30]:not(:disabled):hover{--zw-range-thumb-box-shadow: 0 0 0 8px rgba(240, 240, 240, .15)}.zw-range[data-v-15a6af30]:not(:disabled):active{--zw-range-thumb-box-shadow: 0 0 0 12px rgba(240, 240, 240, .15)}.zw-number-field[data-v-746d73f1]{--border-color: rgb(var(--zw-color-n60));--text-color: rgb(var(--zw-color-n85));--buttons-color: rgb(var(--zw-color-n70));padding:2px 4px;border:solid 1px var(--border-color);align-items:stretch;display:flex}.zw-number-field[data-v-746d73f1]:hover{--border-color: rgb(var(--zw-color-n80));--text-color: rgb(var(--zw-color-n85))}.zw-number-field[data-v-746d73f1]:focus,.zw-number-field[data-v-746d73f1]:focus-within{--border-color: rgb(var(--zw-color-white));--text-color: rgb(var(--zw-color-white))}.zw-number-field__input[data-v-746d73f1]{color:var(--text-color);background-color:rgb(var(--zw-color-n15));border:0;display:block;width:100%;outline:none!important;line-height:var(--zw-line-height-md);font-size:var(--zw-font-size-xs);-moz-appearance:textfield}.zw-number-field__buttons[data-v-746d73f1]{display:none;flex-direction:column;height:100%}.zw-number-field:hover .zw-number-field__buttons[data-v-746d73f1],.zw-number-field:focus .zw-number-field__buttons[data-v-746d73f1],.zw-number-field:focus-within .zw-number-field__buttons[data-v-746d73f1]{display:flex}.zw-number-field__input[data-v-746d73f1]::placeholder{color:var(--text-color)}.zw-number-field__input[data-v-746d73f1]::-webkit-outer-spin-button,.zw-number-field__input[data-v-746d73f1]::-webkit-inner-spin-button{color:var(--text-color);-webkit-appearance:none}.zw-number-field__controls[data-v-746d73f1]{min-width:var(--zw-offset-sm)}.zw-number-field--disabled[data-v-746d73f1]{opacity:.5}.zw-number-field--disabled[data-v-746d73f1],.zw-number-field--disabled .zw-number-field__input[data-v-746d73f1]{cursor:not-allowed}.zw-number-field__increment-button[data-v-746d73f1],.zw-number-field__decrement-button[data-v-746d73f1]{width:100%;height:50%;display:flex;align-items:center;justify-content:center}.zw-number-field__increment-button[data-v-746d73f1]:after,.zw-number-field__decrement-button[data-v-746d73f1]:after{content:"";border-left:3px solid transparent;border-right:3px solid transparent}.zw-number-field__increment-button[data-v-746d73f1]:after{border-bottom:3px solid var(--buttons-color)}.zw-number-field__decrement-button[data-v-746d73f1]:after{border-top:3px solid var(--buttons-color)}.zw-number-field__increment-button[data-v-746d73f1]:hover,.zw-number-field__decrement-button[data-v-746d73f1]:hover{background-color:rgb(var(--zw-color-n20));--buttons-color: rgb(var(--zw-color-white))}.zw-number-field__units[data-v-746d73f1]{color:rgb(var(--zw-color-n70));font-size:var(--zw-font-size-xs);line-height:var(--zw-line-height-md);text-align:center;display:inline-block;width:100%}.zw-number-field:hover .zw-number-field__units[data-v-746d73f1],.zw-number-field:focus .zw-number-field__units[data-v-746d73f1]{display:none}.zw-modal[data-v-2c99ae29]{border-radius:2px;box-shadow:0 0 4px rgba(var(--zw-color-black),.3);background-color:rgb(var(--zw-color-n15));max-height:var(--zw-modal-max-height);max-width:var(--zw-modal-max-width);z-index:1000;will-change:transform}.zw-modal--enter-active[data-v-2c99ae29]{transition:opacity .15s ease-out}.zw-modal--enter[data-v-2c99ae29],.zw-modal--leave-to[data-v-2c99ae29]{opacity:0}.zw-modal--leave-active[data-v-2c99ae29]{transition:opacity .1s ease-in}.zw-modal[data-v-2c99ae29] .simplebar-offset,.zw-modal[data-v-2c99ae29] .simplebar-mask{position:initial}.zw-modal[data-v-2c99ae29] .simplebar-content{max-height:var(--zw-modal-max-height);padding:0!important}.zw-modal[data-v-2c99ae29] .simplebar-content-wrapper{overscroll-behavior:contain}.zw-field[data-v-7bbd0125]{display:flex;flex-direction:column}.zw-field__input[data-v-7bbd0125]{--border-color: rgb(var(--zw-color-n60));--text-color: rgb(var(--zw-color-n85));border:1px solid var(--border-color);background-color:transparent;color:var(--text-color);font-size:var(--zw-font-size-xxs);outline:none;padding:6px;line-height:var(--zw-line-height-xxs)}.zw-field__input[data-v-7bbd0125]:hover{--border-color: rgb(var(--zw-color-n80));--text-color: rgb(var(--zw-color-n85))}.zw-field__input[data-v-7bbd0125]:focus,.zw-field__input[data-v-7bbd0125]:focus-within{--border-color: rgb(var(--zw-color-white));--text-color: rgb(var(--zw-color-white))}.zw-field__label[data-v-7bbd0125]{display:inline-block;font-size:var(--zw-font-size-xxs);padding-bottom:var(--zw-offset-xxs);line-height:var(--zw-line-height-xxs)}.zw-field__label--error[data-v-7bbd0125]{font-size:var(--zw-font-size-xxs);margin:var(--zw-offset-xxs) 0 0;color:rgb(var(--zw-color-red))}.zw-checkbox[data-v-2de7f5c1]{display:inline-flex;align-items:center;position:relative;cursor:pointer;padding:var(--zw-offset-xxs) var(--zw-offset-xxs) var(--zw-offset-xxs) 0}.zw-checkbox__field+.zw-checkbox__indicator[data-v-2de7f5c1]{color:var(--zw-color-n200);box-shadow:inset 0 0 0 2px currentColor}.zw-checkbox:hover .zw-checkbox__indicator[data-v-2de7f5c1]{box-shadow:inset 0 0 0 2px rgb(var(--zw-color-green))}.zw-checkbox__field:checked+.zw-checkbox__indicator[data-v-2de7f5c1]{color:rgb(var(--zw-color-green))}.zw-checkbox .zw-checkbox__field:checked+.zw-checkbox__indicator[data-v-2de7f5c1]{background-color:rgb(var(--zw-color-green))}.zw-checkbox .zw-checkbox__indicator[data-v-2de7f5c1]:after{content:"";display:block;height:16px;transform:scale(.6);transition:transform .2s ease-out;width:16px;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNiAyNiIgd2lkdGg9IjUxMiIgaGVpZ2h0PSI1MTIiPgogIDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0uMyAxNGMtLjItLjItLjMtLjUtLjMtLjdzLjEtLjUuMy0uN2wxLjQtMS40Yy40LS40IDEtLjQgMS40IDBsLjEuMSA1LjUgNS45Yy4yLjIuNS4yLjcgMEwyMi44IDMuM2guMWMuNC0uNCAxLS40IDEuNCAwbDEuNCAxLjRjLjQuNC40IDEgMCAxLjRsLTE2IDE2LjZjLS4yLjItLjQuMy0uNy4zLS4zIDAtLjUtLjEtLjctLjNMLjUgMTQuMy4zIDE0eiIvPgo8L3N2Zz4K);background-repeat:no-repeat;background-size:16px;background-position:center center}.zw-checkbox__field:not(:checked)+.zw-checkbox__indicator[data-v-2de7f5c1]:after{transform:scale(0)}.zw-checkbox__field[data-v-2de7f5c1]{position:absolute;opacity:0;height:0;width:0}.zw-checkbox__label[data-v-2de7f5c1]{font-size:var(--zw-font-size-xs)}.zw-dropdown__activator[data-v-021ac370]{width:100%}.zw-dropdown__activator-title[data-v-021ac370]{margin-right:var(--zw-offset-xs)}.zw-dropdown__activator-arrow[data-v-021ac370]{margin-left:auto}.zw-dropdown__activator--active .zw-dropdown__activator-arrow[data-v-021ac370]{transform:rotateX(180deg)}.zw-dropdown__activator--gray[data-v-021ac370]{background-color:rgb(var(--zw-color-n20));font-size:var(--zw-font-size-xxs);color:rgb(var(--zw-color-white))}.zw-dropdown__option[data-v-1355d08c]{width:100%;display:block;color:rgb(var(--zw-color-white));padding-top:var(--zw-offset-xxs);padding-right:var(--zw-offset-sm);padding-left:calc(var(--zw-offset-sm) + var(--zw-option-offset, 0px));padding-bottom:var(--zw-offset-xxs);text-align:left;transition:.1s background-color ease-out;will-change:background-color}.zw-dropdown__option[data-v-1355d08c]:hover,.zw-dropdown__option[data-v-1355d08c]:focus,.zw-dropdown__option--active[data-v-1355d08c]{background-color:rgb(var(--zw-color-n30))}.zw-dropdown__group[data-v-21efeb20]{padding-top:var(--zw-offset-xs);padding-bottom:var(--zw-offset-xs);--zw-option-offset: var(--zw-offset-xs)}.zw-dropdown__group-title[data-v-21efeb20]{color:var(--zw-color-n70);font-weight:var(--zw-font-weight-semibold);padding-left:var(--zw-offset-sm);padding-right:var(--zw-offset-sm);margin-top:0;margin-bottom:var(--zw-offset-xs)}.zw-dropdown__divider[data-v-1f5efb01]{padding:0 var(--zw-offset-sm)}.zw-dropdown__divider[data-v-1f5efb01]:before{content:"";display:block;border-bottom:1px solid rgb(var(--zw-color-n30))}.zw-dropdown__menu{padding-top:var(--zw-offset-xs);padding-bottom:var(--zw-offset-xs)}.zw-dropdown[data-v-885109ea]{position:relative;font-size:var(--zw-font-size-xs);line-height:var(--zw-line-height-xxs)}.zw-style-preset-control[data-v-39d20a0e]{display:flex;align-items:center}.zw-style-preset-control__dropdown[data-v-39d20a0e]{width:96px}.zw-style-preset-control__reset[data-v-39d20a0e]{color:rgb(var(--zw-color-n70))}.zw-style-preset-control__reset[data-v-39d20a0e]:not(:disabled):hover,.zw-style-preset-control__reset[data-v-39d20a0e]:not(:disabled):focus,.zw-style-preset-control__reset[data-v-39d20a0e]:not(:disabled):focus-within{color:rgb(var(--zw-color-white))}.zw-font-family-control[data-v-07a47462]{width:96px}.zw-font-family-control__option[data-v-07a47462]{font-weight:400;font-family:var(--zw-font-family-option);width:150px}.zw-font-size-control[data-v-71dd7ffc]{width:64px}.zw-alignment-control__modal[data-v-cef30e1a]{padding:var(--zw-offset-xxs)}.zw-alignment-control__toggle[data-v-cef30e1a]{flex-direction:column}.zw-line-height-control__modal[data-v-532367c1]{padding:var(--zw-offset-sm)}.zw-line-height-control__row[data-v-532367c1]{display:flex;align-items:center}.zw-line-height-control__range[data-v-532367c1]{width:156px}.zw-line-height-control__field[data-v-532367c1]{width:52px;margin-left:var(--zw-offset-sm)}.zpa-list-control[data-v-ce2b1130]{display:flex}.zpa-list-control[data-v-ce2b1130]:hover{color:rgb(var(--zw-color-white));background-color:rgb(var(--zw-color-n5))}.zw-list-control__activator[data-v-ce2b1130]{padding:0 var(--zw-offset-xs)}.zw-list-control__option[data-v-ce2b1130]{padding:0 var(--zw-offset-xs);display:flex}.zw-link-modal-header[data-v-7dbfe03f]{display:flex;align-items:center;justify-content:space-between;padding:var(--zw-offset-sm);border-bottom:2px solid rgb(var(--zw-color-n5))}.zw-link-modal-header__title[data-v-7dbfe03f]{text-transform:uppercase;font-weight:var(--zw-font-weight-semibold);font-size:var(--zw-font-size-xxs);color:rgb(var(--zw-color-white))}.zw-link-modal-header__unlink-icon[data-v-7dbfe03f]{margin-right:var(--zw-offset-xxs)}.zw-link-modal-header__unlink-button[data-v-7dbfe03f]{color:rgb(var(--zw-color-n80));font-size:var(--zw-font-size-xxs);transition:.1s opacity ease-out;will-change:opacity}.zw-link-modal-header__unlink-button[data-v-7dbfe03f]:disabled{opacity:.35}.zw-link-modal-header__unlink-button[data-v-7dbfe03f]:hover{color:rgb(var(--zw-color-white))}.zw-link-modal__apply[data-v-2ad47228]{display:flex;justify-content:flex-end}.zw-link-modal[data-v-0ca87de5]{width:266px}.zw-link-modal__body[data-v-0ca87de5]{padding:var(--zw-offset-sm)}[data-v-0ca87de5] .zw-link-modal-dropdown__option{width:234px}.zw-toolbar[data-v-ad3592b8]{border-radius:2px;background-color:rgb(var(--zw-color-n15));color:rgb(var(--zw-color-n70));z-index:999999}.zw-toolbar[data-v-ad3592b8]:before,.zw-toolbar[data-v-ad3592b8]:after{content:"";display:block;width:100%;height:calc(var(--zw-toolbar-offset-y) + 4px);position:absolute;--zw-toolbar-safe-zone: calc(-1 * var(--zw-toolbar-offset-y))}.zw-toolbar[data-v-ad3592b8]:before{top:var(--zw-toolbar-safe-zone)}.zw-toolbar[data-v-ad3592b8]:after{bottom:var(--zw-toolbar-safe-zone)}.zw-toolbar--enter-active[data-v-ad3592b8],.zw-toolbar--leave-active[data-v-ad3592b8]{transition:opacity .15s ease-out}.zw-toolbar--leave-active[data-v-ad3592b8]{transition:opacity 0s ease-in}.zw-toolbar--enter[data-v-ad3592b8],.zw-toolbar--leave-to[data-v-ad3592b8]{opacity:0}.zw-wysiwyg{--zw-color-n5: 13, 13, 13;--zw-color-n15: 38, 38, 38;--zw-color-n20: 59, 59, 59;--zw-color-n30: 77, 77, 77;--zw-color-n60: 153, 153, 153;--zw-color-n70: 179, 179, 179;--zw-color-n80: 196, 196, 196;--zw-color-n85: 217, 217, 217;--zw-color-n90: 230, 230, 230;--zw-color-n200: 194, 200, 209;--zw-color-black: 0, 0, 0;--zw-color-white: 255, 255, 255;--zw-color-green: 59, 180, 74;--zw-color-red: 234, 58, 58;--zw-offset-xxs: 4px;--zw-offset-xs: 8px;--zw-offset-xsm: 12px;--zw-offset-sm: 16px;--zw-offset-md: 24px;--zw-font-weight-thin: 400;--zw-font-weight-semibold: 500;--zw-font-size-xxs: 12px;--zw-font-size-xs: 14px;--zw-line-height-xxs: 1.21;--zw-line-height-md: 1.72}.zw-wysiwyg [contenteditable]{outline:none}.zw-wysiwyg__placeholder:first-child:last-child:before{content:attr(data-placeholder);color:rgb(var(--zw-color-n70));float:left;height:0;pointer-events:none}.zw-superscript{font-size:75%;line-height:0;position:relative;vertical-align:initial;top:-.5em}.zw-style.zw-style.zw-style{font-weight:var(--zw-font-weight, var(--zw-preset-font-weight));font-family:var(--zw-font-family, var(--zw-preset-font-family));color:var(--zw-font-color, var(--zw-preset-color));font-style:var(--zw-font-style, var(--zw-preset-font-style));text-decoration:var(--zw-text-decoration, var(--zw-preset-text-decoration));background-color:var(--zw-background-color, var(--zw-preset-background-color))}@media (min-width: 1200px){.zw-style.zw-style.zw-style{font-size:var(--zw-font-size-desktop, var(--zw-preset-desktop-font-size));text-align:var(--zw-text-align-desktop, var(--zw-preset-desktop-text-align));line-height:var(--zw-line-height-desktop, var(--zw-preset-desktop-line-height))}}@media (min-width: 769px) and (max-width: 1199.98px){.zw-style.zw-style.zw-style{font-size:var(--zw-font-size-tablet, var(--zw-preset-tablet-font-size));text-align:var(--zw-text-align-tablet, var(--zw-preset-tablet-text-align));line-height:var(--zw-line-height-tablet, var(--zw-preset-tablet-line-height))}}@media (max-width: 768.98px){.zw-style.zw-style.zw-style{font-size:var(--zw-font-size-mobile, var(--zw-preset-mobile-font-size));text-align:var(--zw-text-align-mobile, var(--zw-preset-mobile-text-align));line-height:var(--zw-line-height-mobile, var(--zw-preset-mobile-line-height))}}.ProseMirror{position:relative}.ProseMirror{word-wrap:break-word;white-space:pre-wrap;white-space:break-spaces;-webkit-font-variant-ligatures:none;font-variant-ligatures:none;font-feature-settings:"liga" 0}.ProseMirror [contenteditable=false]{white-space:normal}.ProseMirror [contenteditable=false] [contenteditable=true],.ProseMirror pre{white-space:pre-wrap}img.ProseMirror-separator{display:inline!important;border:none!important;margin:0!important;width:1px!important;height:1px!important}.ProseMirror-gapcursor{display:none;pointer-events:none;position:absolute;margin:0}.ProseMirror-gapcursor:after{content:"";display:block;position:absolute;top:-2px;width:20px;border-top:1px solid #000;animation:ProseMirror-cursor-blink 1.1s steps(2,start) infinite}@keyframes ProseMirror-cursor-blink{to{visibility:hidden}}.ProseMirror-hideselection *::selection{background:transparent}.ProseMirror-hideselection *::-moz-selection{background:transparent}.ProseMirror-hideselection *{caret-color:transparent}.ProseMirror-focused .ProseMirror-gapcursor{display:block}.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}.zw-text--truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.zw-position--relative{position:relative}.zw-margin-bottom--xxs{margin-bottom:var(--zw-offset-xxs)}.zw-margin-bottom--xs{margin-bottom:var(--zw-offset-xs)}.zw-margin-bottom--sm{margin-bottom:var(--zw-offset-sm)}.zw-margin-bottom--md{margin-bottom:var(--zw-offset-md)}.zw-margin-right--xs{margin-right:var(--zw-offset-xs)}
1
+
2
+ .zw-toolbar__divider[data-v-d9845d32] {
3
+ border-color: rgba(var(--zw-color-n90), 0.1);
4
+ border-style: solid;
5
+ border-width: 0;
6
+ }
7
+ .zw-toolbar__divider--vertical[data-v-d9845d32] {
8
+ border-left-width: 1px;
9
+ }
10
+ .zw-toolbar__divider--horizontal[data-v-d9845d32] {
11
+ border-bottom-width: 1px;
12
+ }
13
+
14
+ .zw-toolbar__row[data-v-a6ed2ebe] {
15
+ display: flex;
16
+ justify-content: space-between;
17
+ column-gap: var(--zw-offset-xs);
18
+ padding: var(--zw-offset-xxs) var(--zw-offset-xs);
19
+ }
20
+
21
+ .zw-toolbar__group[data-v-25eee0ed] {
22
+ display: flex;
23
+ column-gap: var(--zw-offset-xxs);
24
+ }
25
+
26
+ .zw-button[data-v-86a41806] {
27
+ display: inline-flex;
28
+ align-items: center;
29
+ vertical-align: middle;
30
+ touch-action: manipulation;
31
+ cursor: pointer;
32
+ background-image: none;
33
+ background-color: transparent;
34
+ border: 0;
35
+ padding: 0;
36
+ white-space: nowrap;
37
+ appearance: none;
38
+ user-select: none;
39
+ text-transform: none;
40
+ letter-spacing: normal;
41
+ color: inherit;
42
+ transition: 0.1s opacity ease-out;
43
+ will-change: opacity;
44
+ }
45
+ .zw-button[data-v-86a41806]::-moz-focus-inner {
46
+ border: 0 !important;
47
+ }
48
+ .zw-button[data-v-86a41806]:hover,
49
+ .zw-button[data-v-86a41806]:focus {
50
+ text-decoration: none;
51
+ outline: none;
52
+ }
53
+ .zw-button[data-v-86a41806]:disabled {
54
+ user-select: none;
55
+ box-shadow: none;
56
+ cursor: not-allowed;
57
+ opacity: 0.35;
58
+ }
59
+ .zw-button--toolbar[data-v-86a41806] {
60
+ border-radius: 1px;
61
+ min-height: 28px;
62
+ font-weight: var(--zw-font-weight-semibold);
63
+ font-size: var(--zw-font-size-xs);
64
+ line-height: var(--zw-line-height-xxs);
65
+ color: rgb(var(--zw-color-n70));
66
+ transition-property: background-color, color, opacity;
67
+ will-change: background-color, color, opacity;
68
+ }
69
+ .zw-button--primary[data-v-86a41806] {
70
+ background-color: rgb(var(--zw-color-green));
71
+ color: rgb(var(--zw-color-white));
72
+ padding: var(--zw-offset-xxs) var(--zw-offset-sm);
73
+ line-height: var(--zw-line-height-md);
74
+ }
75
+ .zw-button--primary[data-v-86a41806],
76
+ .zw-button--secondary[data-v-86a41806] {
77
+ color: rgb(var(--zw-color-white));
78
+ padding: var(--zw-offset-xxs) var(--zw-offset-sm);
79
+ font-weight: 600;
80
+ font-size: var(--zw-font-size-xs);
81
+ }
82
+ .zw-button--primary[data-v-86a41806]:not(:disabled):hover,
83
+ .zw-button--secondary[data-v-86a41806]:not(:disabled):hover {
84
+ opacity: 0.9;
85
+ }
86
+ .zw-button--toolbar[data-v-86a41806]:not(.zw-button--icon) {
87
+ padding: var(--zw-offset-xxs) var(--zw-offset-xs);
88
+ }
89
+ .zw-button--toolbar[data-v-86a41806]:not(:disabled):hover,
90
+ .zw-button--toolbar[data-v-86a41806]:not(:disabled):focus,
91
+ .zw-button--toolbar.zw-button--active[data-v-86a41806]:not(:disabled) {
92
+ color: rgb(var(--zw-color-white));
93
+ background-color: rgb(var(--zw-color-n5));
94
+ }
95
+
96
+ .zw-button-toggle[data-v-a02f12aa] {
97
+ display: flex;
98
+ column-gap: var(--zw-offset-xxs);
99
+ }
100
+
101
+ .zw-icon[data-v-366d6daa] {
102
+ display: flex;
103
+ }
104
+ .zw-icon--auto-color[data-v-366d6daa] {
105
+ --zw-icon-foreground: currentColor;
106
+ }
107
+
108
+ .zw-scroll-view[data-v-95e8ad00] .simplebar-placeholder {
109
+ display: none;
110
+ }
111
+ .zw-scroll-view[data-v-95e8ad00] .simplebar-track {
112
+ width: 4px;
113
+ background-color: rgb(var(--zw-color-n20));
114
+ pointer-events: initial;
115
+ }
116
+ .zw-scroll-view[data-v-95e8ad00] .simplebar-scrollbar {
117
+ width: 4px;
118
+ }
119
+ .zw-scroll-view[data-v-95e8ad00] .simplebar-scrollbar::before {
120
+ top: 0;
121
+ left: 0;
122
+ background-color: rgb(var(--zw-color-n5));
123
+ cursor: pointer;
124
+ height: 100%;
125
+ width: 100%;
126
+ opacity: 1;
127
+ border-radius: 0;
128
+ }
129
+
130
+ .zw-field-label[data-v-116650c2] {
131
+ font-weight: var(--zw-font-weight-thin);
132
+ font-size: var(--zw-font-size-xxs);
133
+ line-height: var(--zw-line-height-xxs);
134
+ color: rgb(var(--zw-color-n70));
135
+ display: block;
136
+ }
137
+
138
+ .zw-range[data-v-15a6af30] {
139
+ width: 100%;
140
+ height: 32px;
141
+ background: none;
142
+ cursor: pointer;
143
+ flex-grow: 1;
144
+ -webkit-appearance: none;
145
+
146
+ --zw-range-track-background-color: transparent;
147
+ --zw-range-track-background-image: linear-gradient(to right, #B3B3B3 var(--zw-range-progress), #3B3B3B var(--zw-range-progress));
148
+ --zw-range-thumb-background: rgb(var(--zw-color-white));
149
+ --zw-range-thumb-box-shadow: -1px -1px 3px rgba(59, 59, 59, 0.35), 1px 1px 3px rgba(59, 59, 59, 0.35);
150
+ }
151
+ .zw-range[data-v-15a6af30]::-webkit-slider-runnable-track {
152
+ width: 100%;
153
+ height: 4px;
154
+ border: 0;
155
+ border-radius: 0;
156
+ background-size: 100%;
157
+ background-color: var(--zw-range-track-background-color);
158
+ background-image: var(--zw-range-track-background-image);
159
+ }
160
+ .zw-range[data-v-15a6af30]::-moz-range-track {
161
+ width: 100%;
162
+ height: 4px;
163
+ border: 0;
164
+ border-radius: 0;
165
+ background-size: 100%;
166
+ background-color: var(--zw-range-track-background-color);
167
+ background-image: var(--zw-range-track-background-image);
168
+ }
169
+ .zw-range[data-v-15a6af30]::-ms-track {
170
+ width: 100%;
171
+ height: 4px;
172
+ border: 0;
173
+ border-radius: 0;
174
+ background-size: 100%;
175
+ background-color: var(--zw-range-track-background-color);
176
+ background-image: var(--zw-range-track-background-image);
177
+ }
178
+ .zw-range[data-v-15a6af30]::-webkit-slider-thumb {
179
+ height: 13px;
180
+ width: 13px;
181
+ border-radius: 100%;
182
+ margin-top: -5px;
183
+ background: var(--zw-range-thumb-background);
184
+ box-shadow: var(--zw-range-thumb-box-shadow);
185
+ -webkit-appearance: none;
186
+ transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
187
+ }
188
+ .zw-range[data-v-15a6af30]::-moz-range-thumb {
189
+ height: 13px;
190
+ width: 13px;
191
+ border-radius: 100%;
192
+ margin-top: -5px;
193
+ background: var(--zw-range-thumb-background);
194
+ box-shadow: var(--zw-range-thumb-box-shadow);
195
+ -webkit-appearance: none;
196
+ transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
197
+ }
198
+ .zw-range[data-v-15a6af30]::-ms-thumb {
199
+ height: 13px;
200
+ width: 13px;
201
+ border-radius: 100%;
202
+ margin-top: -5px;
203
+ background: var(--zw-range-thumb-background);
204
+ box-shadow: var(--zw-range-thumb-box-shadow);
205
+ -webkit-appearance: none;
206
+ transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
207
+ }
208
+
209
+ /* Browser hacks */
210
+ .zw-range[data-v-15a6af30]::-moz-focus-outer,
211
+ .zw-range[data-v-15a6af30]::-moz-range-thumb {
212
+ border: 0;
213
+ }
214
+
215
+ /* In IE don't know how it count margin for thumb */
216
+ /* but it works */
217
+ .zw-range[data-v-15a6af30]::-ms-thumb {
218
+ margin-top: -2px;
219
+ }
220
+
221
+ /* END browser hacks */
222
+ .zw-range[data-v-15a6af30]:focus {
223
+ outline: none;
224
+ }
225
+ .zw-range[data-v-15a6af30]:disabled {
226
+ cursor: not-allowed;
227
+ opacity: 0.6;
228
+ --zw-range-track-background-color: #3B3B3B;
229
+ --zw-range-track-background-image: linear-gradient(to right, #B3B3B3 var(--zw-range-progress), #3B3B3B var(--zw-range-progress));
230
+ }
231
+ .zw-range[data-v-15a6af30]:disabled {
232
+ --zw-range-thumb-background: #B3B3B3;
233
+ --zw-range-thumb-box-shadow: 0 0 6px rgba(0, 0, 0, 0.35);
234
+ }
235
+ .zw-range[data-v-15a6af30]:not(:disabled):hover {
236
+ --zw-range-thumb-box-shadow: 0 0 0 8px rgba(240, 240, 240, 0.15);
237
+ }
238
+ .zw-range[data-v-15a6af30]:not(:disabled):active {
239
+ --zw-range-thumb-box-shadow: 0 0 0 12px rgba(240, 240, 240, 0.15);
240
+ }
241
+
242
+ .zw-number-field[data-v-746d73f1] {
243
+ --border-color: rgb(var(--zw-color-n60));
244
+ --text-color: rgb(var(--zw-color-n85));
245
+ --buttons-color: rgb(var(--zw-color-n70));
246
+
247
+ padding: 2px 4px;
248
+ border: solid 1px var(--border-color);
249
+ align-items: stretch;
250
+ display: flex;
251
+ }
252
+ .zw-number-field[data-v-746d73f1]:hover {
253
+ --border-color: rgb(var(--zw-color-n80));
254
+ --text-color: rgb(var(--zw-color-n85));
255
+ }
256
+ .zw-number-field[data-v-746d73f1]:focus,
257
+ .zw-number-field[data-v-746d73f1]:focus-within {
258
+ --border-color: rgb(var(--zw-color-white));
259
+ --text-color: rgb(var(--zw-color-white));
260
+ }
261
+ .zw-number-field__input[data-v-746d73f1] {
262
+ color: var(--text-color);
263
+ background-color: rgb(var(--zw-color-n15));
264
+ border: 0;
265
+ display: block;
266
+ width: 100%;
267
+ outline: none !important;
268
+ line-height: var(--zw-line-height-md);
269
+ font-size: var(--zw-font-size-xs);
270
+ -moz-appearance: textfield;
271
+ }
272
+ .zw-number-field__buttons[data-v-746d73f1] {
273
+ display: none;
274
+ flex-direction: column;
275
+ height: 100%;
276
+ }
277
+ .zw-number-field:hover .zw-number-field__buttons[data-v-746d73f1],
278
+ .zw-number-field:focus .zw-number-field__buttons[data-v-746d73f1],
279
+ .zw-number-field:focus-within .zw-number-field__buttons[data-v-746d73f1] {
280
+ display: flex;
281
+ }
282
+ .zw-number-field__input[data-v-746d73f1]::placeholder {
283
+ color: var(--text-color);
284
+ }
285
+ .zw-number-field__input[data-v-746d73f1]::-webkit-outer-spin-button,
286
+ .zw-number-field__input[data-v-746d73f1]::-webkit-inner-spin-button {
287
+ color: var(--text-color);
288
+ -webkit-appearance: none;
289
+ }
290
+ .zw-number-field__controls[data-v-746d73f1] {
291
+ min-width: var(--zw-offset-sm);
292
+ }
293
+ .zw-number-field--disabled[data-v-746d73f1] {
294
+ opacity: 0.5;
295
+ }
296
+ .zw-number-field--disabled[data-v-746d73f1],
297
+ .zw-number-field--disabled .zw-number-field__input[data-v-746d73f1] {
298
+ cursor: not-allowed;
299
+ }
300
+ .zw-number-field__increment-button[data-v-746d73f1],
301
+ .zw-number-field__decrement-button[data-v-746d73f1] {
302
+ width: 100%;
303
+ height: 50%;
304
+ display: flex;
305
+ align-items: center;
306
+ justify-content: center;
307
+ }
308
+ .zw-number-field__increment-button[data-v-746d73f1]::after,
309
+ .zw-number-field__decrement-button[data-v-746d73f1]::after {
310
+ content: "";
311
+ border-left: 3px solid transparent;
312
+ border-right: 3px solid transparent;
313
+ }
314
+ .zw-number-field__increment-button[data-v-746d73f1]::after {
315
+ border-bottom: 3px solid var(--buttons-color);
316
+ }
317
+ .zw-number-field__decrement-button[data-v-746d73f1]::after {
318
+ border-top: 3px solid var(--buttons-color);
319
+ }
320
+ .zw-number-field__increment-button[data-v-746d73f1]:hover,
321
+ .zw-number-field__decrement-button[data-v-746d73f1]:hover {
322
+ background-color: rgb(var(--zw-color-n20));
323
+ --buttons-color: rgb(var(--zw-color-white));
324
+ }
325
+ .zw-number-field__units[data-v-746d73f1] {
326
+ color: rgb(var(--zw-color-n70));
327
+ font-size: var(--zw-font-size-xs);
328
+ line-height: var(--zw-line-height-md);
329
+ text-align: center;
330
+ display: inline-block;
331
+ width: 100%;
332
+ }
333
+ .zw-number-field:hover .zw-number-field__units[data-v-746d73f1],
334
+ .zw-number-field:focus .zw-number-field__units[data-v-746d73f1] {
335
+ display: none;
336
+ }
337
+
338
+ .zw-modal[data-v-2c99ae29] {
339
+ border-radius: 2px;
340
+ box-shadow: 0 0 4px rgba(var(--zw-color-black), 0.3);
341
+ background-color: rgb(var(--zw-color-n15));
342
+ max-height: var(--zw-modal-max-height);
343
+ max-width: var(--zw-modal-max-width);
344
+ z-index: 1000;
345
+ will-change: transform;
346
+ }
347
+ .zw-modal--enter-active[data-v-2c99ae29] {
348
+ transition: opacity 0.15s ease-out;
349
+ }
350
+ .zw-modal--enter[data-v-2c99ae29],
351
+ .zw-modal--leave-to[data-v-2c99ae29] {
352
+ opacity: 0;
353
+ }
354
+ .zw-modal--leave-active[data-v-2c99ae29] {
355
+ transition: opacity 0.1s ease-in;
356
+ }
357
+
358
+ /* Scrollbar overrides in modal */
359
+ .zw-modal[data-v-2c99ae29] .simplebar-offset,
360
+ .zw-modal[data-v-2c99ae29] .simplebar-mask {
361
+ position: initial;
362
+ }
363
+ .zw-modal[data-v-2c99ae29] .simplebar-content {
364
+ max-height: var(--zw-modal-max-height);
365
+ padding: 0 !important;
366
+ }
367
+ .zw-modal[data-v-2c99ae29] .simplebar-content-wrapper {
368
+ overscroll-behavior: contain;
369
+ }
370
+
371
+ .zw-field[data-v-7bbd0125] {
372
+ display: flex;
373
+ flex-direction: column;
374
+ }
375
+ .zw-field__input[data-v-7bbd0125] {
376
+ --border-color: rgb(var(--zw-color-n60));
377
+ --text-color: rgb(var(--zw-color-n85));
378
+
379
+ border: 1px solid var(--border-color);
380
+ background-color: transparent;
381
+ color: var(--text-color);
382
+ font-size: var(--zw-font-size-xxs);
383
+ outline: none;
384
+ padding: 6px;
385
+ line-height: var(--zw-line-height-xxs);
386
+ }
387
+ .zw-field__input[data-v-7bbd0125]:hover {
388
+ --border-color: rgb(var(--zw-color-n80));
389
+ --text-color: rgb(var(--zw-color-n85));
390
+ }
391
+ .zw-field__input[data-v-7bbd0125]:focus,
392
+ .zw-field__input[data-v-7bbd0125]:focus-within {
393
+ --border-color: rgb(var(--zw-color-white));
394
+ --text-color: rgb(var(--zw-color-white));
395
+ }
396
+ .zw-field__label[data-v-7bbd0125] {
397
+ display: inline-block;
398
+ font-size: var(--zw-font-size-xxs);
399
+ padding-bottom: var(--zw-offset-xxs);
400
+ line-height: var(--zw-line-height-xxs);
401
+ }
402
+ .zw-field__label--error[data-v-7bbd0125] {
403
+ font-size: var(--zw-font-size-xxs);
404
+ margin: var(--zw-offset-xxs) 0 0;
405
+ color: rgb(var(--zw-color-red));
406
+ }
407
+
408
+ .zw-checkbox[data-v-2de7f5c1] {
409
+ display: inline-flex;
410
+ align-items: center;
411
+ position: relative;
412
+ cursor: pointer;
413
+ padding: var(--zw-offset-xxs) var(--zw-offset-xxs) var(--zw-offset-xxs) 0;
414
+ }
415
+ .zw-checkbox__field + .zw-checkbox__indicator[data-v-2de7f5c1] {
416
+ color: var(--zw-color-n200);
417
+ box-shadow: inset 0 0 0 2px currentColor;
418
+ }
419
+ .zw-checkbox:hover .zw-checkbox__indicator[data-v-2de7f5c1] {
420
+ box-shadow: inset 0 0 0 2px rgb(var(--zw-color-green));
421
+ }
422
+ .zw-checkbox__field:checked + .zw-checkbox__indicator[data-v-2de7f5c1] {
423
+ color: rgb(var(--zw-color-green))
424
+ }
425
+ .zw-checkbox .zw-checkbox__field:checked + .zw-checkbox__indicator[data-v-2de7f5c1] {
426
+ background-color: rgb(var(--zw-color-green));
427
+ }
428
+ .zw-checkbox .zw-checkbox__indicator[data-v-2de7f5c1]::after {
429
+ content: "";
430
+ display: block;
431
+ height: 16px;
432
+ transform: scale(0.6);
433
+ transition: transform 0.2s ease-out;
434
+ width: 16px;
435
+ background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNiAyNiIgd2lkdGg9IjUxMiIgaGVpZ2h0PSI1MTIiPgogIDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0uMyAxNGMtLjItLjItLjMtLjUtLjMtLjdzLjEtLjUuMy0uN2wxLjQtMS40Yy40LS40IDEtLjQgMS40IDBsLjEuMSA1LjUgNS45Yy4yLjIuNS4yLjcgMEwyMi44IDMuM2guMWMuNC0uNCAxLS40IDEuNCAwbDEuNCAxLjRjLjQuNC40IDEgMCAxLjRsLTE2IDE2LjZjLS4yLjItLjQuMy0uNy4zLS4zIDAtLjUtLjEtLjctLjNMLjUgMTQuMy4zIDE0eiIvPgo8L3N2Zz4K");
436
+ background-repeat: no-repeat;
437
+ background-size: 16px;
438
+ background-position: center center;
439
+ }
440
+ .zw-checkbox__field:not(:checked) + .zw-checkbox__indicator[data-v-2de7f5c1]::after {
441
+ transform: scale(0);
442
+ }
443
+ .zw-checkbox__field[data-v-2de7f5c1] {
444
+ position: absolute;
445
+ opacity: 0;
446
+ height: 0;
447
+ width: 0;
448
+ }
449
+ .zw-checkbox__label[data-v-2de7f5c1] {
450
+ font-size: var(--zw-font-size-xs);
451
+ }
452
+
453
+ .zw-dropdown__activator[data-v-021ac370] {
454
+ width: 100%;
455
+ }
456
+ .zw-dropdown__activator-title[data-v-021ac370] {
457
+ margin-right: var(--zw-offset-xs);
458
+ }
459
+ .zw-dropdown__activator-arrow[data-v-021ac370] {
460
+ margin-left: auto;
461
+ }
462
+ .zw-dropdown__activator--active .zw-dropdown__activator-arrow[data-v-021ac370] {
463
+ transform: rotateX(180deg);
464
+ }
465
+ .zw-dropdown__activator--gray[data-v-021ac370] {
466
+ background-color: rgb(var(--zw-color-n20));
467
+ font-size: var(--zw-font-size-xxs);
468
+ color: rgb(var(--zw-color-white));
469
+ }
470
+
471
+ .zw-dropdown__option[data-v-1355d08c] {
472
+ width: 100%;
473
+ display: block;
474
+ color: rgb(var(--zw-color-white));
475
+ padding-top: var(--zw-offset-xxs);
476
+ padding-right: var(--zw-offset-sm);
477
+ padding-left: calc(var(--zw-offset-sm) + var(--zw-option-offset, 0px));
478
+ padding-bottom: var(--zw-offset-xxs);
479
+ text-align: left;
480
+ transition: 0.1s background-color ease-out;
481
+ will-change: background-color;
482
+ }
483
+ .zw-dropdown__option[data-v-1355d08c]:hover,
484
+ .zw-dropdown__option[data-v-1355d08c]:focus,
485
+ .zw-dropdown__option--active[data-v-1355d08c] {
486
+ background-color: rgb(var(--zw-color-n30));
487
+ }
488
+
489
+ .zw-dropdown__group[data-v-21efeb20] {
490
+ padding-top: var(--zw-offset-xs);
491
+ padding-bottom: var(--zw-offset-xs);
492
+ --zw-option-offset: var(--zw-offset-xs);
493
+ }
494
+ .zw-dropdown__group-title[data-v-21efeb20] {
495
+ color: var(--zw-color-n70);
496
+ font-weight: var(--zw-font-weight-semibold);
497
+ padding-left: var(--zw-offset-sm);
498
+ padding-right: var(--zw-offset-sm);
499
+ margin-top: 0;
500
+ margin-bottom: var(--zw-offset-xs);
501
+ }
502
+
503
+ .zw-dropdown__divider[data-v-1f5efb01] {
504
+ padding: 0 var(--zw-offset-sm);
505
+ }
506
+ .zw-dropdown__divider[data-v-1f5efb01]::before {
507
+ content: "";
508
+ display: block;
509
+ border-bottom: 1px solid rgb(var(--zw-color-n30));
510
+ }
511
+
512
+ .zw-dropdown__menu {
513
+ padding-top: var(--zw-offset-xs);
514
+ padding-bottom: var(--zw-offset-xs);
515
+ }
516
+
517
+ .zw-dropdown[data-v-885109ea] {
518
+ position: relative;
519
+ font-size: var(--zw-font-size-xs);
520
+ line-height: var(--zw-line-height-xxs);
521
+ }
522
+
523
+ .zw-style-preset-control[data-v-39d20a0e] {
524
+ display: flex;
525
+ align-items: center;
526
+ }
527
+ .zw-style-preset-control__dropdown[data-v-39d20a0e] {
528
+ width: 96px;
529
+ }
530
+ .zw-style-preset-control__reset[data-v-39d20a0e] {
531
+ color: rgb(var(--zw-color-n70));
532
+ }
533
+ .zw-style-preset-control__reset[data-v-39d20a0e]:not(:disabled):hover,
534
+ .zw-style-preset-control__reset[data-v-39d20a0e]:not(:disabled):focus,
535
+ .zw-style-preset-control__reset[data-v-39d20a0e]:not(:disabled):focus-within {
536
+ color: rgb(var(--zw-color-white));
537
+ }
538
+
539
+ .zw-font-family-control[data-v-07a47462] {
540
+ width: 96px;
541
+ }
542
+ .zw-font-family-control__option[data-v-07a47462] {
543
+ font-weight: 400;
544
+ font-family: var(--zw-font-family-option);
545
+ width: 150px;
546
+ }
547
+
548
+ .zw-font-size-control[data-v-71dd7ffc] {
549
+ width: 64px;
550
+ }
551
+
552
+ .zw-alignment-control__modal[data-v-cef30e1a] {
553
+ padding: var(--zw-offset-xxs);
554
+ }
555
+ .zw-alignment-control__toggle[data-v-cef30e1a] {
556
+ flex-direction: column;
557
+ }
558
+
559
+ .zw-line-height-control__modal[data-v-532367c1] {
560
+ padding: var(--zw-offset-sm);
561
+ }
562
+ .zw-line-height-control__row[data-v-532367c1] {
563
+ display: flex;
564
+ align-items: center;
565
+ }
566
+ .zw-line-height-control__range[data-v-532367c1] {
567
+ width: 156px;
568
+ }
569
+ .zw-line-height-control__field[data-v-532367c1] {
570
+ width: 52px;
571
+ margin-left: var(--zw-offset-sm);
572
+ }
573
+
574
+ .zpa-list-control[data-v-ce2b1130] {
575
+ display: flex;
576
+ }
577
+ .zpa-list-control[data-v-ce2b1130]:hover {
578
+ color: rgb(var(--zw-color-white));
579
+ background-color: rgb(var(--zw-color-n5));
580
+ }
581
+ .zw-list-control__activator[data-v-ce2b1130] {
582
+ padding: 0 var(--zw-offset-xs);
583
+ }
584
+ .zw-list-control__option[data-v-ce2b1130] {
585
+ padding: 0 var(--zw-offset-xs);
586
+ display: flex;
587
+ }
588
+
589
+ .zw-link-modal-header[data-v-7dbfe03f] {
590
+ display: flex;
591
+ align-items: center;
592
+ justify-content: space-between;
593
+ padding: var(--zw-offset-sm);
594
+ border-bottom: 2px solid rgb(var(--zw-color-n5));
595
+ }
596
+ .zw-link-modal-header__title[data-v-7dbfe03f] {
597
+ text-transform: uppercase;
598
+ font-weight: var(--zw-font-weight-semibold);
599
+ font-size: var(--zw-font-size-xxs);
600
+ color: rgb(var(--zw-color-white));
601
+ }
602
+ .zw-link-modal-header__unlink-icon[data-v-7dbfe03f] {
603
+ margin-right: var(--zw-offset-xxs);
604
+ }
605
+ .zw-link-modal-header__unlink-button[data-v-7dbfe03f] {
606
+ color: rgb(var(--zw-color-n80));
607
+ font-size: var(--zw-font-size-xxs);
608
+ transition: 0.1s opacity ease-out;
609
+ will-change: opacity;
610
+ }
611
+ .zw-link-modal-header__unlink-button[data-v-7dbfe03f]:disabled {
612
+ opacity: 0.35;
613
+ }
614
+ .zw-link-modal-header__unlink-button[data-v-7dbfe03f]:hover {
615
+ color: rgb(var(--zw-color-white));
616
+ }
617
+
618
+ .zw-link-modal__apply[data-v-2ad47228] {
619
+ display: flex;
620
+ justify-content: flex-end;
621
+ }
622
+
623
+ .zw-link-modal[data-v-0ca87de5] {
624
+ width: 266px;
625
+ }
626
+ .zw-link-modal__body[data-v-0ca87de5] {
627
+ padding: var(--zw-offset-sm);
628
+ }
629
+ [data-v-0ca87de5] .zw-link-modal-dropdown__option {
630
+ width: 234px;
631
+ }
632
+
633
+ .zw-toolbar[data-v-ad3592b8] {
634
+ border-radius: 2px;
635
+ background-color: rgb(var(--zw-color-n15));
636
+ color: rgb(var(--zw-color-n70));
637
+ z-index: 999999;
638
+ }
639
+ .zw-toolbar[data-v-ad3592b8]::before,
640
+ .zw-toolbar[data-v-ad3592b8]::after {
641
+ content: "";
642
+ display: block;
643
+ width: 100%;
644
+ height: calc(var(--zw-toolbar-offset-y) + 4px);
645
+ position: absolute;
646
+ --zw-toolbar-safe-zone: calc(-1 * var(--zw-toolbar-offset-y));
647
+ }
648
+ .zw-toolbar[data-v-ad3592b8]::before {
649
+ top: var(--zw-toolbar-safe-zone);
650
+ }
651
+ .zw-toolbar[data-v-ad3592b8]::after {
652
+ bottom: var(--zw-toolbar-safe-zone);
653
+ }
654
+ .zw-toolbar--enter-active[data-v-ad3592b8],
655
+ .zw-toolbar--leave-active[data-v-ad3592b8] {
656
+ transition: opacity 150ms ease-out;
657
+ }
658
+ .zw-toolbar--leave-active[data-v-ad3592b8] {
659
+ transition: opacity 0s ease-in;
660
+ }
661
+ .zw-toolbar--enter[data-v-ad3592b8],
662
+ .zw-toolbar--leave-to[data-v-ad3592b8] {
663
+ opacity: 0;
664
+ }
665
+ .zw-wysiwyg {
666
+ --zw-color-n5: 13, 13, 13; /* #0D0D0D; */
667
+ --zw-color-n15: 38, 38, 38; /* #262626; */
668
+ --zw-color-n20: 59, 59, 59; /* #3B3B3B; */
669
+ --zw-color-n30: 77, 77, 77; /* #4D4D4D; */
670
+ --zw-color-n60: 153, 153, 153; /* #999999 */
671
+ --zw-color-n70: 179, 179, 179; /* #B3B3B3 */
672
+ --zw-color-n80: 196, 196, 196; /* #C4C4C4 */
673
+ --zw-color-n85: 217, 217, 217; /* #D9D9D9 */
674
+ --zw-color-n90: 230, 230, 230; /* #E6E6E6 */
675
+ --zw-color-n200: 194, 200, 209; /* #C2C8D1 */
676
+ --zw-color-black: 0, 0, 0;
677
+ --zw-color-white: 255, 255, 255;
678
+ --zw-color-green: 59, 180, 74; /* #3BB44A */
679
+ --zw-color-red: 234, 58, 58; /* #EA3A3A */
680
+
681
+ --zw-offset-xxs: 4px;
682
+ --zw-offset-xs: 8px;
683
+ --zw-offset-xsm: 12px;
684
+ --zw-offset-sm: 16px;
685
+ --zw-offset-md: 24px;
686
+
687
+ --zw-font-weight-thin: 400;
688
+ --zw-font-weight-semibold: 500;
689
+
690
+ --zw-font-size-xxs: 12px;
691
+ --zw-font-size-xs: 14px;
692
+
693
+ --zw-line-height-xxs: 1.21;
694
+ --zw-line-height-md: 1.72;
695
+ }
696
+
697
+ /*
698
+ $builder-N5: #0D0D0D;
699
+ $builder-N10: #1A1A1A;
700
+ $builder-N15: #262626;
701
+ $builder-N20: #3B3B3B;
702
+ $builder-N30: #4D4D4D;
703
+ $builder-N40: #666;
704
+ $builder-N50: #808080;
705
+ $builder-N60: #999;
706
+ $builder-N70: #B3B3B3;
707
+ $builder-N80: #C4C4C4;
708
+ $builder-N85: #D9D9D9;
709
+ $builder-N90: #E6E6E6;
710
+ $builder-N94: #F0F0F0;
711
+ $builder-N96: #F5F5F5;
712
+ $builder-N98: #FAFAFA;
713
+ $builder-N200: #C2C8D1;
714
+ $builder-R50: #EA3A3A;
715
+
716
+ $font-size-xxs: 12px;
717
+ $font-size-xs: 14px;
718
+ $font-size-sm: 16px;
719
+ $font-size-md: 18px;
720
+ $font-size-lmd: 20px;
721
+ $font-size-lg: 24px;
722
+
723
+ $font-height--xxs: 1.2;
724
+ $font-height--xs: 1.33;
725
+ $font-height--sm: 1.43;
726
+ $font-height--md: 1.72;
727
+ */
728
+ .zw-wysiwyg [contenteditable] {
729
+ outline: none;
730
+ }
731
+ .zw-wysiwyg__placeholder:first-child:last-child::before {
732
+ content: attr(data-placeholder);
733
+ color: rgb(var(--zw-color-n70));
734
+ float: left;
735
+ height: 0;
736
+ pointer-events: none;
737
+ }
738
+ .zw-superscript {
739
+ font-size: 75%;
740
+ line-height: 0;
741
+ position: relative;
742
+ vertical-align: initial;
743
+ top: -0.5em;
744
+ }
745
+ .zw-style.zw-style.zw-style {
746
+ font-weight: var(--zw-font-weight, var(--zw-preset-font-weight));
747
+ font-family: var(--zw-font-family, var(--zw-preset-font-family));
748
+ color: var(--zw-font-color, var(--zw-preset-color));
749
+ font-style: var(--zw-font-style, var(--zw-preset-font-style));
750
+ text-decoration: var(--zw-text-decoration, var(--zw-preset-text-decoration));
751
+ background-color: var(--zw-background-color, var(--zw-preset-background-color));
752
+ }
753
+ @media (min-width: 1200px) {
754
+ .zw-style.zw-style.zw-style {
755
+ font-size: var(--zw-font-size-desktop, var(--zw-preset-desktop-font-size));
756
+ text-align: var(--zw-text-align-desktop, var(--zw-preset-desktop-text-align));
757
+ line-height: var(--zw-line-height-desktop, var(--zw-preset-desktop-line-height));
758
+ }
759
+ }
760
+ @media (min-width: 769px) and (max-width: 1199.98px) {
761
+ .zw-style.zw-style.zw-style {
762
+ font-size: var(--zw-font-size-tablet, var(--zw-preset-tablet-font-size));
763
+ text-align: var(--zw-text-align-tablet, var(--zw-preset-tablet-text-align));
764
+ line-height: var(--zw-line-height-tablet, var(--zw-preset-tablet-line-height));
765
+ }
766
+ }
767
+ @media (max-width: 768.98px) {
768
+ .zw-style.zw-style.zw-style {
769
+ font-size: var(--zw-font-size-mobile, var(--zw-preset-mobile-font-size));
770
+ text-align: var(--zw-text-align-mobile, var(--zw-preset-mobile-text-align));
771
+ line-height: var(--zw-line-height-mobile, var(--zw-preset-mobile-line-height));
772
+ }
773
+ }
774
+
775
+ /* ProseMirror styles */
776
+ .ProseMirror {
777
+ position: relative;
778
+ }
779
+ .ProseMirror {
780
+ word-wrap: break-word;
781
+ white-space: pre-wrap;
782
+ white-space: break-spaces;
783
+ -webkit-font-variant-ligatures: none;
784
+ font-variant-ligatures: none;
785
+ font-feature-settings: "liga" 0; /* the above doesn't seem to work in Edge */
786
+ }
787
+ .ProseMirror [contenteditable="false"] {
788
+ white-space: normal;
789
+ }
790
+ .ProseMirror [contenteditable="false"] [contenteditable="true"] {
791
+ white-space: pre-wrap;
792
+ }
793
+ .ProseMirror pre {
794
+ white-space: pre-wrap;
795
+ }
796
+ img.ProseMirror-separator {
797
+ display: inline !important;
798
+ border: none !important;
799
+ margin: 0 !important;
800
+ width: 1px !important;
801
+ height: 1px !important;
802
+ }
803
+ .ProseMirror-gapcursor {
804
+ display: none;
805
+ pointer-events: none;
806
+ position: absolute;
807
+ margin: 0;
808
+ }
809
+ .ProseMirror-gapcursor::after {
810
+ content: "";
811
+ display: block;
812
+ position: absolute;
813
+ top: -2px;
814
+ width: 20px;
815
+ border-top: 1px solid #000;
816
+ animation: ProseMirror-cursor-blink 1.1s steps(2, start) infinite;
817
+ }
818
+ @keyframes ProseMirror-cursor-blink {
819
+ to {
820
+ visibility: hidden;
821
+ }
822
+ }
823
+ .ProseMirror-hideselection *::selection {
824
+ background: transparent;
825
+ }
826
+ .ProseMirror-hideselection *::-moz-selection {
827
+ background: transparent;
828
+ }
829
+ .ProseMirror-hideselection * {
830
+ caret-color: transparent;
831
+ }
832
+ .ProseMirror-focused .ProseMirror-gapcursor {
833
+ display: block;
834
+ }
835
+ .tippy-box[data-animation=fade][data-state=hidden] {
836
+ opacity: 0
837
+ }
838
+ .zw-text--truncate {
839
+ white-space: nowrap;
840
+ overflow: hidden;
841
+ text-overflow: ellipsis;
842
+ max-width: 100%;
843
+ }
844
+ .zw-position--relative {
845
+ position: relative;
846
+ }
847
+ .zw-margin-bottom--xxs {
848
+ margin-bottom: var(--zw-offset-xxs);
849
+ }
850
+ .zw-margin-bottom--xs {
851
+ margin-bottom: var(--zw-offset-xs);
852
+ }
853
+ .zw-margin-bottom--sm {
854
+ margin-bottom: var(--zw-offset-sm);
855
+ }
856
+ .zw-margin-bottom--md {
857
+ margin-bottom: var(--zw-offset-md);
858
+ }
859
+ .zw-margin-right--xs {
860
+ margin-right: var(--zw-offset-xs);
861
+ }