diff --git a/wire/core/ProcessWire.php b/wire/core/ProcessWire.php index 4862c8e2..38af5785 100644 --- a/wire/core/ProcessWire.php +++ b/wire/core/ProcessWire.php @@ -80,7 +80,7 @@ class ProcessWire extends Wire { * Reversion revision number * */ - const versionRevision = 247; + const versionRevision = 248; /** * Version suffix string (when applicable) diff --git a/wire/modules/AdminTheme/AdminThemeUikit/AdminThemeUikit.module b/wire/modules/AdminTheme/AdminThemeUikit/AdminThemeUikit.module index fc3fbed0..da7a2f88 100644 --- a/wire/modules/AdminTheme/AdminThemeUikit/AdminThemeUikit.module +++ b/wire/modules/AdminTheme/AdminThemeUikit/AdminThemeUikit.module @@ -46,7 +46,7 @@ class AdminThemeUikit extends AdminThemeFramework implements Module, Configurabl public static function getModuleInfo() { return array( 'title' => 'Uikit', - 'version' => 35, + 'version' => 36, 'summary' => 'Uikit v3 admin theme', 'autoload' => 'template=admin', ); @@ -117,7 +117,7 @@ class AdminThemeUikit extends AdminThemeFramework implements Module, Configurabl $this->set('ukGrid', false); $this->set('configPhpHash', ''); $this->set('cssVersion', 0); - $this->set('themeName', ''); // @todo default + $this->set('themeName', 'default'); $this->set('themeInfos', array('z' => 'z')); // z=sleeping $this->setClasses(array( 'input' => 'uk-input', diff --git a/wire/modules/AdminTheme/AdminThemeUikit/_masthead.php b/wire/modules/AdminTheme/AdminThemeUikit/_masthead.php index c29582d5..74dc704a 100644 --- a/wire/modules/AdminTheme/AdminThemeUikit/_masthead.php +++ b/wire/modules/AdminTheme/AdminThemeUikit/_masthead.php @@ -15,10 +15,10 @@ $logoOptions = array('height' => '40px');
'> - - getLogo($logoOptions); ?> - -
+ + getLogo($logoOptions); ?> + +
@@ -60,11 +60,10 @@ $logoOptions = array('height' => '40px');
- layout, 'sidenav') === false) { - echo $adminTheme->renderNotices($notices); - echo $adminTheme->renderExtraMarkup('masthead'); - } - ?> - - + +themeName === 'default') echo ''; +if(strpos($adminTheme->layout, 'sidenav') === false) { + echo $adminTheme->renderNotices($notices) . $adminTheme->renderExtraMarkup('masthead'); +} +if($adminTheme->themeName != 'default') echo ''; diff --git a/wire/modules/AdminTheme/AdminThemeUikit/install-head.inc b/wire/modules/AdminTheme/AdminThemeUikit/install-head.inc index 8845d289..31099fea 100644 --- a/wire/modules/AdminTheme/AdminThemeUikit/install-head.inc +++ b/wire/modules/AdminTheme/AdminThemeUikit/install-head.inc @@ -4,8 +4,7 @@ if(!isset($title)) $title = 'Title'; if(!isset($formAction)) $formAction = './install.php'; $title = htmlentities($title, ENT_QUOTES, "UTF-8"); $formAction = htmlentities($formAction, ENT_QUOTES, "UTF-8"); -?> - +?> @@ -23,6 +22,8 @@ $formAction = htmlentities($formAction, ENT_QUOTES, "UTF-8"); + + "); + } + + function setButtonColor(value) { + $('.ui-button').css('background-color', value); + } + + $('#wrap_defaultStyleName').on('input', 'input', function() { + var styleName = $(this).val(); + $body.removeClass(styleClasses).addClass(styleName + '-theme'); + $('#defaultMainColor').trigger('input'); + setButtonColor(styleName === 'light' ? 'black' : getMainColor()); + }); + + $('#wrap_defaultMainColor').on('input', 'input', function() { + var value = 'main-color-' + $(this).val(); + var color = $(this).closest('label').find('.defaultMainColorLabel').css('background') || $('#defaultMainColorCustom').val(); + $body.removeClass(colorClasses).addClass(value); + setMainColor(color); + }); + + $('#defaultMainColorCustom').on('input', function() { + var value = $(this).val(); + $body.removeClass(colorClasses).addClass('main-color-custom'); + setMainColor(value); + }); + + $('.ui-button').on('mouseover', function() { + var color = getCurrentStyleName() === 'dark' ? 'white' : getMainColor(); + $(this).css('background-color', color); + }).on('mouseout', function() { + var color = getCurrentStyleName() === 'dark' ? getMainColor() : 'black'; + $(this).css('background-color', color); + }); +}); diff --git a/wire/modules/AdminTheme/AdminThemeUikit/themes/default/config.min.js b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/config.min.js new file mode 100644 index 00000000..e582fc44 --- /dev/null +++ b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/config.min.js @@ -0,0 +1 @@ +$(document).ready(function(){var colorClasses="main-color-red main-color-blue main-color-green main-color-custom";var styleClasses="light-theme dark-theme";var $body=$("body");function getCurrentStyleName(){if($body.hasClass("dark-theme"))return"dark";if($body.hasClass("light-theme"))return"light";var bgcolor=$("#pw-mastheads").css("background-color");bgcolor=bgcolor.replace(/[^0-9]/g,"").substring(0,3);$body.removeClass("auto-theme");var styleName=bgcolor==="000"?"dark":"light";$body.addClass(styleName+"-theme");return styleName}function getMainColor(){var $wrap=$("#wrap_defaultMainColor");var $f=$wrap.find("input:checked");if($f.val()==="custom")return $("#defaultMainColorCustom").val();return $f.closest("label").find(".defaultMainColorLabel").css("background-color")}function setMainColor(value){$("#main-color-custom").remove();$(".pw-logo-native").css("color",value);var styleName=getCurrentStyleName();setButtonColor(styleName==="dark"?value:"black");$("head").append("")}function setButtonColor(value){$(".ui-button").css("background-color",value)}$("#wrap_defaultStyleName").on("input","input",function(){var styleName=$(this).val();$body.removeClass(styleClasses).addClass(styleName+"-theme");$("#defaultMainColor").trigger("input");setButtonColor(styleName==="light"?"black":getMainColor())});$("#wrap_defaultMainColor").on("input","input",function(){var value="main-color-"+$(this).val();var color=$(this).closest("label").find(".defaultMainColorLabel").css("background")||$("#defaultMainColorCustom").val();$body.removeClass(colorClasses).addClass(value);setMainColor(color)});$("#defaultMainColorCustom").on("input",function(){var value=$(this).val();$body.removeClass(colorClasses).addClass("main-color-custom");setMainColor(value)});$(".ui-button").on("mouseover",function(){var color=getCurrentStyleName()==="dark"?"white":getMainColor();$(this).css("background-color",color)}).on("mouseout",function(){var color=getCurrentStyleName()==="dark"?getMainColor():"black";$(this).css("background-color",color)})}); \ No newline at end of file diff --git a/wire/modules/AdminTheme/AdminThemeUikit/themes/default/config.php b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/config.php new file mode 100644 index 00000000..c83d3fa6 --- /dev/null +++ b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/config.php @@ -0,0 +1,120 @@ +themeName === 'default') { + $adminTheme->wire()->config->scripts->add($adminTheme->url() . 'themes/default/config.js'); +} + +$inputfields->label = __('Default theme settings'); +$inputfields->description = __('This default theme is created by Diogo Oliveira and Jan Ploch at [KONKAT STUDIO](https://konkat.studio/).'); +$inputfields->icon = 'sliders'; + +$f = $inputfields->InputfieldRadios; +$f->attr('id+name', 'defaultStyleName'); +$f->label = __('Would you like to default to light or dark mode?'); +$f->description = + __('This setting is used for users that have not specifically chosen light or dark mode.') . ' ' . + __('When “Auto” is selected, the mode will be determined from the user’s browser or OS setting.'); +$f->notes = __('Individual users can also choose light/dark/auto mode from the user tools menu.'); +$f->addOption('light', __('Light')); +$f->addOption('dark', __('Dark')); +$f->addOption('auto', __('Auto') . ' ' . + '[span.detail] ' . __('(use browser/OS setting)') . ' [/span]' ); +$f->optionColumns = 1; +$value = $adminTheme->get('defaultStyleName'); +if(empty($value)) $value = 'auto'; +$f->val($value); +$inputfields->add($f); + +$f = $inputfields->InputfieldRadios; +$f->attr('id+name', 'defaultMainColor'); +$f->label = __('Main color'); +$span = "%s"; +$f->addOption('red', sprintf($span, '#eb1d61', __('Red'))); +$f->addOption('green', sprintf($span, '#14ae85', __('Green'))); +$f->addOption('blue', sprintf($span, '#2380e6', __('Blue'))); +$f->addOption('custom', __('Custom color picker…')); +$f->optionColumns = 1; +$f->entityEncodeText = false; +$f->columnWidth = 50; +$value = $adminTheme->get('defaultMainColor'); +if(empty($value)) $value = 'red'; +$f->val($value); +$inputfields->add($f); + +$f = $inputfields->InputfieldText; +$f->attr('id+name', 'defaultMainColorCustom'); +$f->label = __('Custom color'); +$f->attr('type', 'color'); +$f->showIf = 'defaultMainColor=custom'; +$f->skipLabel = Inputfield::skipLabelHeader; +$f->appendMarkup .= " ← " . __('Click to select a custom color') . ""; +$f->attr('style', 'width: 45px; padding: 1px 4px'); +$value = (string) $adminTheme->get($f->attr('name')); +if(empty($value)) $value = '#eb1d61'; +if(ctype_alnum(ltrim($value, '#'))) $f->val($value); +$inputfields->add($f); + +$f = $inputfields->InputfieldCheckboxes; +$f->attr('id+name', 'defaultToggles'); +$f->label = __('Toggles'); +$f->addOption('noUserMenu', + __('Disable light/dark/auto setting in user tools menu?') . ' ' . + '[span.detail] ' . __('(this prevents users from making their own dark/light mode selection)') . ' [/span]' +); +$value = $adminTheme->get($f->name); +if(is_array($value)) $f->val($value); +$inputfields->add($f); + +$url = $adminTheme->url() . 'themes/default/examples/'; +$cssExamples = [ + __('Borderless') => $url . 'borderless.css', + __('Masthead') => $url . 'masthead.css', + __('Minimal') => $url . 'minimal.css', +]; +foreach($cssExamples as $label => $url) { + $cssExamples[$label] = "[$label]($url)"; +} +$cssExamples = __('Examples:') . ' ' . implode(', ', $cssExamples); + +$f = $inputfields->InputfieldURL; +$f->attr('name', 'defaultCustomCssFile'); +$f->label = __('Custom CSS file'); +$f->icon = 'css3'; +$f->description = __('Enter a local URL (without scheme) relative to installation root, i.e. `/site/templates/styles/admin.css`'); +$f->notes = $cssExamples; +$f->val((string) $adminTheme->get('defaultCustomCssFile')); +$f->allowQuotes = false; +$f->allowIDN = false; +$f->collapsed = Inputfield::collapsedBlank; +$inputfields->add($f); + +$f->addHookAfter('processInput', function(HookEvent $e) { + $f = $e->object; /** @var InputfieldURL $f */ + $value = (string) $f->val(); + if(strpos($value, '//') !== false) { + $f->error(__('Do not include scheme (http, https) in your URL')); + $f->val(''); + } else if($value) { + $file = $e->wire()->config->paths->root . ltrim($value, '/'); + if(!file_exists($file)) { + $f->error(sprintf(__('File does not exist: %s'), $file)); + } + } +}); + +if($adminTheme->wire()->config->advanced) { + $f = $inputfields->InputfieldTextarea; + $f->attr('name', 'defaultCustomCss'); + $f->label = __('Custom CSS'); + $f->icon = 'css3'; + $f->description = __('Available in advanced mode only.'); + $f->notes = $cssExamples; + $f->attr('style', 'font-family: Monaco, monospace'); + $f->collapsed = Inputfield::collapsedBlank; + $value = (string) $adminTheme->get('defaultCustomCss'); + $f->val(trim($value)); + $inputfields->add($f); +} diff --git a/wire/modules/AdminTheme/AdminThemeUikit/themes/default/content.css b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/content.css new file mode 100644 index 00000000..bd70069f --- /dev/null +++ b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/content.css @@ -0,0 +1,258 @@ +@import url("./admin-custom.css"); + +.mce-content-body { + font-family: "Inter", system-ui, sans-serif; + line-height: 1.5; + margin: 1rem; + font-size: 16px; + color: var(--text-color, #333); + background: var(--inputs-background, #f8f8f8); +} +a { + text-underline-offset: 0.125em; +} +.mce-content-body small { + font-size: 14px; +} +.mce-content-body strong, +.mce-content-body strong em, +.mce-content-body em strong { + font-weight: bold; +} +.mce-content-body em { + font-style: italic; +} +.mce-content-body h1, +.mce-content-body h2, +.mce-content-body h3, +.mce-content-body h4, +.mce-content-body h5, +.mce-content-body h6 { + color: var(--text-color, #222); + font-weight: bold; + line-height: 1.2em; + text-transform: none; + margin: 1rem 0; +} +.mce-content-body h1 { + font-size: 2rem; +} +.mce-content-body h2 { + font-size: 1.7rem; +} +.mce-content-body h3 { + font-size: 1.5rem; +} +.mce-content-body h4 { + font-size: 1.3rem; +} +.mce-content-body h5 { + font-size: 1.2rem; +} +.mce-content-body h6 { + font-size: 1.1rem; +} +.mce-content-body hr { + border-style: solid; + border-width: 1px 0 0 0; +} +.mce-content-body code { + border-radius: 3px; + padding: 0.1rem 0.2rem; + background-color: var(--muted-color, #f5f2f0); + color: var(--text-color, #222); + font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace; +} +.mce-content-body a { + color: var(--main-color, #0782c1); + text-decoration: underline; +} +.mce-content-body table:not([cellpadding]) td, +.mce-content-body table:not([cellpadding]) th { + padding: 0.4rem; +} +.mce-content-body + table[border]:not([border="0"]):not([style*="border-width"]) + td, +.mce-content-body + table[border]:not([border="0"]):not([style*="border-width"]) + th { + border-width: 1px; +} +.mce-content-body + table[border]:not([border="0"]):not([style*="border-style"]) + td, +.mce-content-body + table[border]:not([border="0"]):not([style*="border-style"]) + th { + border-style: solid; +} +.mce-content-body + table[border]:not([border="0"]):not([style*="border-color"]) + td, +.mce-content-body + table[border]:not([border="0"]):not([style*="border-color"]) + th { + border-color: var(--border-color, #ccc); +} +.mce-content-body span[lang] { + font-style: italic; +} +.mce-content-body table { + border-collapse: collapse; +} +.mce-content-body blockquote { + color: var(--text-color, #333); + border-color: var(--border-color, #ccc); + font-style: italic; + font-family: Georgia, Times, "Times New Roman", serif; + margin: 0; + padding: 0 1rem; +} +.mce-content-body:not([dir="rtl"]) blockquote { + border-left: 1px solid; + margin-left: 1.5rem; + padding-left: 1rem; +} +.mce-content-body[dir="rtl"] blockquote { + border-right: 2px solid; + margin-right: 1.5rem; + padding-right: 1rem; +} +.mce-content-body figure { + display: table; + margin-top: 1rem; + margin-bottom: 1rem; +} +.mce-content-body figure:first-child { + margin-top: 0; +} +.mce-content-body figure figcaption { + margin-top: 5px; + display: table-caption; + caption-side: bottom; + line-height: 1.3em; + font-size: 14px; + color: #999; + color: var(--muted-text, #999); +} +.mce-content-body .align_right, +.mce-content-body .align-right, +.mce-content-body .right { + text-align: right; + float: none; +} +.mce-content-body .align_left, +.mce-content-body .align-left, +.mce-content-body .left { + text-align: left; + float: none; +} +.mce-content-body .align_center, +.mce-content-body .align-center, +.mce-content-body .center { + text-align: center; +} +.mce-content-body .align_full, +.mce-content-body .align-full, +.mce-content-body .full { + text-align: justify; +} +.mce-content-body img.align_right, +.mce-content-body img.align-right, +.mce-content-body img.right, +.mce-content-body figure.align_right, +.mce-content-body figure.align-right, +.mce-content-body figure.right, +.mce-content-body table.align_right, +.mce-content-body table.align-right, +.mce-content-body table.right { + text-align: initial; + float: right; + margin-left: 1rem; + margin-right: 0; + margin-top: 0; +} +.mce-content-body img.align_left, +.mce-content-body img.align-left, +.mce-content-body img.left, +.mce-content-body figure.align_left, +.mce-content-body figure.align-left, +.mce-content-body figure.left, +.mce-content-body table.align_left, +.mce-content-body table.align-left, +.mce-content-body table.left { + text-align: initial; + float: left; + margin-top: 0; + margin-left: 0; + margin-right: 1rem; +} +.mce-content-body img.align_center, +.mce-content-body img.align-center, +.mce-content-body img.center, +.mce-content-body figure.align_center, +.mce-content-body figure.align-center, +.mce-content-body figure.center, +.mce-content-body table.align_center, +.mce-content-body table.align-center, +.mce-content-body table.center { + text-align: initial; + display: block; + margin-left: auto; + margin-right: auto; +} +.mce-content-body img.align_full, +.mce-content-body img.align-full, +.mce-content-body img.full, +.mce-content-body figure.align_full, +.mce-content-body figure.align-full, +.mce-content-body figure.full, +.mce-content-body table.align_full, +.mce-content-body table.align-full, +.mce-content-body table.full { + text-align: initial; + width: 100%; +} +.mce-content-body img { + max-width: 100%; +} +.mce-content-body img.align_center, +.mce-content-body img.align-center, +.mce-content-body img.center { + display: block; +} +.mce-content-body img:hover { + opacity: 0.9; + filter: alpha(opacity=90); +} +a > .mce-content-body img { + padding: 1px; + margin: 1px; + border: none; + outline: 1px solid var(--main-color, #0782c1); +} +.mce-content-body pre { + color: #333; + border: 1px dashed var(--border-color, #ccc); + padding: 0.5rem 1rem !important; + white-space: pre-wrap; + word-wrap: break-word; + -moz-tab-size: 4; + -o-tab-size: 4; + -webkit-tab-size: 4; + tab-size: 4; +} +.mce-content-body pre code { + background-color: initial; +} +.mce-content-body pre[class*="language-"] { + font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace; + font-size: 0.9375rem; + background: #f5f2f0; + margin: 0.5em 0; + padding: 0.5rem 1rem; + color: var(--muted-color, #777); +} + +/*# sourceMappingURL=wire.css.map */ diff --git a/wire/modules/AdminTheme/AdminThemeUikit/themes/default/content.inline.css b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/content.inline.css new file mode 100644 index 00000000..961649cc --- /dev/null +++ b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/content.inline.css @@ -0,0 +1 @@ +/* intentionally blank */ diff --git a/wire/modules/AdminTheme/AdminThemeUikit/themes/default/content.inline.min.css b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/content.inline.min.css new file mode 100644 index 00000000..961649cc --- /dev/null +++ b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/content.inline.min.css @@ -0,0 +1 @@ +/* intentionally blank */ diff --git a/wire/modules/AdminTheme/AdminThemeUikit/themes/default/content.min.css b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/content.min.css new file mode 100644 index 00000000..f42c1437 --- /dev/null +++ b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/content.min.css @@ -0,0 +1 @@ +.mce-content-body{font-family:Inter,system-ui,sans-serif;line-height:1.5;margin:1rem;font-size:16px;color:var(--text-color,#333);background:var(--inputs-background,#f8f8f8)}a{text-underline-offset:.125em}.mce-content-body small{font-size:14px}.mce-content-body em strong,.mce-content-body strong,.mce-content-body strong em{font-weight:700}.mce-content-body em{font-style:italic}.mce-content-body h1,.mce-content-body h2,.mce-content-body h3,.mce-content-body h4,.mce-content-body h5,.mce-content-body h6{color:var(--text-color,#222);font-weight:700;line-height:1.2em;text-transform:none;margin:1rem 0}.mce-content-body h1{font-size:2rem}.mce-content-body h2{font-size:1.7rem}.mce-content-body h3{font-size:1.5rem}.mce-content-body h4{font-size:1.3rem}.mce-content-body h5{font-size:1.2rem}.mce-content-body h6{font-size:1.1rem}.mce-content-body hr{border-style:solid;border-width:1px 0 0 0}.mce-content-body code{border-radius:3px;padding:.1rem .2rem;background-color:var(--muted-color,#f5f2f0);color:var(--text-color,#222);font-family:Consolas,Monaco,"Andale Mono","Ubuntu Mono",monospace}.mce-content-body a{color:var(--main-color,#0782c1);text-decoration:underline}.mce-content-body table:not([cellpadding]) td,.mce-content-body table:not([cellpadding]) th{padding:.4rem}.mce-content-body table[border]:not([border="0"]):not([style*=border-width]) td,.mce-content-body table[border]:not([border="0"]):not([style*=border-width]) th{border-width:1px}.mce-content-body table[border]:not([border="0"]):not([style*=border-style]) td,.mce-content-body table[border]:not([border="0"]):not([style*=border-style]) th{border-style:solid}.mce-content-body table[border]:not([border="0"]):not([style*=border-color]) td,.mce-content-body table[border]:not([border="0"]):not([style*=border-color]) th{border-color:var(--border-color,#ccc)}.mce-content-body span[lang]{font-style:italic}.mce-content-body table{border-collapse:collapse}.mce-content-body blockquote{color:var(--text-color,#333);border-color:var(--border-color,#ccc);font-style:italic;font-family:Georgia,Times,"Times New Roman",serif;margin:0;padding:0 1rem}.mce-content-body:not([dir=rtl]) blockquote{border-left:1px solid;margin-left:1.5rem;padding-left:1rem}.mce-content-body[dir=rtl] blockquote{border-right:2px solid;margin-right:1.5rem;padding-right:1rem}.mce-content-body figure{display:table;margin-top:1rem;margin-bottom:1rem}.mce-content-body figure:first-child{margin-top:0}.mce-content-body figure figcaption{margin-top:5px;display:table-caption;caption-side:bottom;line-height:1.3em;font-size:14px;color:#999;color:var(--muted-text,#999)}.mce-content-body .align-right,.mce-content-body .align_right,.mce-content-body .right{text-align:right;float:none}.mce-content-body .align-left,.mce-content-body .align_left,.mce-content-body .left{text-align:left;float:none}.mce-content-body .align-center,.mce-content-body .align_center,.mce-content-body .center{text-align:center}.mce-content-body .align-full,.mce-content-body .align_full,.mce-content-body .full{text-align:justify}.mce-content-body figure.align-right,.mce-content-body figure.align_right,.mce-content-body figure.right,.mce-content-body img.align-right,.mce-content-body img.align_right,.mce-content-body img.right,.mce-content-body table.align-right,.mce-content-body table.align_right,.mce-content-body table.right{text-align:initial;float:right;margin-left:1rem;margin-right:0;margin-top:0}.mce-content-body figure.align-left,.mce-content-body figure.align_left,.mce-content-body figure.left,.mce-content-body img.align-left,.mce-content-body img.align_left,.mce-content-body img.left,.mce-content-body table.align-left,.mce-content-body table.align_left,.mce-content-body table.left{text-align:initial;float:left;margin-top:0;margin-left:0;margin-right:1rem}.mce-content-body figure.align-center,.mce-content-body figure.align_center,.mce-content-body figure.center,.mce-content-body img.align-center,.mce-content-body img.align_center,.mce-content-body img.center,.mce-content-body table.align-center,.mce-content-body table.align_center,.mce-content-body table.center{text-align:initial;display:block;margin-left:auto;margin-right:auto}.mce-content-body figure.align-full,.mce-content-body figure.align_full,.mce-content-body figure.full,.mce-content-body img.align-full,.mce-content-body img.align_full,.mce-content-body img.full,.mce-content-body table.align-full,.mce-content-body table.align_full,.mce-content-body table.full{text-align:initial;width:100%}.mce-content-body img{max-width:100%}.mce-content-body img.align-center,.mce-content-body img.align_center,.mce-content-body img.center{display:block}.mce-content-body img:hover{opacity:.9}a>.mce-content-body img{padding:1px;margin:1px;border:none;outline:1px solid var(--main-color,#0782c1)}.mce-content-body pre{color:#333;border:1px dashed var(--border-color,#ccc);padding:.5rem 1rem!important;white-space:pre-wrap;word-wrap:break-word;-moz-tab-size:4;-o-tab-size:4;-webkit-tab-size:4;tab-size:4}.mce-content-body pre code{background-color:initial}.mce-content-body pre[class*=language-]{font-family:Consolas,Monaco,"Andale Mono","Ubuntu Mono",monospace;font-size:.9375rem;background:#f5f2f0;margin:.5em 0;padding:.5rem 1rem;color:var(--muted-color,#777)} \ No newline at end of file diff --git a/wire/modules/AdminTheme/AdminThemeUikit/themes/default/examples/borderless.css b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/examples/borderless.css new file mode 100644 index 00000000..ce865752 --- /dev/null +++ b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/examples/borderless.css @@ -0,0 +1,8 @@ +/* -------------------------------------------------------------------- */ +/* ---- BORDERLESS --------------------------------------------------- */ +/* ------------------------------------------------------------------ */ + +:root { + --border-color: var(--main-background); + --inputs-background: var(--blocks-background); +} diff --git a/wire/modules/AdminTheme/AdminThemeUikit/themes/default/examples/masthead.css b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/examples/masthead.css new file mode 100644 index 00000000..901dc4a1 --- /dev/null +++ b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/examples/masthead.css @@ -0,0 +1,16 @@ +/* -------------------------------------------------------------------- */ +/* ---- THEME WITH COLOR MASTHEAD VARIABLES -------------------------- */ +/* ---- (these depend on the default theme variables) --------------- */ +/* ----------------------------------------------------------------- */ + +:root { + --masthead-background: var(--main-color); + --masthead-active-color: white; + --masthead-text-color: rgba(255,255,255,0.8); + --masthead-border-color: var(--main-background); + --masthead-logo-color: white; + --masthead-input-background: var(--masthead-background); + --masthead-input-color: var(--masthead-active-color); + --masthead-input-border: var(--masthead-text-color); + --masthead-menu-item-backgroud-hover: rgba(255,255,255,.2); +} diff --git a/wire/modules/AdminTheme/AdminThemeUikit/themes/default/examples/minimal.css b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/examples/minimal.css new file mode 100644 index 00000000..34f6290a --- /dev/null +++ b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/examples/minimal.css @@ -0,0 +1,37 @@ +/* -------------------------------------------------------------------- */ +/* ---- MINIMAL LIGHT BLUE AND MINIMAL DARK VARIABLES ---------------- */ +/* ------------------------------------------------------------------ */ + +:root { + --text-color: light-dark(blue, white); + --main-color: var(--text-color); + --main-background:light-dark(white, #222); + --border-color: light-dark(var(--text-color), var(--text-color)); + --text-background: var(--main-background); + --inputs-background: var(--text-background); + --blocks-background: var(--text-background); + --muted-color: light-dark(#7c8efd, #8b8b8b); + + --button-background: var(--text-background); + --button-color: light-dark(var(--text-color), var(--text-color)); + --button-muted-color: var(--muted-color); + --button-border: var(--button-color); + --button-muted-background: var(--button-background); + --button-muted-border: var(--button-muted-color); + --button-hover-background: var(--button-color); + --button-hover-color: var(--button-background); + --button-hover-border: var(--button-color); + + --masthead-background: var(--text-background); + --masthead-active-color: light-dark(var(--text-color), var(--text-color)); + --masthead-text-color: var(--masthead-active-color); + --masthead-border-color: var(--masthead-active-color); + --masthead-logo-color: var(--masthead-active-color); + + --alert-text-color: var(--text-color); + --alert-primary: light-dark(#ffd, var(--text-background)); + --alert-warning: light-dark(#fcda6d, #d57f00); + --alert-success: light-dark(#97ecb2, #139472); + --alert-danger: light-dark(#ec9797, #8a1919); + --notes-background: light-dark(#ffd, #bdbdbd33); +} diff --git a/wire/modules/AdminTheme/AdminThemeUikit/themes/default/fonts/inter-v18-latin-600.woff2 b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/fonts/inter-v18-latin-600.woff2 new file mode 100644 index 00000000..fb50a02b Binary files /dev/null and b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/fonts/inter-v18-latin-600.woff2 differ diff --git a/wire/modules/AdminTheme/AdminThemeUikit/themes/default/fonts/inter-v18-latin-600italic.woff2 b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/fonts/inter-v18-latin-600italic.woff2 new file mode 100644 index 00000000..feee055b Binary files /dev/null and b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/fonts/inter-v18-latin-600italic.woff2 differ diff --git a/wire/modules/AdminTheme/AdminThemeUikit/themes/default/fonts/inter-v18-latin-italic.woff2 b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/fonts/inter-v18-latin-italic.woff2 new file mode 100644 index 00000000..ec07ef7d Binary files /dev/null and b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/fonts/inter-v18-latin-italic.woff2 differ diff --git a/wire/modules/AdminTheme/AdminThemeUikit/themes/default/fonts/inter-v18-latin-regular.woff2 b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/fonts/inter-v18-latin-regular.woff2 new file mode 100644 index 00000000..33002f12 Binary files /dev/null and b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/fonts/inter-v18-latin-regular.woff2 differ diff --git a/wire/modules/AdminTheme/AdminThemeUikit/themes/default/init.php b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/init.php new file mode 100644 index 00000000..30c484f7 --- /dev/null +++ b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/init.php @@ -0,0 +1,121 @@ +getThemeInfo(); +$toggles = $adminTheme->defaultToggles; + +$useDarkModeSwitcher = + $user->isLoggedin() + && !in_array('noUserMenu', $toggles) + && $user->hasPermission('page-edit'); + +/** + * Update TinyMCE to use our custom skin and content_css + * + */ +$adminTheme->addHookAfter('InputfieldTinyMCESettings::prepareSettingsForOutput', function(HookEvent $e) use($themeInfo) { + $o = $e->object; /** @var InputfieldTinyMCESettings $o */ + $f = $o->inputfield; + $settings = $e->return; + $rootUrl = $e->wire()->config->urls->root; + $url = $rootUrl . ltrim($themeInfo['url'], '/'); + + if($rootUrl != '/' && strpos($url, $rootUrl) === 0) $url = substr($url, strlen($rootUrl)-1); + + if(empty($settings['content_css']) || strpos($settings['content_css'], 'document.css') === false) { + $a = [ + 'content_css' => $url . 'content.css', + 'content_css_url' => $url . 'content.css', + 'skin_url' => rtrim($url, '/'), + 'skin' => 'custom', + 'toolbar_sticky_offset' => 55, // applies to inline mode only + ]; + $settings = array_merge($settings, $a); + $f->setArray($a); + } else { + // leave document mode as-is + } + + $e->return = $settings; +}); + +/** + * Add a light/dark toggle to the user tools menu + * + */ +if($useDarkModeSwitcher) { + $adminTheme->addHookAfter('getUserNavArray', function(HookEvent $e) { + $adminTheme = $e->object; /** @var AdminThemeUikit $adminTheme */ + $navArray = $e->return; /** @var array $navArray */ + $lightLabel = __('Light mode', __FILE__); + $darkLabel = __('Dark mode', __FILE__); + $autoLabel = __('Auto', __FILE__); + $cancelLabel = $adminTheme->_('Cancel'); + $okLabel = $adminTheme->_('Ok'); + $dialogTitle = __('Light/dark mode'); + array_unshift($navArray, [ + 'url' => '#toggle-light-dark-mode', + 'title' => __('Light/dark', __FILE__), + 'target' => '_top', + 'icon' => 'adjust', + 'class' => 'toggle-light-dark-mode', + 'onclick' => 'return AdminDarkMode.toggleDialog();', + 'data-label-light' => $lightLabel, + 'data-label-dark' => $darkLabel, + 'data-label-auto' => $dialogTitle, + 'data-icon-light' => 'sun-o', + 'data-icon-dark' => 'moon-o', + 'data-icon-auto' => 'adjust', + ]); + $e->return = $navArray; + $adminTheme->addExtraMarkup('body', ' + + '); + }); + + $setDarkMode = $input->post('set_admin_dark_mode'); + if($setDarkMode !== null && $config->ajax && $page->process == 'ProcessHome') { + $setDarkMode = (int) $setDarkMode; + if($setDarkMode === 0 || $setDarkMode === 1 || $setDarkMode === -1) { + $user->meta('adminDarkMode', (int) $setDarkMode); + header('content-type', 'application/json'); + return die(json_encode([ + 'status' => 'ok', + 'adminDarkMode' => (int) $setDarkMode + ])); + } + } +} + +/** + * Add notes to InputfieldTinyMCE module config indicating which settings are overridden + * + */ +if($page->process == 'ProcessModule' && $input->get('name') === 'InputfieldTinyMCE') { + $page->wire()->addHookAfter('InputfieldTinyMCE::getModuleConfigInputfields', function(HookEvent $e) { + $inputfields = $e->arguments(0); /** @var InputfieldWrapper $inputfields */ + $a = [ 'skin', 'content_css', 'content_css_url' ]; + $note = __('PLEASE NOTE: this setting is currently overridden by AdminThemeUikit “default” theme.', __FILE__); + foreach($a as $name) { + $f = $inputfields->get($name); + if($f && $f->val() != 'document') $f->notes = $note; + } + }); +} diff --git a/wire/modules/AdminTheme/AdminThemeUikit/themes/default/install.css b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/install.css new file mode 100644 index 00000000..5fb290cd --- /dev/null +++ b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/install.css @@ -0,0 +1,21 @@ +body:has(#pw-content-body > form[action="./install.php"]) #pw-mastheads { + visibility: hidden; +} + +body:has(#pw-content-body > form[action="./install.php"]) #pw-content-head h1 { + background-image: url('data:image/svg+xml,'); + background-repeat: no-repeat; + background-position: left center; + background-size: 37px; + padding-left: 51px; +} + +body #pw-content-body > form[action="./install.php"] > h2 i { + margin-right: 7px; +} + +.pw +body:has(#pw-content-body > form[action="./install.php"]) +#pw-masthead-mobile { + visibility: hidden; +} diff --git a/wire/modules/AdminTheme/AdminThemeUikit/themes/default/logo.svg b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/logo.svg new file mode 100644 index 00000000..582519a2 --- /dev/null +++ b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/logo.svg @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/wire/modules/AdminTheme/AdminThemeUikit/themes/default/ready.php b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/ready.php new file mode 100644 index 00000000..057a538b --- /dev/null +++ b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/ready.php @@ -0,0 +1,58 @@ +getThemeInfo(); +$customCss = $adminTheme->get('defaultCustomCss'); +$customCssFile = $adminTheme->get('defaultCustomCssFile'); + +$mainColors = [ + 'red' => '#eb1d61', + 'green' => '#14ae85', + 'blue' => '#2380e6', + 'custom' => $adminTheme->get('defaultMainColorCustom'), +]; + +$config->styles->append($themeInfo['url'] . 'admin.css'); +$config->scripts->append($themeInfo['url'] . 'admin.js'); + +if($customCssFile) { + $config->styles->append($config->urls->root . ltrim($customCssFile, '/')); +} + +if($page->process == 'ProcessModule' && $input->get('name') === $adminTheme->className()) { + $darkMode = null; +} else { + $darkMode = $user->meta('adminDarkMode'); +} + +if($darkMode === 1) { + $styleName = 'dark'; +} else if($darkMode === 0) { + $styleName = 'light'; +} else { + $styleName = $adminTheme->get('defaultStyleName'); + if(empty($styleName)) $styleName = 'light'; +} + +$adminTheme->addBodyClass("$styleName-theme"); + +$mainColor = $adminTheme->get('defaultMainColor'); +if(empty($mainColor)) $mainColor = 'red'; +$adminTheme->addBodyClass("main-color-$mainColor"); + +$mainColorCode = isset($mainColors[$mainColor]) ? $mainColors[$mainColor] : $mainColors['red']; +if(strpos($mainColorCode, '#') === 0 && ctype_alnum(ltrim($mainColorCode, '#'))) { + $adminTheme->addExtraMarkup('head', + "" + ); +} + +if($customCss) { + $customCss = htmlspecialchars($customCss, ENT_NOQUOTES); + $adminTheme->addExtraMarkup('head', ""); +} diff --git a/wire/modules/AdminTheme/AdminThemeUikit/themes/default/skin.min.css b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/skin.min.css new file mode 100644 index 00000000..d224a29e --- /dev/null +++ b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/skin.min.css @@ -0,0 +1,4094 @@ +.tox { + box-shadow: none; + box-sizing: content-box; + color: var(--text-color, #222f3e); + cursor: auto; + font-family: "Inter", system-ui, sans-serif; + font-size: 16px; + font-style: normal; + font-weight: 400; + line-height: normal; + -webkit-tap-highlight-color: transparent; + text-decoration: none; + text-shadow: none; + text-transform: none; + vertical-align: initial; + white-space: normal; +} +.tox :not(svg):not(rect) { + box-sizing: inherit; + color: inherit; + cursor: inherit; + direction: inherit; + font-family: inherit; + font-size: inherit; + font-style: inherit; + font-weight: inherit; + line-height: inherit; + -webkit-tap-highlight-color: inherit; + text-align: inherit; + text-decoration: inherit; + text-shadow: inherit; + text-transform: inherit; + vertical-align: inherit; + white-space: inherit; +} +.tox :not(svg):not(rect) { + background: 0 0; + border: 0; + box-shadow: none; + float: none; + height: auto; + margin: 0; + max-width: none; + outline: 0; + padding: 0; + position: static; + width: auto; +} +.tox:not([dir="rtl"]) { + direction: ltr; + text-align: left; +} +.tox[dir="rtl"] { + direction: rtl; + text-align: right; +} +.tox-tinymce { + border: 1px solid var(--border-color, #ccc); + border-radius: 0; + box-shadow: none; + box-sizing: border-box; + display: flex; + flex-direction: column; + font-family: "Inter", system-ui, sans-serif; + overflow: hidden; + position: relative; + visibility: inherit !important; +} +.tox.tox-tinymce-inline { + border: none; + box-shadow: none; + overflow: initial; +} +.tox.tox-tinymce-inline .tox-editor-container { + overflow: initial; +} +.tox.tox-tinymce-inline .tox-editor-header { + background-color: var(--blocks-background, #fff); + border: 1px solid var(--border-color, #ccc); + border-radius: 0; + box-shadow: none; + overflow: hidden; +} +.tox-tinymce-aux { + font-family: "Inter", system-ui, sans-serif; + z-index: 1300; +} +.tox-tinymce :focus, +.tox-tinymce-aux :focus { + outline: 0; +} +button::-moz-focus-inner { + border: 0; +} +.tox[dir="rtl"] .tox-icon--flip svg { + transform: rotateY(180deg); +} +.tox .accessibility-issue__header { + align-items: center; + display: flex; + margin-bottom: 4px; +} +.tox .accessibility-issue__description { + align-items: stretch; + border-radius: 3px; + display: flex; + justify-content: space-between; +} +.tox .accessibility-issue__description > div { + padding-bottom: 4px; +} +.tox .accessibility-issue__description > div > div { + align-items: center; + display: flex; + margin-bottom: 4px; +} +.tox .accessibility-issue__description > div > div .tox-icon svg { + display: block; +} +.tox .accessibility-issue__repair { + margin-top: 16px; +} +.tox + .tox-dialog__body-content + .accessibility-issue--info + .accessibility-issue__description { + background-color: rgba(30, 113, 170, 0.1); + color: var(--text-color, #222f3e); +} +.tox .tox-dialog__body-content .accessibility-issue--info .tox-form__group h2 { + color: #207ab7; +} +.tox .tox-dialog__body-content .accessibility-issue--info .tox-icon svg { + fill: #207ab7; +} +.tox + .tox-dialog__body-content + .accessibility-issue--info + a.tox-button--naked.tox-button--icon { + background-color: var(--main-color, #207ab7); + color: var(--blocks-background, #fff); +} +.tox + .tox-dialog__body-content + .accessibility-issue--info + a.tox-button--naked.tox-button--icon:focus, +.tox + .tox-dialog__body-content + .accessibility-issue--info + a.tox-button--naked.tox-button--icon:hover { + background-color: var(--main-color, #1c6ca1); +} +.tox + .tox-dialog__body-content + .accessibility-issue--info + a.tox-button--naked.tox-button--icon:active { + background-color: var(--main-color, #185d8c); +} +.tox + .tox-dialog__body-content + .accessibility-issue--warn + .accessibility-issue__description { + background-color: rgba(255, 165, 0, 0.08); + color: var(--text-color, #222f3e); +} +.tox .tox-dialog__body-content .accessibility-issue--warn .tox-form__group h2 { + color: #8f5d00; +} +.tox .tox-dialog__body-content .accessibility-issue--warn .tox-icon svg { + fill: #8f5d00; +} +.tox + .tox-dialog__body-content + .accessibility-issue--warn + a.tox-button--naked.tox-button--icon { + background-color: #ffe89d; + color: var(--text-color, #222f3e); +} +.tox + .tox-dialog__body-content + .accessibility-issue--warn + a.tox-button--naked.tox-button--icon:focus, +.tox + .tox-dialog__body-content + .accessibility-issue--warn + a.tox-button--naked.tox-button--icon:hover { + background-color: #f2d574; + color: var(--text-color, #222f3e); +} +.tox + .tox-dialog__body-content + .accessibility-issue--warn + a.tox-button--naked.tox-button--icon:active { + background-color: #e8c657; + color: var(--text-color, #222f3e); +} +.tox + .tox-dialog__body-content + .accessibility-issue--error + .accessibility-issue__description { + background-color: rgba(204, 0, 0, 0.1); + color: var(--text-color, #222f3e); +} +.tox .tox-dialog__body-content .accessibility-issue--error .tox-form__group h2 { + color: #c00; +} +.tox .tox-dialog__body-content .accessibility-issue--error .tox-icon svg { + fill: #c00; +} +.tox + .tox-dialog__body-content + .accessibility-issue--error + a.tox-button--naked.tox-button--icon { + background-color: #f2bfbf; + color: var(--text-color, #222f3e); +} +.tox + .tox-dialog__body-content + .accessibility-issue--error + a.tox-button--naked.tox-button--icon:focus, +.tox + .tox-dialog__body-content + .accessibility-issue--error + a.tox-button--naked.tox-button--icon:hover { + background-color: #e9a4a4; + color: var(--text-color, #222f3e); +} +.tox + .tox-dialog__body-content + .accessibility-issue--error + a.tox-button--naked.tox-button--icon:active { + background-color: #ee9494; + color: var(--text-color, #222f3e); +} +.tox + .tox-dialog__body-content + .accessibility-issue--success + .accessibility-issue__description { + background-color: rgba(120, 171, 70, 0.1); + color: var(--text-color, #222f3e); +} +.tox + .tox-dialog__body-content + .accessibility-issue--success + .accessibility-issue__description + > :last-child { + display: none; +} +.tox + .tox-dialog__body-content + .accessibility-issue--success + .tox-form__group + h2 { + color: #527530; +} +.tox .tox-dialog__body-content .accessibility-issue--success .tox-icon svg { + fill: #527530; +} +.tox .tox-dialog__body-content .accessibility-issue__header .tox-form__group h1, +.tox + .tox-dialog__body-content + .tox-form__group + .accessibility-issue__description + h2 { + font-size: 14px; + margin-top: 0; +} +.tox:not([dir="rtl"]) + .tox-dialog__body-content + .accessibility-issue__header + .tox-button { + margin-left: 4px; +} +.tox:not([dir="rtl"]) + .tox-dialog__body-content + .accessibility-issue__header + > :nth-last-child(2) { + margin-left: auto; +} +.tox:not([dir="rtl"]) + .tox-dialog__body-content + .accessibility-issue__description { + padding: 4px 4px 4px 8px; +} +.tox[dir="rtl"] + .tox-dialog__body-content + .accessibility-issue__header + .tox-button { + margin-right: 4px; +} +.tox[dir="rtl"] + .tox-dialog__body-content + .accessibility-issue__header + > :nth-last-child(2) { + margin-right: auto; +} +.tox[dir="rtl"] .tox-dialog__body-content .accessibility-issue__description { + padding: 4px 8px 4px 4px; +} +.tox .tox-advtemplate .tox-form__grid { + flex: 1; +} +.tox .tox-advtemplate .tox-form__grid > div:first-child { + display: flex; + flex-direction: column; + width: 30%; +} +.tox .tox-advtemplate .tox-form__grid > div:first-child > div:nth-child(2) { + flex-basis: 0; + flex-grow: 1; + overflow: auto; +} +@media only screen and (max-width: 767px) { + body:not(.tox-force-desktop) + .tox + .tox-advtemplate + .tox-form__grid + > div:first-child { + width: 100%; + } +} +.tox .tox-advtemplate iframe { + border-color: var(--border-color, #ccc); + border-radius: 0; + border-style: solid; + border-width: 1px; + margin: 0 10px; +} +.tox .tox-anchorbar { + display: flex; + flex: 0 0 auto; +} +.tox .tox-bottom-anchorbar { + display: flex; + flex: 0 0 auto; +} +.tox .tox-bar { + display: flex; + flex: 0 0 auto; +} +.tox .tox-button { + background-color: #207ab7; + background-image: none; + background-position: 0 0; + background-repeat: repeat; + border-color: #207ab7; + border-radius: 3px; + border-style: solid; + border-width: 1px; + box-shadow: none; + box-sizing: border-box; + color: var(--blocks-background, #fff); + cursor: pointer; + display: inline-block; + font-family: "Inter", system-ui, sans-serif; + font-size: 14px; + font-style: normal; + font-weight: 700; + letter-spacing: normal; + line-height: 24px; + margin: 0; + outline: 0; + padding: 4px 16px; + position: relative; + text-align: center; + text-decoration: none; + text-transform: none; + white-space: nowrap; +} +.tox .tox-button::before { + border-radius: 3px; + bottom: -1px; + box-shadow: inset 0 0 0 2px var(--blocks-background, #fff), + 0 0 0 1px var(--main-color, #207ab7), + 0 0 0 3px var(--muted-color, rgba(32, 122, 183, 0.25)); + content: ""; + left: -1px; + opacity: 0; + pointer-events: none; + position: absolute; + right: -1px; + top: -1px; +} +.tox .tox-button[disabled] { + background-color: var(--main-color, #207ab7); + background-image: none; + border-color: var(--main-color, #207ab7); + box-shadow: none; + color: rgba(255, 255, 255, 0.5); + cursor: not-allowed; +} +.tox .tox-button:focus:not(:disabled) { + background-color: var(--inputs-background); + background-image: none; + border-color: var(--inputs-background); + box-shadow: none; + color: var(--blocks-background); +} +.tox .tox-button:focus-visible:not(:disabled)::before { + opacity: 1; +} +.tox .tox-button:hover:not(:disabled) { + background-color: var(--inputs-background); + background-image: none; + border-color: var(--inputs-background); + box-shadow: none; + color: var(--blocks-background); +} +.tox .tox-button:active:not(:disabled) { + background-color: var(--inputs-background); + background-image: none; + border-color: var(--inputs-background); + box-shadow: none; + color: var(--blocks-background); +} +.tox .tox-button.tox-button--enabled { + background-color: var(--inputs-background); + background-image: none; + border-color: var(--inputs-background); + box-shadow: none; + color: var(--blocks-background); +} +.tox .tox-button.tox-button--enabled[disabled] { + background-color: var(--inputs-background); + background-image: none; + border-color: var(--inputs-background); + box-shadow: none; + color: rgba(255, 255, 255, 0.5); + cursor: not-allowed; +} +.tox .tox-button.tox-button--enabled:focus:not(:disabled) { + background-color: var(--inputs-background); + background-image: none; + border-color: var(--inputs-background); + box-shadow: none; + color: var(--blocks-background); +} +.tox .tox-button.tox-button--enabled:hover:not(:disabled) { + background-color: var(--inputs-background); + background-image: none; + border-color: var(--inputs-background); + box-shadow: none; + color: var(--blocks-background); +} +.tox .tox-button.tox-button--enabled:active:not(:disabled) { + background-color: var(--inputs-background); + background-image: none; + border-color: var(--inputs-background); + box-shadow: none; + color: var(--blocks-background); +} +.tox .tox-button--icon-and-text, +.tox .tox-button.tox-button--icon-and-text, +.tox .tox-button.tox-button--secondary.tox-button--icon-and-text { + display: flex; + padding: 5px 4px; +} +.tox .tox-button--icon-and-text .tox-icon svg, +.tox .tox-button.tox-button--icon-and-text .tox-icon svg, +.tox .tox-button.tox-button--secondary.tox-button--icon-and-text .tox-icon svg { + display: block; + fill: currentColor; +} +.tox .tox-button--secondary { + background-color: var(--inputs-background); + background-image: none; + background-position: 0 0; + background-repeat: repeat; + border-color: var(--inputs-background); + border-radius: 3px; + border-style: solid; + border-width: 1px; + box-shadow: none; + color: var(--text-color, #222f3e); + font-size: 14px; + font-style: normal; + font-weight: 700; + letter-spacing: normal; + outline: 0; + padding: 4px 16px; + text-decoration: none; + text-transform: none; +} +.tox .tox-button--secondary[disabled] { + background-color: var(--inputs-background); + background-image: none; + border-color: var(--inputs-background); + box-shadow: none; + color: var(--text-color, rgba(34, 47, 62, 0.5)); +} +.tox .tox-button--secondary:focus:not(:disabled) { + background-color: var(--inputs-background); + background-image: none; + border-color: var(--inputs-background); + box-shadow: none; + color: var(--text-color, #222f3e); +} +.tox .tox-button--secondary:hover:not(:disabled) { + background-color: var(--inputs-background); + background-image: none; + border-color: var(--inputs-background); + box-shadow: none; + color: var(--text-color, #222f3e); +} +.tox .tox-button--secondary:active:not(:disabled) { + background-color: var(--inputs-background); + background-image: none; + border-color: var(--inputs-background); + box-shadow: none; + color: var(--text-color, #222f3e); +} +.tox .tox-button--secondary.tox-button--enabled { + background-color: var(--inputs-background); + background-image: none; + border-color: var(--inputs-background); + box-shadow: none; + color: var(--text-color, #222f3e); +} +.tox .tox-button--secondary.tox-button--enabled[disabled] { + background-color: var(--inputs-background); + background-image: none; + border-color: var(--inputs-background); + box-shadow: none; + color: var(--text-color, rgba(34, 47, 62, 0.5)); +} +.tox .tox-button--secondary.tox-button--enabled:focus:not(:disabled) { + background-color: var(--inputs-background); + background-image: none; + border-color: var(--inputs-background); + box-shadow: none; + color: var(--text-color, #222f3e); +} +.tox .tox-button--secondary.tox-button--enabled:hover:not(:disabled) { + background-color: var(--inputs-background); + background-image: none; + border-color: var(--inputs-background); + box-shadow: none; + color: var(--text-color, #222f3e); +} +.tox .tox-button--secondary.tox-button--enabled:active:not(:disabled) { + background-color: var(--inputs-background); + background-image: none; + border-color: var(--inputs-background); + box-shadow: none; + color: var(--text-color, #222f3e); +} +.tox .tox-button--icon, +.tox .tox-button.tox-button--icon, +.tox .tox-button.tox-button--secondary.tox-button--icon { + padding: 4px; +} +.tox .tox-button--icon .tox-icon svg, +.tox .tox-button.tox-button--icon .tox-icon svg, +.tox .tox-button.tox-button--secondary.tox-button--icon .tox-icon svg { + display: block; + fill: currentColor; +} +.tox .tox-button-link { + background: 0; + border: none; + box-sizing: border-box; + cursor: pointer; + display: inline-block; + font-family: "Inter", system-ui, sans-serif; + font-size: 16px; + font-weight: 400; + line-height: 1.3; + margin: 0; + padding: 0; + white-space: nowrap; +} +.tox .tox-button-link--sm { + font-size: 14px; +} +.tox .tox-button--naked { + background-color: transparent; + border-color: transparent; + box-shadow: unset; + color: var(--text-color, #222f3e); +} +.tox .tox-button--naked[disabled] { + background-color: var(--inputs-background); + border-color: var(--inputs-background); + box-shadow: none; + color: var(--text-color, rgba(34, 47, 62, 0.5)); +} +.tox .tox-button--naked:hover:not(:disabled) { + background-color: var(--inputs-background); + border-color: var(--inputs-background); + box-shadow: none; + color: var(--text-color, #222f3e); +} +.tox .tox-button--naked:focus:not(:disabled) { + background-color: var(--inputs-background); + border-color: var(--inputs-background); + box-shadow: none; + color: var(--text-color, #222f3e); +} +.tox .tox-button--naked:active:not(:disabled) { + background-color: var(--inputs-background); + border-color: var(--inputs-background); + box-shadow: none; + color: var(--text-color, #222f3e); +} +.tox .tox-button--naked .tox-icon svg { + fill: currentColor; +} +.tox .tox-button--naked.tox-button--icon:hover:not(:disabled) { + color: var(--text-color, #222f3e); +} +.tox .tox-checkbox { + align-items: center; + border-radius: 3px; + cursor: pointer; + display: flex; + height: 36px; + min-width: 36px; +} +.tox .tox-checkbox__input { + height: 1px; + overflow: hidden; + position: absolute; + top: auto; + width: 1px; +} +.tox .tox-checkbox__icons { + align-items: center; + border-radius: 3px; + box-shadow: 0 0 0 2px transparent; + box-sizing: content-box; + display: flex; + height: 24px; + justify-content: center; + padding: calc(4px - 1px); + width: 24px; +} +.tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg { + display: block; + fill: rgba(34, 47, 62, 0.3); +} +.tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg { + display: none; + fill: #207ab7; +} +.tox .tox-checkbox__icons .tox-checkbox-icon__checked svg { + display: none; + fill: #207ab7; +} +.tox .tox-checkbox--disabled { + color: var(--text-color, rgba(34, 47, 62, 0.5)); + cursor: not-allowed; +} +.tox + .tox-checkbox--disabled + .tox-checkbox__icons + .tox-checkbox-icon__checked + svg { + fill: var(--text-color, rgba(34, 47, 62, 0.5)); +} +.tox + .tox-checkbox--disabled + .tox-checkbox__icons + .tox-checkbox-icon__unchecked + svg { + fill: var(--text-color, rgba(34, 47, 62, 0.5)); +} +.tox + .tox-checkbox--disabled + .tox-checkbox__icons + .tox-checkbox-icon__indeterminate + svg { + fill: var(--text-color, rgba(34, 47, 62, 0.5)); +} +.tox + input.tox-checkbox__input:checked + + .tox-checkbox__icons + .tox-checkbox-icon__unchecked + svg { + display: none; +} +.tox + input.tox-checkbox__input:checked + + .tox-checkbox__icons + .tox-checkbox-icon__checked + svg { + display: block; +} +.tox + input.tox-checkbox__input:indeterminate + + .tox-checkbox__icons + .tox-checkbox-icon__unchecked + svg { + display: none; +} +.tox + input.tox-checkbox__input:indeterminate + + .tox-checkbox__icons + .tox-checkbox-icon__indeterminate + svg { + display: block; +} +.tox input.tox-checkbox__input:focus + .tox-checkbox__icons { + border-radius: 3px; + box-shadow: inset 0 0 0 1px #207ab7; + padding: calc(4px - 1px); +} +.tox:not([dir="rtl"]) .tox-checkbox__label { + margin-left: 4px; +} +.tox:not([dir="rtl"]) .tox-checkbox__input { + left: -10000px; +} +.tox:not([dir="rtl"]) .tox-bar .tox-checkbox { + margin-left: 4px; +} +.tox[dir="rtl"] .tox-checkbox__label { + margin-right: 4px; +} +.tox[dir="rtl"] .tox-checkbox__input { + right: -10000px; +} +.tox[dir="rtl"] .tox-bar .tox-checkbox { + margin-right: 4px; +} +.tox .tox-collection--toolbar .tox-collection__group { + display: flex; + padding: 0; +} +.tox .tox-collection--grid .tox-collection__group { + display: flex; + flex-wrap: wrap; + max-height: 208px; + overflow-x: hidden; + overflow-y: auto; + padding: 0; +} +.tox .tox-collection--list .tox-collection__group { + border-bottom-width: 0; + border-color: var(--border-color, #ccc); + border-left-width: 0; + border-right-width: 0; + border-style: solid; + border-top-width: 1px; + padding: 4px 0; +} +.tox .tox-collection--list .tox-collection__group:first-child { + border-top-width: 0; +} +.tox .tox-collection__group-heading { + background-color: #e6e6e6; + color: var(--var(--muted-color, rgba(34, 47, 62, 0.7))); + cursor: default; + font-size: 12px; + font-style: normal; + font-weight: 400; + margin-bottom: 4px; + margin-top: -4px; + padding: 4px 8px; + text-transform: none; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; +} +.tox .tox-collection__item { + align-items: center; + border-radius: 3px; + color: var(--text-color, #222f3e); + display: flex; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; +} +.tox .tox-collection--list .tox-collection__item { + padding: 4px 8px; +} +.tox .tox-collection--toolbar .tox-collection__item { + border-radius: 3px; + padding: 4px; +} +.tox .tox-collection--grid .tox-collection__item { + border-radius: 3px; + padding: 4px; +} +.tox .tox-collection--list .tox-collection__item--enabled { + background-color: var(--blocks-background, #fff); + color: var(--text-color, #222f3e); +} +.tox .tox-collection--list .tox-collection__item--active { + background-color: var(--inputs-background, #dee0e2); +} +.tox .tox-collection--toolbar .tox-collection__item--enabled { + background-color: var(--inputs-background, #c8cbcf); + color: var(--text-color, #222f3e); +} +.tox .tox-collection--toolbar .tox-collection__item--active { + background-color: var(--inputs-background, #dee0e2); +} +.tox .tox-collection--grid .tox-collection__item--enabled { + background-color: var(--inputs-background, #c8cbcf); + color: var(--text-color, #222f3e); +} +.tox + .tox-collection--grid + .tox-collection__item--active:not(.tox-collection__item--state-disabled) { + background-color: var(--inputs-background, #dee0e2); + color: var(--text-color, #222f3e); +} +.tox + .tox-collection--list + .tox-collection__item--active:not(.tox-collection__item--state-disabled) { + color: var(--text-color, #222f3e); +} +.tox + .tox-collection--toolbar + .tox-collection__item--active:not(.tox-collection__item--state-disabled) { + color: var(--text-color, #222f3e); +} +.tox .tox-collection__item-checkmark, +.tox .tox-collection__item-icon { + align-items: center; + display: flex; + height: 24px; + justify-content: center; + width: 24px; +} +.tox .tox-collection__item-checkmark svg, +.tox .tox-collection__item-icon svg { + fill: currentColor; +} +.tox .tox-collection--toolbar-lg .tox-collection__item-icon { + height: 48px; + width: 48px; +} +.tox .tox-collection__item-label { + color: currentColor; + display: inline-block; + flex: 1; + font-size: 14px; + font-style: normal; + font-weight: 400; + line-height: 24px; + max-width: 100%; + text-transform: none; + word-break: break-all; +} +.tox .tox-collection__item-accessory { + color: var(--muted-color, rgba(34, 47, 62, 0.7)); + display: inline-block; + font-size: 14px; + height: 24px; + line-height: 24px; + text-transform: none; +} +.tox .tox-collection__item-caret { + align-items: center; + display: flex; + min-height: 24px; +} +.tox .tox-collection__item-caret::after { + content: ""; + font-size: 0; + min-height: inherit; +} +.tox .tox-collection__item-caret svg { + fill: var(--text-color, #222f3e); +} +.tox .tox-collection__item--state-disabled { + background-color: transparent; + color: var(--text-color, rgba(34, 47, 62, 0.5)); + cursor: not-allowed; +} +.tox .tox-collection__item--state-disabled .tox-collection__item-caret svg { + fill: var(--text-color, rgba(34, 47, 62, 0.5)); +} +.tox + .tox-collection--list + .tox-collection__item:not(.tox-collection__item--enabled) + .tox-collection__item-checkmark + svg { + display: none; +} +.tox + .tox-collection--list + .tox-collection__item:not(.tox-collection__item--enabled) + .tox-collection__item-accessory + + .tox-collection__item-checkmark { + display: none; +} +.tox .tox-collection--horizontal { + background-color: var(--blocks-background); + border: 1px solid var(--border-color, #ccc); + border-radius: 3px; + box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), + 0 4px 8px 0 rgba(34, 47, 62, 0.15); + display: flex; + flex: 0 0 auto; + flex-shrink: 0; + flex-wrap: nowrap; + margin-bottom: 0; + overflow-x: auto; + padding: 0; +} +.tox .tox-collection--horizontal .tox-collection__group { + align-items: center; + display: flex; + flex-wrap: nowrap; + margin: 0; + padding: 0 4px; +} +.tox .tox-collection--horizontal .tox-collection__item { + height: 34px; + margin: 3px 0 2px 0; + padding: 0 4px; +} +.tox .tox-collection--horizontal .tox-collection__item-label { + white-space: nowrap; +} +.tox .tox-collection--horizontal .tox-collection__item-caret { + margin-left: 4px; +} +.tox .tox-collection__item-container { + display: flex; +} +.tox .tox-collection__item-container--row { + align-items: center; + flex: 1 1 auto; + flex-direction: row; +} +.tox + .tox-collection__item-container--row.tox-collection__item-container--align-left { + margin-right: auto; +} +.tox + .tox-collection__item-container--row.tox-collection__item-container--align-right { + justify-content: flex-end; + margin-left: auto; +} +.tox + .tox-collection__item-container--row.tox-collection__item-container--valign-top { + align-items: flex-start; + margin-bottom: auto; +} +.tox + .tox-collection__item-container--row.tox-collection__item-container--valign-middle { + align-items: center; +} +.tox + .tox-collection__item-container--row.tox-collection__item-container--valign-bottom { + align-items: flex-end; + margin-top: auto; +} +.tox .tox-collection__item-container--column { + align-self: center; + flex: 1 1 auto; + flex-direction: column; +} +.tox + .tox-collection__item-container--column.tox-collection__item-container--align-left { + align-items: flex-start; +} +.tox + .tox-collection__item-container--column.tox-collection__item-container--align-right { + align-items: flex-end; +} +.tox + .tox-collection__item-container--column.tox-collection__item-container--valign-top { + align-self: flex-start; +} +.tox + .tox-collection__item-container--column.tox-collection__item-container--valign-middle { + align-self: center; +} +.tox + .tox-collection__item-container--column.tox-collection__item-container--valign-bottom { + align-self: flex-end; +} +.tox:not([dir="rtl"]) + .tox-collection--horizontal + .tox-collection__group:not(:last-of-type) { + border-right: 1px solid var(--border-color, #ccc); +} +.tox:not([dir="rtl"]) + .tox-collection--list + .tox-collection__item + > :not(:first-child) { + margin-left: 8px; +} +.tox:not([dir="rtl"]) + .tox-collection--list + .tox-collection__item + > .tox-collection__item-label:first-child { + margin-left: 4px; +} +.tox:not([dir="rtl"]) .tox-collection__item-accessory { + margin-left: 16px; + text-align: right; +} +.tox:not([dir="rtl"]) .tox-collection .tox-collection__item-caret { + margin-left: 16px; +} +.tox[dir="rtl"] + .tox-collection--horizontal + .tox-collection__group:not(:last-of-type) { + border-left: 1px solid var(--border-color, #ccc); +} +.tox[dir="rtl"] + .tox-collection--list + .tox-collection__item + > :not(:first-child) { + margin-right: 8px; +} +.tox[dir="rtl"] + .tox-collection--list + .tox-collection__item + > .tox-collection__item-label:first-child { + margin-right: 4px; +} +.tox[dir="rtl"] .tox-collection__item-accessory { + margin-right: 16px; + text-align: left; +} +.tox[dir="rtl"] .tox-collection .tox-collection__item-caret { + margin-right: 16px; + transform: rotateY(180deg); +} +.tox[dir="rtl"] .tox-collection--horizontal .tox-collection__item-caret { + margin-right: 4px; +} +.tox .tox-color-picker-container { + display: flex; + flex-direction: row; + height: 225px; + margin: 0; +} +.tox .tox-sv-palette { + box-sizing: border-box; + display: flex; + height: 100%; +} +.tox .tox-sv-palette-spectrum { + height: 100%; +} +.tox .tox-sv-palette, +.tox .tox-sv-palette-spectrum { + width: 225px; +} +.tox .tox-sv-palette-thumb { + background: 0 0; + border: 1px solid #000; + border-radius: 50%; + box-sizing: content-box; + height: 12px; + position: absolute; + width: 12px; +} +.tox .tox-sv-palette-inner-thumb { + border: 1px solid #fff; + border-radius: 50%; + height: 10px; + position: absolute; + width: 10px; +} +.tox .tox-hue-slider { + box-sizing: border-box; + height: 100%; + width: 25px; +} +.tox .tox-hue-slider-spectrum { + background: linear-gradient( + to bottom, + red, + #ff0080, + #f0f, + #8000ff, + #00f, + #0080ff, + #0ff, + #00ff80, + #0f0, + #80ff00, + #ff0, + #ff8000, + red + ); + height: 100%; + width: 100%; +} +.tox .tox-hue-slider, +.tox .tox-hue-slider-spectrum { + width: 20px; +} +.tox .tox-hue-slider-spectrum:focus, +.tox .tox-sv-palette-spectrum:focus { + outline: #08f solid; +} +.tox .tox-hue-slider-thumb { + background: var(--blocks-background); + border: 1px solid #000; + box-sizing: content-box; + height: 4px; + width: 100%; +} +.tox .tox-rgb-form { + display: flex; + flex-direction: column; + justify-content: space-between; +} +.tox .tox-rgb-form div { + align-items: center; + display: flex; + justify-content: space-between; + margin-bottom: 5px; + width: inherit; +} +.tox .tox-rgb-form input { + width: 6em; +} +.tox .tox-rgb-form input.tox-invalid { + border: 1px solid red !important; +} +.tox .tox-rgb-form .tox-rgba-preview { + border: 1px solid #000; + flex-grow: 2; + margin-bottom: 0; +} +.tox:not([dir="rtl"]) .tox-sv-palette { + margin-right: 15px; +} +.tox:not([dir="rtl"]) .tox-hue-slider { + margin-right: 15px; +} +.tox:not([dir="rtl"]) .tox-hue-slider-thumb { + margin-left: -1px; +} +.tox:not([dir="rtl"]) .tox-rgb-form label { + margin-right: 0.5em; +} +.tox[dir="rtl"] .tox-sv-palette { + margin-left: 15px; +} +.tox[dir="rtl"] .tox-hue-slider { + margin-left: 15px; +} +.tox[dir="rtl"] .tox-hue-slider-thumb { + margin-right: -1px; +} +.tox[dir="rtl"] .tox-rgb-form label { + margin-left: 0.5em; +} +.tox .tox-toolbar .tox-swatches, +.tox .tox-toolbar__overflow .tox-swatches, +.tox .tox-toolbar__primary .tox-swatches { + margin: 2px 0 3px 4px; +} +.tox .tox-collection--list .tox-collection__group .tox-swatches-menu { + border: 0; + margin: -4px 0; +} +.tox .tox-swatches__row { + display: flex; +} +.tox .tox-swatch { + height: 30px; + transition: transform 0.15s, box-shadow 0.15s; + width: 30px; +} +.tox .tox-swatch:focus, +.tox .tox-swatch:hover { + box-shadow: 0 0 0 1px rgba(127, 127, 127, 0.3) inset; + transform: scale(0.8); +} +.tox .tox-swatch--remove { + align-items: center; + display: flex; + justify-content: center; +} +.tox .tox-swatch--remove svg path { + stroke: #e74c3c; +} +.tox .tox-swatches__picker-btn { + align-items: center; + background-color: transparent; + border: 0; + cursor: pointer; + display: flex; + height: 30px; + justify-content: center; + outline: 0; + padding: 0; + width: 30px; +} +.tox .tox-swatches__picker-btn svg { + fill: var(--text-color, #222f3e); + height: 24px; + width: 24px; +} +.tox .tox-swatches__picker-btn:hover { + background: var(--inputs-background, #dee0e2); +} +.tox div.tox-swatch:not(.tox-swatch--remove) svg { + display: none; + fill: var(--text-color, #222f3e); + height: 24px; + margin: calc((30px - 24px) / 2) calc((30px - 24px) / 2); + width: 24px; +} +.tox div.tox-swatch:not(.tox-swatch--remove) svg path { + fill: var(--blocks-background); + paint-order: stroke; + stroke: var(--text-color, #222f3e); + stroke-width: 2px; +} +.tox div.tox-swatch:not(.tox-swatch--remove).tox-collection__item--enabled svg { + display: block; +} +.tox:not([dir="rtl"]) .tox-swatches__picker-btn { + margin-left: auto; +} +.tox[dir="rtl"] .tox-swatches__picker-btn { + margin-right: auto; +} +.tox .tox-comment-thread { + background: var(--blocks-background); + position: relative; +} +.tox .tox-comment-thread > :not(:first-child) { + margin-top: 8px; +} +.tox .tox-comment { + background: var(--blocks-background); + border: 1px solid var(--border-color, #ccc); + border-radius: 3px; + box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1); + padding: 8px 8px 16px 8px; + position: relative; +} +.tox .tox-comment__header { + align-items: center; + color: var(--text-color, #222f3e); + display: flex; + justify-content: space-between; +} +.tox .tox-comment__date { + color: var(--text-color, #222f3e); + font-size: 12px; + line-height: 18px; +} +.tox .tox-comment__body { + color: var(--text-color, #222f3e); + font-size: 14px; + font-style: normal; + font-weight: 400; + line-height: 1.3; + margin-top: 8px; + position: relative; + text-transform: initial; +} +.tox .tox-comment__body textarea { + resize: none; + white-space: normal; + width: 100%; +} +.tox .tox-comment__expander { + padding-top: 8px; +} +.tox .tox-comment__expander p { + color: var(--muted-color, rgba(34, 47, 62, 0.7)); + font-size: 14px; + font-style: normal; +} +.tox .tox-comment__body p { + margin: 0; +} +.tox .tox-comment__buttonspacing { + padding-top: 16px; + text-align: center; +} +.tox .tox-comment-thread__overlay::after { + background: var(--blocks-background); + bottom: 0; + content: ""; + display: flex; + left: 0; + opacity: 0.9; + position: absolute; + right: 0; + top: 0; + z-index: 5; +} +.tox .tox-comment__reply { + display: flex; + flex-shrink: 0; + flex-wrap: wrap; + justify-content: flex-end; + margin-top: 8px; +} +.tox .tox-comment__reply > :first-child { + margin-bottom: 8px; + width: 100%; +} +.tox .tox-comment__edit { + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + margin-top: 16px; +} +.tox .tox-comment__gradient::after { + background: linear-gradient(rgba(255, 255, 255, 0), #fff); + bottom: 0; + content: ""; + display: block; + height: 5em; + margin-top: -40px; + position: absolute; + width: 100%; +} +.tox .tox-comment__overlay { + background: var(--blocks-background); + bottom: 0; + display: flex; + flex-direction: column; + flex-grow: 1; + left: 0; + opacity: 0.9; + position: absolute; + right: 0; + text-align: center; + top: 0; + z-index: 5; +} +.tox .tox-comment__loading-text { + align-items: center; + color: var(--text-color, #222f3e); + display: flex; + flex-direction: column; + position: relative; +} +.tox .tox-comment__loading-text > div { + padding-bottom: 16px; +} +.tox .tox-comment__overlaytext { + bottom: 0; + flex-direction: column; + font-size: 14px; + left: 0; + padding: 1em; + position: absolute; + right: 0; + top: 0; + z-index: 10; +} +.tox .tox-comment__overlaytext p { + background-color: var(--blocks-background); + box-shadow: 0 0 8px 8px #fff; + color: var(--text-color, #222f3e); + text-align: center; +} +.tox .tox-comment__overlaytext div:nth-of-type(2) { + font-size: 0.8em; +} +.tox .tox-comment__busy-spinner { + align-items: center; + background-color: var(--blocks-background); + bottom: 0; + display: flex; + justify-content: center; + left: 0; + position: absolute; + right: 0; + top: 0; + z-index: 20; +} +.tox .tox-comment__scroll { + display: flex; + flex-direction: column; + flex-shrink: 1; + overflow: auto; +} +.tox .tox-conversations { + margin: 8px; +} +.tox:not([dir="rtl"]) .tox-comment__edit { + margin-left: 8px; +} +.tox:not([dir="rtl"]) .tox-comment__buttonspacing > :last-child, +.tox:not([dir="rtl"]) .tox-comment__edit > :last-child, +.tox:not([dir="rtl"]) .tox-comment__reply > :last-child { + margin-left: 8px; +} +.tox[dir="rtl"] .tox-comment__edit { + margin-right: 8px; +} +.tox[dir="rtl"] .tox-comment__buttonspacing > :last-child, +.tox[dir="rtl"] .tox-comment__edit > :last-child, +.tox[dir="rtl"] .tox-comment__reply > :last-child { + margin-right: 8px; +} +.tox .tox-user { + align-items: center; + display: flex; +} +.tox .tox-user__avatar svg { + fill: var(--muted-color, rgba(34, 47, 62, 0.7)); +} +.tox .tox-user__avatar img { + border-radius: 50%; + height: 36px; + object-fit: cover; + vertical-align: middle; + width: 36px; +} +.tox .tox-user__name { + color: var(--text-color, #222f3e); + font-size: 14px; + font-style: normal; + font-weight: 700; + line-height: 18px; + text-transform: none; +} +.tox:not([dir="rtl"]) .tox-user__avatar img, +.tox:not([dir="rtl"]) .tox-user__avatar svg { + margin-right: 8px; +} +.tox:not([dir="rtl"]) .tox-user__avatar + .tox-user__name { + margin-left: 8px; +} +.tox[dir="rtl"] .tox-user__avatar img, +.tox[dir="rtl"] .tox-user__avatar svg { + margin-left: 8px; +} +.tox[dir="rtl"] .tox-user__avatar + .tox-user__name { + margin-right: 8px; +} +.tox .tox-dialog-wrap { + align-items: center; + bottom: 0; + display: flex; + justify-content: center; + left: 0; + position: fixed; + right: 0; + top: 0; + z-index: 1100; +} +.tox .tox-dialog-wrap__backdrop { + background-color: rgba(255, 255, 255, 0.75); + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + z-index: 1; +} +.tox .tox-dialog-wrap__backdrop--opaque { + background-color: var(--blocks-background); +} +.tox .tox-dialog { + background-color: var(--blocks-background); + border-color: var(--border-color, #ccc); + border-radius: 3px; + border-style: solid; + border-width: 1px; + box-shadow: 0 16px 16px -10px rgba(34, 47, 62, 0.15), + 0 0 40px 1px rgba(34, 47, 62, 0.15); + display: flex; + flex-direction: column; + max-height: 100%; + max-width: 480px; + overflow: hidden; + position: relative; + width: 95vw; + z-index: 2; +} +@media only screen and (max-width: 767px) { + body:not(.tox-force-desktop) .tox .tox-dialog { + align-self: flex-start; + margin: 8px auto; + max-height: calc(100vh - 8px * 2); + width: calc(100vw - 16px); + } +} +.tox .tox-dialog-inline { + z-index: 1100; +} +.tox .tox-dialog__header { + align-items: center; + background-color: var(--blocks-background); + border-bottom: none; + color: var(--text-color, #222f3e); + display: flex; + font-size: 16px; + justify-content: space-between; + padding: 8px 16px 0 16px; + position: relative; +} +.tox .tox-dialog__header .tox-button { + z-index: 1; +} +.tox .tox-dialog__draghandle { + cursor: grab; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; +} +.tox .tox-dialog__draghandle:active { + cursor: grabbing; +} +.tox .tox-dialog__dismiss { + margin-left: auto; +} +.tox .tox-dialog__title { + font-family: "Inter", system-ui, sans-serif; + font-size: 20px; + font-style: normal; + font-weight: 400; + line-height: 1.3; + margin: 0; + text-transform: none; +} +.tox .tox-dialog__body { + color: var(--text-color, #222f3e); + display: flex; + flex: 1; + font-size: 16px; + font-style: normal; + font-weight: 400; + line-height: 1.3; + min-width: 0; + text-align: left; + text-transform: none; +} +@media only screen and (max-width: 767px) { + body:not(.tox-force-desktop) .tox .tox-dialog__body { + flex-direction: column; + } +} +.tox .tox-dialog__body-nav { + align-items: flex-start; + display: flex; + flex-direction: column; + flex-shrink: 0; + padding: 16px 16px; +} +@media only screen and (min-width: 768px) { + .tox .tox-dialog__body-nav { + max-width: 11em; + } +} +@media only screen and (max-width: 767px) { + body:not(.tox-force-desktop) .tox .tox-dialog__body-nav { + flex-direction: row; + -webkit-overflow-scrolling: touch; + overflow-x: auto; + padding-bottom: 0; + } +} +.tox .tox-dialog__body-nav-item { + border-bottom: 2px solid transparent; + color: var(--muted-color, rgba(34, 47, 62, 0.7)); + display: inline-block; + flex-shrink: 0; + font-size: 14px; + line-height: 1.3; + margin-bottom: 8px; + max-width: 13em; + text-decoration: none; +} +.tox .tox-dialog__body-nav-item:focus { + background-color: rgba(32, 122, 183, 0.1); +} +.tox .tox-dialog__body-nav-item--active { + border-bottom: 2px solid #207ab7; + color: #207ab7; +} +.tox .tox-dialog__body-content { + box-sizing: border-box; + display: flex; + flex: 1; + flex-direction: column; + max-height: min(650px, calc(100vh - 110px)); + overflow: auto; + -webkit-overflow-scrolling: touch; + padding: 16px 16px; +} +.tox .tox-dialog__body-content > * { + margin-bottom: 0; + margin-top: 16px; +} +.tox .tox-dialog__body-content > :first-child { + margin-top: 0; +} +.tox .tox-dialog__body-content > :last-child { + margin-bottom: 0; +} +.tox .tox-dialog__body-content > :only-child { + margin-bottom: 0; + margin-top: 0; +} +.tox .tox-dialog__body-content a { + color: #207ab7; + cursor: pointer; + text-decoration: underline; +} +.tox .tox-dialog__body-content a:focus, +.tox .tox-dialog__body-content a:hover { + color: var(--inputs-background); + text-decoration: underline; +} +.tox .tox-dialog__body-content a:focus-visible { + border-radius: 1px; + outline: 2px solid #207ab7; + outline-offset: 2px; +} +.tox .tox-dialog__body-content a:active { + color: #092335; + text-decoration: underline; +} +.tox .tox-dialog__body-content svg { + fill: var(--text-color, #222f3e); +} +.tox .tox-dialog__body-content strong { + font-weight: 700; +} +.tox .tox-dialog__body-content ul { + list-style-type: disc; +} +.tox .tox-dialog__body-content dd, +.tox .tox-dialog__body-content ol, +.tox .tox-dialog__body-content ul { + padding-inline-start: 2.5rem; +} +.tox .tox-dialog__body-content dl, +.tox .tox-dialog__body-content ol, +.tox .tox-dialog__body-content ul { + margin-bottom: 16px; +} +.tox .tox-dialog__body-content dd, +.tox .tox-dialog__body-content dl, +.tox .tox-dialog__body-content dt, +.tox .tox-dialog__body-content ol, +.tox .tox-dialog__body-content ul { + display: block; + margin-inline-end: 0; + margin-inline-start: 0; +} +.tox .tox-dialog__body-content .tox-form__group h1 { + color: var(--text-color, #222f3e); + font-size: 20px; + font-style: normal; + font-weight: 700; + letter-spacing: normal; + margin-bottom: 16px; + margin-top: 2rem; + text-transform: none; +} +.tox .tox-dialog__body-content .tox-form__group h2 { + color: var(--text-color, #222f3e); + font-size: 16px; + font-style: normal; + font-weight: 700; + letter-spacing: normal; + margin-bottom: 16px; + margin-top: 2rem; + text-transform: none; +} +.tox .tox-dialog__body-content .tox-form__group p { + margin-bottom: 16px; +} +.tox .tox-dialog__body-content .tox-form__group h1:first-child, +.tox .tox-dialog__body-content .tox-form__group h2:first-child, +.tox .tox-dialog__body-content .tox-form__group p:first-child { + margin-top: 0; +} +.tox .tox-dialog__body-content .tox-form__group h1:last-child, +.tox .tox-dialog__body-content .tox-form__group h2:last-child, +.tox .tox-dialog__body-content .tox-form__group p:last-child { + margin-bottom: 0; +} +.tox .tox-dialog__body-content .tox-form__group h1:only-child, +.tox .tox-dialog__body-content .tox-form__group h2:only-child, +.tox .tox-dialog__body-content .tox-form__group p:only-child { + margin-bottom: 0; + margin-top: 0; +} +.tox .tox-dialog__body-content .tox-form__group .tox-label.tox-label--center { + text-align: center; +} +.tox .tox-dialog__body-content .tox-form__group .tox-label.tox-label--end { + text-align: end; +} +.tox .tox-dialog--width-lg { + height: 650px; + max-width: 1200px; +} +.tox .tox-dialog--fullscreen { + height: 100%; + max-width: 100%; +} +.tox .tox-dialog--fullscreen .tox-dialog__body-content { + max-height: 100%; +} +.tox .tox-dialog--width-md { + max-width: 800px; +} +.tox .tox-dialog--width-md .tox-dialog__body-content { + overflow: auto; +} +.tox .tox-dialog__body-content--centered { + text-align: center; +} +.tox .tox-dialog__footer { + align-items: center; + background-color: var(--blocks-background); + border-top: 1px solid var(--border-color, #ccc); + display: flex; + justify-content: space-between; + padding: 8px 16px; +} +.tox .tox-dialog__footer-end, +.tox .tox-dialog__footer-start { + display: flex; +} +.tox .tox-dialog__busy-spinner { + align-items: center; + background-color: rgba(255, 255, 255, 0.75); + bottom: 0; + display: flex; + justify-content: center; + left: 0; + position: absolute; + right: 0; + top: 0; + z-index: 3; +} +.tox .tox-dialog__table { + border-collapse: collapse; + width: 100%; +} +.tox .tox-dialog__table thead th { + font-weight: 700; + padding-bottom: 8px; +} +.tox .tox-dialog__table thead th:first-child { + padding-right: 8px; +} +.tox .tox-dialog__table tbody tr { + border-bottom: 1px solid #404040; +} +.tox .tox-dialog__table tbody tr:last-child { + border-bottom: none; +} +.tox .tox-dialog__table td { + padding-bottom: 8px; + padding-top: 8px; +} +.tox .tox-dialog__table td:first-child { + padding-right: 8px; +} +.tox .tox-dialog__iframe { + min-height: 200px; +} +.tox .tox-dialog__iframe.tox-dialog__iframe--opaque { + background: var(--blocks-background); +} +.tox .tox-navobj-bordered { + position: relative; +} +.tox .tox-navobj-bordered::before { + border: 1px solid var(--border-color, #ccc); + border-radius: 3px; + content: ""; + inset: 0; + opacity: 1; + pointer-events: none; + position: absolute; + z-index: 1; +} +.tox .tox-navobj-bordered-focus.tox-navobj-bordered::before { + border-color: #207ab7; + box-shadow: none; + outline: 2px solid rgba(32, 122, 183, 0.25); +} +.tox .tox-dialog__popups { + position: absolute; + width: 100%; + z-index: 1100; +} +.tox .tox-dialog__body-iframe { + display: flex; + flex: 1; + flex-direction: column; +} +.tox .tox-dialog__body-iframe .tox-navobj { + display: flex; + flex: 1; +} +.tox .tox-dialog__body-iframe .tox-navobj :nth-child(2) { + flex: 1; + height: 100%; +} +.tox .tox-dialog-dock-fadeout { + opacity: 0; + visibility: hidden; +} +.tox .tox-dialog-dock-fadein { + opacity: 1; + visibility: visible; +} +.tox .tox-dialog-dock-transition { + transition: visibility 0s linear 0.3s, opacity 0.3s ease; +} +.tox .tox-dialog-dock-transition.tox-dialog-dock-fadein { + transition-delay: 0s; +} +@media only screen and (max-width: 767px) { + body:not(.tox-force-desktop) .tox:not([dir="rtl"]) .tox-dialog__body-nav { + margin-right: 0; + } +} +@media only screen and (max-width: 767px) { + body:not(.tox-force-desktop) + .tox:not([dir="rtl"]) + .tox-dialog__body-nav-item:not(:first-child) { + margin-left: 8px; + } +} +.tox:not([dir="rtl"]) .tox-dialog__footer .tox-dialog__footer-end > *, +.tox:not([dir="rtl"]) .tox-dialog__footer .tox-dialog__footer-start > * { + margin-left: 8px; +} +.tox[dir="rtl"] .tox-dialog__body { + text-align: right; +} +@media only screen and (max-width: 767px) { + body:not(.tox-force-desktop) .tox[dir="rtl"] .tox-dialog__body-nav { + margin-left: 0; + } +} +@media only screen and (max-width: 767px) { + body:not(.tox-force-desktop) + .tox[dir="rtl"] + .tox-dialog__body-nav-item:not(:first-child) { + margin-right: 8px; + } +} +.tox[dir="rtl"] .tox-dialog__footer .tox-dialog__footer-end > *, +.tox[dir="rtl"] .tox-dialog__footer .tox-dialog__footer-start > * { + margin-right: 8px; +} +body.tox-dialog__disable-scroll { + overflow: hidden; +} +.tox .tox-dropzone-container { + display: flex; + flex: 1; +} +.tox .tox-dropzone { + align-items: center; + background: var(--blocks-background); + border: 2px dashed var(--border-color, #ccc); + box-sizing: border-box; + display: flex; + flex-direction: column; + flex-grow: 1; + justify-content: center; + min-height: 100px; + padding: 10px; +} +.tox .tox-dropzone p { + color: var(--muted-color, rgba(34, 47, 62, 0.7)); + margin: 0 0 16px 0; +} +.tox .tox-edit-area { + display: flex; + flex: 1; + overflow: hidden; + position: relative; +} +.tox .tox-edit-area::before { + border: 2px solid #2d6adf; + border-radius: 4px; + content: ""; + inset: 0; + opacity: 0; + pointer-events: none; + position: absolute; + transition: opacity 0.15s; + z-index: 1; +} +.tox .tox-edit-area__iframe { + background-color: var(--inputs-background, #fff); + border: 0; + box-sizing: border-box; + flex: 1; + height: 100%; + position: absolute; + width: 100%; +} +.tox.tox-edit-focus .tox-edit-area::before { + opacity: 1; +} +.tox.tox-inline-edit-area { + border: 1px dotted var(--border-color, #ccc); +} +.tox .tox-editor-container { + display: flex; + flex: 1 1 auto; + flex-direction: column; + overflow: hidden; +} +.tox .tox-editor-header { + display: grid; + grid-template-columns: 1fr min-content; + z-index: 2; +} +.tox:not(.tox-tinymce-inline) .tox-editor-header { + background-color: var(--blocks-background); + border-bottom: none; + box-shadow: none; + padding: 4px 0; +} +.tox:not(.tox-tinymce-inline) + .tox-editor-header:not(.tox-editor-dock-transition) { + transition: box-shadow 0.5s; +} +.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-bottom .tox-editor-header { + border-top: 1px solid var(--border-color, #ccc); + box-shadow: none; +} +.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on + .tox-editor-header { + background-color: var(--blocks-background); + box-shadow: 0 4px 4px -3px rgba(0, 0, 0, 0.25); + padding: 4px 0; +} +.tox:not( + .tox-tinymce-inline + ).tox-tinymce--toolbar-sticky-on.tox-tinymce--toolbar-bottom + .tox-editor-header { + box-shadow: 0 4px 4px -3px rgba(0, 0, 0, 0.25); +} +.tox.tox:not(.tox-tinymce-inline) .tox-editor-header.tox-editor-header--empty { + background: 0 0; + border: none; + box-shadow: none; + padding: 0; +} +.tox-editor-dock-fadeout { + opacity: 0; + visibility: hidden; +} +.tox-editor-dock-fadein { + opacity: 1; + visibility: visible; +} +.tox-editor-dock-transition { + transition: visibility 0s linear 0.25s, opacity 0.25s ease; +} +.tox-editor-dock-transition.tox-editor-dock-fadein { + transition-delay: 0s; +} +.tox .tox-control-wrap { + flex: 1; + position: relative; +} +.tox + .tox-control-wrap:not(.tox-control-wrap--status-invalid) + .tox-control-wrap__status-icon-invalid, +.tox + .tox-control-wrap:not(.tox-control-wrap--status-unknown) + .tox-control-wrap__status-icon-unknown, +.tox + .tox-control-wrap:not(.tox-control-wrap--status-valid) + .tox-control-wrap__status-icon-valid { + display: none; +} +.tox .tox-control-wrap svg { + display: block; +} +.tox .tox-control-wrap__status-icon-wrap { + position: absolute; + top: 50%; + transform: translateY(-50%); +} +.tox .tox-control-wrap__status-icon-invalid svg { + fill: #c00; +} +.tox .tox-control-wrap__status-icon-unknown svg { + fill: orange; +} +.tox .tox-control-wrap__status-icon-valid svg { + fill: green; +} +.tox:not([dir="rtl"]) .tox-control-wrap--status-invalid .tox-textfield, +.tox:not([dir="rtl"]) .tox-control-wrap--status-unknown .tox-textfield, +.tox:not([dir="rtl"]) .tox-control-wrap--status-valid .tox-textfield { + padding-right: 32px; +} +.tox:not([dir="rtl"]) .tox-control-wrap__status-icon-wrap { + right: 4px; +} +.tox[dir="rtl"] .tox-control-wrap--status-invalid .tox-textfield, +.tox[dir="rtl"] .tox-control-wrap--status-unknown .tox-textfield, +.tox[dir="rtl"] .tox-control-wrap--status-valid .tox-textfield { + padding-left: 32px; +} +.tox[dir="rtl"] .tox-control-wrap__status-icon-wrap { + left: 4px; +} +.tox .tox-autocompleter { + max-width: 25em; +} +.tox .tox-autocompleter .tox-menu { + box-sizing: border-box; + max-width: 25em; +} +.tox .tox-autocompleter .tox-autocompleter-highlight { + font-weight: 700; +} +.tox .tox-color-input { + display: flex; + position: relative; + z-index: 1; +} +.tox .tox-color-input .tox-textfield { + z-index: -1; +} +.tox .tox-color-input span { + border-color: rgba(34, 47, 62, 0.2); + border-radius: 3px; + border-style: solid; + border-width: 1px; + box-shadow: none; + box-sizing: border-box; + height: 24px; + position: absolute; + top: 6px; + width: 24px; +} +.tox .tox-color-input span:focus:not([aria-disabled="true"]), +.tox .tox-color-input span:hover:not([aria-disabled="true"]) { + border-color: #207ab7; + cursor: pointer; +} +.tox .tox-color-input span::before { + background-image: linear-gradient( + 45deg, + rgba(0, 0, 0, 0.25) 25%, + transparent 25% + ), + linear-gradient(-45deg, rgba(0, 0, 0, 0.25) 25%, transparent 25%), + linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.25) 75%), + linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.25) 75%); + background-position: 0 0, 0 6px, 6px -6px, -6px 0; + background-size: 12px 12px; + border: 1px solid #fff; + border-radius: 3px; + box-sizing: border-box; + content: ""; + height: 24px; + left: -1px; + position: absolute; + top: -1px; + width: 24px; + z-index: -1; +} +.tox .tox-color-input span[aria-disabled="true"] { + cursor: not-allowed; +} +.tox:not([dir="rtl"]) .tox-color-input .tox-textfield { + padding-left: 36px; +} +.tox:not([dir="rtl"]) .tox-color-input span { + left: 6px; +} +.tox[dir="rtl"] .tox-color-input .tox-textfield { + padding-right: 36px; +} +.tox[dir="rtl"] .tox-color-input span { + right: 6px; +} +.tox .tox-label, +.tox .tox-toolbar-label { + color: var(--text-color, rgba(34, 47, 62, 0.7)); + display: block; + font-size: 14px; + font-style: normal; + font-weight: 400; + line-height: 1.3; + padding: 0 8px 0 0; + text-transform: none; + white-space: nowrap; +} +.tox .tox-toolbar-label { + padding: 0 8px; +} +.tox[dir="rtl"] .tox-label { + padding: 0 0 0 8px; +} +.tox .tox-form { + display: flex; + flex: 1; + flex-direction: column; +} +.tox .tox-form__group { + box-sizing: border-box; + margin-bottom: 4px; +} +.tox .tox-form-group--maximize { + flex: 1; +} +.tox .tox-form__group--error { + color: #c00; +} +.tox .tox-form__group--collection { + display: flex; +} +.tox .tox-form__grid { + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: space-between; +} +.tox .tox-form__grid--2col > .tox-form__group { + width: calc(50% - (8px / 2)); +} +.tox .tox-form__grid--3col > .tox-form__group { + width: calc(100% / 3 - (8px / 2)); +} +.tox .tox-form__grid--4col > .tox-form__group { + width: calc(25% - (8px / 2)); +} +.tox .tox-form__controls-h-stack { + align-items: center; + display: flex; +} +.tox .tox-form__group--inline { + align-items: center; + display: flex; +} +.tox .tox-form__group--stretched { + display: flex; + flex: 1; + flex-direction: column; +} +.tox .tox-form__group--stretched .tox-textarea { + flex: 1; +} +.tox .tox-form__group--stretched .tox-navobj { + display: flex; + flex: 1; +} +.tox .tox-form__group--stretched .tox-navobj :nth-child(2) { + flex: 1; + height: 100%; +} +.tox:not([dir="rtl"]) .tox-form__controls-h-stack > :not(:first-child) { + margin-left: 4px; +} +.tox[dir="rtl"] .tox-form__controls-h-stack > :not(:first-child) { + margin-right: 4px; +} +.tox .tox-lock.tox-locked .tox-lock-icon__unlock, +.tox .tox-lock:not(.tox-locked) .tox-lock-icon__lock { + display: none; +} +.tox .tox-listboxfield .tox-listbox--select, +.tox .tox-textarea, +.tox .tox-textarea-wrap .tox-textarea:focus, +.tox .tox-textfield, +.tox .tox-toolbar-textfield { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background-color: var(--blocks-background); + border-color: var(--border-color, #ccc); + border-radius: 3px; + border-style: solid; + border-width: 1px; + box-shadow: none; + box-sizing: border-box; + color: var(--text-color, #222f3e); + font-family: "Inter", system-ui, sans-serif; + font-size: 16px; + line-height: 24px; + margin: 0; + min-height: 34px; + outline: 0; + padding: 5px 4.75px; + resize: none; + width: 100%; +} +.tox .tox-textarea[disabled], +.tox .tox-textfield[disabled] { + background-color: #f2f2f2; + color: rgba(34, 47, 62, 0.85); + cursor: not-allowed; +} +.tox .tox-custom-editor:focus-within, +.tox .tox-listboxfield .tox-listbox--select:focus, +.tox .tox-textarea-wrap:focus-within, +.tox .tox-textarea:focus, +.tox .tox-textfield:focus { + background-color: var(--blocks-background); + border-color: #207ab7; + box-shadow: none; + outline: 2px solid rgba(32, 122, 183, 0.25); +} +.tox .tox-toolbar-textfield { + border-width: 0; + margin-bottom: 3px; + margin-top: 2px; + max-width: 250px; +} +.tox .tox-naked-btn { + background-color: transparent; + border: 0; + border-color: transparent; + box-shadow: unset; + color: #207ab7; + cursor: pointer; + display: block; + margin: 0; + padding: 0; +} +.tox .tox-naked-btn svg { + display: block; + fill: var(--text-color, #222f3e); +} +.tox:not([dir="rtl"]) .tox-toolbar-textfield + * { + margin-left: 4px; +} +.tox[dir="rtl"] .tox-toolbar-textfield + * { + margin-right: 4px; +} +.tox .tox-listboxfield { + cursor: pointer; + position: relative; +} +.tox .tox-listboxfield .tox-listbox--select[disabled] { + background-color: #f2f2f2; + color: rgba(34, 47, 62, 0.85); + cursor: not-allowed; +} +.tox .tox-listbox__select-label { + cursor: default; + flex: 1; + margin: 0 4px; +} +.tox .tox-listbox__select-chevron { + align-items: center; + display: flex; + justify-content: center; + width: 16px; +} +.tox .tox-listbox__select-chevron svg { + fill: var(--text-color, #222f3e); +} +.tox .tox-listboxfield .tox-listbox--select { + align-items: center; + display: flex; +} +.tox:not([dir="rtl"]) .tox-listboxfield svg { + right: 8px; +} +.tox[dir="rtl"] .tox-listboxfield svg { + left: 8px; +} +.tox .tox-selectfield { + cursor: pointer; + position: relative; +} +.tox .tox-selectfield select { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background-color: var(--blocks-background); + border-color: var(--border-color, #ccc); + border-radius: 3px; + border-style: solid; + border-width: 1px; + box-shadow: none; + box-sizing: border-box; + color: var(--text-color, #222f3e); + font-family: "Inter", system-ui, sans-serif; + font-size: 16px; + line-height: 24px; + margin: 0; + min-height: 34px; + outline: 0; + padding: 5px 4.75px; + resize: none; + width: 100%; +} +.tox .tox-selectfield select[disabled] { + background-color: #f2f2f2; + color: rgba(34, 47, 62, 0.85); + cursor: not-allowed; +} +.tox .tox-selectfield select::-ms-expand { + display: none; +} +.tox .tox-selectfield select:focus { + background-color: var(--blocks-background); + border-color: #207ab7; + box-shadow: none; + outline: 2px solid rgba(32, 122, 183, 0.25); +} +.tox .tox-selectfield svg { + pointer-events: none; + position: absolute; + top: 50%; + transform: translateY(-50%); +} +.tox:not([dir="rtl"]) .tox-selectfield select[size="0"], +.tox:not([dir="rtl"]) .tox-selectfield select[size="1"] { + padding-right: 24px; +} +.tox:not([dir="rtl"]) .tox-selectfield svg { + right: 8px; +} +.tox[dir="rtl"] .tox-selectfield select[size="0"], +.tox[dir="rtl"] .tox-selectfield select[size="1"] { + padding-left: 24px; +} +.tox[dir="rtl"] .tox-selectfield svg { + left: 8px; +} +.tox .tox-textarea-wrap { + border-color: var(--border-color, #ccc); + border-radius: 3px; + border-style: solid; + border-width: 1px; + display: flex; + flex: 1; + overflow: hidden; +} +.tox .tox-textarea { + -webkit-appearance: textarea; + -moz-appearance: textarea; + appearance: textarea; + white-space: pre-wrap; +} +.tox .tox-textarea-wrap .tox-textarea { + border: none; +} +.tox .tox-textarea-wrap .tox-textarea:focus { + border: none; +} +.tox-fullscreen { + border: 0; + height: 100%; + margin: 0; + overflow: hidden; + overscroll-behavior: none; + padding: 0; + touch-action: pinch-zoom; + width: 100%; +} +.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle { + display: none; +} +.tox-shadowhost.tox-fullscreen, +.tox.tox-tinymce.tox-fullscreen { + left: 0; + position: fixed; + top: 0; + z-index: 1200; +} +.tox.tox-tinymce.tox-fullscreen { + background-color: transparent; +} +.tox-fullscreen .tox.tox-tinymce-aux, +.tox-fullscreen ~ .tox.tox-tinymce-aux { + z-index: 1201; +} +.tox .tox-help__more-link { + list-style: none; + margin-top: 1em; +} +.tox .tox-imagepreview { + background-color: #666; + height: 380px; + overflow: hidden; + position: relative; + width: 100%; +} +.tox .tox-imagepreview.tox-imagepreview__loaded { + overflow: auto; +} +.tox .tox-imagepreview__container { + display: flex; + left: 100vw; + position: absolute; + top: 100vw; +} +.tox .tox-imagepreview__image { + background: url(data:image/gif;base64,R0lGODdhDAAMAIABAMzMzP///ywAAAAADAAMAAACFoQfqYeabNyDMkBQb81Uat85nxguUAEAOw==); +} +.tox .tox-image-tools .tox-spacer { + flex: 1; +} +.tox .tox-image-tools .tox-bar { + align-items: center; + display: flex; + height: 60px; + justify-content: center; +} +.tox .tox-image-tools .tox-imagepreview, +.tox .tox-image-tools .tox-imagepreview + .tox-bar { + margin-top: 8px; +} +.tox .tox-image-tools .tox-croprect-block { + background: #000; + opacity: 0.5; + position: absolute; + zoom: 1; +} +.tox .tox-image-tools .tox-croprect-handle { + border: 2px solid #fff; + height: 20px; + left: 0; + position: absolute; + top: 0; + width: 20px; +} +.tox .tox-image-tools .tox-croprect-handle-move { + border: 0; + cursor: move; + position: absolute; +} +.tox .tox-image-tools .tox-croprect-handle-nw { + border-width: 2px 0 0 2px; + cursor: nw-resize; + left: 100px; + margin: -2px 0 0 -2px; + top: 100px; +} +.tox .tox-image-tools .tox-croprect-handle-ne { + border-width: 2px 2px 0 0; + cursor: ne-resize; + left: 200px; + margin: -2px 0 0 -20px; + top: 100px; +} +.tox .tox-image-tools .tox-croprect-handle-sw { + border-width: 0 0 2px 2px; + cursor: sw-resize; + left: 100px; + margin: -20px 2px 0 -2px; + top: 200px; +} +.tox .tox-image-tools .tox-croprect-handle-se { + border-width: 0 2px 2px 0; + cursor: se-resize; + left: 200px; + margin: -20px 0 0 -20px; + top: 200px; +} +.tox .tox-insert-table-picker { + display: flex; + flex-wrap: wrap; + width: 170px; +} +.tox .tox-insert-table-picker > div { + border-color: var(--border-color, #ccc); + border-style: solid; + border-width: 0 1px 1px 0; + box-sizing: border-box; + height: 17px; + width: 17px; +} +.tox .tox-collection--list .tox-collection__group .tox-insert-table-picker { + margin: 0 -4px; +} +.tox .tox-insert-table-picker .tox-insert-table-picker__selected { + background-color: rgba(32, 122, 183, 0.5); + border-color: rgba(32, 122, 183, 0.5); +} +.tox .tox-insert-table-picker__label { + color: var(--muted-color, rgba(34, 47, 62, 0.7)); + display: block; + font-size: 14px; + padding: 4px; + text-align: center; + width: 100%; +} +.tox:not([dir="rtl"]) .tox-insert-table-picker > div:nth-child(10n) { + border-right: 0; +} +.tox[dir="rtl"] .tox-insert-table-picker > div:nth-child(10n + 1) { + border-right: 0; +} +.tox .tox-menu { + background-color: var(--blocks-background); + border: 1px solid var(--border-color, #ccc); + border-radius: 3px; + box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1); + display: inline-block; + overflow: hidden; + vertical-align: top; + z-index: 1150; +} +.tox .tox-menu.tox-collection.tox-collection--list { + padding: 0 0; +} +.tox .tox-menu.tox-collection.tox-collection--toolbar { + padding: 4px; +} +.tox .tox-menu.tox-collection.tox-collection--grid { + padding: 4px; +} +@media only screen and (min-width: 768px) { + .tox .tox-menu .tox-collection__item-label { + overflow-wrap: break-word; + word-break: normal; + } + .tox .tox-dialog__popups .tox-menu .tox-collection__item-label { + word-break: break-all; + } +} +.tox .tox-menu__label blockquote, +.tox .tox-menu__label code, +.tox .tox-menu__label h1, +.tox .tox-menu__label h2, +.tox .tox-menu__label h3, +.tox .tox-menu__label h4, +.tox .tox-menu__label h5, +.tox .tox-menu__label h6, +.tox .tox-menu__label p { + margin: 0; +} +.tox .tox-menubar { + background-color: var(--blocks-background, #fff); + display: flex; + flex: 0 0 auto; + flex-shrink: 0; + flex-wrap: wrap; + grid-column: 1/-1; + grid-row: 1; + padding: 0 4px 0 4px; +} +.tox .tox-promotion + .tox-menubar { + grid-column: 1; +} +.tox .tox-promotion { + background-color: var(--blocks-background, #fff); + grid-column: 2; + grid-row: 1; + padding-inline-end: 8px; + padding-inline-start: 4px; + padding-top: 5px; +} +.tox .tox-promotion-link { + align-items: unsafe center; + background-color: var(--inputs-background, #e8f1f8); + border-radius: 5px; + color: var(--main-color, #086be6); + cursor: pointer; + display: flex; + font-size: 14px; + height: 26.6px; + padding: 4px 8px; + white-space: nowrap; +} +.tox .tox-mbtn { + align-items: center; + background: 0 0; + border: 0; + border-radius: 3px; + box-shadow: none; + color: var(--text-color, #222f3e); + display: flex; + flex: 0 0 auto; + font-size: 14px; + font-style: normal; + font-weight: 400; + height: 34px; + justify-content: center; + margin: 2px 0 3px 0; + outline: 0; + overflow: hidden; + padding: 0 4px; + text-transform: none; + width: auto; +} +.tox .tox-mbtn[disabled] { + background-color: transparent; + border: 0; + box-shadow: none; + color: var(--text-color, rgba(34, 47, 62, 0.5)); + cursor: not-allowed; +} +.tox .tox-mbtn:focus:not(:disabled) { + background: var(--inputs-background, #dee0e2); + border: 0; + box-shadow: none; + color: var(--text-color, #222f3e); +} +.tox .tox-mbtn--active { + background: var(--inputs-background, #c8cbcf); + border: 0; + box-shadow: none; + color: var(--text-color, #222f3e); +} +.tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active) { + background: var(--inputs-background, #dee0e2); + border: 0; + box-shadow: none; + color: var(--text-color, #222f3e); +} +.tox .tox-mbtn__select-label { + cursor: default; + font-weight: 400; + margin: 0 4px; +} +.tox .tox-mbtn[disabled] .tox-mbtn__select-label { + cursor: not-allowed; +} +.tox .tox-mbtn__select-chevron { + align-items: center; + display: flex; + justify-content: center; + width: 16px; + display: none; +} +.tox .tox-notification { + border-radius: 3px; + border-style: solid; + border-width: 1px; + box-shadow: none; + box-sizing: border-box; + display: grid; + font-size: 14px; + font-weight: 400; + grid-template-columns: minmax(40px, 1fr) auto minmax(40px, 1fr); + margin-top: 4px; + opacity: 0; + padding: 4px; + transition: transform 0.1s ease-in, opacity 150ms ease-in; +} +.tox .tox-notification p { + font-size: 14px; + font-weight: 400; +} +.tox .tox-notification a { + cursor: pointer; + text-decoration: underline; +} +.tox .tox-notification--in { + opacity: 1; +} +.tox .tox-notification--success { + background-color: #e4eeda; + border-color: #d7e6c8; + color: var(--text-color, #222f3e); +} +.tox .tox-notification--success p { + color: var(--text-color, #222f3e); +} +.tox .tox-notification--success a { + color: #517342; +} +.tox .tox-notification--success svg { + fill: var(--text-color, #222f3e); +} +.tox .tox-notification--error { + background-color: #f5cccc; + border-color: #f0b3b3; + color: var(--text-color, #222f3e); +} +.tox .tox-notification--error p { + color: var(--text-color, #222f3e); +} +.tox .tox-notification--error a { + color: #77181f; +} +.tox .tox-notification--error svg { + fill: var(--text-color, #222f3e); +} +.tox .tox-notification--warn, +.tox .tox-notification--warning { + background-color: var(--blocks-background) 5cc; + border-color: var(--blocks-background) 0b3; + color: var(--text-color, #222f3e); +} +.tox .tox-notification--warn p, +.tox .tox-notification--warning p { + color: var(--text-color, #222f3e); +} +.tox .tox-notification--warn a, +.tox .tox-notification--warning a { + color: #7a6e25; +} +.tox .tox-notification--warn svg, +.tox .tox-notification--warning svg { + fill: var(--text-color, #222f3e); +} +.tox .tox-notification--info { + background-color: #d6e7fb; + border-color: #c1dbf9; + color: var(--text-color, #222f3e); +} +.tox .tox-notification--info p { + color: var(--text-color, #222f3e); +} +.tox .tox-notification--info a { + color: #2a64a6; +} +.tox .tox-notification--info svg { + fill: var(--text-color, #222f3e); +} +.tox .tox-notification__body { + align-self: center; + color: var(--text-color, #222f3e); + font-size: 14px; + grid-column-end: 3; + grid-column-start: 2; + grid-row-end: 2; + grid-row-start: 1; + text-align: center; + white-space: normal; + word-break: break-all; + word-break: break-word; +} +.tox .tox-notification__body > * { + margin: 0; +} +.tox .tox-notification__body > * + * { + margin-top: 1rem; +} +.tox .tox-notification__icon { + align-self: center; + grid-column-end: 2; + grid-column-start: 1; + grid-row-end: 2; + grid-row-start: 1; + justify-self: end; +} +.tox .tox-notification__icon svg { + display: block; +} +.tox .tox-notification__dismiss { + align-self: start; + grid-column-end: 4; + grid-column-start: 3; + grid-row-end: 2; + grid-row-start: 1; + justify-self: end; +} +.tox .tox-notification .tox-progress-bar { + grid-column-end: 4; + grid-column-start: 1; + grid-row-end: 3; + grid-row-start: 2; + justify-self: center; +} +.tox .tox-pop { + display: inline-block; + position: relative; +} +.tox .tox-pop--resizing { + transition: width 0.1s ease; +} +.tox .tox-pop--resizing .tox-toolbar, +.tox .tox-pop--resizing .tox-toolbar__group { + flex-wrap: nowrap; +} +.tox .tox-pop--transition { + transition: 0.15s ease; + transition-property: left, right, top, bottom; +} +.tox .tox-pop--transition::after, +.tox .tox-pop--transition::before { + transition: all 0.15s, visibility 0s, opacity 75ms ease 75ms; +} +.tox .tox-pop__dialog { + background-color: var(--blocks-background); + border: 1px solid var(--border-color, #ccc); + border-radius: 3px; + box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), + 0 4px 8px 0 rgba(34, 47, 62, 0.15); + min-width: 0; + overflow: hidden; +} +.tox .tox-pop__dialog > :not(.tox-toolbar) { + margin: 4px 4px 4px 8px; +} +.tox .tox-pop__dialog .tox-toolbar { + background-color: transparent; + margin-bottom: -1px; +} +.tox .tox-pop::after, +.tox .tox-pop::before { + border-style: solid; + content: ""; + display: block; + height: 0; + opacity: 1; + position: absolute; + width: 0; +} +.tox .tox-pop.tox-pop--inset::after, +.tox .tox-pop.tox-pop--inset::before { + opacity: 0; + transition: all 0s 0.15s, visibility 0s, opacity 75ms ease; +} +.tox .tox-pop.tox-pop--bottom::after, +.tox .tox-pop.tox-pop--bottom::before { + left: 50%; + top: 100%; +} +.tox .tox-pop.tox-pop--bottom::after { + border-color: var(--blocks-background) transparent transparent transparent; + border-width: 8px; + margin-left: -8px; + margin-top: -1px; +} +.tox .tox-pop.tox-pop--bottom::before { + border-color: var(--border-color, #ccc) transparent transparent transparent; + border-width: 9px; + margin-left: -9px; +} +.tox .tox-pop.tox-pop--top::after, +.tox .tox-pop.tox-pop--top::before { + left: 50%; + top: 0; + transform: translateY(-100%); +} +.tox .tox-pop.tox-pop--top::after { + border-color: transparent transparent #fff transparent; + border-width: 8px; + margin-left: -8px; + margin-top: 1px; +} +.tox .tox-pop.tox-pop--top::before { + border-color: transparent transparent var(--border-color, #ccc) transparent; + border-width: 9px; + margin-left: -9px; +} +.tox .tox-pop.tox-pop--left::after, +.tox .tox-pop.tox-pop--left::before { + left: 0; + top: calc(50% - 1px); + transform: translateY(-50%); +} +.tox .tox-pop.tox-pop--left::after { + border-color: transparent #fff transparent transparent; + border-width: 8px; + margin-left: -15px; +} +.tox .tox-pop.tox-pop--left::before { + border-color: transparent var(--border-color, #ccc) transparent transparent; + border-width: 10px; + margin-left: -19px; +} +.tox .tox-pop.tox-pop--right::after, +.tox .tox-pop.tox-pop--right::before { + left: 100%; + top: calc(50% + 1px); + transform: translateY(-50%); +} +.tox .tox-pop.tox-pop--right::after { + border-color: transparent transparent transparent #fff; + border-width: 8px; + margin-left: -1px; +} +.tox .tox-pop.tox-pop--right::before { + border-color: transparent transparent transparent var(--border-color, #ccc); + border-width: 10px; + margin-left: -1px; +} +.tox .tox-pop.tox-pop--align-left::after, +.tox .tox-pop.tox-pop--align-left::before { + left: 20px; +} +.tox .tox-pop.tox-pop--align-right::after, +.tox .tox-pop.tox-pop--align-right::before { + left: calc(100% - 20px); +} +.tox .tox-sidebar-wrap { + display: flex; + flex-direction: row; + flex-grow: 1; + min-height: 0; +} +.tox .tox-sidebar { + background-color: var(--blocks-background); + display: flex; + flex-direction: row; + justify-content: flex-end; +} +.tox .tox-sidebar__slider { + display: flex; + overflow: hidden; +} +.tox .tox-sidebar__pane-container { + display: flex; +} +.tox .tox-sidebar__pane { + display: flex; +} +.tox .tox-sidebar--sliding-closed { + opacity: 0; +} +.tox .tox-sidebar--sliding-open { + opacity: 1; +} +.tox .tox-sidebar--sliding-growing, +.tox .tox-sidebar--sliding-shrinking { + transition: width 0.5s ease, opacity 0.5s ease; +} +.tox .tox-selector { + background-color: #4099ff; + border-color: #4099ff; + border-style: solid; + border-width: 1px; + box-sizing: border-box; + display: inline-block; + height: 10px; + position: absolute; + width: 10px; +} +.tox.tox-platform-touch .tox-selector { + height: 12px; + width: 12px; +} +.tox .tox-slider { + align-items: center; + display: flex; + flex: 1; + height: 24px; + justify-content: center; + position: relative; +} +.tox .tox-slider__rail { + background-color: transparent; + border: 1px solid var(--border-color, #ccc); + border-radius: 3px; + height: 10px; + min-width: 120px; + width: 100%; +} +.tox .tox-slider__handle { + background-color: #207ab7; + border: 2px solid #185d8c; + border-radius: 3px; + box-shadow: none; + height: 24px; + left: 50%; + position: absolute; + top: 50%; + transform: translateX(-50%) translateY(-50%); + width: 14px; +} +.tox .tox-form__controls-h-stack > .tox-slider:not(:first-of-type) { + margin-inline-start: 8px; +} +.tox .tox-form__controls-h-stack > .tox-form__group + .tox-slider { + margin-inline-start: 32px; +} +.tox .tox-form__controls-h-stack > .tox-slider + .tox-form__group { + margin-inline-start: 32px; +} +.tox .tox-source-code { + overflow: auto; +} +.tox .tox-spinner { + display: flex; +} +.tox .tox-spinner > div { + animation: tam-bouncing-dots 1.5s ease-in-out 0s infinite both; + background-color: var(--muted-color, rgba(34, 47, 62, 0.7)); + border-radius: 100%; + height: 8px; + width: 8px; +} +.tox .tox-spinner > div:nth-child(1) { + animation-delay: -0.32s; +} +.tox .tox-spinner > div:nth-child(2) { + animation-delay: -0.16s; +} +@keyframes tam-bouncing-dots { + 0%, + 100%, + 80% { + transform: scale(0); + } + 40% { + transform: scale(1); + } +} +.tox:not([dir="rtl"]) .tox-spinner > div:not(:first-child) { + margin-left: 4px; +} +.tox[dir="rtl"] .tox-spinner > div:not(:first-child) { + margin-right: 4px; +} +.tox .tox-statusbar { + align-items: center; + background-color: var(--blocks-background, #fff); + border-top: 1px solid var(--border-color, #ccc); + color: var(--muted-color, rgba(34, 47, 62, 0.7)); + display: flex; + flex: 0 0 auto; + font-size: 12px; + font-weight: 400; + height: 18px; + overflow: hidden; + padding: 0 8px; + position: relative; + text-transform: uppercase; +} +.tox .tox-statusbar__path { + display: flex; + flex: 1 1 auto; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} +.tox .tox-statusbar__right-container { + display: flex; + justify-content: flex-end; + white-space: nowrap; +} +.tox .tox-statusbar__help-text { + text-align: center; +} +.tox .tox-statusbar__text-container { + display: flex; + flex: 1 1 auto; + justify-content: space-between; + overflow: hidden; +} +@media only screen and (min-width: 768px) { + .tox + .tox-statusbar__text-container.tox-statusbar__text-container-3-cols + > .tox-statusbar__help-text, + .tox + .tox-statusbar__text-container.tox-statusbar__text-container-3-cols + > .tox-statusbar__path, + .tox + .tox-statusbar__text-container.tox-statusbar__text-container-3-cols + > .tox-statusbar__right-container { + flex: 0 0 calc(100% / 3); + } +} +.tox .tox-statusbar__text-container.tox-statusbar__text-container--flex-end { + justify-content: flex-end; +} +.tox .tox-statusbar__text-container.tox-statusbar__text-container--flex-start { + justify-content: flex-start; +} +.tox + .tox-statusbar__text-container.tox-statusbar__text-container--space-around { + justify-content: space-around; +} +.tox .tox-statusbar__path > * { + display: inline; + white-space: nowrap; +} +.tox .tox-statusbar__wordcount { + flex: 0 0 auto; + margin-left: 1ch; +} +@media only screen and (max-width: 767px) { + .tox .tox-statusbar__text-container .tox-statusbar__help-text { + display: none; + } + .tox .tox-statusbar__text-container .tox-statusbar__help-text:only-child { + display: block; + } +} +.tox .tox-statusbar a, +.tox .tox-statusbar__path-item, +.tox .tox-statusbar__wordcount { + color: var(--muted-color, rgba(34, 47, 62, 0.7)); + text-decoration: none; +} +.tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled="true"]), +.tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled="true"]), +.tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled="true"]), +.tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled="true"]), +.tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled="true"]), +.tox + .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled="true"]) { + color: var(--text-color, #222f3e); + cursor: pointer; +} +.tox .tox-statusbar__branding svg { + fill: rgba(34, 47, 62, 0.8); + height: 1.14em; + vertical-align: -0.28em; + width: 3.6em; +} +.tox + .tox-statusbar__branding + a:focus:not(:disabled):not([aria-disabled="true"]) + svg, +.tox + .tox-statusbar__branding + a:hover:not(:disabled):not([aria-disabled="true"]) + svg { + fill: var(--text-color, #222f3e); +} +.tox .tox-statusbar__resize-handle { + align-items: flex-end; + align-self: stretch; + cursor: nwse-resize; + display: flex; + flex: 0 0 auto; + justify-content: flex-end; + margin-left: auto; + margin-right: -8px; + padding-bottom: 3px; + padding-left: 1ch; + padding-right: 3px; +} +.tox .tox-statusbar__resize-handle svg { + display: block; + fill: var(--border-color, rgba(34, 47, 62, 0.5)); +} +.tox .tox-statusbar__resize-handle:focus svg { + background-color: var(--inputs-background, #dee0e2); + border-radius: 1px 1px -4px 1px; + box-shadow: 0 0 0 2px var(--inputs-background, #dee0e2); +} +.tox:not([dir="rtl"]) .tox-statusbar__path > * { + margin-right: 4px; +} +.tox:not([dir="rtl"]) .tox-statusbar__branding { + margin-left: 2ch; +} +.tox[dir="rtl"] .tox-statusbar { + flex-direction: row-reverse; +} +.tox[dir="rtl"] .tox-statusbar__path > * { + margin-left: 4px; +} +.tox .tox-throbber { + z-index: 1299; +} +.tox .tox-throbber__busy-spinner { + align-items: center; + background-color: rgba(255, 255, 255, 0.6); + bottom: 0; + display: flex; + justify-content: center; + left: 0; + position: absolute; + right: 0; + top: 0; +} +.tox .tox-tbtn { + align-items: center; + background: 0 0; + border: 0; + border-radius: 3px; + box-shadow: none; + color: var(--text-color, #222f3e); + display: flex; + flex: 0 0 auto; + font-size: 14px; + font-style: normal; + font-weight: 400; + height: 34px; + justify-content: center; + margin: 3px 0 2px 0; + outline: 0; + overflow: hidden; + padding: 0; + text-transform: none; + width: 34px; +} +.tox .tox-tbtn svg { + display: block; + fill: var(--text-color, #222f3e); +} +.tox .tox-tbtn.tox-tbtn-more { + padding-left: 5px; + padding-right: 5px; + width: inherit; +} +.tox .tox-tbtn:focus { + background: var(--inputs-background, #dee0e2); + border: 0; + box-shadow: none; +} +.tox .tox-tbtn:hover { + background: var(--inputs-background, #dee0e2); + border: 0; + box-shadow: none; + color: var(--text-color, #222f3e); +} +.tox .tox-tbtn:hover svg { + fill: var(--text-color, #222f3e); +} +.tox .tox-tbtn:active { + background: var(--inputs-background, #c8cbcf); + border: 0; + box-shadow: none; + color: var(--text-color, #222f3e); +} +.tox .tox-tbtn:active svg { + fill: var(--text-color, #222f3e); +} +.tox .tox-tbtn--disabled .tox-tbtn--enabled svg { + fill: var(--text-color, rgba(34, 47, 62, 0.5)); +} +.tox .tox-tbtn--disabled, +.tox .tox-tbtn--disabled:hover, +.tox .tox-tbtn:disabled, +.tox .tox-tbtn:disabled:hover { + background: 0 0; + border: 0; + box-shadow: none; + color: var(--text-color, rgba(34, 47, 62, 0.5)); + cursor: not-allowed; +} +.tox .tox-tbtn--disabled svg, +.tox .tox-tbtn--disabled:hover svg, +.tox .tox-tbtn:disabled svg, +.tox .tox-tbtn:disabled:hover svg { + fill: var(--text-color, rgba(34, 47, 62, 0.5)); +} +.tox .tox-tbtn--enabled, +.tox .tox-tbtn--enabled:hover { + background: var(--inputs-background, #c8cbcf); + border: 0; + box-shadow: none; + color: var(--text-color, #222f3e); +} +.tox .tox-tbtn--enabled:hover > *, +.tox .tox-tbtn--enabled > * { + transform: none; +} +.tox .tox-tbtn--enabled svg, +.tox .tox-tbtn--enabled:hover svg { + fill: var(--text-color, #222f3e); +} +.tox .tox-tbtn--enabled.tox-tbtn--disabled svg, +.tox .tox-tbtn--enabled:hover.tox-tbtn--disabled svg { + fill: var(--text-color, rgba(34, 47, 62, 0.5)); +} +.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) { + color: var(--text-color, #222f3e); +} +.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) svg { + fill: var(--text-color, #222f3e); +} +.tox .tox-tbtn:active > * { + transform: none; +} +.tox .tox-tbtn--md { + height: 51px; + width: 51px; +} +.tox .tox-tbtn--lg { + flex-direction: column; + height: 68px; + width: 68px; +} +.tox .tox-tbtn--return { + align-self: stretch; + height: unset; + width: 16px; +} +.tox .tox-tbtn--labeled { + padding: 0 4px; + width: unset; +} +.tox .tox-tbtn__vlabel { + display: block; + font-size: 10px; + font-weight: 400; + letter-spacing: -0.025em; + margin-bottom: 4px; + white-space: nowrap; +} +.tox .tox-number-input { + border-radius: 3px; + display: flex; + margin: 3px 0 2px 0; + padding: 0 4px; + width: auto; +} +.tox .tox-number-input .tox-input-wrapper { + background: 0 0; + display: flex; + pointer-events: none; + text-align: center; +} +.tox .tox-number-input .tox-input-wrapper:focus { + background: var(--inputs-background, #dee0e2); +} +.tox .tox-number-input input { + border-radius: 3px; + color: var(--text-color, #222f3e); + font-size: 14px; + margin: 2px 0; + pointer-events: all; + width: 60px; +} +.tox .tox-number-input input:hover { + background: var(--inputs-background, #dee0e2); + color: var(--text-color, #222f3e); +} +.tox .tox-number-input input:focus { + background: var(--blocks-background); + color: var(--text-color, #222f3e); +} +.tox .tox-number-input input:disabled { + background: 0 0; + border: 0; + box-shadow: none; + color: var(--text-color, rgba(34, 47, 62, 0.5)); + cursor: not-allowed; +} +.tox .tox-number-input button { + background: 0 0; + color: var(--text-color, #222f3e); + height: 34px; + text-align: center; + width: 24px; +} +.tox .tox-number-input button svg { + display: block; + fill: var(--text-color, #222f3e); + margin: 0 auto; + transform: scale(0.67); +} +.tox .tox-number-input button:focus { + background: var(--inputs-background, #dee0e2); +} +.tox .tox-number-input button:hover { + background: var(--inputs-background, #dee0e2); + border: 0; + box-shadow: none; + color: var(--text-color, #222f3e); +} +.tox .tox-number-input button:hover svg { + fill: var(--text-color, #222f3e); +} +.tox .tox-number-input button:active { + background: var(--inputs-background, #c8cbcf); + border: 0; + box-shadow: none; + color: var(--text-color, #222f3e); +} +.tox .tox-number-input button:active svg { + fill: var(--text-color, #222f3e); +} +.tox .tox-number-input button:disabled { + background: 0 0; + border: 0; + box-shadow: none; + color: var(--text-color, rgba(34, 47, 62, 0.5)); + cursor: not-allowed; +} +.tox .tox-number-input button:disabled svg { + fill: var(--text-color, rgba(34, 47, 62, 0.5)); +} +.tox .tox-number-input button.minus { + border-radius: 3px 0 0 3px; +} +.tox .tox-number-input button.plus { + border-radius: 0 3px 3px 0; +} +.tox .tox-number-input:focus:not(:active) > .tox-input-wrapper, +.tox .tox-number-input:focus:not(:active) > button { + background: var(--inputs-background, #dee0e2); +} +.tox .tox-tbtn--select { + margin: 3px 0 2px 0; + padding: 0 4px; + width: auto; +} +.tox .tox-tbtn__select-label { + cursor: default; + font-weight: 400; + height: initial; + margin: 0 4px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} +.tox .tox-tbtn__select-chevron { + align-items: center; + display: flex; + justify-content: center; + width: 16px; +} +.tox .tox-tbtn__select-chevron svg { + fill: var(--text-color, rgba(34, 47, 62, 0.5)); +} +.tox .tox-tbtn--bespoke { + background: 0 0; +} +.tox .tox-tbtn--bespoke + .tox-tbtn--bespoke { + margin-inline-start: 0; +} +.tox .tox-tbtn--bespoke .tox-tbtn__select-label { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + width: 7em; +} +.tox .tox-tbtn--disabled .tox-tbtn__select-label, +.tox .tox-tbtn--select:disabled .tox-tbtn__select-label { + cursor: not-allowed; +} +.tox .tox-split-button { + border: 0; + border-radius: 3px; + box-sizing: border-box; + display: flex; + margin: 3px 0 2px 0; + overflow: hidden; +} +.tox .tox-split-button:hover { + box-shadow: 0 0 0 1px var(--inputs-background, #dee0e2) inset; +} +.tox .tox-split-button:focus { + background: var(--inputs-background, #dee0e2); + box-shadow: none; + color: var(--text-color, #222f3e); +} +.tox .tox-split-button > * { + border-radius: 0; +} +.tox .tox-split-button__chevron { + width: 16px; +} +.tox .tox-split-button__chevron svg { + fill: var(--text-color, rgba(34, 47, 62, 0.5)); +} +.tox .tox-split-button .tox-tbtn { + margin: 0; +} +.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:focus, +.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:hover, +.tox .tox-split-button.tox-tbtn--disabled:focus, +.tox .tox-split-button.tox-tbtn--disabled:hover { + background: 0 0; + box-shadow: none; + color: var(--text-color, rgba(34, 47, 62, 0.5)); +} +.tox.tox-platform-touch .tox-split-button .tox-tbtn--select { + padding: 0 0; +} +.tox.tox-platform-touch + .tox-split-button + .tox-tbtn:not(.tox-tbtn--select):first-child { + width: 30px; +} +.tox.tox-platform-touch .tox-split-button__chevron { + width: 20px; +} +.tox + .tox-split-button.tox-tbtn--disabled + svg + #tox-icon-highlight-bg-color__color, +.tox .tox-split-button.tox-tbtn--disabled svg #tox-icon-text-color__color { + opacity: 0.6; +} +.tox .tox-toolbar-overlord { + background-color: var(--blocks-background, #fff); +} +.tox .tox-toolbar, +.tox .tox-toolbar__overflow, +.tox .tox-toolbar__primary { + background-attachment: local; + background-color: var(--blocks-background, #fff); + background-position: center top 39px; + background-repeat: no-repeat; + background-size: calc(100% - 4px * 2) calc(100% - 39px); + display: flex; + flex: 0 0 auto; + flex-shrink: 0; + flex-wrap: wrap; + padding: 0 0; + transform: perspective(1px); +} +.tox .tox-toolbar-overlord > .tox-toolbar, +.tox .tox-toolbar-overlord > .tox-toolbar__overflow, +.tox .tox-toolbar-overlord > .tox-toolbar__primary { + background-position: center top 0; + background-size: calc(100% - 4px * 2) calc(100% - 0px); +} +.tox .tox-toolbar__overflow.tox-toolbar__overflow--closed { + height: 0; + opacity: 0; + padding-bottom: 0; + padding-top: 0; + visibility: hidden; +} +.tox .tox-toolbar__overflow--growing { + transition: height 0.3s ease, opacity 0.2s linear 0.1s; +} +.tox .tox-toolbar__overflow--shrinking { + transition: opacity 0.3s ease, height 0.2s linear 0.1s, + visibility 0s linear 0.3s; +} +.tox .tox-anchorbar, +.tox .tox-toolbar-overlord { + grid-column: 1/-1; +} +.tox .tox-menubar + .tox-toolbar, +.tox .tox-menubar + .tox-toolbar-overlord { + border-top: 1px solid var(--border-color, #ccc); + margin-top: -1px; + padding-bottom: 0; + padding-top: 0; +} +.tox .tox-toolbar--scrolling { + flex-wrap: nowrap; + overflow-x: auto; +} +.tox .tox-pop .tox-toolbar { + border-width: 0; +} +.tox .tox-toolbar--no-divider { + background-image: none; +} +.tox + .tox-toolbar-overlord + .tox-toolbar:not(.tox-toolbar--scrolling):first-child, +.tox .tox-toolbar-overlord .tox-toolbar__primary { + background-position: center top 39px; +} +.tox .tox-editor-header > .tox-toolbar--scrolling, +.tox .tox-toolbar-overlord .tox-toolbar--scrolling:first-child { + background-image: none; +} +.tox.tox-tinymce-aux .tox-toolbar__overflow { + background-color: var(--blocks-background, #fff); + background-position: center top 43px; + background-size: calc(100% - 8px * 2) calc(100% - 51px); + border: none; + border-radius: 3px; + box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), + 0 4px 8px 0 rgba(34, 47, 62, 0.15); + overscroll-behavior: none; + padding: 4px 0; +} +.tox-pop .tox-pop__dialog .tox-toolbar { + background-position: center top 43px; + background-size: calc(100% - 4px * 2) calc(100% - 51px); + padding: 4px 0; +} +.tox .tox-toolbar__group { + align-items: center; + display: flex; + flex-wrap: wrap; + margin: 0 0; + padding: 0 4px 0 4px; +} +.tox .tox-toolbar__group--pull-right { + margin-left: auto; +} +.tox .tox-toolbar--scrolling .tox-toolbar__group { + flex-shrink: 0; + flex-wrap: nowrap; +} +.tox:not([dir="rtl"]) .tox-toolbar__group:not(:last-of-type) { + border-right: 1px solid var(--border-color, #ccc); +} +.tox[dir="rtl"] .tox-toolbar__group:not(:last-of-type) { + border-left: 1px solid var(--border-color, #ccc); +} +.tox .tox-tooltip { + display: inline-block; + padding: 8px; + position: relative; +} +.tox .tox-tooltip__body { + background-color: var(--text-color, #222f3e); + border-radius: 3px; + box-shadow: 0 2px 4px rgba(34, 47, 62, 0.3); + color: rgba(255, 255, 255, 0.75); + font-size: 14px; + font-style: normal; + font-weight: 400; + padding: 4px 8px; + text-transform: none; +} +.tox .tox-tooltip__arrow { + position: absolute; +} +.tox .tox-tooltip--down .tox-tooltip__arrow { + border-left: 8px solid transparent; + border-right: 8px solid transparent; + border-top: 8px solid var(--text-color, #222f3e); + bottom: 0; + left: 50%; + position: absolute; + transform: translateX(-50%); +} +.tox .tox-tooltip--up .tox-tooltip__arrow { + border-bottom: 8px solid var(--text-color, #222f3e); + border-left: 8px solid transparent; + border-right: 8px solid transparent; + left: 50%; + position: absolute; + top: 0; + transform: translateX(-50%); +} +.tox .tox-tooltip--right .tox-tooltip__arrow { + border-bottom: 8px solid transparent; + border-left: 8px solid var(--text-color, #222f3e); + border-top: 8px solid transparent; + position: absolute; + right: 0; + top: 50%; + transform: translateY(-50%); +} +.tox .tox-tooltip--left .tox-tooltip__arrow { + border-bottom: 8px solid transparent; + border-right: 8px solid var(--text-color, #222f3e); + border-top: 8px solid transparent; + left: 0; + position: absolute; + top: 50%; + transform: translateY(-50%); +} +.tox .tox-tree { + display: flex; + flex-direction: column; +} +.tox .tox-tree .tox-trbtn { + align-items: center; + background: 0 0; + border: 0; + border-radius: 4px; + box-shadow: none; + color: var(--text-color, #222f3e); + display: flex; + flex: 0 0 auto; + font-size: 14px; + font-style: normal; + font-weight: 400; + height: 28px; + margin-bottom: 4px; + margin-top: 4px; + outline: 0; + overflow: hidden; + padding: 0; + padding-left: 8px; + text-transform: none; +} +.tox .tox-tree .tox-trbtn .tox-tree__label { + cursor: default; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} +.tox .tox-tree .tox-trbtn svg { + display: block; + fill: var(--text-color, #222f3e); +} +.tox .tox-tree .tox-trbtn:focus { + background: var(--inputs-background, #dee0e2); + border: 0; + box-shadow: none; +} +.tox .tox-tree .tox-trbtn:hover { + background: var(--inputs-background, #dee0e2); + border: 0; + box-shadow: none; + color: var(--text-color, #222f3e); +} +.tox .tox-tree .tox-trbtn:hover svg { + fill: var(--text-color, #222f3e); +} +.tox .tox-tree .tox-trbtn:active { + background: #b1d0e6; + border: 0; + box-shadow: none; + color: var(--text-color, #222f3e); +} +.tox .tox-tree .tox-trbtn:active svg { + fill: var(--text-color, #222f3e); +} +.tox .tox-tree .tox-trbtn--disabled, +.tox .tox-tree .tox-trbtn--disabled:hover, +.tox .tox-tree .tox-trbtn:disabled, +.tox .tox-tree .tox-trbtn:disabled:hover { + background: 0 0; + border: 0; + box-shadow: none; + color: var(--text-color, rgba(34, 47, 62, 0.5)); + cursor: not-allowed; +} +.tox .tox-tree .tox-trbtn--disabled svg, +.tox .tox-tree .tox-trbtn--disabled:hover svg, +.tox .tox-tree .tox-trbtn:disabled svg, +.tox .tox-tree .tox-trbtn:disabled:hover svg { + fill: var(--text-color, rgba(34, 47, 62, 0.5)); +} +.tox .tox-tree .tox-trbtn--enabled, +.tox .tox-tree .tox-trbtn--enabled:hover { + background: var(--inputs-background, #b1d0e6); + border: 0; + box-shadow: none; + color: var(--text-color, #222f3e); +} +.tox .tox-tree .tox-trbtn--enabled:hover > *, +.tox .tox-tree .tox-trbtn--enabled > * { + transform: none; +} +.tox .tox-tree .tox-trbtn--enabled svg, +.tox .tox-tree .tox-trbtn--enabled:hover svg { + fill: var(--text-color, #222f3e); +} +.tox .tox-tree .tox-trbtn:focus:not(.tox-trbtn--disabled) { + color: var(--text-color, #222f3e); +} +.tox .tox-tree .tox-trbtn:focus:not(.tox-trbtn--disabled) svg { + fill: var(--text-color, #222f3e); +} +.tox .tox-tree .tox-trbtn:active > * { + transform: none; +} +.tox .tox-tree .tox-trbtn--return { + align-self: stretch; + height: unset; + width: 16px; +} +.tox .tox-tree .tox-trbtn--labeled { + padding: 0 4px; + width: unset; +} +.tox .tox-tree .tox-trbtn__vlabel { + display: block; + font-size: 10px; + font-weight: 400; + letter-spacing: -0.025em; + margin-bottom: 4px; + white-space: nowrap; +} +.tox .tox-tree .tox-tree--directory { + display: flex; + flex-direction: column; +} +.tox .tox-tree .tox-tree--directory .tox-tree--directory__label { + font-weight: 700; +} +.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn { + margin-left: auto; +} +.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn svg { + fill: transparent; +} +.tox + .tox-tree + .tox-tree--directory + .tox-tree--directory__label + .tox-mbtn.tox-mbtn--active + svg, +.tox + .tox-tree + .tox-tree--directory + .tox-tree--directory__label + .tox-mbtn:focus + svg { + fill: var(--text-color, #222f3e); +} +.tox + .tox-tree + .tox-tree--directory + .tox-tree--directory__label:focus + .tox-mbtn + svg, +.tox + .tox-tree + .tox-tree--directory + .tox-tree--directory__label:hover + .tox-mbtn + svg { + fill: var(--text-color, #222f3e); +} +.tox + .tox-tree + .tox-tree--directory + .tox-tree--directory__label:hover:has(.tox-mbtn:hover) { + background-color: transparent; + color: var(--text-color, #222f3e); +} +.tox + .tox-tree + .tox-tree--directory + .tox-tree--directory__label:hover:has(.tox-mbtn:hover) + .tox-chevron + svg { + fill: var(--text-color, #222f3e); +} +.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-chevron { + margin-right: 6px; +} +.tox + .tox-tree + .tox-tree--directory + .tox-tree--directory__label:has(+ .tox-tree--directory__children--growing) + .tox-chevron, +.tox + .tox-tree + .tox-tree--directory + .tox-tree--directory__label:has(+ .tox-tree--directory__children--shrinking) + .tox-chevron { + transition: transform 0.5s ease-in-out; +} +.tox + .tox-tree + .tox-tree--directory + .tox-tree--directory__label:has(+ .tox-tree--directory__children--growing) + .tox-chevron, +.tox + .tox-tree + .tox-tree--directory + .tox-tree--directory__label:has(+ .tox-tree--directory__children--open) + .tox-chevron { + transform: rotate(90deg); +} +.tox .tox-tree .tox-tree--leaf__label { + font-weight: 400; +} +.tox .tox-tree .tox-tree--leaf__label .tox-mbtn { + margin-left: auto; +} +.tox .tox-tree .tox-tree--leaf__label .tox-mbtn svg { + fill: transparent; +} +.tox .tox-tree .tox-tree--leaf__label .tox-mbtn.tox-mbtn--active svg, +.tox .tox-tree .tox-tree--leaf__label .tox-mbtn:focus svg { + fill: var(--text-color, #222f3e); +} +.tox .tox-tree .tox-tree--leaf__label:hover .tox-mbtn svg { + fill: var(--text-color, #222f3e); +} +.tox .tox-tree .tox-tree--leaf__label:hover:has(.tox-mbtn:hover) { + background-color: transparent; + color: var(--text-color, #222f3e); +} +.tox + .tox-tree + .tox-tree--leaf__label:hover:has(.tox-mbtn:hover) + .tox-chevron + svg { + fill: var(--text-color, #222f3e); +} +.tox .tox-tree .tox-tree--directory__children { + overflow: hidden; + padding-left: 16px; +} +.tox + .tox-tree + .tox-tree--directory__children.tox-tree--directory__children--growing, +.tox + .tox-tree + .tox-tree--directory__children.tox-tree--directory__children--shrinking { + transition: height 0.5s ease-in-out; +} +.tox .tox-tree .tox-trbtn.tox-tree--leaf__label { + display: flex; + justify-content: space-between; +} +.tox .tox-view-wrap, +.tox .tox-view-wrap__slot-container { + background-color: var(--blocks-background); + display: flex; + flex: 1; + flex-direction: column; +} +.tox .tox-view { + display: flex; + flex: 1 1 auto; + flex-direction: column; + overflow: hidden; +} +.tox .tox-view__header { + align-items: center; + display: flex; + font-size: 16px; + justify-content: space-between; + padding: 8px 8px 0 8px; + position: relative; +} +.tox .tox-view--mobile.tox-view__header, +.tox .tox-view--mobile.tox-view__toolbar { + padding: 8px; +} +.tox .tox-view--scrolling { + flex-wrap: nowrap; + overflow-x: auto; +} +.tox .tox-view__toolbar { + display: flex; + flex-direction: row; + gap: 8px; + justify-content: space-between; + padding: 8px 8px 0 8px; +} +.tox .tox-view__toolbar__group { + display: flex; + flex-direction: row; + gap: 12px; +} +.tox .tox-view__header-end, +.tox .tox-view__header-start { + display: flex; +} +.tox .tox-view__pane { + height: 100%; + padding: 8px; + width: 100%; +} +.tox .tox-view__pane_panel { + border: 1px solid var(--border-color, #ccc); + border-radius: 3px; +} +.tox:not([dir="rtl"]) .tox-view__header .tox-view__header-end > *, +.tox:not([dir="rtl"]) .tox-view__header .tox-view__header-start > * { + margin-left: 8px; +} +.tox[dir="rtl"] .tox-view__header .tox-view__header-end > *, +.tox[dir="rtl"] .tox-view__header .tox-view__header-start > * { + margin-right: 8px; +} +.tox .tox-well { + border: 1px solid var(--border-color, #ccc); + border-radius: 3px; + padding: 8px; + width: 100%; +} +.tox .tox-well > :first-child { + margin-top: 0; +} +.tox .tox-well > :last-child { + margin-bottom: 0; +} +.tox .tox-well > :only-child { + margin: 0; +} +.tox .tox-custom-editor { + border: 1px solid var(--border-color, #ccc); + border-radius: 3px; + display: flex; + flex: 1; + overflow: hidden; + position: relative; +} +.tox .tox-dialog-loading::before { + background-color: rgba(0, 0, 0, 0.5); + content: ""; + height: 100%; + position: absolute; + width: 100%; + z-index: 1000; +} +.tox .tox-tab { + cursor: pointer; +} +.tox .tox-dialog__content-js { + display: flex; + flex: 1; +} +.tox .tox-dialog__body-content .tox-collection { + display: flex; + flex: 1; +} +.tox:not(.tox-tinymce-inline) .tox-editor-header { + background-color: none; + padding: 0; +} +.tox.tox-tinymce--toolbar-bottom .tox-editor-header, +.tox.tox-tinymce-inline .tox-editor-header { + margin-bottom: -1px; +} +.tox.tox-tinymce-inline .tox-editor-container { + overflow: hidden; +} +.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-bottom .tox-editor-header { + border-top: none; + box-shadow: none; +} +.tox.tox.tox-tinymce--toolbar-sticky-on .tox-editor-header { + background-color: transparent; + box-shadow: 0 4px 4px -3px rgba(0, 0, 0, 0.25); + padding: 0; +} +.tox.tox.tox-tinymce--toolbar-sticky-on.tox-tinymce--toolbar-bottom + .tox-editor-header { + box-shadow: 0 4px 4px -3px rgba(0, 0, 0, 0.25); +} +.tox .tox-collection--list .tox-collection__group .tox-insert-table-picker { + margin: -4px 0; +} +.tox .tox-menu.tox-collection.tox-collection--list { + padding: 0; +} +.tox .tox-pop { + box-shadow: none; +} +.tox .tox-number-input, +.tox .tox-split-button, +.tox .tox-tbtn, +.tox .tox-tbtn--select { + margin: 2px 0 3px 0; +} +.tox .tox-toolbar, +.tox .tox-toolbar__overflow, +.tox .tox-toolbar__primary { + background: var(--blocks-background, #fff); +} +.tox .tox-menubar + .tox-toolbar-overlord { + border-top: none; +} +.tox .tox-menubar + .tox-toolbar, +.tox .tox-menubar + .tox-toolbar-overlord .tox-toolbar__primary { + border-top: 1px solid var(--border-color, #ccc); + margin-top: -1px; +} +.tox.tox-tinymce-aux .tox-toolbar__overflow { + border: 1px solid var(--border-color, #ccc); + padding: 0; +} +.tox .tox-pop .tox-pop__dialog .tox-toolbar { + padding: 0; +} +.tox:not(.tox-tinymce-inline) + .tox-editor-header:not(:first-child) + .tox-menubar { + border-top: 1px solid var(--border-color, #ccc); +} +.tox:not(.tox-tinymce-inline) + .tox-editor-header:not(:first-child) + .tox-toolbar-overlord:first-child + .tox-toolbar__primary, +.tox:not(.tox-tinymce-inline) + .tox-editor-header:not(:first-child) + .tox-toolbar:first-child { + border-top: 1px solid var(--border-color, #ccc); +} +.tox .tox-toolbar__group { + padding: 0 4px 0 4px; +} +.tox .tox-collection__item { + border-radius: 0; + cursor: pointer; +} +.tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled="true"]), +.tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled="true"]), +.tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled="true"]), +.tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled="true"]), +.tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled="true"]), +.tox + .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled="true"]) { + color: var(--var(--muted-color, rgba(34, 47, 62, 0.7))); + text-decoration: underline; +} +.tox .tox-statusbar__branding svg { + vertical-align: -0.25em; +} +.tox:not([dir="rtl"]) .tox-statusbar__branding { + margin-left: 1ch; +} +.tox .tox-statusbar__resize-handle { + padding-bottom: 0; + padding-right: 0; +} +.tox .tox-button::before { + display: none; +} + +.tox .tox-menubar, +.tox .tox-toolbar, +.tox .tox-toolbar__overflow, +.tox .tox-toolbar__primary { + background-image: none !important; +} + +.tox-editor-header, +.tox:not(.tox-tinymce-inline) .tox-editor-header { + border-bottom: 1px solid var(--border-color, #ccc); +} + +.tox .tox-textfield::placeholder { + color: var(--muted-color, #ccc); +}