@squiz/formatted-text-editor 0.0.0-rbv2-20240530041851

package/lib/index.css

@@ -0,0 +1,1525 @@
+@import "https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded";
+
+/* src/index.scss */
+.squiz-fte-scope *,
+.squiz-fte-scope ::before,
+.squiz-fte-scope ::after {
+  box-sizing: border-box;
+  border-width: 0;
+  border-style: solid;
+  border-color: #ededed;
+}
+.squiz-fte-scope ::before,
+.squiz-fte-scope ::after {
+  --tw-content: "";
+}
+.squiz-fte-scope html {
+  line-height: 1.5;
+  -webkit-text-size-adjust: 100%;
+  -moz-tab-size: 4;
+  -o-tab-size: 4;
+  tab-size: 4;
+  font-family:
+    ui-sans-serif,
+    system-ui,
+    -apple-system,
+    BlinkMacSystemFont,
+    "Segoe UI",
+    Roboto,
+    "Helvetica Neue",
+    Arial,
+    "Noto Sans",
+    sans-serif,
+    "Apple Color Emoji",
+    "Segoe UI Emoji",
+    "Segoe UI Symbol",
+    "Noto Color Emoji";
+  font-feature-settings: normal;
+}
+.squiz-fte-scope body {
+  margin: 0;
+  line-height: inherit;
+}
+.squiz-fte-scope hr {
+  height: 0;
+  color: inherit;
+  border-top-width: 1px;
+}
+.squiz-fte-scope abbr:where([title]) {
+  -webkit-text-decoration: underline dotted;
+  text-decoration: underline dotted;
+}
+.squiz-fte-scope h1,
+.squiz-fte-scope h2,
+.squiz-fte-scope h3,
+.squiz-fte-scope h4,
+.squiz-fte-scope h5,
+.squiz-fte-scope h6 {
+  font-size: inherit;
+  font-weight: inherit;
+}
+.squiz-fte-scope a {
+  color: inherit;
+  text-decoration: inherit;
+}
+.squiz-fte-scope b,
+.squiz-fte-scope strong {
+  font-weight: bolder;
+}
+.squiz-fte-scope code,
+.squiz-fte-scope kbd,
+.squiz-fte-scope samp,
+.squiz-fte-scope pre {
+  font-family:
+    ui-monospace,
+    SFMono-Regular,
+    Menlo,
+    Monaco,
+    Consolas,
+    "Liberation Mono",
+    "Courier New",
+    monospace;
+  font-size: 1em;
+}
+.squiz-fte-scope small {
+  font-size: 80%;
+}
+.squiz-fte-scope sub,
+.squiz-fte-scope sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+.squiz-fte-scope sub {
+  bottom: -0.25em;
+}
+.squiz-fte-scope sup {
+  top: -0.5em;
+}
+.squiz-fte-scope table {
+  text-indent: 0;
+  border-color: inherit;
+  border-collapse: collapse;
+}
+.squiz-fte-scope button,
+.squiz-fte-scope input,
+.squiz-fte-scope optgroup,
+.squiz-fte-scope select,
+.squiz-fte-scope textarea {
+  font-family: inherit;
+  font-size: 100%;
+  font-weight: inherit;
+  line-height: inherit;
+  color: inherit;
+  margin: 0;
+  padding: 0;
+}
+.squiz-fte-scope button,
+.squiz-fte-scope select {
+  text-transform: none;
+}
+.squiz-fte-scope button,
+.squiz-fte-scope [type=button],
+.squiz-fte-scope [type=reset],
+.squiz-fte-scope [type=submit] {
+  -webkit-appearance: button;
+  background-color: transparent;
+  background-image: none;
+}
+.squiz-fte-scope :-moz-focusring {
+  outline: auto;
+}
+.squiz-fte-scope :-moz-ui-invalid {
+  box-shadow: none;
+}
+.squiz-fte-scope progress {
+  vertical-align: baseline;
+}
+.squiz-fte-scope ::-webkit-inner-spin-button,
+.squiz-fte-scope ::-webkit-outer-spin-button {
+  height: auto;
+}
+.squiz-fte-scope [type=search] {
+  -webkit-appearance: textfield;
+  outline-offset: -2px;
+}
+.squiz-fte-scope ::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+.squiz-fte-scope ::-webkit-file-upload-button {
+  -webkit-appearance: button;
+  font: inherit;
+}
+.squiz-fte-scope summary {
+  display: list-item;
+}
+.squiz-fte-scope blockquote,
+.squiz-fte-scope dl,
+.squiz-fte-scope dd,
+.squiz-fte-scope h1,
+.squiz-fte-scope h2,
+.squiz-fte-scope h3,
+.squiz-fte-scope h4,
+.squiz-fte-scope h5,
+.squiz-fte-scope h6,
+.squiz-fte-scope hr,
+.squiz-fte-scope figure,
+.squiz-fte-scope p,
+.squiz-fte-scope pre {
+  margin: 0;
+}
+.squiz-fte-scope fieldset {
+  margin: 0;
+  padding: 0;
+}
+.squiz-fte-scope legend {
+  padding: 0;
+}
+.squiz-fte-scope ol,
+.squiz-fte-scope ul,
+.squiz-fte-scope menu {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+.squiz-fte-scope textarea {
+  resize: vertical;
+}
+.squiz-fte-scope input::-moz-placeholder,
+.squiz-fte-scope textarea::-moz-placeholder {
+  opacity: 1;
+  color: #BABABA;
+}
+.squiz-fte-scope input::placeholder,
+.squiz-fte-scope textarea::placeholder {
+  opacity: 1;
+  color: #BABABA;
+}
+.squiz-fte-scope button,
+.squiz-fte-scope [role=button] {
+  cursor: pointer;
+}
+.squiz-fte-scope :disabled {
+  cursor: default;
+}
+.squiz-fte-scope img,
+.squiz-fte-scope svg,
+.squiz-fte-scope video,
+.squiz-fte-scope canvas,
+.squiz-fte-scope audio,
+.squiz-fte-scope iframe,
+.squiz-fte-scope embed,
+.squiz-fte-scope object {
+  display: block;
+  vertical-align: middle;
+}
+.squiz-fte-scope img,
+.squiz-fte-scope video {
+  max-width: 100%;
+  height: auto;
+}
+.squiz-fte-scope [hidden] {
+  display: none;
+}
+.squiz-fte-scope *,
+.squiz-fte-scope ::before,
+.squiz-fte-scope ::after {
+  --tw-border-spacing-x: 0;
+  --tw-border-spacing-y: 0;
+  --tw-translate-x: 0;
+  --tw-translate-y: 0;
+  --tw-rotate: 0;
+  --tw-skew-x: 0;
+  --tw-skew-y: 0;
+  --tw-scale-x: 1;
+  --tw-scale-y: 1;
+  --tw-pan-x: ;
+  --tw-pan-y: ;
+  --tw-pinch-zoom: ;
+  --tw-scroll-snap-strictness: proximity;
+  --tw-ordinal: ;
+  --tw-slashed-zero: ;
+  --tw-numeric-figure: ;
+  --tw-numeric-spacing: ;
+  --tw-numeric-fraction: ;
+  --tw-ring-inset: ;
+  --tw-ring-offset-width: 0px;
+  --tw-ring-offset-color: #fff;
+  --tw-ring-color: rgb(59 130 246 / 0.5);
+  --tw-ring-offset-shadow: 0 0 #0000;
+  --tw-ring-shadow: 0 0 #0000;
+  --tw-shadow: 0 0 #0000;
+  --tw-shadow-colored: 0 0 #0000;
+  --tw-blur: ;
+  --tw-brightness: ;
+  --tw-contrast: ;
+  --tw-grayscale: ;
+  --tw-hue-rotate: ;
+  --tw-invert: ;
+  --tw-saturate: ;
+  --tw-sepia: ;
+  --tw-drop-shadow: ;
+  --tw-backdrop-blur: ;
+  --tw-backdrop-brightness: ;
+  --tw-backdrop-contrast: ;
+  --tw-backdrop-grayscale: ;
+  --tw-backdrop-hue-rotate: ;
+  --tw-backdrop-invert: ;
+  --tw-backdrop-opacity: ;
+  --tw-backdrop-saturate: ;
+  --tw-backdrop-sepia: ;
+}
+.squiz-fte-scope ::backdrop {
+  --tw-border-spacing-x: 0;
+  --tw-border-spacing-y: 0;
+  --tw-translate-x: 0;
+  --tw-translate-y: 0;
+  --tw-rotate: 0;
+  --tw-skew-x: 0;
+  --tw-skew-y: 0;
+  --tw-scale-x: 1;
+  --tw-scale-y: 1;
+  --tw-pan-x: ;
+  --tw-pan-y: ;
+  --tw-pinch-zoom: ;
+  --tw-scroll-snap-strictness: proximity;
+  --tw-ordinal: ;
+  --tw-slashed-zero: ;
+  --tw-numeric-figure: ;
+  --tw-numeric-spacing: ;
+  --tw-numeric-fraction: ;
+  --tw-ring-inset: ;
+  --tw-ring-offset-width: 0px;
+  --tw-ring-offset-color: #fff;
+  --tw-ring-color: rgb(59 130 246 / 0.5);
+  --tw-ring-offset-shadow: 0 0 #0000;
+  --tw-ring-shadow: 0 0 #0000;
+  --tw-shadow: 0 0 #0000;
+  --tw-shadow-colored: 0 0 #0000;
+  --tw-blur: ;
+  --tw-brightness: ;
+  --tw-contrast: ;
+  --tw-grayscale: ;
+  --tw-hue-rotate: ;
+  --tw-invert: ;
+  --tw-saturate: ;
+  --tw-sepia: ;
+  --tw-drop-shadow: ;
+  --tw-backdrop-blur: ;
+  --tw-backdrop-brightness: ;
+  --tw-backdrop-contrast: ;
+  --tw-backdrop-grayscale: ;
+  --tw-backdrop-hue-rotate: ;
+  --tw-backdrop-invert: ;
+  --tw-backdrop-opacity: ;
+  --tw-backdrop-saturate: ;
+  --tw-backdrop-sepia: ;
+}
+.squiz-fte-scope .container {
+  width: 100%;
+}
+@media (min-width: 640px) {
+  .squiz-fte-scope .container {
+    max-width: 640px;
+  }
+}
+@media (min-width: 768px) {
+  .squiz-fte-scope .container {
+    max-width: 768px;
+  }
+}
+@media (min-width: 1024px) {
+  .squiz-fte-scope .container {
+    max-width: 1024px;
+  }
+}
+@media (min-width: 1280px) {
+  .squiz-fte-scope .container {
+    max-width: 1280px;
+  }
+}
+@media (min-width: 1536px) {
+  .squiz-fte-scope .container {
+    max-width: 1536px;
+  }
+}
+.squiz-fte-scope .pointer-events-none {
+  pointer-events: none !important;
+}
+.squiz-fte-scope .visible {
+  visibility: visible !important;
+}
+.squiz-fte-scope .collapse {
+  visibility: collapse !important;
+}
+.squiz-fte-scope .fixed {
+  position: fixed !important;
+}
+.squiz-fte-scope .absolute {
+  position: absolute !important;
+}
+.squiz-fte-scope .relative {
+  position: relative !important;
+}
+.squiz-fte-scope .inset-0 {
+  top: 0px !important;
+  right: 0px !important;
+  bottom: 0px !important;
+  left: 0px !important;
+}
+.squiz-fte-scope .inset-y-0 {
+  top: 0px !important;
+  bottom: 0px !important;
+}
+.squiz-fte-scope .right-0 {
+  right: 0px !important;
+}
+.squiz-fte-scope .z-10 {
+  z-index: 10 !important;
+}
+.squiz-fte-scope .z-40 {
+  z-index: 40 !important;
+}
+.squiz-fte-scope .mx-1 {
+  margin-left: 0.25rem !important;
+  margin-right: 0.25rem !important;
+}
+.squiz-fte-scope .mx-auto {
+  margin-left: auto !important;
+  margin-right: auto !important;
+}
+.squiz-fte-scope .my-6 {
+  margin-top: 1.5rem !important;
+  margin-bottom: 1.5rem !important;
+}
+.squiz-fte-scope .my-auto {
+  margin-top: auto !important;
+  margin-bottom: auto !important;
+}
+.squiz-fte-scope .-mr-3 {
+  margin-right: -0.75rem !important;
+}
+.squiz-fte-scope .-mt-3 {
+  margin-top: -0.75rem !important;
+}
+.squiz-fte-scope .mb-0 {
+  margin-bottom: 0px !important;
+}
+.squiz-fte-scope .mb-2 {
+  margin-bottom: 0.5rem !important;
+}
+.squiz-fte-scope .mb-4 {
+  margin-bottom: 1rem !important;
+}
+.squiz-fte-scope .ml-3 {
+  margin-left: 0.75rem !important;
+}
+.squiz-fte-scope .ml-auto {
+  margin-left: auto !important;
+}
+.squiz-fte-scope .mr-1 {
+  margin-right: 0.25rem !important;
+}
+.squiz-fte-scope .mr-1\.5 {
+  margin-right: 0.375rem !important;
+}
+.squiz-fte-scope .mr-2 {
+  margin-right: 0.5rem !important;
+}
+.squiz-fte-scope .mt-1 {
+  margin-top: 0.25rem !important;
+}
+.squiz-fte-scope .mt-\[-1px\] {
+  margin-top: -1px !important;
+}
+.squiz-fte-scope .mt-\[7px\] {
+  margin-top: 7px !important;
+}
+.squiz-fte-scope .block {
+  display: block !important;
+}
+.squiz-fte-scope .inline {
+  display: inline !important;
+}
+.squiz-fte-scope .flex {
+  display: flex !important;
+}
+.squiz-fte-scope .table {
+  display: table !important;
+}
+.squiz-fte-scope .grid {
+  display: grid !important;
+}
+.squiz-fte-scope .hidden {
+  display: none !important;
+}
+.squiz-fte-scope .h-10 {
+  height: 2.5rem !important;
+}
+.squiz-fte-scope .h-\[3px\] {
+  height: 3px !important;
+}
+.squiz-fte-scope .w-11\/12 {
+  width: 91.666667% !important;
+}
+.squiz-fte-scope .w-169 {
+  width: 169px !important;
+}
+.squiz-fte-scope .w-full {
+  width: 100% !important;
+}
+.squiz-fte-scope .w-modal-sm {
+  width: 25rem !important;
+}
+.squiz-fte-scope .cursor-default {
+  cursor: default !important;
+}
+.squiz-fte-scope .select-none {
+  -webkit-user-select: none !important;
+  -moz-user-select: none !important;
+  user-select: none !important;
+}
+.squiz-fte-scope .grid-flow-col {
+  grid-auto-flow: column !important;
+}
+.squiz-fte-scope .flex-row {
+  flex-direction: row !important;
+}
+.squiz-fte-scope .flex-col {
+  flex-direction: column !important;
+}
+.squiz-fte-scope .items-center {
+  align-items: center !important;
+}
+.squiz-fte-scope .justify-between {
+  justify-content: space-between !important;
+}
+.squiz-fte-scope .divide-y > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-y-reverse: 0 !important;
+  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))) !important;
+  border-bottom-width: calc(1px * var(--tw-divide-y-reverse)) !important;
+}
+.squiz-fte-scope .self-center {
+  align-self: center !important;
+}
+.squiz-fte-scope .overflow-auto {
+  overflow: auto !important;
+}
+.squiz-fte-scope .truncate {
+  overflow: hidden !important;
+  text-overflow: ellipsis !important;
+  white-space: nowrap !important;
+}
+.squiz-fte-scope .rounded {
+  border-radius: 8px !important;
+}
+.squiz-fte-scope .rounded-t-sm {
+  border-top-left-radius: 0.125rem !important;
+  border-top-right-radius: 0.125rem !important;
+}
+.squiz-fte-scope .border {
+  border-width: 1px !important;
+}
+.squiz-fte-scope .border-0 {
+  border-width: 0px !important;
+}
+.squiz-fte-scope .border-2 {
+  border-width: 2px !important;
+}
+.squiz-fte-scope .border-b {
+  border-bottom-width: 1px !important;
+}
+.squiz-fte-scope .border-gray-300 {
+  --tw-border-opacity: 1 !important;
+  border-color: rgb(224 224 224 / var(--tw-border-opacity)) !important;
+}
+.squiz-fte-scope .bg-black {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(0 0 0 / var(--tw-bg-opacity)) !important;
+}
+.squiz-fte-scope .bg-blue-300 {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(7 116 210 / var(--tw-bg-opacity)) !important;
+}
+.squiz-fte-scope .bg-gray-100 {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(245 245 245 / var(--tw-bg-opacity)) !important;
+}
+.squiz-fte-scope .bg-gray-200 {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(237 237 237 / var(--tw-bg-opacity)) !important;
+}
+.squiz-fte-scope .bg-gray-800 {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(61 61 61 / var(--tw-bg-opacity)) !important;
+}
+.squiz-fte-scope .bg-transparent {
+  background-color: transparent !important;
+}
+.squiz-fte-scope .bg-white {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
+}
+.squiz-fte-scope .p-6 {
+  padding: 1.5rem !important;
+}
+.squiz-fte-scope .px-3 {
+  padding-left: 0.75rem !important;
+  padding-right: 0.75rem !important;
+}
+.squiz-fte-scope .py-2 {
+  padding-top: 0.5rem !important;
+  padding-bottom: 0.5rem !important;
+}
+.squiz-fte-scope .pb-4 {
+  padding-bottom: 1rem !important;
+}
+.squiz-fte-scope .pl-3 {
+  padding-left: 0.75rem !important;
+}
+.squiz-fte-scope .pr-10 {
+  padding-right: 2.5rem !important;
+}
+.squiz-fte-scope .pr-2 {
+  padding-right: 0.5rem !important;
+}
+.squiz-fte-scope .pt-3 {
+  padding-top: 0.75rem !important;
+}
+.squiz-fte-scope .text-heading-2 {
+  font-size: 1.25rem !important;
+  line-height: 1.5rem !important;
+}
+.squiz-fte-scope .text-md {
+  font-size: 0.875rem !important;
+}
+.squiz-fte-scope .font-bold {
+  font-weight: 700 !important;
+}
+.squiz-fte-scope .font-semibold {
+  font-weight: 600 !important;
+}
+.squiz-fte-scope .italic {
+  font-style: italic !important;
+}
+.squiz-fte-scope .text-gray-500 {
+  --tw-text-opacity: 1 !important;
+  color: rgb(148 148 148 / var(--tw-text-opacity)) !important;
+}
+.squiz-fte-scope .text-gray-600 {
+  --tw-text-opacity: 1 !important;
+  color: rgb(112 112 112 / var(--tw-text-opacity)) !important;
+}
+.squiz-fte-scope .text-gray-700 {
+  --tw-text-opacity: 1 !important;
+  color: rgb(79 79 79 / var(--tw-text-opacity)) !important;
+}
+.squiz-fte-scope .text-gray-800 {
+  --tw-text-opacity: 1 !important;
+  color: rgb(61 61 61 / var(--tw-text-opacity)) !important;
+}
+.squiz-fte-scope .text-gray-900 {
+  --tw-text-opacity: 1 !important;
+  color: rgb(43 43 43 / var(--tw-text-opacity)) !important;
+}
+.squiz-fte-scope .text-white {
+  --tw-text-opacity: 1 !important;
+  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
+}
+.squiz-fte-scope .underline {
+  text-decoration-line: underline !important;
+}
+.squiz-fte-scope .opacity-25 {
+  opacity: 0.25 !important;
+}
+.squiz-fte-scope .outline-none {
+  outline: 2px solid transparent !important;
+  outline-offset: 2px !important;
+}
+.squiz-fte-scope .blur {
+  --tw-blur: blur(8px) !important;
+  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
+}
+.squiz-fte-scope .filter {
+  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
+}
+.squiz-fte-scope .remirror-editor a {
+  --tw-text-opacity: 1;
+  color: rgb(7 116 210 / var(--tw-text-opacity));
+  text-decoration: underline;
+}
+.squiz-fte-scope .remirror-editor p {
+  margin-block-end: 0.8rem;
+}
+.squiz-fte-scope .remirror-editor h1 {
+  font-size: 1.625rem;
+  font-weight: 600;
+  letter-spacing: -0.2px;
+  line-height: 2rem;
+}
+.squiz-fte-scope .remirror-editor h2 {
+  font-size: 1.25rem;
+  font-weight: 600;
+  letter-spacing: -0.5px;
+  line-height: 1.5rem;
+}
+.squiz-fte-scope .remirror-editor h3 {
+  font-size: 1.125rem;
+  font-weight: 600;
+  letter-spacing: -0.2px;
+  line-height: 1.375rem;
+}
+.squiz-fte-scope .remirror-editor h4 {
+  font-size: 1rem;
+  font-weight: 700;
+  letter-spacing: -0.2px;
+  line-height: 1.25rem;
+}
+.squiz-fte-scope .remirror-editor h5 {
+  font-size: 1rem;
+  font-weight: 600;
+  letter-spacing: -0.2px;
+  line-height: 1.25rem;
+}
+.squiz-fte-scope .remirror-editor h6 {
+  font-size: 0.875rem;
+  font-weight: 600;
+  letter-spacing: -0.2px;
+  line-height: 1.25rem;
+}
+.squiz-fte-scope .remirror-editor .code-block,
+.squiz-fte-scope .remirror-editor .preformatted {
+  display: flex;
+}
+.squiz-fte-scope .remirror-editor .code-block .material-symbols-rounded,
+.squiz-fte-scope .remirror-editor .preformatted .material-symbols-rounded {
+  font-size: 1.125rem;
+  --tw-text-opacity: 1;
+  color: rgb(79 79 79 / var(--tw-text-opacity));
+  pointer-events: none;
+  margin-right: 0.375rem;
+}
+.squiz-fte-scope .remirror-editor .code-block .block-divider,
+.squiz-fte-scope .remirror-editor .preformatted .block-divider {
+  --tw-bg-opacity: 1;
+  background-color: rgb(237 237 237 / var(--tw-bg-opacity));
+  width: 4px;
+  border-radius: 0.75rem;
+  margin-right: 0.625rem;
+}
+.squiz-fte-scope .remirror-editor .code-block code,
+.squiz-fte-scope .remirror-editor .code-block pre,
+.squiz-fte-scope .remirror-editor .preformatted code,
+.squiz-fte-scope .remirror-editor .preformatted pre {
+  --tw-text-opacity: 1;
+  color: rgb(79 79 79 / var(--tw-text-opacity));
+  font-size: 0.75rem;
+  padding-top: 0.75rem;
+  padding-bottom: 0.75rem;
+}
+.squiz-fte-scope .remirror-editor ul,
+.squiz-fte-scope .remirror-editor ol {
+  list-style-type: disc;
+  padding: 0 0 0 2.5rem;
+  margin: 1rem 0;
+}
+.squiz-fte-scope .remirror-editor ol {
+  list-style-type: decimal;
+}
+.squiz-fte-scope .remirror-editor hr {
+  margin-block-start: 0.6rem;
+  margin-block-end: 0.6rem;
+}
+.squiz-fte-scope .squiz-fte-form-group {
+  display: flex;
+  flex-direction: column;
+}
+.squiz-fte-scope .squiz-fte-form-label {
+  margin-bottom: 0.25rem;
+  font-size: 0.875rem;
+  font-weight: 600;
+  --tw-text-opacity: 1;
+  color: rgb(112 112 112 / var(--tw-text-opacity));
+}
+.squiz-fte-scope .squiz-fte-form-control {
+  height: 36px;
+  padding: 6px 12px;
+  position: relative;
+  width: 100%;
+  border-radius: 8px;
+  border-width: 2px;
+  --tw-border-opacity: 1;
+  border-color: rgb(224 224 224 / var(--tw-border-opacity));
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+  font-size: 0.875rem;
+  --tw-text-opacity: 1;
+  color: rgb(61 61 61 / var(--tw-text-opacity));
+}
+.squiz-fte-scope .squiz-fte-form-control::-moz-placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgb(203 213 225 / var(--tw-placeholder-opacity));
+}
+.squiz-fte-scope .squiz-fte-form-control::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgb(203 213 225 / var(--tw-placeholder-opacity));
+}
+.squiz-fte-scope .squiz-fte-form-control {
+  outline-width: 0px;
+}
+.squiz-fte-scope .squiz-fte-form-control:focus {
+  --tw-border-opacity: 1;
+  border-color: rgb(7 116 210 / var(--tw-border-opacity));
+  outline-width: 0px;
+}
+.squiz-fte-scope .squiz-fte-form-control:focus,
+.squiz-fte-scope .squiz-fte-form-control:active {
+  box-shadow: none;
+}
+.squiz-fte-scope .squiz-fte-invalid-form-field .squiz-fte-form-control,
+.squiz-fte-scope .squiz-fte-invalid-form-field .resource-picker {
+  --tw-border-opacity: 1;
+  border-color: rgb(215 35 33 / var(--tw-border-opacity));
+  background-repeat: no-repeat;
+  padding-right: 2rem;
+  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHdpZHRoPSIyNCI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0ibm9uZSIvPjxnIGNsYXNzPSJjdXJyZW50TGF5ZXIiPjxwYXRoIGQ9Ik00LjQ3IDIxaDE1LjA2YzEuNTQgMCAyLjUtMS42NyAxLjczLTNMMTMuNzMgNC45OWMtLjc3LTEuMzMtMi42OS0xLjMzLTMuNDYgMEwyLjc0IDE4Yy0uNzcgMS4zMy4xOSAzIDEuNzMgM3pNMTIgMTRjLS41NSAwLTEtLjQ1LTEtMXYtMmMwLS41NS40NS0xIDEtMXMxIC40NSAxIDF2MmMwIC41NS0uNDUgMS0xIDF6bTEgNGgtMnYtMmgydjJ6IiBjbGFzcz0ic2VsZWN0ZWQiIGZpbGw9IiNkNzIzMjEiLz48L2c+PC9zdmc+);
+  background-position: center right 0.25rem;
+  background-size: 1.5rem;
+}
+.squiz-fte-scope .squiz-fte-form-error {
+  --tw-text-opacity: 1;
+  color: rgb(215 35 33 / var(--tw-text-opacity));
+  font-size: 13px;
+  line-height: 1.23;
+  padding-top: 0.25rem;
+}
+.squiz-fte-scope.squiz-fte-scope__editor {
+  font-family: "Open Sans" !important;
+  border-radius: 8px;
+  --tw-border-opacity: 1;
+  border-color: rgb(224 224 224 / var(--tw-border-opacity));
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+}
+.squiz-fte-scope.squiz-fte-scope__editor .squiz-fte-scope__floating-popover {
+  z-index: 999;
+}
+.squiz-fte-scope.squiz-fte-scope__editor:has(.squiz-fte-scope.squiz-fte-scope__editor__children) {
+  min-height: 2rem;
+  width: 100%;
+}
+.squiz-fte-scope.squiz-fte-scope__editor:has(.squiz-fte-scope.squiz-fte-scope__editor__children) .remirror-editor {
+  padding-top: 0px;
+}
+.squiz-fte-scope.squiz-fte-scope__editor .remirror-editor {
+  padding: 2rem;
+  --tw-shadow: 0 0 #0000;
+  --tw-shadow-colored: 0 0 #0000;
+  box-shadow:
+    var(--tw-ring-offset-shadow, 0 0 #0000),
+    var(--tw-ring-shadow, 0 0 #0000),
+    var(--tw-shadow);
+  overflow: auto;
+  min-height: 15vh;
+}
+.squiz-fte-scope.squiz-fte-scope__editor .remirror-editor:active,
+.squiz-fte-scope.squiz-fte-scope__editor .remirror-editor:focus {
+  outline-width: 0px;
+}
+.squiz-fte-scope.squiz-fte-scope__editor .remirror-editor p {
+  position: relative;
+  display: block;
+}
+.squiz-fte-scope.squiz-fte-scope__editor .remirror-editor-wrapper {
+  position: relative;
+}
+.squiz-fte-scope.squiz-fte-scope__editor--bordered {
+  border-width: 2px;
+  border-style: solid;
+}
+.squiz-fte-scope.squiz-fte-scope__editor--is-disabled {
+  cursor: not-allowed;
+  border-width: 0px;
+  --tw-bg-opacity: 1;
+  background-color: rgb(247 247 247 / var(--tw-bg-opacity));
+}
+.squiz-fte-scope.squiz-fte-scope__editor--is-disabled .remirror-is-empty:first-of-type::before {
+  display: none;
+}
+.squiz-fte-scope.squiz-fte-scope__editor .remirror-is-empty:first-of-type::before {
+  position: absolute;
+  pointer-events: none;
+  height: 0;
+  font-style: italic;
+  content: attr(data-placeholder);
+  --tw-text-opacity: 1;
+  color: rgb(148 148 148 / var(--tw-text-opacity));
+}
+.squiz-fte-scope.squiz-fte-scope__editor .ProseMirror-selectednode {
+  border-width: 2px;
+  border-style: solid;
+  --tw-border-opacity: 1;
+  border-color: rgb(7 116 210 / var(--tw-border-opacity));
+}
+.squiz-fte-scope.squiz-fte-scope__editor img {
+  display: inline;
+}
+.squiz-fte-scope.squiz-fte-scope__editor:has(.show-toolbar) {
+  border-width: 0px;
+  --tw-shadow: 0 0 0 1px rgba(0,0,0,0.04), 0 1px 12px 4px rgba(0,0,0,0.12);
+  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 1px 12px 4px var(--tw-shadow-color);
+  box-shadow:
+    var(--tw-ring-offset-shadow, 0 0 #0000),
+    var(--tw-ring-shadow, 0 0 #0000),
+    var(--tw-shadow);
+}
+.squiz-fte-scope.squiz-fte-scope__editor .remirror-table {
+  width: 100%;
+}
+.squiz-fte-scope.squiz-fte-scope__editor .remirror-table-container {
+  margin: 2rem;
+}
+.squiz-fte-scope.squiz-fte-scope__editor .remirror-table tbody th,
+.squiz-fte-scope.squiz-fte-scope__editor .remirror-table tbody td {
+  padding: 0.5rem;
+}
+.squiz-fte-scope.squiz-fte-scope__editor .remirror-table tbody p {
+  margin: 0;
+}
+.squiz-fte-scope :root {
+  --rmr-color-table-default-border: #e0e0e0;
+  --rmr-color-table-selected-cell: transparent;
+  --rmr-color-table-selected-border: #0774d2;
+  --rmr-color-table-selected-controller: #0774d2;
+  --rmr-hue-blue-7: #0774d2;
+  --rmr-color-table-mark: #f5f5f5;
+  --rmr-color-table-default-controller: #f7f7f7;
+  --rmr-color-table-predelete-cell: transparent;
+  --rmr-color-table-predelete-border: #d72321;
+  --rmr-color-table-predelete-controller: #d72321;
+}
+.squiz-fte-scope .remirror-positioner {
+  cursor: none;
+  min-height: 1px;
+  min-width: 1px;
+  pointer-events: none;
+  position: absolute;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
+  z-index: -1;
+}
+.squiz-fte-scope .remirror-positioner-widget {
+  height: 0;
+  position: absolute;
+  width: 0;
+}
+.squiz-fte-scope .remirror-editor.ProseMirror .tableWrapper {
+  overflow-x: auto;
+}
+.squiz-fte-scope .remirror-editor.ProseMirror table {
+  border-collapse: collapse;
+  overflow: hidden;
+  table-layout: fixed;
+  width: 100%;
+}
+.squiz-fte-scope .remirror-editor.ProseMirror td,
+.squiz-fte-scope .remirror-editor.ProseMirror th {
+  border-color: var(--rmr-color-table-default-border);
+  border-style: solid;
+  border-width: 1px;
+  box-sizing: border-box;
+  position: relative;
+  vertical-align: top;
+}
+.squiz-fte-scope .remirror-editor.ProseMirror .column-resize-handle {
+  background-color: var(--rmr-hue-blue-7);
+  bottom: 0;
+  pointer-events: none;
+  position: absolute;
+  right: -2px;
+  top: 0;
+  width: 4px;
+  z-index: 40;
+}
+.squiz-fte-scope .remirror-editor.ProseMirror.resize-cursor {
+  cursor: ew-resize;
+  cursor: col-resize;
+}
+.squiz-fte-scope .remirror-editor.ProseMirror td.selectedCell,
+.squiz-fte-scope .remirror-editor.ProseMirror th.selectedCell {
+  background-color: var(--rmr-color-table-selected-cell);
+  border-color: var(--rmr-color-table-selected-border);
+  border-style: double;
+}
+.squiz-fte-scope .remirror-table-colgroup > col:first-of-type {
+  overflow: visible;
+  width: 13px;
+}
+.squiz-fte-scope .remirror-controllers-toggle {
+  visibility: hidden;
+}
+.squiz-fte-scope .remirror-table-show-controllers .remirror-controllers-toggle {
+  visibility: visible;
+}
+.squiz-fte-scope .remirror-table-insert-button {
+  background-color: #dcdcdc;
+  border-radius: 4px;
+  cursor: pointer;
+  height: 18px;
+  position: absolute;
+  transition: background-color 0.15s ease;
+  width: 18px;
+  z-index: 25;
+}
+.squiz-fte-scope .remirror-table-insert-button svg {
+  fill: #fff;
+}
+.squiz-fte-scope .remirror-table-insert-button:hover {
+  background-color: #136bda;
+}
+.squiz-fte-scope .remirror-table-insert-button:hover svg {
+  fill: #fff;
+}
+.squiz-fte-scope .remirror-table-delete-inner-button {
+  background-color: #cecece;
+  border: none;
+  border-radius: 4px;
+  cursor: pointer;
+  height: 18px;
+  padding: 0;
+  position: absolute;
+  transition: background-color 0.15s ease;
+  width: 18px;
+  z-index: 30;
+}
+.squiz-fte-scope .remirror-table-delete-inner-button:hover {
+  background-color: #ff7884;
+}
+.squiz-fte-scope .remirror-table-delete-table-inner-button {
+  left: calc(var(--remirror-table-delete-button-x) - 9px);
+  top: calc(var(--remirror-table-delete-button-y) - 9px);
+}
+.squiz-fte-scope .remirror-table-delete-row-column-inner-button {
+  left: calc(var(--remirror-table-delete-row-column-button-x) - 9px);
+  top: calc(var(--remirror-table-delete-row-column-button-y) - 9px);
+}
+.squiz-fte-scope .remirror-table-with-controllers {
+  height: 1px;
+  margin-bottom: 40px;
+  margin-top: 40px;
+}
+.squiz-fte-scope .ProseMirror table.remirror-table-with-controllers {
+  overflow: visible;
+}
+.squiz-fte-scope .remirror-table-waitting-controllers {
+  display: none;
+}
+.squiz-fte-scope .remirror-table-tbody-with-controllers > tr:first-of-type {
+  height: 12px;
+  overflow: visible;
+}
+.squiz-fte-scope .remirror-table-tbody-with-controllers > tr:first-of-type th:first-of-type {
+  cursor: pointer;
+  height: 12px;
+  overflow: visible;
+  padding: 0;
+  position: relative;
+  width: 12px;
+  z-index: 15;
+}
+.squiz-fte-scope .remirror-table-tbody-with-controllers > tr:first-of-type th:first-of-type div.remirror-table-controller-wrapper {
+  align-items: flex-end;
+  display: flex;
+  height: 12px;
+  justify-content: flex-end;
+  overflow: visible;
+  width: 12px;
+}
+.squiz-fte-scope .remirror-table-tbody-with-controllers > tr:first-of-type th:first-of-type div.remirror-table-controller-trigger-area {
+  display: none;
+  flex: 1;
+  position: relative;
+  z-index: 10;
+}
+.squiz-fte-scope .remirror-table-tbody-with-controllers > tr:first-of-type th:first-of-type div.remirror-table-controller-mark-row-corner {
+  border-color: var(--rmr-color-table-mark);
+  border-radius: 50%;
+  border-style: solid;
+  border-width: 2px;
+  bottom: -2px;
+  height: 0;
+  left: -12px;
+  position: absolute;
+  width: 0;
+}
+.squiz-fte-scope .remirror-table-tbody-with-controllers > tr:first-of-type th:first-of-type div.remirror-table-controller-mark-column-corner {
+  border-color: var(--rmr-color-table-mark);
+  border-radius: 50%;
+  border-style: solid;
+  border-width: 2px;
+  height: 0;
+  position: absolute;
+  right: -2px;
+  top: -12px;
+  width: 0;
+}
+.squiz-fte-scope .remirror-table-tbody-with-controllers > tr:first-of-type th:nth-of-type(n + 2) {
+  cursor: pointer;
+  height: 12px;
+  overflow: visible;
+  padding: 0;
+  position: relative;
+  z-index: 15;
+}
+.squiz-fte-scope .remirror-table-tbody-with-controllers > tr:first-of-type th:nth-of-type(n + 2) div.remirror-table-controller-wrapper {
+  align-items: flex-end;
+  display: flex;
+  flex-direction: row;
+  height: 12px;
+  justify-content: flex-end;
+  overflow: visible;
+  width: 100%;
+}
+.squiz-fte-scope .remirror-table-tbody-with-controllers > tr:first-of-type th:nth-of-type(n + 2) div.remirror-table-controller-trigger-area {
+  flex: 1;
+  height: 36px;
+  position: relative;
+  z-index: 10;
+}
+.squiz-fte-scope .remirror-table-tbody-with-controllers > tr:first-of-type th:nth-of-type(n + 2) div.remirror-table-controller-mark-row-corner {
+  display: none;
+}
+.squiz-fte-scope .remirror-table-tbody-with-controllers > tr:first-of-type th:nth-of-type(n + 2) div.remirror-table-controller-mark-column-corner {
+  border-color: var(--rmr-color-table-mark);
+  border-radius: 50%;
+  border-style: solid;
+  border-width: 2px;
+  height: 0;
+  position: absolute;
+  right: -2px;
+  top: -12px;
+  width: 0;
+}
+.squiz-fte-scope .remirror-table-tbody-with-controllers > tr:nth-of-type(n + 2) th {
+  cursor: pointer;
+  overflow: visible;
+  padding: 0;
+  position: relative;
+  width: 12px;
+  z-index: 15;
+}
+.squiz-fte-scope .remirror-table-tbody-with-controllers > tr:nth-of-type(n + 2) th div.remirror-table-controller-wrapper {
+  align-items: flex-end;
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  justify-content: flex-end;
+  overflow: visible;
+  width: 12px;
+}
+.squiz-fte-scope .remirror-table-tbody-with-controllers > tr:nth-of-type(n + 2) th div.remirror-table-controller-trigger-area {
+  flex: 1;
+  position: relative;
+  width: 36px;
+  z-index: 10;
+}
+.squiz-fte-scope .remirror-table-tbody-with-controllers > tr:nth-of-type(n + 2) th div.remirror-table-controller-mark-row-corner {
+  border-color: var(--rmr-color-table-mark);
+  border-radius: 50%;
+  border-style: solid;
+  border-width: 2px;
+  bottom: -2px;
+  height: 0;
+  left: -12px;
+  position: absolute;
+  width: 0;
+}
+.squiz-fte-scope .remirror-table-tbody-with-controllers > tr:nth-of-type(n + 2) th div.remirror-table-controller-mark-column-corner {
+  display: none;
+}
+.squiz-fte-scope .remirror-table-tbody-with-controllers th.remirror-table-controller {
+  background-color: var(--rmr-color-table-default-controller);
+}
+.squiz-fte-scope .remirror-table-tbody-with-controllers th.selectedCell.remirror-table-controller {
+  background-color: var(--rmr-color-table-selected-controller);
+}
+.squiz-fte-scope .remirror-table-show-predelete td.selectedCell,
+.squiz-fte-scope .remirror-table-show-predelete th.selectedCell.remirror-table-controller {
+  background-color: var(--rmr-color-table-predelete-cell) !important;
+  border-color: var(--rmr-color-table-predelete-border) !important;
+}
+.squiz-fte-scope .remirror-table-show-predelete th.selectedCell.remirror-table-controller {
+  background-color: var(--rmr-color-table-predelete-controller) !important;
+}
+.squiz-fte-scope .remirror-table-show-predelete.remirror-table-preselect-all td,
+.squiz-fte-scope .remirror-table-show-predelete.remirror-table-preselect-all th.remirror-table-controller {
+  background-color: var(--rmr-color-table-predelete-cell) !important;
+  border-color: var(--rmr-color-table-predelete-border) !important;
+}
+.squiz-fte-scope .remirror-table-show-predelete.remirror-table-preselect-all th.remirror-table-controller {
+  background-color: var(--rmr-color-table-predelete-controller) !important;
+}
+.squiz-fte-scope .editor-toolbar,
+.squiz-fte-scope__floating-popover {
+  border-top-left-radius: 8px;
+  border-top-right-radius: 8px;
+  background-color: transparent;
+}
+.squiz-fte-scope .editor-toolbar__tools {
+  display: flex;
+  width: 100%;
+  flex-wrap: wrap;
+  justify-items: center;
+  border-bottom-width: 2px;
+  border-style: solid;
+  --tw-border-opacity: 1;
+  border-color: rgb(237 237 237 / var(--tw-border-opacity));
+  padding: 0.25rem;
+}
+.squiz-fte-scope .editor-toolbar__tools > *:not(:first-child, .MuiDivider-root) {
+  margin: 0 0 0 2px;
+}
+.squiz-fte-scope .editor-toolbar__tools .MuiDivider-root {
+  margin-top: 0px;
+  margin-bottom: 0px;
+  margin-left: 0.25rem;
+  margin-right: 0.25rem;
+  border-width: 1px;
+  margin-right: 2px;
+  height: auto;
+}
+.squiz-fte-scope .editor-toolbar__tools .squiz-fte-btn {
+  padding: 0.25rem;
+  font-weight: 700;
+}
+.squiz-fte-scope .editor-toolbar__tools .squiz-fte-btn ~ .squiz-fte-btn {
+  margin-left: 2px;
+}
+.squiz-fte-scope .header-toolbar {
+  transition-duration: 0.3s;
+  transition-property: max-height, opacity;
+  transition-timing-function: ease-out;
+  opacity: 0;
+  max-height: 0;
+}
+.squiz-fte-scope .header-toolbar.show-toolbar {
+  opacity: 1;
+  max-height: 108px;
+}
+.squiz-fte-scope__floating-popover {
+  display: flex;
+  border-radius: 6px;
+  border-width: 1px;
+  --tw-border-opacity: 1;
+  border-color: rgb(237 237 237 / var(--tw-border-opacity));
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+  padding: 0.25rem;
+  --tw-shadow: 0 0 0 1px rgba(0,0,0,0.04), 0 1px 12px 4px rgba(0,0,0,0.12);
+  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 1px 12px 4px var(--tw-shadow-color);
+  box-shadow:
+    var(--tw-ring-offset-shadow, 0 0 #0000),
+    var(--tw-ring-shadow, 0 0 #0000),
+    var(--tw-shadow);
+}
+.squiz-fte-scope__floating-popover .MuiDivider-root {
+  margin-top: 0px;
+  margin-bottom: 0px;
+}
+.squiz-fte-scope button.squiz-fte-btn {
+  border-radius: 8px;
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+  font-weight: 700;
+  --tw-text-opacity: 1;
+  color: rgb(112 112 112 / var(--tw-text-opacity));
+  transition-property: all;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+  transition-timing-function: linear;
+  display: flex;
+  align-items: center;
+  text-align: center;
+  white-space: nowrap;
+  vertical-align: middle;
+  touch-action: manipulation;
+  cursor: pointer;
+  background-image: none;
+  border: 1px solid transparent;
+  padding: 6px 12px;
+}
+.squiz-fte-scope button.squiz-fte-btn--is-icon {
+  padding: 6px;
+}
+.squiz-fte-scope button.squiz-fte-btn ~ .squiz-fte-btn {
+  margin-left: 2px;
+}
+.squiz-fte-scope button.squiz-fte-btn.disabled,
+.squiz-fte-scope button.squiz-fte-btn[disabled] {
+  cursor: not-allowed;
+  opacity: 0.5;
+}
+.squiz-fte-scope button.squiz-fte-btn:hover,
+.squiz-fte-scope button.squiz-fte-btn:focus {
+  background-color: rgba(0, 0, 0, 0.04);
+}
+.squiz-fte-scope button.squiz-fte-btn--is-active,
+.squiz-fte-scope button.squiz-fte-btn:active {
+  --tw-bg-opacity: 1;
+  background-color: rgb(230 241 250 / var(--tw-bg-opacity));
+  --tw-text-opacity: 1;
+  color: rgb(7 116 210 / var(--tw-text-opacity));
+}
+.squiz-fte-scope .toolbar-dropdown__button {
+  display: flex;
+  align-items: center;
+  border-radius: 8px;
+  font-family:
+    Open Sans,
+    Arial,
+    sans-serif;
+  font-size: 0.875rem;
+  font-weight: 600;
+  --tw-text-opacity: 1;
+  color: rgb(112 112 112 / var(--tw-text-opacity));
+  align-self: center;
+  height: 2rem;
+  padding-left: 0.5rem;
+}
+.squiz-fte-scope .toolbar-dropdown__button:active,
+.squiz-fte-scope .toolbar-dropdown__button:hover,
+.squiz-fte-scope .toolbar-dropdown__button:focus {
+  background-color: rgba(0, 0, 0, 0.04);
+}
+.squiz-fte-scope .toolbar-dropdown__button .toolbar-dropdown__label {
+  display: inline-flex;
+  width: 7rem;
+}
+.squiz-fte-scope .toolbar-dropdown__button .toolbar-dropdown__icon {
+  width: 1rem;
+  height: 1.5rem;
+}
+.squiz-fte-scope .toolbar-dropdown__menu {
+  border-radius: 8px;
+  border-width: 1px;
+  --tw-border-opacity: 1;
+  border-color: rgb(224 224 224 / var(--tw-border-opacity));
+  --tw-shadow: 0 0 0 1px rgba(0,0,0,0.04), 0 1px 4px 2px rgba(0,0,0,0.08);
+  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 1px 4px 2px var(--tw-shadow-color);
+  box-shadow:
+    var(--tw-ring-offset-shadow, 0 0 #0000),
+    var(--tw-ring-shadow, 0 0 #0000),
+    var(--tw-shadow);
+  position: absolute;
+  margin-top: 0.75rem;
+}
+.squiz-fte-scope .dropdown-button {
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
+  --tw-text-opacity: 1;
+  color: rgb(112 112 112 / var(--tw-text-opacity));
+  height: 40px;
+  width: 100%;
+  justify-content: space-between;
+  align-items: center;
+  display: flex;
+}
+.squiz-fte-scope .dropdown-button:hover,
+.squiz-fte-scope .dropdown-button:focus {
+  background-color: rgba(0, 0, 0, 0.04);
+}
+.squiz-fte-scope .dropdown-button svg {
+  font-size: 18px;
+}
+.squiz-fte-scope .dropdown-button .dropdown-button-label {
+  display: flex;
+  align-items: center;
+  font-size: 14px;
+  gap: 5px;
+}
+.squiz-fte-scope .squiz-fte-checkbox {
+  --tw-text-opacity: 1;
+  color: rgb(61 61 61 / var(--tw-text-opacity));
+  font-size: 14px;
+  display: flex;
+  align-items: center;
+  margin-top: 0.75rem;
+  gap: 0.75rem;
+}
+.squiz-fte-scope .squiz-fte-checkbox .checkbox {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 1.25rem;
+  height: 1.25rem;
+  background-color: #fff;
+  border: 2px solid #e0e0e0;
+  border-radius: 4px;
+}
+.squiz-fte-scope .squiz-fte-checkbox .checkbox svg {
+  width: 100%;
+}
+.squiz-fte-scope .collapse-box {
+  border-radius: 0.5rem;
+  --tw-bg-opacity: 1;
+  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
+  padding: 0.5rem;
+  --tw-text-opacity: 1;
+  color: rgb(61 61 61 / var(--tw-text-opacity));
+}
+.squiz-fte-scope .collapse-box__header {
+  display: flex;
+  width: 100%;
+  align-items: center;
+}
+.squiz-fte-scope .collapse-box__label {
+  margin-left: 0.5rem;
+  margin-right: auto;
+  text-align: left;
+}
+.squiz-fte-scope .collapse-box__icon {
+  --tw-text-opacity: 1;
+  color: rgb(112 112 112 / var(--tw-text-opacity));
+}
+.squiz-fte-scope .collapse-box__icon--warning {
+  --tw-text-opacity: 1;
+  color: rgb(215 35 33 / var(--tw-text-opacity));
+}
+.squiz-fte-scope .collapse-box__content {
+  margin-top: 0.5rem;
+  border-radius: 0.5rem;
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+  padding: 0.5rem;
+}
+.squiz-fte-scope .squiz-fte-modal {
+  display: flex;
+  width: 100%;
+  flex-direction: column;
+  border-width: 0px;
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+  font-family:
+    Open Sans,
+    Arial,
+    sans-serif;
+  --tw-shadow: 0 0 0 1px rgba(0,0,0,0.04), 0 1px 24px 12px rgba(0,0,0,0.12);
+  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 1px 24px 12px var(--tw-shadow-color);
+  box-shadow:
+    var(--tw-ring-offset-shadow, 0 0 #0000),
+    var(--tw-ring-shadow, 0 0 #0000),
+    var(--tw-shadow);
+  border-radius: 8px;
+}
+.squiz-fte-scope .squiz-fte-modal-wrapper {
+  position: fixed;
+  top: 0px;
+  right: 0px;
+  bottom: 0px;
+  left: 0px;
+  z-index: 50;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  overflow-y: auto;
+  overflow-x: hidden;
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+}
+.squiz-fte-scope .squiz-fte-modal-wrapper:focus {
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+}
+.squiz-fte-scope .squiz-fte-modal-header {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+}
+.squiz-fte-scope .squiz-fte-modal-content {
+  position: relative;
+  flex: 1 1 auto;
+  padding-left: 1.5rem;
+  padding-right: 1.5rem;
+}
+.squiz-fte-scope .squiz-fte-modal-footer {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  border-bottom-right-radius: 8px;
+  border-bottom-left-radius: 8px;
+}
+.squiz-fte-scope .squiz-fte-modal-footer__button {
+  font-size: 0.875rem;
+  font-weight: 700;
+}
+.squiz-fte-scope .editor-toolbar__tools .squiz-fte-modal-footer__button {
+  padding: 0.25rem;
+  font-weight: 700;
+}
+.squiz-fte-scope .editor-toolbar__tools .squiz-fte-modal-footer__button ~ .squiz-fte-btn {
+  margin-left: 2px;
+}
+.squiz-fte-scope button.squiz-fte-modal-footer__button {
+  border-radius: 8px;
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+  font-weight: 700;
+  --tw-text-opacity: 1;
+  color: rgb(112 112 112 / var(--tw-text-opacity));
+  transition-property: all;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+  transition-timing-function: linear;
+  display: flex;
+  align-items: center;
+  text-align: center;
+  white-space: nowrap;
+  vertical-align: middle;
+  touch-action: manipulation;
+  cursor: pointer;
+  background-image: none;
+  border: 1px solid transparent;
+  padding: 6px 12px;
+}
+.squiz-fte-scope button.squiz-fte-modal-footer__button ~ .squiz-fte-btn {
+  margin-left: 2px;
+}
+.squiz-fte-scope button.squiz-fte-modal-footer__button.disabled,
+.squiz-fte-scope button.squiz-fte-modal-footer__button[disabled] {
+  cursor: not-allowed;
+  opacity: 0.5;
+}
+.squiz-fte-scope button.squiz-fte-modal-footer__button:hover,
+.squiz-fte-scope button.squiz-fte-modal-footer__button:focus {
+  background-color: rgba(0, 0, 0, 0.04);
+}
+.squiz-fte-scope button.squiz-fte-modal-footer__button:active {
+  --tw-bg-opacity: 1;
+  background-color: rgb(230 241 250 / var(--tw-bg-opacity));
+  --tw-text-opacity: 1;
+  color: rgb(7 116 210 / var(--tw-text-opacity));
+}
+.squiz-fte-scope .hover\:bg-blue-400:hover {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(4 73 133 / var(--tw-bg-opacity)) !important;
+}
+.squiz-fte-scope .hover\:bg-gray-100:hover {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(245 245 245 / var(--tw-bg-opacity)) !important;
+}
+.squiz-fte-scope .hover\:bg-gray-300:hover {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(224 224 224 / var(--tw-bg-opacity)) !important;
+}
+.squiz-fte-scope .focus\:border-blue-300:focus {
+  --tw-border-opacity: 1 !important;
+  border-color: rgb(7 116 210 / var(--tw-border-opacity)) !important;
+}
+.squiz-fte-scope .focus\:outline-none:focus {
+  outline: 2px solid transparent !important;
+  outline-offset: 2px !important;
+}