html:not(.dark) .bard-editor .bard-content span[data-light-color]{background-color:#73808c80}html.dark .bard-editor .bard-content span[data-dark-color]{background-color:#ffffff40}.ndx-text-color{width:14rem;padding:.5rem .25rem}.ndx-text-color .ndx-text-color-swatches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;padding:.5rem .75rem;max-height:13rem;overflow:auto}:is(.ndx-text-color .ndx-text-color-swatches) button{display:flex;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;border:1px solid #dde3e9;border-radius:.25rem;cursor:pointer}.ndx-text-color-swatch-reset:is(:is(.ndx-text-color .ndx-text-color-swatches) button){background-image:repeating-linear-gradient(-45deg,#fafcff 0,#fafcff 8px,#eef2f6 8px,#eef2f6 10px)}html.dark :is(:is(.ndx-text-color .ndx-text-color-swatches) button){border-color:#171717}.ndx-text-color-swatch-reset:is(html.dark :is(:is(.ndx-text-color .ndx-text-color-swatches) button)){background-image:repeating-linear-gradient(-45deg,#3b3f41 0,#3b3f41 8px,#242628 8px,#242628 10px)}:is(:is(.ndx-text-color .ndx-text-color-swatches) button) svg{width:50%;height:50%;background:#0000001a;border-radius:100%;padding:.2rem}.ndx-text-color .ndx-text-color-form{display:flex;align-items:center;gap:1rem;padding:.5rem .75rem}:is(.ndx-text-color .ndx-text-color-form) .input-text{display:flex;height:2.5rem;padding:0;margin:0;box-shadow:none!important}:is(:is(.ndx-text-color .ndx-text-color-form) .input-text) .ndx-text-color-input{position:relative;width:100%;height:100%}:is(:is(:is(.ndx-text-color .ndx-text-color-form) .input-text) .ndx-text-color-input) input[type=color]{cursor:pointer;width:100%;height:100%;padding:0 2px;margin:0;background:transparent;position:relative;transition:box-shadow .15s ease-in-out}:is(:is(:is(:is(.ndx-text-color .ndx-text-color-form) .input-text) .ndx-text-color-input) input[type=color]):focus,:is(:is(:is(:is(.ndx-text-color .ndx-text-color-form) .input-text) .ndx-text-color-input) input[type=color]):focus-within{box-shadow:inset 0 0 0 2px var(--tw-ring-color);border-radius:2px}@supports (-moz-appearance: none){:is(:is(:is(.ndx-text-color .ndx-text-color-form) .input-text) .ndx-text-color-input) input[type=color]{padding:3px}}:is(:is(:is(.ndx-text-color .ndx-text-color-form) .input-text) .ndx-text-color-input) .ndx-text-color-placeholder{position:absolute;top:2px;right:2px;bottom:2px;left:2px;background-image:repeating-linear-gradient(-45deg,#fafcff 0,#fafcff 12px,#eef2f6 12px,#eef2f6 15px);pointer-events:none;border:1px solid #d1d5db}html.dark :is(:is(:is(:is(.ndx-text-color .ndx-text-color-form) .input-text) .ndx-text-color-input) .ndx-text-color-placeholder){background-image:repeating-linear-gradient(-45deg,#3b3f41 0,#3b3f41 12px,#242628 12px,#242628 15px);border-color:#171717}:is(:is(.ndx-text-color .ndx-text-color-form) .input-text) button.ndx-text-color-reset{display:flex;justify-content:center;align-items:center;width:1.75rem;padding:0 .25rem 0 0;margin:0;flex-shrink:0;cursor:pointer;font-size:21px;opacity:.85}html:not(.dark) :is(:is(:is(.ndx-text-color .ndx-text-color-form) .input-text) button.ndx-text-color-reset){color:#73808c}:is(:is(:is(.ndx-text-color .ndx-text-color-form) .input-text) button.ndx-text-color-reset):hover{opacity:1}[disabled]:is(:is(:is(.ndx-text-color .ndx-text-color-form) .input-text) button.ndx-text-color-reset){opacity:.3;cursor:default}:is(.ndx-text-color .ndx-text-color-form) .btn-primary{min-width:3rem;height:2.5rem;padding:0 .5rem;margin:0}