diff --git a/wire/modules/AdminTheme/AdminThemeUikit/AdminThemeUikit.module b/wire/modules/AdminTheme/AdminThemeUikit/AdminThemeUikit.module index 02e32070..70dea295 100644 --- a/wire/modules/AdminTheme/AdminThemeUikit/AdminThemeUikit.module +++ b/wire/modules/AdminTheme/AdminThemeUikit/AdminThemeUikit.module @@ -141,7 +141,7 @@ class AdminThemeUikit extends AdminThemeFramework implements Module, Configurabl 'defaultMainColor' => 'red', 'defaultMainColorCustom' => '#eb1d61', 'defaultMainColorCustomDark' => '', - 'defaultToggles' => [], + 'defaultToggles' => [ 'useInputFocus' ], 'defaultCustomCss' => '', 'defaultCustomCssFile' => '', ]); @@ -1326,30 +1326,39 @@ class AdminThemeUikit extends AdminThemeFramework implements Module, Configurabl $themeInfos = $this->themeInfos; - if(isset($themeInfos['z'])) { - // wakeup - $config = $this->wire()->config; - $thisPath = $config->paths($this); - $themesPath = $thisPath . 'themes/'; - $rootLen = strlen($config->paths->root); - if(is_dir($themesPath)) { - foreach(new \DirectoryIterator($themesPath) as $file) { - if(!$file->isDir() || $file->isDot()) continue; - $basename = $file->getBasename(); - if(strpos($basename, '.') === 0) continue; - $themePath = $thisPath . "themes/$basename/"; - $themeUrl = $config->urls->root . substr($themePath, $rootLen); - $themeInfos[$basename] = [ - 'name' => $basename, - 'path' => $themePath, - 'url' => $themeUrl - ]; + if(empty($themeInfos) || isset($themeInfos['z'])) { + $session = $this->wire()->session; + $themeInfos = $session->getFor($this, 'themeInfos'); + if(empty($themeInfos)) { + // wakeup + $config = $this->wire()->config; + $thisPath = $config->paths($this); + $themesPath = $thisPath . 'themes/'; + $rootLen = strlen($config->paths->root); + if(is_dir($themesPath)) { + foreach(new \DirectoryIterator($themesPath) as $file) { + if(!$file->isDir() || $file->isDot()) continue; + $basename = $file->getBasename(); + if(strpos($basename, '.') === 0) continue; + $themePath = $thisPath . "themes/$basename/"; + $themeUrl = $config->urls->root . substr($themePath, $rootLen); + $themeInfo = ['name' => $basename, 'path' => $themePath, 'url' => $themeUrl]; + $infoFile = $themePath . 'info.php'; + if(is_file($infoFile)) { + $a = include($infoFile); + $themeInfo = array_merge($a, $themeInfo); + } + $themeInfos[$basename] = $themeInfo; + } } + unset($themeInfos['z']); + $this->themeInfos = $themeInfos; + $session->setFor($this, 'themeInfos', $themeInfos); } - unset($themeInfos['z']); - $this->themeInfos = $themeInfos; } + if($themeName === 'all') return $themeInfos; + return $themeName && isset($themeInfos[$themeName]) ? $themeInfos[$themeName] : []; } diff --git a/wire/modules/AdminTheme/AdminThemeUikit/config.php b/wire/modules/AdminTheme/AdminThemeUikit/config.php index cab2d18d..dbdb7bba 100644 --- a/wire/modules/AdminTheme/AdminThemeUikit/config.php +++ b/wire/modules/AdminTheme/AdminThemeUikit/config.php @@ -44,24 +44,24 @@ class AdminThemeUikitConfigHelper extends Wire { $layout = $adminTheme->layout; $userTemplateURL = $config->urls->admin . 'setup/template/edit?id=3'; - $adminTheme->getThemeInfo(); // init - $themeInfos = $adminTheme->themeInfos; + $themeInfos = $adminTheme->getThemeInfo('all'); // init if(count($themeInfos)) { $configFiles = []; $f = $inputfields->InputfieldRadios; $f->attr('id+name', 'themeName'); - $f->label = $this->_('Theme name'); + $f->label = $this->_('Uikit style theme'); $f->notes = - $this->_('After changing the theme, please submit/save before configuring it.') . ' ' . - $this->_('When using `admin.less` customization, you should use the “Original” theme.'); + $this->_('After changing the style theme, please submit/save before configuring it.') . ' ' . + $this->_('When using `admin.less` customization, the “Core original” style is required.'); $f->icon = 'photo'; foreach($themeInfos as $name => $info) { - $f->addOption($name, ucfirst($name), [ 'data-url' => $info['url'] ]); + $label = (isset($info['title']) ? $info['title'] : ucfirst($name)); + $f->addOption($name, $label, [ 'data-url' => $info['url'] ]); $configFile = $info['path'] . 'config.php'; if(is_file($configFile)) $configFiles[$name] = $configFile; } - $f->addOption('', $this->_('Original')); + $f->addOption('', $this->_('Core original')); $value = $adminTheme->themeName; $f->val($value); $f->themeOffset = 1; @@ -72,7 +72,7 @@ class AdminThemeUikitConfigHelper extends Wire { $inputfields->add($fs); $fs->themeOffset = 1; $fs->attr('name', "_theme_$name"); - $fs->label = $this->_('Theme style settings:') . ' ' . $name; + $fs->label = $themeInfos[$name]['title'] . ' ' . $this->_('theme settings'); $fs->showIf = "themeName=$name"; $this->wire()->files->render($configFile, [ 'inputfields' => $fs ]); } diff --git a/wire/modules/AdminTheme/AdminThemeUikit/themes/default/admin-custom.css b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/admin-custom.css index b3d125bf..81e3ce54 100644 --- a/wire/modules/AdminTheme/AdminThemeUikit/themes/default/admin-custom.css +++ b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/admin-custom.css @@ -39,53 +39,53 @@ :root { color-scheme: light dark; - --main-color: #eb1d61; + --pw-main-color: #eb1d61; - --text-color: light-dark(#111, white); - --muted-color: light-dark(rgba(0, 0, 0, 0.55), rgba(255, 255, 255, 0.6)); - --border-color: light-dark(rgba(0, 0, 0, 0.16), #444); - --main-background:light-dark(#eee, #222); - --inputs-background:light-dark(#f8f8f8, #161616); - --blocks-background: light-dark(white, black); + --pw-text-color: light-dark(#111, white); + --pw-muted-color: light-dark(rgba(0, 0, 0, 0.55), rgba(255, 255, 255, 0.6)); + --pw-border-color: light-dark(rgba(0, 0, 0, 0.16), #444); + --pw-main-background:light-dark(#eee, #222); + --pw-inputs-background:light-dark(#f8f8f8, #161616); + --pw-blocks-background: light-dark(white, black); - --button-background: light-dark(var(--text-color), var(--main-color)); - --button-color: light-dark(var(--blocks-background), var(--text-color)); - --button-border: transparent; - --button-muted-background: light-dark(#737373, #404040); - --button-muted-color: light-dark(var(--blocks-background), var(--text-color));; - --button-muted-border: transparent; - --button-hover-background: light-dark(var(--main-color), var(--text-color)); - --button-hover-color: var(--blocks-background); - --button-hover-border: transparent; - --menu-item-background-hover: var(--main-background); + --pw-button-background: light-dark(var(--pw-text-color), var(--pw-main-color)); + --pw-button-color: light-dark(var(--pw-blocks-background), var(--pw-text-color)); + --pw-button-border: transparent; + --pw-button-muted-background: light-dark(#737373, #404040); + --pw-button-muted-color: light-dark(var(--pw-blocks-background), var(--pw-text-color));; + --pw-button-muted-border: transparent; + --pw-button-hover-background: light-dark(var(--pw-main-color), var(--pw-text-color)); + --pw-button-hover-color: var(--pw-blocks-background); + --pw-button-hover-border: transparent; + --pw-menu-item-background-hover: var(--pw-main-background); - --masthead-background: var(--blocks-background); - --masthead-active-color: var(--text-color); - --masthead-text-color: var(--muted-color); - --masthead-border-color: var(--border-color); - --masthead-logo-color: var(--main-color); - --masthead-menu-item-background-hover: var(--menu-item-background-hover); + --pw-masthead-background: var(--pw-blocks-background); + --pw-masthead-active-color: var(--pw-text-color); + --pw-masthead-text-color: var(--pw-muted-color); + --pw-masthead-border-color: var(--pw-border-color); + --pw-masthead-logo-color: var(--pw-main-color); + --pw-masthead-menu-item-background-hover: var(--pw-menu-item-background-hover); - --masthead-input-background: var(--inputs-background); - --masthead-input-color: var(--text-color); - --masthead-input-border: var(--border-color); + --pw-masthead-input-background: var(--pw-inputs-background); + --pw-masthead-input-color: var(--pw-text-color); + --pw-masthead-input-border: var(--pw-border-color); - --modal-color: rgba(0,0,0,0.7); + --pw-modal-color: rgba(0,0,0,0.7); - --alert-text-color: var(--text-color); - --alert-primary: var(--main-background); - --alert-warning: light-dark(#fff0be, #d57f00); - --alert-success: light-dark(#c1e7cd, #139472); - --alert-danger: light-dark(#fee6e6, #8a1919); - --notes-background: light-dark(#ffd, #bdbdbd33); + --pw-error-inline-text-color: light-dark(#cd0a0a, #ff7171); - --error-inline-text-color: light-dark(#cd0a0a, #ff1d1d); + --pw-code-color: light-dark(#0173b0, #e7e695); + --pw-code-background: light-dark(var(--pw-inputs-background), #3c3c3c5e); - --code-color: light-dark(#0173b0, #e7e695); - --code-background: light-dark(var(--inputs-background), #3c3c3c5e); + --pw-alert-text-color: var(--pw-text-color); + --pw-alert-primary: var(--pw-main-background); + --pw-alert-warning: light-dark(#fff0be, #d57f00); + --pw-alert-success: light-dark(#c1e7cd, #139472); + --pw-alert-danger: light-dark(#fee6e6, #8a1919); + --pw-notes-background: light-dark(#ffd, #bdbdbd33); - --button-radius: 99999px; - --input-radius: 0; + --pw-button-radius: 99999px; + --pw-input-radius: 0; } @@ -129,15 +129,15 @@ body.main-color-blue { /* ----------------------------------------------------------------- */ /* :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-background-hover: rgba(255,255,255,.2); + --pw-masthead-background: var(--pw-main-color); + --pw-masthead-active-color: white; + --pw-masthead-text-color: rgba(255,255,255,0.8); + --pw-masthead-border-color: var(--pw-main-background); + --pw-masthead-logo-color: white; + --pw-masthead-input-background: var(--pw-masthead-background); + --pw-masthead-input-color: var(--pw-masthead-active-color); + --pw-masthead-input-border: var(--pw-masthead-text-color); + --pw-masthead-menu-item-background-hover: rgba(255,255,255,.2); } /* -------------------------------------------------------------------- */ @@ -145,8 +145,8 @@ body.main-color-blue { /* ------------------------------------------------------------------ */ /* :root { - --border-color: var(--main-background); - --inputs-background: var(--blocks-background); + --pw-border-color: var(--pw-main-background); + --pw-inputs-background: var(--pw-blocks-background); } /* -------------------------------------------------------------------- */ @@ -154,35 +154,35 @@ body.main-color-blue { /* ------------------------------------------------------------------ */ /* :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); + --pw-text-color: light-dark(blue, white); + --pw-main-color: var(--pw-text-color); + --pw-main-background:light-dark(white, #222); + --pw-border-color: light-dark(var(--pw-text-color), var(--pw-text-color)); + --pw-text-background: var(--pw-main-background); + --pw-inputs-background: var(--pw-text-background); + --pw-blocks-background: var(--pw-text-background); + --pw-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); + --pw-button-background: var(--pw-text-background); + --pw-button-color: light-dark(var(--pw-text-color), var(--pw-text-color)); + --pw-button-muted-color: var(--pw-muted-color); + --pw-button-border: var(--pw-button-color); + --pw-button-muted-background: var(--pw-button-background); + --pw-button-muted-border: var(--pw-button-muted-color); + --pw-button-hover-background: var(--pw-button-color); + --pw-button-hover-color: var(--pw-button-background); + --pw-button-hover-border: var(--pw-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); + --pw-masthead-background: var(--pw-text-background); + --pw-masthead-active-color: light-dark(var(--pw-text-color), var(--pw-text-color)); + --pw-masthead-text-color: var(--pw-masthead-active-color); + --pw-masthead-border-color: var(--pw-masthead-active-color); + --pw-masthead-logo-color: var(--pw-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); + --pw-alert-text-color: var(--pw-text-color); + --pw-alert-primary: light-dark(#ffd, var(--pw-text-background)); + --pw-alert-warning: light-dark(#fcda6d, #d57f00); + --pw-alert-success: light-dark(#97ecb2, #139472); + --pw-alert-danger: light-dark(#ec9797, #8a1919); + --pw-notes-background: light-dark(#ffd, #bdbdbd33); } diff --git a/wire/modules/AdminTheme/AdminThemeUikit/themes/default/admin.css b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/admin.css index 3ca8e354..03a84423 100644 --- a/wire/modules/AdminTheme/AdminThemeUikit/themes/default/admin.css +++ b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/admin.css @@ -3,7 +3,7 @@ /* END Set general color to work in light and dark */ .uk-section-primary:not(.uk-preserve-color),.uk-section-secondary:not(.uk-preserve-color),.uk-tile-primary:not(.uk-preserve-color),.uk-tile-secondary:not(.uk-preserve-color),.uk-card-primary.uk-card-body,.uk-card-primary>:not([class*='uk-card-media']),.uk-card-secondary.uk-card-body,.uk-card-secondary>:not([class*='uk-card-media']),.uk-overlay-primary { - color: light-dark(var(--blocks-background), var(--text-color)); + color: light-dark(var(--pw-blocks-background), var(--pw-text-color)); } .uk-section-primary:not(.uk-preserve-color) a,.uk-section-primary:not(.uk-preserve-color) .uk-link,.uk-section-secondary:not(.uk-preserve-color) a,.uk-section-secondary:not(.uk-preserve-color) .uk-link,.uk-tile-primary:not(.uk-preserve-color) a,.uk-tile-primary:not(.uk-preserve-color) .uk-link,.uk-tile-secondary:not(.uk-preserve-color) a,.uk-tile-secondary:not(.uk-preserve-color) .uk-link,.uk-card-primary.uk-card-body a,.uk-card-primary.uk-card-body .uk-link,.uk-card-primary>:not([class*='uk-card-media']) a,.uk-card-primary>:not([class*='uk-card-media']) .uk-link,.uk-card-secondary.uk-card-body a,.uk-card-secondary.uk-card-body .uk-link,.uk-card-secondary>:not([class*='uk-card-media']) a,.uk-card-secondary>:not([class*='uk-card-media']) .uk-link,.uk-overlay-primary a,.uk-overlay-primary .uk-link { @@ -11,64 +11,64 @@ } a:hover,.uk-link:hover,.uk-link-toggle:hover .uk-link,.uk-section-primary:not(.uk-preserve-color) a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-link:hover,.uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link,.uk-section-secondary:not(.uk-preserve-color) a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-link:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link,.uk-tile-primary:not(.uk-preserve-color) a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-link:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link,.uk-tile-secondary:not(.uk-preserve-color) a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-link:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link,.uk-card-primary.uk-card-body a:hover,.uk-card-primary.uk-card-body .uk-link:hover,.uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link,.uk-card-primary>:not([class*='uk-card-media']) a:hover,.uk-card-primary>:not([class*='uk-card-media']) .uk-link:hover,.uk-card-primary>:not([class*='uk-card-media']) .uk-link-toggle:hover .uk-link,.uk-card-secondary.uk-card-body a:hover,.uk-card-secondary.uk-card-body .uk-link:hover,.uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link,.uk-card-secondary>:not([class*='uk-card-media']) a:hover,.uk-card-secondary>:not([class*='uk-card-media']) .uk-link:hover,.uk-card-secondary>:not([class*='uk-card-media']) .uk-link-toggle:hover .uk-link,.uk-overlay-primary a:hover,.uk-overlay-primary .uk-link:hover,.uk-overlay-primary .uk-link-toggle:hover .uk-link { - color: var(--text-color) + color: var(--pw-text-color) } :not(pre)>code,:not(pre)>kbd,:not(pre)>samp,.uk-section-primary:not(.uk-preserve-color) :not(pre)>code,.uk-section-primary:not(.uk-preserve-color) :not(pre)>kbd,.uk-section-primary:not(.uk-preserve-color) :not(pre)>samp,.uk-section-secondary:not(.uk-preserve-color) :not(pre)>code,.uk-section-secondary:not(.uk-preserve-color) :not(pre)>kbd,.uk-section-secondary:not(.uk-preserve-color) :not(pre)>samp,.uk-tile-primary:not(.uk-preserve-color) :not(pre)>code,.uk-tile-primary:not(.uk-preserve-color) :not(pre)>kbd,.uk-tile-primary:not(.uk-preserve-color) :not(pre)>samp,.uk-tile-secondary:not(.uk-preserve-color) :not(pre)>code,.uk-tile-secondary:not(.uk-preserve-color) :not(pre)>kbd,.uk-tile-secondary:not(.uk-preserve-color) :not(pre)>samp,.uk-card-primary.uk-card-body :not(pre)>code,.uk-card-primary.uk-card-body :not(pre)>kbd,.uk-card-primary.uk-card-body :not(pre)>samp,.uk-card-primary>:not([class*='uk-card-media']) :not(pre)>code,.uk-card-primary>:not([class*='uk-card-media']) :not(pre)>kbd,.uk-card-primary>:not([class*='uk-card-media']) :not(pre)>samp,.uk-card-secondary.uk-card-body :not(pre)>code,.uk-card-secondary.uk-card-body :not(pre)>kbd,.uk-card-secondary.uk-card-body :not(pre)>samp,.uk-card-secondary>:not([class*='uk-card-media']) :not(pre)>code,.uk-card-secondary>:not([class*='uk-card-media']) :not(pre)>kbd,.uk-card-secondary>:not([class*='uk-card-media']) :not(pre)>samp,.uk-overlay-primary :not(pre)>code,.uk-overlay-primary :not(pre)>kbd,.uk-overlay-primary :not(pre)>samp { - color: var(--muted-color); - background-color: var(--inputs-background) + color: var(--pw-muted-color); + background-color: var(--pw-inputs-background) } em,.uk-section-primary:not(.uk-preserve-color) em,.uk-section-secondary:not(.uk-preserve-color) em,.uk-tile-primary:not(.uk-preserve-color) em,.uk-tile-secondary:not(.uk-preserve-color) em,.uk-card-primary.uk-card-body em,.uk-card-primary>:not([class*='uk-card-media']) em,.uk-card-secondary.uk-card-body em,.uk-card-secondary>:not([class*='uk-card-media']) em,.uk-overlay-primary em { - color: var(--text-color) + color: var(--pw-text-color) } h1,.uk-h1,h2,.uk-h2,h3,.uk-h3,h4,.uk-h4,h5,.uk-h5,h6,.uk-h6,.uk-heading-small,.uk-heading-medium,.uk-heading-large,.uk-heading-xlarge,.uk-heading-2xlarge,.uk-heading-3xlarge,.uk-section-primary:not(.uk-preserve-color) h1,.uk-section-primary:not(.uk-preserve-color) .uk-h1,.uk-section-primary:not(.uk-preserve-color) h2,.uk-section-primary:not(.uk-preserve-color) .uk-h2,.uk-section-primary:not(.uk-preserve-color) h3,.uk-section-primary:not(.uk-preserve-color) .uk-h3,.uk-section-primary:not(.uk-preserve-color) h4,.uk-section-primary:not(.uk-preserve-color) .uk-h4,.uk-section-primary:not(.uk-preserve-color) h5,.uk-section-primary:not(.uk-preserve-color) .uk-h5,.uk-section-primary:not(.uk-preserve-color) h6,.uk-section-primary:not(.uk-preserve-color) .uk-h6,.uk-section-primary:not(.uk-preserve-color) .uk-heading-small,.uk-section-primary:not(.uk-preserve-color) .uk-heading-medium,.uk-section-primary:not(.uk-preserve-color) .uk-heading-large,.uk-section-primary:not(.uk-preserve-color) .uk-heading-xlarge,.uk-section-primary:not(.uk-preserve-color) .uk-heading-2xlarge,.uk-section-primary:not(.uk-preserve-color) .uk-heading-3xlarge,.uk-section-secondary:not(.uk-preserve-color) h1,.uk-section-secondary:not(.uk-preserve-color) .uk-h1,.uk-section-secondary:not(.uk-preserve-color) h2,.uk-section-secondary:not(.uk-preserve-color) .uk-h2,.uk-section-secondary:not(.uk-preserve-color) h3,.uk-section-secondary:not(.uk-preserve-color) .uk-h3,.uk-section-secondary:not(.uk-preserve-color) h4,.uk-section-secondary:not(.uk-preserve-color) .uk-h4,.uk-section-secondary:not(.uk-preserve-color) h5,.uk-section-secondary:not(.uk-preserve-color) .uk-h5,.uk-section-secondary:not(.uk-preserve-color) h6,.uk-section-secondary:not(.uk-preserve-color) .uk-h6,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-small,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-medium,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-large,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-xlarge,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-2xlarge,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-3xlarge,.uk-tile-primary:not(.uk-preserve-color) h1,.uk-tile-primary:not(.uk-preserve-color) .uk-h1,.uk-tile-primary:not(.uk-preserve-color) h2,.uk-tile-primary:not(.uk-preserve-color) .uk-h2,.uk-tile-primary:not(.uk-preserve-color) h3,.uk-tile-primary:not(.uk-preserve-color) .uk-h3,.uk-tile-primary:not(.uk-preserve-color) h4,.uk-tile-primary:not(.uk-preserve-color) .uk-h4,.uk-tile-primary:not(.uk-preserve-color) h5,.uk-tile-primary:not(.uk-preserve-color) .uk-h5,.uk-tile-primary:not(.uk-preserve-color) h6,.uk-tile-primary:not(.uk-preserve-color) .uk-h6,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-small,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-medium,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-large,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-xlarge,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-2xlarge,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-3xlarge,.uk-tile-secondary:not(.uk-preserve-color) h1,.uk-tile-secondary:not(.uk-preserve-color) .uk-h1,.uk-tile-secondary:not(.uk-preserve-color) h2,.uk-tile-secondary:not(.uk-preserve-color) .uk-h2,.uk-tile-secondary:not(.uk-preserve-color) h3,.uk-tile-secondary:not(.uk-preserve-color) .uk-h3,.uk-tile-secondary:not(.uk-preserve-color) h4,.uk-tile-secondary:not(.uk-preserve-color) .uk-h4,.uk-tile-secondary:not(.uk-preserve-color) h5,.uk-tile-secondary:not(.uk-preserve-color) .uk-h5,.uk-tile-secondary:not(.uk-preserve-color) h6,.uk-tile-secondary:not(.uk-preserve-color) .uk-h6,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-small,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-medium,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-large,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-xlarge,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-2xlarge,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-3xlarge,.uk-card-primary.uk-card-body h1,.uk-card-primary.uk-card-body .uk-h1,.uk-card-primary.uk-card-body h2,.uk-card-primary.uk-card-body .uk-h2,.uk-card-primary.uk-card-body h3,.uk-card-primary.uk-card-body .uk-h3,.uk-card-primary.uk-card-body h4,.uk-card-primary.uk-card-body .uk-h4,.uk-card-primary.uk-card-body h5,.uk-card-primary.uk-card-body .uk-h5,.uk-card-primary.uk-card-body h6,.uk-card-primary.uk-card-body .uk-h6,.uk-card-primary.uk-card-body .uk-heading-small,.uk-card-primary.uk-card-body .uk-heading-medium,.uk-card-primary.uk-card-body .uk-heading-large,.uk-card-primary.uk-card-body .uk-heading-xlarge,.uk-card-primary.uk-card-body .uk-heading-2xlarge,.uk-card-primary.uk-card-body .uk-heading-3xlarge,.uk-card-primary>:not([class*='uk-card-media']) h1,.uk-card-primary>:not([class*='uk-card-media']) .uk-h1,.uk-card-primary>:not([class*='uk-card-media']) h2,.uk-card-primary>:not([class*='uk-card-media']) .uk-h2,.uk-card-primary>:not([class*='uk-card-media']) h3,.uk-card-primary>:not([class*='uk-card-media']) .uk-h3,.uk-card-primary>:not([class*='uk-card-media']) h4,.uk-card-primary>:not([class*='uk-card-media']) .uk-h4,.uk-card-primary>:not([class*='uk-card-media']) h5,.uk-card-primary>:not([class*='uk-card-media']) .uk-h5,.uk-card-primary>:not([class*='uk-card-media']) h6,.uk-card-primary>:not([class*='uk-card-media']) .uk-h6,.uk-card-primary>:not([class*='uk-card-media']) .uk-heading-small,.uk-card-primary>:not([class*='uk-card-media']) .uk-heading-medium,.uk-card-primary>:not([class*='uk-card-media']) .uk-heading-large,.uk-card-primary>:not([class*='uk-card-media']) .uk-heading-xlarge,.uk-card-primary>:not([class*='uk-card-media']) .uk-heading-2xlarge,.uk-card-primary>:not([class*='uk-card-media']) .uk-heading-3xlarge,.uk-card-secondary.uk-card-body h1,.uk-card-secondary.uk-card-body .uk-h1,.uk-card-secondary.uk-card-body h2,.uk-card-secondary.uk-card-body .uk-h2,.uk-card-secondary.uk-card-body h3,.uk-card-secondary.uk-card-body .uk-h3,.uk-card-secondary.uk-card-body h4,.uk-card-secondary.uk-card-body .uk-h4,.uk-card-secondary.uk-card-body h5,.uk-card-secondary.uk-card-body .uk-h5,.uk-card-secondary.uk-card-body h6,.uk-card-secondary.uk-card-body .uk-h6,.uk-card-secondary.uk-card-body .uk-heading-small,.uk-card-secondary.uk-card-body .uk-heading-medium,.uk-card-secondary.uk-card-body .uk-heading-large,.uk-card-secondary.uk-card-body .uk-heading-xlarge,.uk-card-secondary.uk-card-body .uk-heading-2xlarge,.uk-card-secondary.uk-card-body .uk-heading-3xlarge,.uk-card-secondary>:not([class*='uk-card-media']) h1,.uk-card-secondary>:not([class*='uk-card-media']) .uk-h1,.uk-card-secondary>:not([class*='uk-card-media']) h2,.uk-card-secondary>:not([class*='uk-card-media']) .uk-h2,.uk-card-secondary>:not([class*='uk-card-media']) h3,.uk-card-secondary>:not([class*='uk-card-media']) .uk-h3,.uk-card-secondary>:not([class*='uk-card-media']) h4,.uk-card-secondary>:not([class*='uk-card-media']) .uk-h4,.uk-card-secondary>:not([class*='uk-card-media']) h5,.uk-card-secondary>:not([class*='uk-card-media']) .uk-h5,.uk-card-secondary>:not([class*='uk-card-media']) h6,.uk-card-secondary>:not([class*='uk-card-media']) .uk-h6,.uk-card-secondary>:not([class*='uk-card-media']) .uk-heading-small,.uk-card-secondary>:not([class*='uk-card-media']) .uk-heading-medium,.uk-card-secondary>:not([class*='uk-card-media']) .uk-heading-large,.uk-card-secondary>:not([class*='uk-card-media']) .uk-heading-xlarge,.uk-card-secondary>:not([class*='uk-card-media']) .uk-heading-2xlarge,.uk-card-secondary>:not([class*='uk-card-media']) .uk-heading-3xlarge,.uk-overlay-primary h1,.uk-overlay-primary .uk-h1,.uk-overlay-primary h2,.uk-overlay-primary .uk-h2,.uk-overlay-primary h3,.uk-overlay-primary .uk-h3,.uk-overlay-primary h4,.uk-overlay-primary .uk-h4,.uk-overlay-primary h5,.uk-overlay-primary .uk-h5,.uk-overlay-primary h6,.uk-overlay-primary .uk-h6,.uk-overlay-primary .uk-heading-small,.uk-overlay-primary .uk-heading-medium,.uk-overlay-primary .uk-heading-large,.uk-overlay-primary .uk-heading-xlarge,.uk-overlay-primary .uk-heading-2xlarge,.uk-overlay-primary .uk-heading-3xlarge { - color: var(--text-color) + color: var(--pw-text-color) } blockquote,.uk-section-primary:not(.uk-preserve-color) blockquote,.uk-section-secondary:not(.uk-preserve-color) blockquote,.uk-tile-primary:not(.uk-preserve-color) blockquote,.uk-tile-secondary:not(.uk-preserve-color) blockquote,.uk-card-primary.uk-card-body blockquote,.uk-card-primary>:not([class*='uk-card-media']) blockquote,.uk-card-secondary.uk-card-body blockquote,.uk-card-secondary>:not([class*='uk-card-media']) blockquote,.uk-overlay-primary blockquote { - color: var(--text-color) + color: var(--pw-text-color) } blockquote footer,.uk-section-primary:not(.uk-preserve-color) blockquote footer,.uk-section-secondary:not(.uk-preserve-color) blockquote footer,.uk-tile-primary:not(.uk-preserve-color) blockquote footer,.uk-tile-secondary:not(.uk-preserve-color) blockquote footer,.uk-card-primary.uk-card-body blockquote footer,.uk-card-primary>:not([class*='uk-card-media']) blockquote footer,.uk-card-secondary.uk-card-body blockquote footer,.uk-card-secondary>:not([class*='uk-card-media']) blockquote footer,.uk-overlay-primary blockquote footer { - color: var(--muted-color) + color: var(--pw-muted-color) } hr,.uk-hr,.uk-section-primary:not(.uk-preserve-color) hr,.uk-section-primary:not(.uk-preserve-color) .uk-hr,.uk-section-secondary:not(.uk-preserve-color) hr,.uk-section-secondary:not(.uk-preserve-color) .uk-hr,.uk-tile-primary:not(.uk-preserve-color) hr,.uk-tile-primary:not(.uk-preserve-color) .uk-hr,.uk-tile-secondary:not(.uk-preserve-color) hr,.uk-tile-secondary:not(.uk-preserve-color) .uk-hr,.uk-card-primary.uk-card-body hr,.uk-card-primary.uk-card-body .uk-hr,.uk-card-primary>:not([class*='uk-card-media']) hr,.uk-card-primary>:not([class*='uk-card-media']) .uk-hr,.uk-card-secondary.uk-card-body hr,.uk-card-secondary.uk-card-body .uk-hr,.uk-card-secondary>:not([class*='uk-card-media']) hr,.uk-card-secondary>:not([class*='uk-card-media']) .uk-hr,.uk-overlay-primary hr,.uk-overlay-primary .uk-hr { - border-top-color: var(--border-color) + border-top-color: var(--pw-border-color) } :focus-visible,.uk-section-primary:not(.uk-preserve-color) :focus-visible,.uk-section-secondary:not(.uk-preserve-color) :focus-visible,.uk-tile-primary:not(.uk-preserve-color) :focus-visible,.uk-tile-secondary:not(.uk-preserve-color) :focus-visible,.uk-card-primary.uk-card-body :focus-visible,.uk-card-primary>:not([class*='uk-card-media']) :focus-visible,.uk-card-secondary.uk-card-body :focus-visible,.uk-card-secondary>:not([class*='uk-card-media']) :focus-visible,.uk-overlay-primary :focus-visible { - outline-color: var(--text-color) + outline-color: var(--pw-text-color) } a.uk-link-muted,.uk-link-muted a,.uk-section-primary:not(.uk-preserve-color) a.uk-link-muted,.uk-section-primary:not(.uk-preserve-color) .uk-link-muted a,.uk-section-secondary:not(.uk-preserve-color) a.uk-link-muted,.uk-section-secondary:not(.uk-preserve-color) .uk-link-muted a,.uk-tile-primary:not(.uk-preserve-color) a.uk-link-muted,.uk-tile-primary:not(.uk-preserve-color) .uk-link-muted a,.uk-tile-secondary:not(.uk-preserve-color) a.uk-link-muted,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted a,.uk-card-primary.uk-card-body a.uk-link-muted,.uk-card-primary.uk-card-body .uk-link-muted a,.uk-card-primary>:not([class*='uk-card-media']) a.uk-link-muted,.uk-card-primary>:not([class*='uk-card-media']) .uk-link-muted a,.uk-card-secondary.uk-card-body a.uk-link-muted,.uk-card-secondary.uk-card-body .uk-link-muted a,.uk-card-secondary>:not([class*='uk-card-media']) a.uk-link-muted,.uk-card-secondary>:not([class*='uk-card-media']) .uk-link-muted a,.uk-overlay-primary a.uk-link-muted,.uk-overlay-primary .uk-link-muted a { - color: var(--muted-color) + color: var(--pw-muted-color) } a.uk-link-muted:hover,.uk-link-muted a:hover,.uk-link-toggle:hover .uk-link-muted,.uk-section-primary:not(.uk-preserve-color) a.uk-link-muted:hover,.uk-section-primary:not(.uk-preserve-color) .uk-link-muted a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted,.uk-section-secondary:not(.uk-preserve-color) a.uk-link-muted:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-link-muted a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted,.uk-tile-primary:not(.uk-preserve-color) a.uk-link-muted:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-link-muted a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted,.uk-tile-secondary:not(.uk-preserve-color) a.uk-link-muted:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted,.uk-card-primary.uk-card-body a.uk-link-muted:hover,.uk-card-primary.uk-card-body .uk-link-muted a:hover,.uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link-muted,.uk-card-primary>:not([class*='uk-card-media']) a.uk-link-muted:hover,.uk-card-primary>:not([class*='uk-card-media']) .uk-link-muted a:hover,.uk-card-primary>:not([class*='uk-card-media']) .uk-link-toggle:hover .uk-link-muted,.uk-card-secondary.uk-card-body a.uk-link-muted:hover,.uk-card-secondary.uk-card-body .uk-link-muted a:hover,.uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link-muted,.uk-card-secondary>:not([class*='uk-card-media']) a.uk-link-muted:hover,.uk-card-secondary>:not([class*='uk-card-media']) .uk-link-muted a:hover,.uk-card-secondary>:not([class*='uk-card-media']) .uk-link-toggle:hover .uk-link-muted,.uk-overlay-primary a.uk-link-muted:hover,.uk-overlay-primary .uk-link-muted a:hover,.uk-overlay-primary .uk-link-toggle:hover .uk-link-muted { - color: var(--muted-color) + color: var(--pw-muted-color) } a.uk-link-text:hover,.uk-link-text a:hover,.uk-link-toggle:hover .uk-link-text,.uk-section-primary:not(.uk-preserve-color) a.uk-link-text:hover,.uk-section-primary:not(.uk-preserve-color) .uk-link-text a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text,.uk-section-secondary:not(.uk-preserve-color) a.uk-link-text:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-link-text a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text,.uk-tile-primary:not(.uk-preserve-color) a.uk-link-text:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-link-text a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text,.uk-tile-secondary:not(.uk-preserve-color) a.uk-link-text:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-text a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text,.uk-card-primary.uk-card-body a.uk-link-text:hover,.uk-card-primary.uk-card-body .uk-link-text a:hover,.uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link-text,.uk-card-primary>:not([class*='uk-card-media']) a.uk-link-text:hover,.uk-card-primary>:not([class*='uk-card-media']) .uk-link-text a:hover,.uk-card-primary>:not([class*='uk-card-media']) .uk-link-toggle:hover .uk-link-text,.uk-card-secondary.uk-card-body a.uk-link-text:hover,.uk-card-secondary.uk-card-body .uk-link-text a:hover,.uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link-text,.uk-card-secondary>:not([class*='uk-card-media']) a.uk-link-text:hover,.uk-card-secondary>:not([class*='uk-card-media']) .uk-link-text a:hover,.uk-card-secondary>:not([class*='uk-card-media']) .uk-link-toggle:hover .uk-link-text,.uk-overlay-primary a.uk-link-text:hover,.uk-overlay-primary .uk-link-text a:hover,.uk-overlay-primary .uk-link-toggle:hover .uk-link-text { - color: var(--muted-color) + color: var(--pw-muted-color) } a.uk-link-heading:hover,.uk-link-heading a:hover,.uk-link-toggle:hover .uk-link-heading,.uk-section-primary:not(.uk-preserve-color) a.uk-link-heading:hover,.uk-section-primary:not(.uk-preserve-color) .uk-link-heading a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading,.uk-section-secondary:not(.uk-preserve-color) a.uk-link-heading:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-link-heading a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading,.uk-tile-primary:not(.uk-preserve-color) a.uk-link-heading:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-link-heading a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading,.uk-tile-secondary:not(.uk-preserve-color) a.uk-link-heading:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-heading a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading,.uk-card-primary.uk-card-body a.uk-link-heading:hover,.uk-card-primary.uk-card-body .uk-link-heading a:hover,.uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link-heading,.uk-card-primary>:not([class*='uk-card-media']) a.uk-link-heading:hover,.uk-card-primary>:not([class*='uk-card-media']) .uk-link-heading a:hover,.uk-card-primary>:not([class*='uk-card-media']) .uk-link-toggle:hover .uk-link-heading,.uk-card-secondary.uk-card-body a.uk-link-heading:hover,.uk-card-secondary.uk-card-body .uk-link-heading a:hover,.uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link-heading,.uk-card-secondary>:not([class*='uk-card-media']) a.uk-link-heading:hover,.uk-card-secondary>:not([class*='uk-card-media']) .uk-link-heading a:hover,.uk-card-secondary>:not([class*='uk-card-media']) .uk-link-toggle:hover .uk-link-heading,.uk-overlay-primary a.uk-link-heading:hover,.uk-overlay-primary .uk-link-heading a:hover,.uk-overlay-primary .uk-link-toggle:hover .uk-link-heading { - color: var(--text-color) + color: var(--pw-text-color) } .uk-heading-divider,.uk-section-primary:not(.uk-preserve-color) .uk-heading-divider,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-divider,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-divider,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-divider,.uk-card-primary.uk-card-body .uk-heading-divider,.uk-card-primary>:not([class*='uk-card-media']) .uk-heading-divider,.uk-card-secondary.uk-card-body .uk-heading-divider,.uk-card-secondary>:not([class*='uk-card-media']) .uk-heading-divider,.uk-overlay-primary .uk-heading-divider { - border-top-color: var(--border-color) + border-top-color: var(--pw-border-color) } .uk-heading-bullet::before,.uk-section-primary:not(.uk-preserve-color) .uk-heading-bullet::before,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-bullet::before,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-bullet::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-bullet::before,.uk-card-primary.uk-card-body .uk-heading-bullet::before,.uk-card-primary>:not([class*='uk-card-media']) .uk-heading-bullet::before,.uk-card-secondary.uk-card-body .uk-heading-bullet::before,.uk-card-secondary>:not([class*='uk-card-media']) .uk-heading-bullet::before,.uk-overlay-primary .uk-heading-bullet::before { - border-left-color: var(--border-color) + border-left-color: var(--pw-border-color) } .uk-heading-line>::before,.uk-heading-line>::after,.uk-section-primary:not(.uk-preserve-color) .uk-heading-line>::before,.uk-section-primary:not(.uk-preserve-color) .uk-heading-line>::after,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-line>::before,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-line>::after,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-line>::before,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-line>::after,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-line>::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-line>::after,.uk-card-primary.uk-card-body .uk-heading-line>::before,.uk-card-primary.uk-card-body .uk-heading-line>::after,.uk-card-primary>:not([class*='uk-card-media']) .uk-heading-line>::before,.uk-card-primary>:not([class*='uk-card-media']) .uk-heading-line>::after,.uk-card-secondary.uk-card-body .uk-heading-line>::before,.uk-card-secondary.uk-card-body .uk-heading-line>::after,.uk-card-secondary>:not([class*='uk-card-media']) .uk-heading-line>::before,.uk-card-secondary>:not([class*='uk-card-media']) .uk-heading-line>::after,.uk-overlay-primary .uk-heading-line>::before,.uk-overlay-primary .uk-heading-line>::after { - border-bottom-color: var(--border-color) + border-bottom-color: var(--pw-border-color) } .uk-divider-icon,.uk-section-primary:not(.uk-preserve-color) .uk-divider-icon,.uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon,.uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon,.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon,.uk-card-primary.uk-card-body .uk-divider-icon,.uk-card-primary>:not([class*='uk-card-media']) .uk-divider-icon,.uk-card-secondary.uk-card-body .uk-divider-icon,.uk-card-secondary>:not([class*='uk-card-media']) .uk-divider-icon,.uk-overlay-primary .uk-divider-icon { @@ -76,31 +76,31 @@ a.uk-link-heading:hover,.uk-link-heading a:hover,.uk-link-toggle:hover .uk-link- } .uk-divider-icon::before,.uk-divider-icon::after,.uk-section-primary:not(.uk-preserve-color) .uk-divider-icon::before,.uk-section-primary:not(.uk-preserve-color) .uk-divider-icon::after,.uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon::before,.uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon::after,.uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon::before,.uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon::after,.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon::after,.uk-card-primary.uk-card-body .uk-divider-icon::before,.uk-card-primary.uk-card-body .uk-divider-icon::after,.uk-card-primary>:not([class*='uk-card-media']) .uk-divider-icon::before,.uk-card-primary>:not([class*='uk-card-media']) .uk-divider-icon::after,.uk-card-secondary.uk-card-body .uk-divider-icon::before,.uk-card-secondary.uk-card-body .uk-divider-icon::after,.uk-card-secondary>:not([class*='uk-card-media']) .uk-divider-icon::before,.uk-card-secondary>:not([class*='uk-card-media']) .uk-divider-icon::after,.uk-overlay-primary .uk-divider-icon::before,.uk-overlay-primary .uk-divider-icon::after { - border-bottom-color: var(--border-color) + border-bottom-color: var(--pw-border-color) } .uk-divider-small::after,.uk-section-primary:not(.uk-preserve-color) .uk-divider-small::after,.uk-section-secondary:not(.uk-preserve-color) .uk-divider-small::after,.uk-tile-primary:not(.uk-preserve-color) .uk-divider-small::after,.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-small::after,.uk-card-primary.uk-card-body .uk-divider-small::after,.uk-card-primary>:not([class*='uk-card-media']) .uk-divider-small::after,.uk-card-secondary.uk-card-body .uk-divider-small::after,.uk-card-secondary>:not([class*='uk-card-media']) .uk-divider-small::after,.uk-overlay-primary .uk-divider-small::after { - border-top-color: var(--border-color) + border-top-color: var(--pw-border-color) } .uk-divider-vertical,.uk-section-primary:not(.uk-preserve-color) .uk-divider-vertical,.uk-section-secondary:not(.uk-preserve-color) .uk-divider-vertical,.uk-tile-primary:not(.uk-preserve-color) .uk-divider-vertical,.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-vertical,.uk-card-primary.uk-card-body .uk-divider-vertical,.uk-card-primary>:not([class*='uk-card-media']) .uk-divider-vertical,.uk-card-secondary.uk-card-body .uk-divider-vertical,.uk-card-secondary>:not([class*='uk-card-media']) .uk-divider-vertical,.uk-overlay-primary .uk-divider-vertical { - border-left-color: var(--border-color) + border-left-color: var(--pw-border-color) } .uk-list-muted>::before,.uk-section-primary:not(.uk-preserve-color) .uk-list-muted>::before,.uk-section-secondary:not(.uk-preserve-color) .uk-list-muted>::before,.uk-tile-primary:not(.uk-preserve-color) .uk-list-muted>::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-list-muted>::before,.uk-card-primary.uk-card-body .uk-list-muted>::before,.uk-card-primary>:not([class*='uk-card-media']) .uk-list-muted>::before,.uk-card-secondary.uk-card-body .uk-list-muted>::before,.uk-card-secondary>:not([class*='uk-card-media']) .uk-list-muted>::before,.uk-overlay-primary .uk-list-muted>::before { - color: var(--muted-color) !important + color: var(--pw-muted-color) !important } .uk-list-emphasis>::before,.uk-section-primary:not(.uk-preserve-color) .uk-list-emphasis>::before,.uk-section-secondary:not(.uk-preserve-color) .uk-list-emphasis>::before,.uk-tile-primary:not(.uk-preserve-color) .uk-list-emphasis>::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-list-emphasis>::before,.uk-card-primary.uk-card-body .uk-list-emphasis>::before,.uk-card-primary>:not([class*='uk-card-media']) .uk-list-emphasis>::before,.uk-card-secondary.uk-card-body .uk-list-emphasis>::before,.uk-card-secondary>:not([class*='uk-card-media']) .uk-list-emphasis>::before,.uk-overlay-primary .uk-list-emphasis>::before { - color: var(--text-color) !important + color: var(--pw-text-color) !important } .uk-list-primary>::before,.uk-section-primary:not(.uk-preserve-color) .uk-list-primary>::before,.uk-section-secondary:not(.uk-preserve-color) .uk-list-primary>::before,.uk-tile-primary:not(.uk-preserve-color) .uk-list-primary>::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-list-primary>::before,.uk-card-primary.uk-card-body .uk-list-primary>::before,.uk-card-primary>:not([class*='uk-card-media']) .uk-list-primary>::before,.uk-card-secondary.uk-card-body .uk-list-primary>::before,.uk-card-secondary>:not([class*='uk-card-media']) .uk-list-primary>::before,.uk-overlay-primary .uk-list-primary>::before { - color: var(--text-color) !important + color: var(--pw-text-color) !important } .uk-list-secondary>::before,.uk-section-primary:not(.uk-preserve-color) .uk-list-secondary>::before,.uk-section-secondary:not(.uk-preserve-color) .uk-list-secondary>::before,.uk-tile-primary:not(.uk-preserve-color) .uk-list-secondary>::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-list-secondary>::before,.uk-card-primary.uk-card-body .uk-list-secondary>::before,.uk-card-primary>:not([class*='uk-card-media']) .uk-list-secondary>::before,.uk-card-secondary.uk-card-body .uk-list-secondary>::before,.uk-card-secondary>:not([class*='uk-card-media']) .uk-list-secondary>::before,.uk-overlay-primary .uk-list-secondary>::before { - color: var(--text-color) !important + color: var(--pw-text-color) !important } .uk-list-bullet>::before,.uk-section-primary:not(.uk-preserve-color) .uk-list-bullet>::before,.uk-section-secondary:not(.uk-preserve-color) .uk-list-bullet>::before,.uk-tile-primary:not(.uk-preserve-color) .uk-list-bullet>::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-list-bullet>::before,.uk-card-primary.uk-card-body .uk-list-bullet>::before,.uk-card-primary>:not([class*='uk-card-media']) .uk-list-bullet>::before,.uk-card-secondary.uk-card-body .uk-list-bullet>::before,.uk-card-secondary>:not([class*='uk-card-media']) .uk-list-bullet>::before,.uk-overlay-primary .uk-list-bullet>::before { @@ -108,247 +108,247 @@ a.uk-link-heading:hover,.uk-link-heading a:hover,.uk-link-toggle:hover .uk-link- } .uk-list-divider>:nth-child(n+2),.uk-section-primary:not(.uk-preserve-color) .uk-list-divider>:nth-child(n+2),.uk-section-secondary:not(.uk-preserve-color) .uk-list-divider>:nth-child(n+2),.uk-tile-primary:not(.uk-preserve-color) .uk-list-divider>:nth-child(n+2),.uk-tile-secondary:not(.uk-preserve-color) .uk-list-divider>:nth-child(n+2),.uk-card-primary.uk-card-body .uk-list-divider>:nth-child(n+2),.uk-card-primary>:not([class*='uk-card-media']) .uk-list-divider>:nth-child(n+2),.uk-card-secondary.uk-card-body .uk-list-divider>:nth-child(n+2),.uk-card-secondary>:not([class*='uk-card-media']) .uk-list-divider>:nth-child(n+2),.uk-overlay-primary .uk-list-divider>:nth-child(n+2) { - border-top-color: var(--border-color) + border-top-color: var(--pw-border-color) } .uk-list-striped>*:nth-of-type(odd),.uk-section-primary:not(.uk-preserve-color) .uk-list-striped>*:nth-of-type(odd),.uk-section-secondary:not(.uk-preserve-color) .uk-list-striped>*:nth-of-type(odd),.uk-tile-primary:not(.uk-preserve-color) .uk-list-striped>*:nth-of-type(odd),.uk-tile-secondary:not(.uk-preserve-color) .uk-list-striped>*:nth-of-type(odd),.uk-card-primary.uk-card-body .uk-list-striped>*:nth-of-type(odd),.uk-card-primary>:not([class*='uk-card-media']) .uk-list-striped>*:nth-of-type(odd),.uk-card-secondary.uk-card-body .uk-list-striped>*:nth-of-type(odd),.uk-card-secondary>:not([class*='uk-card-media']) .uk-list-striped>*:nth-of-type(odd),.uk-overlay-primary .uk-list-striped>*:nth-of-type(odd) { - border-top-color: var(--border-color); - border-bottom-color: var(--border-color) + border-top-color: var(--pw-border-color); + border-bottom-color: var(--pw-border-color) } .uk-list-striped>:nth-of-type(odd),.uk-section-primary:not(.uk-preserve-color) .uk-list-striped>:nth-of-type(odd),.uk-section-secondary:not(.uk-preserve-color) .uk-list-striped>:nth-of-type(odd),.uk-tile-primary:not(.uk-preserve-color) .uk-list-striped>:nth-of-type(odd),.uk-tile-secondary:not(.uk-preserve-color) .uk-list-striped>:nth-of-type(odd),.uk-card-primary.uk-card-body .uk-list-striped>:nth-of-type(odd),.uk-card-primary>:not([class*='uk-card-media']) .uk-list-striped>:nth-of-type(odd),.uk-card-secondary.uk-card-body .uk-list-striped>:nth-of-type(odd),.uk-card-secondary>:not([class*='uk-card-media']) .uk-list-striped>:nth-of-type(odd),.uk-overlay-primary .uk-list-striped>:nth-of-type(odd) { - background-color: var(--inputs-background) + background-color: var(--pw-inputs-background) } .uk-table th,.uk-section-primary:not(.uk-preserve-color) .uk-table th,.uk-section-secondary:not(.uk-preserve-color) .uk-table th,.uk-tile-primary:not(.uk-preserve-color) .uk-table th,.uk-tile-secondary:not(.uk-preserve-color) .uk-table th,.uk-card-primary.uk-card-body .uk-table th,.uk-card-primary>:not([class*='uk-card-media']) .uk-table th,.uk-card-secondary.uk-card-body .uk-table th,.uk-card-secondary>:not([class*='uk-card-media']) .uk-table th,.uk-overlay-primary .uk-table th { - color: var(--muted-color) + color: var(--pw-muted-color) } .uk-table caption,.uk-section-primary:not(.uk-preserve-color) .uk-table caption,.uk-section-secondary:not(.uk-preserve-color) .uk-table caption,.uk-tile-primary:not(.uk-preserve-color) .uk-table caption,.uk-tile-secondary:not(.uk-preserve-color) .uk-table caption,.uk-card-primary.uk-card-body .uk-table caption,.uk-card-primary>:not([class*='uk-card-media']) .uk-table caption,.uk-card-secondary.uk-card-body .uk-table caption,.uk-card-secondary>:not([class*='uk-card-media']) .uk-table caption,.uk-overlay-primary .uk-table caption { - color: var(--muted-color) + color: var(--pw-muted-color) } .uk-table>tr.uk-active,.uk-table tbody tr.uk-active,.uk-section-primary:not(.uk-preserve-color) .uk-table>tr.uk-active,.uk-section-primary:not(.uk-preserve-color) .uk-table tbody tr.uk-active,.uk-section-secondary:not(.uk-preserve-color) .uk-table>tr.uk-active,.uk-section-secondary:not(.uk-preserve-color) .uk-table tbody tr.uk-active,.uk-tile-primary:not(.uk-preserve-color) .uk-table>tr.uk-active,.uk-tile-primary:not(.uk-preserve-color) .uk-table tbody tr.uk-active,.uk-tile-secondary:not(.uk-preserve-color) .uk-table>tr.uk-active,.uk-tile-secondary:not(.uk-preserve-color) .uk-table tbody tr.uk-active,.uk-card-primary.uk-card-body .uk-table>tr.uk-active,.uk-card-primary.uk-card-body .uk-table tbody tr.uk-active,.uk-card-primary>:not([class*='uk-card-media']) .uk-table>tr.uk-active,.uk-card-primary>:not([class*='uk-card-media']) .uk-table tbody tr.uk-active,.uk-card-secondary.uk-card-body .uk-table>tr.uk-active,.uk-card-secondary.uk-card-body .uk-table tbody tr.uk-active,.uk-card-secondary>:not([class*='uk-card-media']) .uk-table>tr.uk-active,.uk-card-secondary>:not([class*='uk-card-media']) .uk-table tbody tr.uk-active,.uk-overlay-primary .uk-table>tr.uk-active,.uk-overlay-primary .uk-table tbody tr.uk-active { - background: var(--inputs-background) + background: var(--pw-inputs-background) } .uk-table-divider>tr:not(:first-child),.uk-table-divider>:not(:first-child)>tr,.uk-table-divider>:first-child>tr:not(:first-child),.uk-section-primary:not(.uk-preserve-color) .uk-table-divider>tr:not(:first-child),.uk-section-primary:not(.uk-preserve-color) .uk-table-divider>:not(:first-child)>tr,.uk-section-primary:not(.uk-preserve-color) .uk-table-divider>:first-child>tr:not(:first-child),.uk-section-secondary:not(.uk-preserve-color) .uk-table-divider>tr:not(:first-child),.uk-section-secondary:not(.uk-preserve-color) .uk-table-divider>:not(:first-child)>tr,.uk-section-secondary:not(.uk-preserve-color) .uk-table-divider>:first-child>tr:not(:first-child),.uk-tile-primary:not(.uk-preserve-color) .uk-table-divider>tr:not(:first-child),.uk-tile-primary:not(.uk-preserve-color) .uk-table-divider>:not(:first-child)>tr,.uk-tile-primary:not(.uk-preserve-color) .uk-table-divider>:first-child>tr:not(:first-child),.uk-tile-secondary:not(.uk-preserve-color) .uk-table-divider>tr:not(:first-child),.uk-tile-secondary:not(.uk-preserve-color) .uk-table-divider>:not(:first-child)>tr,.uk-tile-secondary:not(.uk-preserve-color) .uk-table-divider>:first-child>tr:not(:first-child),.uk-card-primary.uk-card-body .uk-table-divider>tr:not(:first-child),.uk-card-primary.uk-card-body .uk-table-divider>:not(:first-child)>tr,.uk-card-primary.uk-card-body .uk-table-divider>:first-child>tr:not(:first-child),.uk-card-primary>:not([class*='uk-card-media']) .uk-table-divider>tr:not(:first-child),.uk-card-primary>:not([class*='uk-card-media']) .uk-table-divider>:not(:first-child)>tr,.uk-card-primary>:not([class*='uk-card-media']) .uk-table-divider>:first-child>tr:not(:first-child),.uk-card-secondary.uk-card-body .uk-table-divider>tr:not(:first-child),.uk-card-secondary.uk-card-body .uk-table-divider>:not(:first-child)>tr,.uk-card-secondary.uk-card-body .uk-table-divider>:first-child>tr:not(:first-child),.uk-card-secondary>:not([class*='uk-card-media']) .uk-table-divider>tr:not(:first-child),.uk-card-secondary>:not([class*='uk-card-media']) .uk-table-divider>:not(:first-child)>tr,.uk-card-secondary>:not([class*='uk-card-media']) .uk-table-divider>:first-child>tr:not(:first-child),.uk-overlay-primary .uk-table-divider>tr:not(:first-child),.uk-overlay-primary .uk-table-divider>:not(:first-child)>tr,.uk-overlay-primary .uk-table-divider>:first-child>tr:not(:first-child) { - border-top-color: var(--border-color) + border-top-color: var(--pw-border-color) } .uk-table-striped>tr:nth-of-type(odd),.uk-table-striped tbody tr:nth-of-type(odd),.uk-section-primary:not(.uk-preserve-color) .uk-table-striped>tr:nth-of-type(odd),.uk-section-primary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd),.uk-section-secondary:not(.uk-preserve-color) .uk-table-striped>tr:nth-of-type(odd),.uk-section-secondary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd),.uk-tile-primary:not(.uk-preserve-color) .uk-table-striped>tr:nth-of-type(odd),.uk-tile-primary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd),.uk-tile-secondary:not(.uk-preserve-color) .uk-table-striped>tr:nth-of-type(odd),.uk-tile-secondary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd),.uk-card-primary.uk-card-body .uk-table-striped>tr:nth-of-type(odd),.uk-card-primary.uk-card-body .uk-table-striped tbody tr:nth-of-type(odd),.uk-card-primary>:not([class*='uk-card-media']) .uk-table-striped>tr:nth-of-type(odd),.uk-card-primary>:not([class*='uk-card-media']) .uk-table-striped tbody tr:nth-of-type(odd),.uk-card-secondary.uk-card-body .uk-table-striped>tr:nth-of-type(odd),.uk-card-secondary.uk-card-body .uk-table-striped tbody tr:nth-of-type(odd),.uk-card-secondary>:not([class*='uk-card-media']) .uk-table-striped>tr:nth-of-type(odd),.uk-card-secondary>:not([class*='uk-card-media']) .uk-table-striped tbody tr:nth-of-type(odd),.uk-overlay-primary .uk-table-striped>tr:nth-of-type(odd),.uk-overlay-primary .uk-table-striped tbody tr:nth-of-type(odd) { - background: var(--inputs-background); - border-top-color: var(--border-color); - border-bottom-color: var(--border-color) + background: var(--pw-inputs-background); + border-top-color: var(--pw-border-color); + border-bottom-color: var(--pw-border-color) } .uk-table-hover>tr:hover,.uk-table-hover tbody tr:hover,.uk-section-primary:not(.uk-preserve-color) .uk-table-hover>tr:hover,.uk-section-primary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-table-hover>tr:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-table-hover>tr:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-table-hover>tr:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover,.uk-card-primary.uk-card-body .uk-table-hover>tr:hover,.uk-card-primary.uk-card-body .uk-table-hover tbody tr:hover,.uk-card-primary>:not([class*='uk-card-media']) .uk-table-hover>tr:hover,.uk-card-primary>:not([class*='uk-card-media']) .uk-table-hover tbody tr:hover,.uk-card-secondary.uk-card-body .uk-table-hover>tr:hover,.uk-card-secondary.uk-card-body .uk-table-hover tbody tr:hover,.uk-card-secondary>:not([class*='uk-card-media']) .uk-table-hover>tr:hover,.uk-card-secondary>:not([class*='uk-card-media']) .uk-table-hover tbody tr:hover,.uk-overlay-primary .uk-table-hover>tr:hover,.uk-overlay-primary .uk-table-hover tbody tr:hover { - background: var(--inputs-background) + background: var(--pw-inputs-background) } .uk-icon-link,.uk-section-primary:not(.uk-preserve-color) .uk-icon-link,.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link,.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link,.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link,.uk-card-primary.uk-card-body .uk-icon-link,.uk-card-primary>:not([class*='uk-card-media']) .uk-icon-link,.uk-card-secondary.uk-card-body .uk-icon-link,.uk-card-secondary>:not([class*='uk-card-media']) .uk-icon-link,.uk-overlay-primary .uk-icon-link { - color: var(--muted-color) + color: var(--pw-muted-color) } .uk-icon-link:hover,.uk-section-primary:not(.uk-preserve-color) .uk-icon-link:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link:hover,.uk-card-primary.uk-card-body .uk-icon-link:hover,.uk-card-primary>:not([class*='uk-card-media']) .uk-icon-link:hover,.uk-card-secondary.uk-card-body .uk-icon-link:hover,.uk-card-secondary>:not([class*='uk-card-media']) .uk-icon-link:hover,.uk-overlay-primary .uk-icon-link:hover { - color: var(--muted-color) + color: var(--pw-muted-color) } .uk-icon-link:active,.uk-active>.uk-icon-link,.uk-section-primary:not(.uk-preserve-color) .uk-icon-link:active,.uk-section-primary:not(.uk-preserve-color) .uk-active>.uk-icon-link,.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link:active,.uk-section-secondary:not(.uk-preserve-color) .uk-active>.uk-icon-link,.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link:active,.uk-tile-primary:not(.uk-preserve-color) .uk-active>.uk-icon-link,.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-active>.uk-icon-link,.uk-card-primary.uk-card-body .uk-icon-link:active,.uk-card-primary.uk-card-body .uk-active>.uk-icon-link,.uk-card-primary>:not([class*='uk-card-media']) .uk-icon-link:active,.uk-card-primary>:not([class*='uk-card-media']) .uk-active>.uk-icon-link,.uk-card-secondary.uk-card-body .uk-icon-link:active,.uk-card-secondary.uk-card-body .uk-active>.uk-icon-link,.uk-card-secondary>:not([class*='uk-card-media']) .uk-icon-link:active,.uk-card-secondary>:not([class*='uk-card-media']) .uk-active>.uk-icon-link,.uk-overlay-primary .uk-icon-link:active,.uk-overlay-primary .uk-active>.uk-icon-link { - color: var(--muted-color) + color: var(--pw-muted-color) } .uk-icon-button,.uk-section-primary:not(.uk-preserve-color) .uk-icon-button,.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button,.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button,.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button,.uk-card-primary.uk-card-body .uk-icon-button,.uk-card-primary>:not([class*='uk-card-media']) .uk-icon-button,.uk-card-secondary.uk-card-body .uk-icon-button,.uk-card-secondary>:not([class*='uk-card-media']) .uk-icon-button,.uk-overlay-primary .uk-icon-button { - background-color: var(--inputs-background); - color: var(--muted-color) + background-color: var(--pw-inputs-background); + color: var(--pw-muted-color) } .uk-icon-button:hover,.uk-section-primary:not(.uk-preserve-color) .uk-icon-button:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button:hover,.uk-card-primary.uk-card-body .uk-icon-button:hover,.uk-card-primary>:not([class*='uk-card-media']) .uk-icon-button:hover,.uk-card-secondary.uk-card-body .uk-icon-button:hover,.uk-card-secondary>:not([class*='uk-card-media']) .uk-icon-button:hover,.uk-overlay-primary .uk-icon-button:hover { - background-color: var(--inputs-background); - color: var(--muted-color) + background-color: var(--pw-inputs-background); + color: var(--pw-muted-color) }v .uk-icon-button:active,.uk-section-primary:not(.uk-preserve-color) .uk-icon-button:active,.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button:active,.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button:active,.uk-card-primary.uk-card-body .uk-icon-button:active,.uk-card-primary>:not([class*='uk-card-media']) .uk-icon-button:active,.uk-card-secondary.uk-card-body .uk-icon-button:active,.uk-card-secondary>:not([class*='uk-card-media']) .uk-icon-button:active,.uk-overlay-primary .uk-icon-button:active { - background-color:var(--blocks-background); - color: var(--muted-color) + background-color:var(--pw-blocks-background); + color: var(--pw-muted-color) } .uk-input,.uk-select,.uk-textarea,.uk-section-primary:not(.uk-preserve-color) .uk-input,.uk-section-primary:not(.uk-preserve-color) .uk-select,.uk-section-primary:not(.uk-preserve-color) .uk-textarea,.uk-section-secondary:not(.uk-preserve-color) .uk-input,.uk-section-secondary:not(.uk-preserve-color) .uk-select,.uk-section-secondary:not(.uk-preserve-color) .uk-textarea,.uk-tile-primary:not(.uk-preserve-color) .uk-input,.uk-tile-primary:not(.uk-preserve-color) .uk-select,.uk-tile-primary:not(.uk-preserve-color) .uk-textarea,.uk-tile-secondary:not(.uk-preserve-color) .uk-input,.uk-tile-secondary:not(.uk-preserve-color) .uk-select,.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea,.uk-card-primary.uk-card-body .uk-input,.uk-card-primary.uk-card-body .uk-select,.uk-card-primary.uk-card-body .uk-textarea,.uk-card-primary>:not([class*='uk-card-media']) .uk-input,.uk-card-primary>:not([class*='uk-card-media']) .uk-select,.uk-card-primary>:not([class*='uk-card-media']) .uk-textarea,.uk-card-secondary.uk-card-body .uk-input,.uk-card-secondary.uk-card-body .uk-select,.uk-card-secondary.uk-card-body .uk-textarea,.uk-card-secondary>:not([class*='uk-card-media']) .uk-input,.uk-card-secondary>:not([class*='uk-card-media']) .uk-select,.uk-card-secondary>:not([class*='uk-card-media']) .uk-textarea,.uk-overlay-primary .uk-input,.uk-overlay-primary .uk-select,.uk-overlay-primary .uk-textarea { - background-color: var(--inputs-background); - color: var(--muted-color); + background-color: var(--pw-inputs-background); + color: var(--pw-muted-color); background-clip: padding-box; - border-color:var(--blocks-background) + border-color:var(--pw-blocks-background) } .uk-input:focus,.uk-select:focus,.uk-textarea:focus,.uk-section-primary:not(.uk-preserve-color) .uk-input:focus,.uk-section-primary:not(.uk-preserve-color) .uk-select:focus,.uk-section-primary:not(.uk-preserve-color) .uk-textarea:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-input:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-select:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-textarea:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-input:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-select:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-textarea:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-input:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-select:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea:focus,.uk-card-primary.uk-card-body .uk-input:focus,.uk-card-primary.uk-card-body .uk-select:focus,.uk-card-primary.uk-card-body .uk-textarea:focus,.uk-card-primary>:not([class*='uk-card-media']) .uk-input:focus,.uk-card-primary>:not([class*='uk-card-media']) .uk-select:focus,.uk-card-primary>:not([class*='uk-card-media']) .uk-textarea:focus,.uk-card-secondary.uk-card-body .uk-input:focus,.uk-card-secondary.uk-card-body .uk-select:focus,.uk-card-secondary.uk-card-body .uk-textarea:focus,.uk-card-secondary>:not([class*='uk-card-media']) .uk-input:focus,.uk-card-secondary>:not([class*='uk-card-media']) .uk-select:focus,.uk-card-secondary>:not([class*='uk-card-media']) .uk-textarea:focus,.uk-overlay-primary .uk-input:focus,.uk-overlay-primary .uk-select:focus,.uk-overlay-primary .uk-textarea:focus { - background-color: var(--inputs-background); - color: var(--muted-color); - border-color: var(--muted-color) + background-color: var(--pw-inputs-background); + color: var(--pw-muted-color); + border-color: var(--pw-muted-color) } .uk-input::placeholder,.uk-section-primary:not(.uk-preserve-color) .uk-input::placeholder,.uk-section-secondary:not(.uk-preserve-color) .uk-input::placeholder,.uk-tile-primary:not(.uk-preserve-color) .uk-input::placeholder,.uk-tile-secondary:not(.uk-preserve-color) .uk-input::placeholder,.uk-card-primary.uk-card-body .uk-input::placeholder,.uk-card-primary>:not([class*='uk-card-media']) .uk-input::placeholder,.uk-card-secondary.uk-card-body .uk-input::placeholder,.uk-card-secondary>:not([class*='uk-card-media']) .uk-input::placeholder,.uk-overlay-primary .uk-input::placeholder { - color: var(--muted-color) + color: var(--pw-muted-color) } .uk-textarea::placeholder,.uk-section-primary:not(.uk-preserve-color) .uk-textarea::placeholder,.uk-section-secondary:not(.uk-preserve-color) .uk-textarea::placeholder,.uk-tile-primary:not(.uk-preserve-color) .uk-textarea::placeholder,.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea::placeholder,.uk-card-primary.uk-card-body .uk-textarea::placeholder,.uk-card-primary>:not([class*='uk-card-media']) .uk-textarea::placeholder,.uk-card-secondary.uk-card-body .uk-textarea::placeholder,.uk-card-secondary>:not([class*='uk-card-media']) .uk-textarea::placeholder,.uk-overlay-primary .uk-textarea::placeholder { - color: var(--muted-color) + color: var(--pw-muted-color) } .uk-form-label,.uk-section-primary:not(.uk-preserve-color) .uk-form-label,.uk-section-secondary:not(.uk-preserve-color) .uk-form-label,.uk-tile-primary:not(.uk-preserve-color) .uk-form-label,.uk-tile-secondary:not(.uk-preserve-color) .uk-form-label,.uk-card-primary.uk-card-body .uk-form-label,.uk-card-primary>:not([class*='uk-card-media']) .uk-form-label,.uk-card-secondary.uk-card-body .uk-form-label,.uk-card-secondary>:not([class*='uk-card-media']) .uk-form-label,.uk-overlay-primary .uk-form-label { - color: var(--text-color) + color: var(--pw-text-color) } .uk-form-icon,.uk-section-primary:not(.uk-preserve-color) .uk-form-icon,.uk-section-secondary:not(.uk-preserve-color) .uk-form-icon,.uk-tile-primary:not(.uk-preserve-color) .uk-form-icon,.uk-tile-secondary:not(.uk-preserve-color) .uk-form-icon,.uk-card-primary.uk-card-body .uk-form-icon,.uk-card-primary>:not([class*='uk-card-media']) .uk-form-icon,.uk-card-secondary.uk-card-body .uk-form-icon,.uk-card-secondary>:not([class*='uk-card-media']) .uk-form-icon,.uk-overlay-primary .uk-form-icon { - color: var(--muted-color) + color: var(--pw-muted-color) } .uk-form-icon:hover,.uk-section-primary:not(.uk-preserve-color) .uk-form-icon:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-form-icon:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-form-icon:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-form-icon:hover,.uk-card-primary.uk-card-body .uk-form-icon:hover,.uk-card-primary>:not([class*='uk-card-media']) .uk-form-icon:hover,.uk-card-secondary.uk-card-body .uk-form-icon:hover,.uk-card-secondary>:not([class*='uk-card-media']) .uk-form-icon:hover,.uk-overlay-primary .uk-form-icon:hover { - color: var(--muted-color) + color: var(--pw-muted-color) } .uk-button-default,.uk-section-primary:not(.uk-preserve-color) .uk-button-default,.uk-section-secondary:not(.uk-preserve-color) .uk-button-default,.uk-tile-primary:not(.uk-preserve-color) .uk-button-default,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default,.uk-card-primary.uk-card-body .uk-button-default,.uk-card-primary>:not([class*='uk-card-media']) .uk-button-default,.uk-card-secondary.uk-card-body .uk-button-default,.uk-card-secondary>:not([class*='uk-card-media']) .uk-button-default,.uk-overlay-primary .uk-button-default { background-color: transparent; - color: var(--text-color); - border-color: var(--muted-color) + color: var(--pw-text-color); + border-color: var(--pw-muted-color) } .uk-button-default:hover,.uk-section-primary:not(.uk-preserve-color) .uk-button-default:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-button-default:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-button-default:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:hover,.uk-card-primary.uk-card-body .uk-button-default:hover,.uk-card-primary>:not([class*='uk-card-media']) .uk-button-default:hover,.uk-card-secondary.uk-card-body .uk-button-default:hover,.uk-card-secondary>:not([class*='uk-card-media']) .uk-button-default:hover,.uk-overlay-primary .uk-button-default:hover { background-color: transparent; - color: var(--text-color); - border-color: var(--border-color) + color: var(--pw-text-color); + border-color: var(--pw-border-color) } .uk-button-default:active,.uk-button-default.uk-active,.uk-section-primary:not(.uk-preserve-color) .uk-button-default:active,.uk-section-primary:not(.uk-preserve-color) .uk-button-default.uk-active,.uk-section-secondary:not(.uk-preserve-color) .uk-button-default:active,.uk-section-secondary:not(.uk-preserve-color) .uk-button-default.uk-active,.uk-tile-primary:not(.uk-preserve-color) .uk-button-default:active,.uk-tile-primary:not(.uk-preserve-color) .uk-button-default.uk-active,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default.uk-active,.uk-card-primary.uk-card-body .uk-button-default:active,.uk-card-primary.uk-card-body .uk-button-default.uk-active,.uk-card-primary>:not([class*='uk-card-media']) .uk-button-default:active,.uk-card-primary>:not([class*='uk-card-media']) .uk-button-default.uk-active,.uk-card-secondary.uk-card-body .uk-button-default:active,.uk-card-secondary.uk-card-body .uk-button-default.uk-active,.uk-card-secondary>:not([class*='uk-card-media']) .uk-button-default:active,.uk-card-secondary>:not([class*='uk-card-media']) .uk-button-default.uk-active,.uk-overlay-primary .uk-button-default:active,.uk-overlay-primary .uk-button-default.uk-active { background-color: transparent; - color: var(--text-color); - border-color: var(--border-color) + color: var(--pw-text-color); + border-color: var(--pw-border-color) } .uk-button-primary,.uk-section-primary:not(.uk-preserve-color) .uk-button-primary,.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary,.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary,.uk-card-primary.uk-card-body .uk-button-primary,.uk-card-primary>:not([class*='uk-card-media']) .uk-button-primary,.uk-card-secondary.uk-card-body .uk-button-primary,.uk-card-secondary>:not([class*='uk-card-media']) .uk-button-primary,.uk-overlay-primary .uk-button-primary { - background-color: var(--text-color); - color: var(--blocks-background); + background-color: var(--pw-text-color); + color: var(--pw-blocks-background); } .uk-button-primary:hover,.uk-section-primary:not(.uk-preserve-color) .uk-button-primary:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:hover,.uk-card-primary.uk-card-body .uk-button-primary:hover,.uk-card-primary>:not([class*='uk-card-media']) .uk-button-primary:hover,.uk-card-secondary.uk-card-body .uk-button-primary:hover,.uk-card-secondary>:not([class*='uk-card-media']) .uk-button-primary:hover,.uk-overlay-primary .uk-button-primary:hover { - background-color: var(--inputs-background); - color: var(--blocks-background); + background-color: var(--pw-inputs-background); + color: var(--pw-blocks-background); } .uk-button-primary:active,.uk-button-primary.uk-active,.uk-section-primary:not(.uk-preserve-color) .uk-button-primary:active,.uk-section-primary:not(.uk-preserve-color) .uk-button-primary.uk-active,.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:active,.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary.uk-active,.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:active,.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary.uk-active,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary.uk-active,.uk-card-primary.uk-card-body .uk-button-primary:active,.uk-card-primary.uk-card-body .uk-button-primary.uk-active,.uk-card-primary>:not([class*='uk-card-media']) .uk-button-primary:active,.uk-card-primary>:not([class*='uk-card-media']) .uk-button-primary.uk-active,.uk-card-secondary.uk-card-body .uk-button-primary:active,.uk-card-secondary.uk-card-body .uk-button-primary.uk-active,.uk-card-secondary>:not([class*='uk-card-media']) .uk-button-primary:active,.uk-card-secondary>:not([class*='uk-card-media']) .uk-button-primary.uk-active,.uk-overlay-primary .uk-button-primary:active,.uk-overlay-primary .uk-button-primary.uk-active { - background-color: var(--inputs-background); - color: var(--blocks-background); + background-color: var(--pw-inputs-background); + color: var(--pw-blocks-background); } .uk-button-secondary,.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary,.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary,.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary,.uk-card-primary.uk-card-body .uk-button-secondary,.uk-card-primary>:not([class*='uk-card-media']) .uk-button-secondary,.uk-card-secondary.uk-card-body .uk-button-secondary,.uk-card-secondary>:not([class*='uk-card-media']) .uk-button-secondary,.uk-overlay-primary .uk-button-secondary { - background-color: var(--text-color); - color: var(--blocks-background); + background-color: var(--pw-text-color); + color: var(--pw-blocks-background); } .uk-button-secondary:hover,.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:hover,.uk-card-primary.uk-card-body .uk-button-secondary:hover,.uk-card-primary>:not([class*='uk-card-media']) .uk-button-secondary:hover,.uk-card-secondary.uk-card-body .uk-button-secondary:hover,.uk-card-secondary>:not([class*='uk-card-media']) .uk-button-secondary:hover,.uk-overlay-primary .uk-button-secondary:hover { - background-color: var(--inputs-background); - color: var(--blocks-background); + background-color: var(--pw-inputs-background); + color: var(--pw-blocks-background); } .uk-button-secondary:active,.uk-button-secondary.uk-active,.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:active,.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary.uk-active,.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:active,.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary.uk-active,.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:active,.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary.uk-active,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary.uk-active,.uk-card-primary.uk-card-body .uk-button-secondary:active,.uk-card-primary.uk-card-body .uk-button-secondary.uk-active,.uk-card-primary>:not([class*='uk-card-media']) .uk-button-secondary:active,.uk-card-primary>:not([class*='uk-card-media']) .uk-button-secondary.uk-active,.uk-card-secondary.uk-card-body .uk-button-secondary:active,.uk-card-secondary.uk-card-body .uk-button-secondary.uk-active,.uk-card-secondary>:not([class*='uk-card-media']) .uk-button-secondary:active,.uk-card-secondary>:not([class*='uk-card-media']) .uk-button-secondary.uk-active,.uk-overlay-primary .uk-button-secondary:active,.uk-overlay-primary .uk-button-secondary.uk-active { - background-color: var(--inputs-background); - color: var(--blocks-background); + background-color: var(--pw-inputs-background); + color: var(--pw-blocks-background); } .uk-button-text,.uk-section-primary:not(.uk-preserve-color) .uk-button-text,.uk-section-secondary:not(.uk-preserve-color) .uk-button-text,.uk-tile-primary:not(.uk-preserve-color) .uk-button-text,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text,.uk-card-primary.uk-card-body .uk-button-text,.uk-card-primary>:not([class*='uk-card-media']) .uk-button-text,.uk-card-secondary.uk-card-body .uk-button-text,.uk-card-secondary>:not([class*='uk-card-media']) .uk-button-text,.uk-overlay-primary .uk-button-text { - color: var(--text-color) + color: var(--pw-text-color) } .uk-button-text::before,.uk-section-primary:not(.uk-preserve-color) .uk-button-text::before,.uk-section-secondary:not(.uk-preserve-color) .uk-button-text::before,.uk-tile-primary:not(.uk-preserve-color) .uk-button-text::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text::before,.uk-card-primary.uk-card-body .uk-button-text::before,.uk-card-primary>:not([class*='uk-card-media']) .uk-button-text::before,.uk-card-secondary.uk-card-body .uk-button-text::before,.uk-card-secondary>:not([class*='uk-card-media']) .uk-button-text::before,.uk-overlay-primary .uk-button-text::before { - border-bottom-color: var(--text-color) + border-bottom-color: var(--pw-text-color) } .uk-button-text:hover,.uk-section-primary:not(.uk-preserve-color) .uk-button-text:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-button-text:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-button-text:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text:hover,.uk-card-primary.uk-card-body .uk-button-text:hover,.uk-card-primary>:not([class*='uk-card-media']) .uk-button-text:hover,.uk-card-secondary.uk-card-body .uk-button-text:hover,.uk-card-secondary>:not([class*='uk-card-media']) .uk-button-text:hover,.uk-overlay-primary .uk-button-text:hover { - color: var(--text-color) + color: var(--pw-text-color) } .uk-button-text:disabled,.uk-section-primary:not(.uk-preserve-color) .uk-button-text:disabled,.uk-section-secondary:not(.uk-preserve-color) .uk-button-text:disabled,.uk-tile-primary:not(.uk-preserve-color) .uk-button-text:disabled,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text:disabled,.uk-card-primary.uk-card-body .uk-button-text:disabled,.uk-card-primary>:not([class*='uk-card-media']) .uk-button-text:disabled,.uk-card-secondary.uk-card-body .uk-button-text:disabled,.uk-card-secondary>:not([class*='uk-card-media']) .uk-button-text:disabled,.uk-overlay-primary .uk-button-text:disabled { - color: var(--muted-color) + color: var(--pw-muted-color) } .uk-button-link,.uk-section-primary:not(.uk-preserve-color) .uk-button-link,.uk-section-secondary:not(.uk-preserve-color) .uk-button-link,.uk-tile-primary:not(.uk-preserve-color) .uk-button-link,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-link,.uk-card-primary.uk-card-body .uk-button-link,.uk-card-primary>:not([class*='uk-card-media']) .uk-button-link,.uk-card-secondary.uk-card-body .uk-button-link,.uk-card-secondary>:not([class*='uk-card-media']) .uk-button-link,.uk-overlay-primary .uk-button-link { - color: var(--text-color) + color: var(--pw-text-color) } .uk-button-link:hover,.uk-section-primary:not(.uk-preserve-color) .uk-button-link:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-button-link:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-button-link:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-link:hover,.uk-card-primary.uk-card-body .uk-button-link:hover,.uk-card-primary>:not([class*='uk-card-media']) .uk-button-link:hover,.uk-card-secondary.uk-card-body .uk-button-link:hover,.uk-card-secondary>:not([class*='uk-card-media']) .uk-button-link:hover,.uk-overlay-primary .uk-button-link:hover { - color: var(--muted-color) + color: var(--pw-muted-color) } .uk-card-badge,.uk-section-primary:not(.uk-preserve-color).uk-card-badge,.uk-section-secondary:not(.uk-preserve-color).uk-card-badge,.uk-tile-primary:not(.uk-preserve-color).uk-card-badge,.uk-tile-secondary:not(.uk-preserve-color).uk-card-badge,.uk-card-primary.uk-card-body.uk-card-badge,.uk-card-primary>:not([class*='uk-card-media']).uk-card-badge,.uk-card-secondary.uk-card-body.uk-card-badge,.uk-card-secondary>:not([class*='uk-card-media']).uk-card-badge,.uk-overlay-primary.uk-card-badge { - background-color: var(--text-color); - color: var(--blocks-background) + background-color: var(--pw-text-color); + color: var(--pw-blocks-background) } .uk-close,.uk-section-primary:not(.uk-preserve-color) .uk-close,.uk-section-secondary:not(.uk-preserve-color) .uk-close,.uk-tile-primary:not(.uk-preserve-color) .uk-close,.uk-tile-secondary:not(.uk-preserve-color) .uk-close,.uk-card-primary.uk-card-body .uk-close,.uk-card-primary>:not([class*='uk-card-media']) .uk-close,.uk-card-secondary.uk-card-body .uk-close,.uk-card-secondary>:not([class*='uk-card-media']) .uk-close,.uk-overlay-primary .uk-close { - color: var(--muted-color) + color: var(--pw-muted-color) } .uk-close:hover,.uk-section-primary:not(.uk-preserve-color) .uk-close:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-close:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-close:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-close:hover,.uk-card-primary.uk-card-body .uk-close:hover,.uk-card-primary>:not([class*='uk-card-media']) .uk-close:hover,.uk-card-secondary.uk-card-body .uk-close:hover,.uk-card-secondary>:not([class*='uk-card-media']) .uk-close:hover,.uk-overlay-primary .uk-close:hover { - color: var(--muted-color) + color: var(--pw-muted-color) } .uk-totop,.uk-section-primary:not(.uk-preserve-color) .uk-totop,.uk-section-secondary:not(.uk-preserve-color) .uk-totop,.uk-tile-primary:not(.uk-preserve-color) .uk-totop,.uk-tile-secondary:not(.uk-preserve-color) .uk-totop,.uk-card-primary.uk-card-body .uk-totop,.uk-card-primary>:not([class*='uk-card-media']) .uk-totop,.uk-card-secondary.uk-card-body .uk-totop,.uk-card-secondary>:not([class*='uk-card-media']) .uk-totop,.uk-overlay-primary .uk-totop { - color: var(--muted-color) + color: var(--pw-muted-color) } .uk-totop:hover,.uk-section-primary:not(.uk-preserve-color) .uk-totop:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-totop:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-totop:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-totop:hover,.uk-card-primary.uk-card-body .uk-totop:hover,.uk-card-primary>:not([class*='uk-card-media']) .uk-totop:hover,.uk-card-secondary.uk-card-body .uk-totop:hover,.uk-card-secondary>:not([class*='uk-card-media']) .uk-totop:hover,.uk-overlay-primary .uk-totop:hover { - color: var(--muted-color) + color: var(--pw-muted-color) } .uk-totop:active,.uk-section-primary:not(.uk-preserve-color) .uk-totop:active,.uk-section-secondary:not(.uk-preserve-color) .uk-totop:active,.uk-tile-primary:not(.uk-preserve-color) .uk-totop:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-totop:active,.uk-card-primary.uk-card-body .uk-totop:active,.uk-card-primary>:not([class*='uk-card-media']) .uk-totop:active,.uk-card-secondary.uk-card-body .uk-totop:active,.uk-card-secondary>:not([class*='uk-card-media']) .uk-totop:active,.uk-overlay-primary .uk-totop:active { - color: var(--text-color) + color: var(--pw-text-color) } .uk-marker,.uk-section-primary:not(.uk-preserve-color) .uk-marker,.uk-section-secondary:not(.uk-preserve-color) .uk-marker,.uk-tile-primary:not(.uk-preserve-color) .uk-marker,.uk-tile-secondary:not(.uk-preserve-color) .uk-marker,.uk-card-primary.uk-card-body .uk-marker,.uk-card-primary>:not([class*='uk-card-media']) .uk-marker,.uk-card-secondary.uk-card-body .uk-marker,.uk-card-secondary>:not([class*='uk-card-media']) .uk-marker,.uk-overlay-primary .uk-marker { - background: var(--inputs-background); - color: var(--blocks-background) + background: var(--pw-inputs-background); + color: var(--pw-blocks-background) } .uk-marker:hover,.uk-section-primary:not(.uk-preserve-color) .uk-marker:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-marker:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-marker:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-marker:hover,.uk-card-primary.uk-card-body .uk-marker:hover,.uk-card-primary>:not([class*='uk-card-media']) .uk-marker:hover,.uk-card-secondary.uk-card-body .uk-marker:hover,.uk-card-secondary>:not([class*='uk-card-media']) .uk-marker:hover,.uk-overlay-primary .uk-marker:hover { - color: var(--blocks-background) + color: var(--pw-blocks-background) } .uk-badge,.uk-section-primary:not(.uk-preserve-color) .uk-badge,.uk-section-secondary:not(.uk-preserve-color) .uk-badge,.uk-tile-primary:not(.uk-preserve-color) .uk-badge,.uk-tile-secondary:not(.uk-preserve-color) .uk-badge,.uk-card-primary.uk-card-body .uk-badge,.uk-card-primary>:not([class*='uk-card-media']) .uk-badge,.uk-card-secondary.uk-card-body .uk-badge,.uk-card-secondary>:not([class*='uk-card-media']) .uk-badge,.uk-overlay-primary .uk-badge { - background-color: var(--text-color); - color: var(--blocks-background) !important + background-color: var(--pw-text-color); + color: var(--pw-blocks-background) !important } .uk-label,.uk-section-primary:not(.uk-preserve-color) .uk-label,.uk-section-secondary:not(.uk-preserve-color) .uk-label,.uk-tile-primary:not(.uk-preserve-color) .uk-label,.uk-tile-secondary:not(.uk-preserve-color) .uk-label,.uk-card-primary.uk-card-body .uk-label,.uk-card-primary>:not([class*='uk-card-media']) .uk-label,.uk-card-secondary.uk-card-body .uk-label,.uk-card-secondary>:not([class*='uk-card-media']) .uk-label,.uk-overlay-primary .uk-label { - background-color: var(--text-color); - color: var(--blocks-background) + background-color: var(--pw-text-color); + color: var(--pw-blocks-background) } .uk-article-meta,.uk-section-primary:not(.uk-preserve-color) .uk-article-meta,.uk-section-secondary:not(.uk-preserve-color) .uk-article-meta,.uk-tile-primary:not(.uk-preserve-color) .uk-article-meta,.uk-tile-secondary:not(.uk-preserve-color) .uk-article-meta,.uk-card-primary.uk-card-body .uk-article-meta,.uk-card-primary>:not([class*='uk-card-media']) .uk-article-meta,.uk-card-secondary.uk-card-body .uk-article-meta,.uk-card-secondary>:not([class*='uk-card-media']) .uk-article-meta,.uk-overlay-primary .uk-article-meta { - color: var(--muted-color) + color: var(--pw-muted-color) } .uk-search-input,.uk-section-primary:not(.uk-preserve-color) .uk-search-input,.uk-section-secondary:not(.uk-preserve-color) .uk-search-input,.uk-tile-primary:not(.uk-preserve-color) .uk-search-input,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-input,.uk-card-primary.uk-card-body .uk-search-input,.uk-card-primary>:not([class*='uk-card-media']) .uk-search-input,.uk-card-secondary.uk-card-body .uk-search-input,.uk-card-secondary>:not([class*='uk-card-media']) .uk-search-input,.uk-overlay-primary .uk-search-input { - color: var(--muted-color) + color: var(--pw-muted-color) } .uk-search-input::placeholder,.uk-section-primary:not(.uk-preserve-color) .uk-search-input::placeholder,.uk-section-secondary:not(.uk-preserve-color) .uk-search-input::placeholder,.uk-tile-primary:not(.uk-preserve-color) .uk-search-input::placeholder,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-input::placeholder,.uk-card-primary.uk-card-body .uk-search-input::placeholder,.uk-card-primary>:not([class*='uk-card-media']) .uk-search-input::placeholder,.uk-card-secondary.uk-card-body .uk-search-input::placeholder,.uk-card-secondary>:not([class*='uk-card-media']) .uk-search-input::placeholder,.uk-overlay-primary .uk-search-input::placeholder { - color: var(--muted-color) + color: var(--pw-muted-color) } .uk-search .uk-search-icon,.uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon,.uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon,.uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon,.uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon,.uk-card-primary.uk-card-body .uk-search .uk-search-icon,.uk-card-primary>:not([class*='uk-card-media']) .uk-search .uk-search-icon,.uk-card-secondary.uk-card-body .uk-search .uk-search-icon,.uk-card-secondary>:not([class*='uk-card-media']) .uk-search .uk-search-icon,.uk-overlay-primary .uk-search .uk-search-icon { - color: var(--muted-color) + color: var(--pw-muted-color) } .uk-search .uk-search-icon:hover,.uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,.uk-card-primary.uk-card-body .uk-search .uk-search-icon:hover,.uk-card-primary>:not([class*='uk-card-media']) .uk-search .uk-search-icon:hover,.uk-card-secondary.uk-card-body .uk-search .uk-search-icon:hover,.uk-card-secondary>:not([class*='uk-card-media']) .uk-search .uk-search-icon:hover,.uk-overlay-primary .uk-search .uk-search-icon:hover { - color: var(--muted-color) + color: var(--pw-muted-color) } .uk-search-default .uk-search-input,.uk-section-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input,.uk-section-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input,.uk-tile-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input,.uk-card-primary.uk-card-body .uk-search-default .uk-search-input,.uk-card-primary>:not([class*='uk-card-media']) .uk-search-default .uk-search-input,.uk-card-secondary.uk-card-body .uk-search-default .uk-search-input,.uk-card-secondary>:not([class*='uk-card-media']) .uk-search-default .uk-search-input,.uk-overlay-primary .uk-search-default .uk-search-input { background-color: transparent; - border-color:var(--blocks-background) + border-color:var(--pw-blocks-background) } .uk-search-default .uk-search-input:focus,.uk-section-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,.uk-card-primary.uk-card-body .uk-search-default .uk-search-input:focus,.uk-card-primary>:not([class*='uk-card-media']) .uk-search-default .uk-search-input:focus,.uk-card-secondary.uk-card-body .uk-search-default .uk-search-input:focus,.uk-card-secondary>:not([class*='uk-card-media']) .uk-search-default .uk-search-input:focus,.uk-overlay-primary .uk-search-default .uk-search-input:focus { - background-color: var(--inputs-background); + background-color: var(--pw-inputs-background); } .uk-search-navbar .uk-search-input,.uk-section-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,.uk-section-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,.uk-tile-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,.uk-card-primary.uk-card-body .uk-search-navbar .uk-search-input,.uk-card-primary>:not([class*='uk-card-media']) .uk-search-navbar .uk-search-input,.uk-card-secondary.uk-card-body .uk-search-navbar .uk-search-input,.uk-card-secondary>:not([class*='uk-card-media']) .uk-search-navbar .uk-search-input,.uk-overlay-primary .uk-search-navbar .uk-search-input { @@ -360,347 +360,347 @@ a.uk-link-heading:hover,.uk-link-heading a:hover,.uk-link-toggle:hover .uk-link- } .uk-search-toggle,.uk-section-primary:not(.uk-preserve-color) .uk-search-toggle,.uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle,.uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle,.uk-card-primary.uk-card-body .uk-search-toggle,.uk-card-primary>:not([class*='uk-card-media']) .uk-search-toggle,.uk-card-secondary.uk-card-body .uk-search-toggle,.uk-card-secondary>:not([class*='uk-card-media']) .uk-search-toggle,.uk-overlay-primary .uk-search-toggle { - color: var(--muted-color) + color: var(--pw-muted-color) } .uk-search-toggle:hover,.uk-section-primary:not(.uk-preserve-color) .uk-search-toggle:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle:hover,.uk-card-primary.uk-card-body .uk-search-toggle:hover,.uk-card-primary>:not([class*='uk-card-media']) .uk-search-toggle:hover,.uk-card-secondary.uk-card-body .uk-search-toggle:hover,.uk-card-secondary>:not([class*='uk-card-media']) .uk-search-toggle:hover,.uk-overlay-primary .uk-search-toggle:hover { - color: var(--muted-color) + color: var(--pw-muted-color) } .uk-accordion-title,.uk-section-primary:not(.uk-preserve-color) .uk-accordion-title,.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title,.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title,.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title,.uk-card-primary.uk-card-body .uk-accordion-title,.uk-card-primary>:not([class*='uk-card-media']) .uk-accordion-title,.uk-card-secondary.uk-card-body .uk-accordion-title,.uk-card-secondary>:not([class*='uk-card-media']) .uk-accordion-title,.uk-overlay-primary .uk-accordion-title { - color: var(--text-color) + color: var(--pw-text-color) } .uk-accordion-title:hover,.uk-section-primary:not(.uk-preserve-color) .uk-accordion-title:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title:hover,.uk-card-primary.uk-card-body .uk-accordion-title:hover,.uk-card-primary>:not([class*='uk-card-media']) .uk-accordion-title:hover,.uk-card-secondary.uk-card-body .uk-accordion-title:hover,.uk-card-secondary>:not([class*='uk-card-media']) .uk-accordion-title:hover,.uk-overlay-primary .uk-accordion-title:hover { - color: var(--muted-color) + color: var(--pw-muted-color) } .uk-grid-divider>:not(.uk-first-column)::before,.uk-section-primary:not(.uk-preserve-color) .uk-grid-divider>:not(.uk-first-column)::before,.uk-section-secondary:not(.uk-preserve-color) .uk-grid-divider>:not(.uk-first-column)::before,.uk-tile-primary:not(.uk-preserve-color) .uk-grid-divider>:not(.uk-first-column)::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-grid-divider>:not(.uk-first-column)::before,.uk-card-primary.uk-card-body .uk-grid-divider>:not(.uk-first-column)::before,.uk-card-primary>:not([class*='uk-card-media']) .uk-grid-divider>:not(.uk-first-column)::before,.uk-card-secondary.uk-card-body .uk-grid-divider>:not(.uk-first-column)::before,.uk-card-secondary>:not([class*='uk-card-media']) .uk-grid-divider>:not(.uk-first-column)::before,.uk-overlay-primary .uk-grid-divider>:not(.uk-first-column)::before { - border-left-color: var(--border-color) + border-left-color: var(--pw-border-color) } .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,.uk-section-primary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,.uk-section-secondary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,.uk-tile-primary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,.uk-card-primary.uk-card-body .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,.uk-card-primary>:not([class*='uk-card-media']) .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,.uk-card-secondary.uk-card-body .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,.uk-card-secondary>:not([class*='uk-card-media']) .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,.uk-overlay-primary .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before { - border-top-color: var(--border-color) + border-top-color: var(--pw-border-color) } .uk-nav-default>li>a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-default>li>a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default>li>a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default>li>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default>li>a,.uk-card-primary.uk-card-body .uk-nav-default>li>a,.uk-card-primary>:not([class*='uk-card-media']) .uk-nav-default>li>a,.uk-card-secondary.uk-card-body .uk-nav-default>li>a,.uk-card-secondary>:not([class*='uk-card-media']) .uk-nav-default>li>a,.uk-overlay-primary .uk-nav-default>li>a { - color: var(--muted-color) + color: var(--pw-muted-color) } .uk-nav-default>li>a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-nav-default>li>a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default>li>a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default>li>a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default>li>a:hover,.uk-card-primary.uk-card-body .uk-nav-default>li>a:hover,.uk-card-primary>:not([class*='uk-card-media']) .uk-nav-default>li>a:hover,.uk-card-secondary.uk-card-body .uk-nav-default>li>a:hover,.uk-card-secondary>:not([class*='uk-card-media']) .uk-nav-default>li>a:hover,.uk-overlay-primary .uk-nav-default>li>a:hover { - color: var(--muted-color) + color: var(--pw-muted-color) } .uk-nav-default>li.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-default>li.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default>li.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default>li.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default>li.uk-active>a,.uk-card-primary.uk-card-body .uk-nav-default>li.uk-active>a,.uk-card-primary>:not([class*='uk-card-media']) .uk-nav-default>li.uk-active>a,.uk-card-secondary.uk-card-body .uk-nav-default>li.uk-active>a,.uk-card-secondary>:not([class*='uk-card-media']) .uk-nav-default>li.uk-active>a,.uk-overlay-primary .uk-nav-default>li.uk-active>a { - color: var(--text-color) + color: var(--pw-text-color) } .uk-nav-default .uk-nav-header,.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header,.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-header,.uk-card-primary>:not([class*='uk-card-media']) .uk-nav-default .uk-nav-header,.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-header,.uk-card-secondary>:not([class*='uk-card-media']) .uk-nav-default .uk-nav-header,.uk-overlay-primary .uk-nav-default .uk-nav-header { - color: var(--text-color) + color: var(--pw-text-color) } .uk-nav-default .uk-nav-divider,.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider,.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-divider,.uk-card-primary>:not([class*='uk-card-media']) .uk-nav-default .uk-nav-divider,.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-divider,.uk-card-secondary>:not([class*='uk-card-media']) .uk-nav-default .uk-nav-divider,.uk-overlay-primary .uk-nav-default .uk-nav-divider { - border-top-color: var(--border-color) + border-top-color: var(--pw-border-color) } .uk-nav-default .uk-nav-sub a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a,.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a,.uk-card-primary>:not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub a,.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a,.uk-card-secondary>:not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub a,.uk-overlay-primary .uk-nav-default .uk-nav-sub a { - color: var(--muted-color) + color: var(--pw-muted-color) } .uk-nav-default .uk-nav-sub a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover,.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a:hover,.uk-card-primary>:not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub a:hover,.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a:hover,.uk-card-secondary>:not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub a:hover,.uk-overlay-primary .uk-nav-default .uk-nav-sub a:hover { - color: var(--muted-color) + color: var(--pw-muted-color) } .uk-nav-default .uk-nav-sub li.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active>a,.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub li.uk-active>a,.uk-card-primary>:not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub li.uk-active>a,.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub li.uk-active>a,.uk-card-secondary>:not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub li.uk-active>a,.uk-overlay-primary .uk-nav-default .uk-nav-sub li.uk-active>a { - color: var(--text-color) + color: var(--pw-text-color) } .uk-nav-primary>li>a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary>li>a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary>li>a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary>li>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary>li>a,.uk-card-primary.uk-card-body .uk-nav-primary>li>a,.uk-card-primary>:not([class*='uk-card-media']) .uk-nav-primary>li>a,.uk-card-secondary.uk-card-body .uk-nav-primary>li>a,.uk-card-secondary>:not([class*='uk-card-media']) .uk-nav-primary>li>a,.uk-overlay-primary .uk-nav-primary>li>a { - color: var(--muted-color) + color: var(--pw-muted-color) } .uk-nav-primary>li>a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary>li>a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary>li>a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary>li>a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary>li>a:hover,.uk-card-primary.uk-card-body .uk-nav-primary>li>a:hover,.uk-card-primary>:not([class*='uk-card-media']) .uk-nav-primary>li>a:hover,.uk-card-secondary.uk-card-body .uk-nav-primary>li>a:hover,.uk-card-secondary>:not([class*='uk-card-media']) .uk-nav-primary>li>a:hover,.uk-overlay-primary .uk-nav-primary>li>a:hover { - color: var(--muted-color) + color: var(--pw-muted-color) } .uk-nav-primary>li.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary>li.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary>li.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary>li.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary>li.uk-active>a,.uk-card-primary.uk-card-body .uk-nav-primary>li.uk-active>a,.uk-card-primary>:not([class*='uk-card-media']) .uk-nav-primary>li.uk-active>a,.uk-card-secondary.uk-card-body .uk-nav-primary>li.uk-active>a,.uk-card-secondary>:not([class*='uk-card-media']) .uk-nav-primary>li.uk-active>a,.uk-overlay-primary .uk-nav-primary>li.uk-active>a { - color: var(--text-color) + color: var(--pw-text-color) } .uk-nav-primary .uk-nav-header,.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header,.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-header,.uk-card-primary>:not([class*='uk-card-media']) .uk-nav-primary .uk-nav-header,.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-header,.uk-card-secondary>:not([class*='uk-card-media']) .uk-nav-primary .uk-nav-header,.uk-overlay-primary .uk-nav-primary .uk-nav-header { - color: var(--text-color) + color: var(--pw-text-color) } .uk-nav-primary .uk-nav-divider,.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider,.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-divider,.uk-card-primary>:not([class*='uk-card-media']) .uk-nav-primary .uk-nav-divider,.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-divider,.uk-card-secondary>:not([class*='uk-card-media']) .uk-nav-primary .uk-nav-divider,.uk-overlay-primary .uk-nav-primary .uk-nav-divider { - border-top-color: var(--border-color) + border-top-color: var(--pw-border-color) } .uk-nav-primary .uk-nav-sub a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a,.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub a,.uk-card-primary>:not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub a,.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub a,.uk-card-secondary>:not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub a,.uk-overlay-primary .uk-nav-primary .uk-nav-sub a { - color: var(--muted-color) + color: var(--pw-muted-color) } .uk-nav-primary .uk-nav-sub a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover,.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub a:hover,.uk-card-primary>:not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub a:hover,.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub a:hover,.uk-card-secondary>:not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub a:hover,.uk-overlay-primary .uk-nav-primary .uk-nav-sub a:hover { - color: var(--muted-color) + color: var(--pw-muted-color) } .uk-nav-primary .uk-nav-sub li.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active>a,.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub li.uk-active>a,.uk-card-primary>:not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub li.uk-active>a,.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub li.uk-active>a,.uk-card-secondary>:not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub li.uk-active>a,.uk-overlay-primary .uk-nav-primary .uk-nav-sub li.uk-active>a { - color: var(--text-color) + color: var(--pw-text-color) } .uk-nav-secondary>li>a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary>li>a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary>li>a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary>li>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary>li>a,.uk-card-primary.uk-card-body .uk-nav-secondary>li>a,.uk-card-primary>:not([class*='uk-card-media']) .uk-nav-secondary>li>a,.uk-card-secondary.uk-card-body .uk-nav-secondary>li>a,.uk-card-secondary>:not([class*='uk-card-media']) .uk-nav-secondary>li>a,.uk-overlay-primary .uk-nav-secondary>li>a { - color: var(--text-color) + color: var(--pw-text-color) } .uk-nav-secondary>li>a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary>li>a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary>li>a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary>li>a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary>li>a:hover,.uk-card-primary.uk-card-body .uk-nav-secondary>li>a:hover,.uk-card-primary>:not([class*='uk-card-media']) .uk-nav-secondary>li>a:hover,.uk-card-secondary.uk-card-body .uk-nav-secondary>li>a:hover,.uk-card-secondary>:not([class*='uk-card-media']) .uk-nav-secondary>li>a:hover,.uk-overlay-primary .uk-nav-secondary>li>a:hover { - color: var(--text-color); - background-color: var(--inputs-background) + color: var(--pw-text-color); + background-color: var(--pw-inputs-background) } .uk-nav-secondary>li.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary>li.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary>li.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary>li.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary>li.uk-active>a,.uk-card-primary.uk-card-body .uk-nav-secondary>li.uk-active>a,.uk-card-primary>:not([class*='uk-card-media']) .uk-nav-secondary>li.uk-active>a,.uk-card-secondary.uk-card-body .uk-nav-secondary>li.uk-active>a,.uk-card-secondary>:not([class*='uk-card-media']) .uk-nav-secondary>li.uk-active>a,.uk-overlay-primary .uk-nav-secondary>li.uk-active>a { - color: var(--text-color); - background-color: var(--inputs-background) + color: var(--pw-text-color); + background-color: var(--pw-inputs-background) } .uk-nav-secondary .uk-nav-subtitle,.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-subtitle,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-subtitle,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-subtitle,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-subtitle,.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-subtitle,.uk-card-primary>:not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-subtitle,.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-subtitle,.uk-card-secondary>:not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-subtitle,.uk-overlay-primary .uk-nav-secondary .uk-nav-subtitle { - color: var(--muted-color) + color: var(--pw-muted-color) } .uk-nav-secondary>li>a:hover .uk-nav-subtitle,.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary>li>a:hover .uk-nav-subtitle,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary>li>a:hover .uk-nav-subtitle,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary>li>a:hover .uk-nav-subtitle,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary>li>a:hover .uk-nav-subtitle,.uk-card-primary.uk-card-body .uk-nav-secondary>li>a:hover .uk-nav-subtitle,.uk-card-primary>:not([class*='uk-card-media']) .uk-nav-secondary>li>a:hover .uk-nav-subtitle,.uk-card-secondary.uk-card-body .uk-nav-secondary>li>a:hover .uk-nav-subtitle,.uk-card-secondary>:not([class*='uk-card-media']) .uk-nav-secondary>li>a:hover .uk-nav-subtitle,.uk-overlay-primary .uk-nav-secondary>li>a:hover .uk-nav-subtitle { - color: var(--muted-color) + color: var(--pw-muted-color) } .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle,.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle,.uk-card-primary.uk-card-body .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle,.uk-card-primary>:not([class*='uk-card-media']) .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle,.uk-card-secondary.uk-card-body .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle,.uk-card-secondary>:not([class*='uk-card-media']) .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle,.uk-overlay-primary .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle { - color: var(--text-color) + color: var(--pw-text-color) } .uk-nav-secondary .uk-nav-header,.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-header,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-header,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-header,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-header,.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-header,.uk-card-primary>:not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-header,.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-header,.uk-card-secondary>:not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-header,.uk-overlay-primary .uk-nav-secondary .uk-nav-header { - color: var(--text-color) + color: var(--pw-text-color) } .uk-nav-secondary .uk-nav-divider,.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-divider,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-divider,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-divider,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-divider,.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-divider,.uk-card-primary>:not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-divider,.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-divider,.uk-card-secondary>:not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-divider,.uk-overlay-primary .uk-nav-secondary .uk-nav-divider { - border-top-color: var(--border-color) + border-top-color: var(--pw-border-color) } .uk-nav-secondary .uk-nav-sub a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a,.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-sub a,.uk-card-primary>:not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-sub a,.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-sub a,.uk-card-secondary>:not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-sub a,.uk-overlay-primary .uk-nav-secondary .uk-nav-sub a { - color: var(--muted-color) + color: var(--pw-muted-color) } .uk-nav-secondary .uk-nav-sub a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a:hover,.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-sub a:hover,.uk-card-primary>:not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-sub a:hover,.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-sub a:hover,.uk-card-secondary>:not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-sub a:hover,.uk-overlay-primary .uk-nav-secondary .uk-nav-sub a:hover { - color: var(--muted-color) + color: var(--pw-muted-color) } .uk-nav-secondary .uk-nav-sub li.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub li.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub li.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub li.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub li.uk-active>a,.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-sub li.uk-active>a,.uk-card-primary>:not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-sub li.uk-active>a,.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-sub li.uk-active>a,.uk-card-secondary>:not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-sub li.uk-active>a,.uk-overlay-primary .uk-nav-secondary .uk-nav-sub li.uk-active>a { - color: var(--text-color) + color: var(--pw-text-color) } .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header, .uk-nav-divider),.uk-section-primary:not(.uk-preserve-color) .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header, .uk-nav-divider),.uk-section-secondary:not(.uk-preserve-color) .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header, .uk-nav-divider),.uk-tile-primary:not(.uk-preserve-color) .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header, .uk-nav-divider),.uk-tile-secondary:not(.uk-preserve-color) .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header, .uk-nav-divider),.uk-card-primary.uk-card-body .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header, .uk-nav-divider),.uk-card-primary>:not([class*='uk-card-media']) .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header, .uk-nav-divider),.uk-card-secondary.uk-card-body .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header, .uk-nav-divider),.uk-card-secondary>:not([class*='uk-card-media']) .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header, .uk-nav-divider),.uk-overlay-primary .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header, .uk-nav-divider) { - border-top-color: var(--border-color) + border-top-color: var(--pw-border-color) } .uk-navbar-nav>li>a,.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a,.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a,.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a,.uk-card-primary.uk-card-body .uk-navbar-nav>li>a,.uk-card-primary>:not([class*='uk-card-media']) .uk-navbar-nav>li>a,.uk-card-secondary.uk-card-body .uk-navbar-nav>li>a,.uk-card-secondary>:not([class*='uk-card-media']) .uk-navbar-nav>li>a,.uk-overlay-primary .uk-navbar-nav>li>a { - color: var(--muted-color) + color: var(--pw-muted-color) } .uk-navbar-nav>li:hover>a,.uk-navbar-nav>li>a[aria-expanded="true"],.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li:hover>a,.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a[aria-expanded="true"],.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li:hover>a,.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a[aria-expanded="true"],.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav>li:hover>a,.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a[aria-expanded="true"],.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav>li:hover>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a[aria-expanded="true"],.uk-card-primary.uk-card-body .uk-navbar-nav>li:hover>a,.uk-card-primary.uk-card-body .uk-navbar-nav>li>a[aria-expanded="true"],.uk-card-primary>:not([class*='uk-card-media']) .uk-navbar-nav>li:hover>a,.uk-card-primary>:not([class*='uk-card-media']) .uk-navbar-nav>li>a[aria-expanded="true"],.uk-card-secondary.uk-card-body .uk-navbar-nav>li:hover>a,.uk-card-secondary.uk-card-body .uk-navbar-nav>li>a[aria-expanded="true"],.uk-card-secondary>:not([class*='uk-card-media']) .uk-navbar-nav>li:hover>a,.uk-card-secondary>:not([class*='uk-card-media']) .uk-navbar-nav>li>a[aria-expanded="true"],.uk-overlay-primary .uk-navbar-nav>li:hover>a,.uk-overlay-primary .uk-navbar-nav>li>a[aria-expanded="true"] { - color: var(--muted-color) + color: var(--pw-muted-color) } .uk-navbar-nav>li>a:active,.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a:active,.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a:active,.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a:active,.uk-card-primary.uk-card-body .uk-navbar-nav>li>a:active,.uk-card-primary>:not([class*='uk-card-media']) .uk-navbar-nav>li>a:active,.uk-card-secondary.uk-card-body .uk-navbar-nav>li>a:active,.uk-card-secondary>:not([class*='uk-card-media']) .uk-navbar-nav>li>a:active,.uk-overlay-primary .uk-navbar-nav>li>a:active { - color: var(--text-color) + color: var(--pw-text-color) } .uk-navbar-nav>li.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav>li.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav>li.uk-active>a,.uk-card-primary.uk-card-body .uk-navbar-nav>li.uk-active>a,.uk-card-primary>:not([class*='uk-card-media']) .uk-navbar-nav>li.uk-active>a,.uk-card-secondary.uk-card-body .uk-navbar-nav>li.uk-active>a,.uk-card-secondary>:not([class*='uk-card-media']) .uk-navbar-nav>li.uk-active>a,.uk-overlay-primary .uk-navbar-nav>li.uk-active>a { - color: var(--text-color) + color: var(--pw-text-color) } .uk-navbar-item,.uk-section-primary:not(.uk-preserve-color) .uk-navbar-item,.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-item,.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-item,.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-item,.uk-card-primary.uk-card-body .uk-navbar-item,.uk-card-primary>:not([class*='uk-card-media']) .uk-navbar-item,.uk-card-secondary.uk-card-body .uk-navbar-item,.uk-card-secondary>:not([class*='uk-card-media']) .uk-navbar-item,.uk-overlay-primary .uk-navbar-item { - color: var(--muted-color) + color: var(--pw-muted-color) } .uk-navbar-toggle,.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle,.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle,.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle,.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle,.uk-card-primary.uk-card-body .uk-navbar-toggle,.uk-card-primary>:not([class*='uk-card-media']) .uk-navbar-toggle,.uk-card-secondary.uk-card-body .uk-navbar-toggle,.uk-card-secondary>:not([class*='uk-card-media']) .uk-navbar-toggle,.uk-overlay-primary .uk-navbar-toggle { - color: var(--muted-color) + color: var(--pw-muted-color) } .uk-navbar-toggle:hover,.uk-navbar-toggle[aria-expanded="true"],.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle:hover,.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded="true"],.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded="true"],.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded="true"],.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded="true"],.uk-card-primary.uk-card-body .uk-navbar-toggle:hover,.uk-card-primary.uk-card-body .uk-navbar-toggle[aria-expanded="true"],.uk-card-primary>:not([class*='uk-card-media']) .uk-navbar-toggle:hover,.uk-card-primary>:not([class*='uk-card-media']) .uk-navbar-toggle[aria-expanded="true"],.uk-card-secondary.uk-card-body .uk-navbar-toggle:hover,.uk-card-secondary.uk-card-body .uk-navbar-toggle[aria-expanded="true"],.uk-card-secondary>:not([class*='uk-card-media']) .uk-navbar-toggle:hover,.uk-card-secondary>:not([class*='uk-card-media']) .uk-navbar-toggle[aria-expanded="true"],.uk-overlay-primary .uk-navbar-toggle:hover,.uk-overlay-primary .uk-navbar-toggle[aria-expanded="true"] { - color: var(--muted-color) + color: var(--pw-muted-color) } .uk-subnav>*>:first-child,.uk-section-primary:not(.uk-preserve-color) .uk-subnav>*>:first-child,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav>*>:first-child,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav>*>:first-child,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav>*>:first-child,.uk-card-primary.uk-card-body .uk-subnav>*>:first-child,.uk-card-primary>:not([class*='uk-card-media']) .uk-subnav>*>:first-child,.uk-card-secondary.uk-card-body .uk-subnav>*>:first-child,.uk-card-secondary>:not([class*='uk-card-media']) .uk-subnav>*>:first-child,.uk-overlay-primary .uk-subnav>*>:first-child { - color: var(--muted-color) + color: var(--pw-muted-color) } .uk-subnav>*>a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-subnav>*>a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav>*>a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav>*>a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav>*>a:hover,.uk-card-primary.uk-card-body .uk-subnav>*>a:hover,.uk-card-primary>:not([class*='uk-card-media']) .uk-subnav>*>a:hover,.uk-card-secondary.uk-card-body .uk-subnav>*>a:hover,.uk-card-secondary>:not([class*='uk-card-media']) .uk-subnav>*>a:hover,.uk-overlay-primary .uk-subnav>*>a:hover { - color: var(--muted-color) + color: var(--pw-muted-color) } .uk-subnav>.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-subnav>.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav>.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav>.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav>.uk-active>a,.uk-card-primary.uk-card-body .uk-subnav>.uk-active>a,.uk-card-primary>:not([class*='uk-card-media']) .uk-subnav>.uk-active>a,.uk-card-secondary.uk-card-body .uk-subnav>.uk-active>a,.uk-card-secondary>:not([class*='uk-card-media']) .uk-subnav>.uk-active>a,.uk-overlay-primary .uk-subnav>.uk-active>a { - color: var(--text-color) + color: var(--pw-text-color) } .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,.uk-section-primary:not(.uk-preserve-color) .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,.uk-card-primary.uk-card-body .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,.uk-card-primary>:not([class*='uk-card-media']) .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,.uk-card-secondary.uk-card-body .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,.uk-card-secondary>:not([class*='uk-card-media']) .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,.uk-overlay-primary .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before { - border-left-color: var(--border-color) + border-left-color: var(--pw-border-color) } .uk-subnav-pill>*>:first-child,.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill>*>:first-child,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>:first-child,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill>*>:first-child,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>:first-child,.uk-card-primary.uk-card-body .uk-subnav-pill>*>:first-child,.uk-card-primary>:not([class*='uk-card-media']) .uk-subnav-pill>*>:first-child,.uk-card-secondary.uk-card-body .uk-subnav-pill>*>:first-child,.uk-card-secondary>:not([class*='uk-card-media']) .uk-subnav-pill>*>:first-child,.uk-overlay-primary .uk-subnav-pill>*>:first-child { background-color: transparent; - color: var(--muted-color) + color: var(--pw-muted-color) } .uk-subnav-pill>*>a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill>*>a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill>*>a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>a:hover,.uk-card-primary.uk-card-body .uk-subnav-pill>*>a:hover,.uk-card-primary>:not([class*='uk-card-media']) .uk-subnav-pill>*>a:hover,.uk-card-secondary.uk-card-body .uk-subnav-pill>*>a:hover,.uk-card-secondary>:not([class*='uk-card-media']) .uk-subnav-pill>*>a:hover,.uk-overlay-primary .uk-subnav-pill>*>a:hover { - background-color: var(--inputs-background) - color: var(--muted-color) + background-color: var(--pw-inputs-background) + color: var(--pw-muted-color) } .uk-subnav-pill>*>a:active,.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill>*>a:active,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>a:active,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill>*>a:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>a:active,.uk-card-primary.uk-card-body .uk-subnav-pill>*>a:active,.uk-card-primary>:not([class*='uk-card-media']) .uk-subnav-pill>*>a:active,.uk-card-secondary.uk-card-body .uk-subnav-pill>*>a:active,.uk-card-secondary>:not([class*='uk-card-media']) .uk-subnav-pill>*>a:active,.uk-overlay-primary .uk-subnav-pill>*>a:active { - background-color: var(--inputs-background) - color: var(--muted-color) + background-color: var(--pw-inputs-background) + color: var(--pw-muted-color) } .uk-subnav-pill>.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill>.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill>.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill>.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill>.uk-active>a,.uk-card-primary.uk-card-body .uk-subnav-pill>.uk-active>a,.uk-card-primary>:not([class*='uk-card-media']) .uk-subnav-pill>.uk-active>a,.uk-card-secondary.uk-card-body .uk-subnav-pill>.uk-active>a,.uk-card-secondary>:not([class*='uk-card-media']) .uk-subnav-pill>.uk-active>a,.uk-overlay-primary .uk-subnav-pill>.uk-active>a { - background-color: var(--text-color); - color: var(--blocks-background) + background-color: var(--pw-text-color); + color: var(--pw-blocks-background) } .uk-subnav>.uk-disabled>a,.uk-section-primary:not(.uk-preserve-color) .uk-subnav>.uk-disabled>a,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav>.uk-disabled>a,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav>.uk-disabled>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav>.uk-disabled>a,.uk-card-primary.uk-card-body .uk-subnav>.uk-disabled>a,.uk-card-primary>:not([class*='uk-card-media']) .uk-subnav>.uk-disabled>a,.uk-card-secondary.uk-card-body .uk-subnav>.uk-disabled>a,.uk-card-secondary>:not([class*='uk-card-media']) .uk-subnav>.uk-disabled>a,.uk-overlay-primary .uk-subnav>.uk-disabled>a { - color: var(--muted-color) + color: var(--pw-muted-color) } .uk-breadcrumb>*>*,.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb>*>*,.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb>*>*,.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb>*>*,.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb>*>*,.uk-card-primary.uk-card-body .uk-breadcrumb>*>*,.uk-card-primary>:not([class*='uk-card-media']) .uk-breadcrumb>*>*,.uk-card-secondary.uk-card-body .uk-breadcrumb>*>*,.uk-card-secondary>:not([class*='uk-card-media']) .uk-breadcrumb>*>*,.uk-overlay-primary .uk-breadcrumb>*>* { - color: var(--muted-color) + color: var(--pw-muted-color) } .uk-breadcrumb>*>:hover,.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb>*>:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb>*>:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb>*>:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb>*>:hover,.uk-card-primary.uk-card-body .uk-breadcrumb>*>:hover,.uk-card-primary>:not([class*='uk-card-media']) .uk-breadcrumb>*>:hover,.uk-card-secondary.uk-card-body .uk-breadcrumb>*>:hover,.uk-card-secondary>:not([class*='uk-card-media']) .uk-breadcrumb>*>:hover,.uk-overlay-primary .uk-breadcrumb>*>:hover { - color: var(--muted-color) + color: var(--pw-muted-color) } .uk-breadcrumb>:last-child>*,.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb>:last-child>*,.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb>:last-child>*,.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb>:last-child>*,.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb>:last-child>*,.uk-card-primary.uk-card-body .uk-breadcrumb>:last-child>*,.uk-card-primary>:not([class*='uk-card-media']) .uk-breadcrumb>:last-child>*,.uk-card-secondary.uk-card-body .uk-breadcrumb>:last-child>*,.uk-card-secondary>:not([class*='uk-card-media']) .uk-breadcrumb>:last-child>*,.uk-overlay-primary .uk-breadcrumb>:last-child>* { - color: var(--muted-color) + color: var(--pw-muted-color) } .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,.uk-card-primary.uk-card-body .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,.uk-card-primary>:not([class*='uk-card-media']) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,.uk-card-secondary.uk-card-body .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,.uk-card-secondary>:not([class*='uk-card-media']) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,.uk-overlay-primary .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before { - color: var(--muted-color) + color: var(--pw-muted-color) } .uk-pagination>*>*,.uk-section-primary:not(.uk-preserve-color) .uk-pagination>*>*,.uk-section-secondary:not(.uk-preserve-color) .uk-pagination>*>*,.uk-tile-primary:not(.uk-preserve-color) .uk-pagination>*>*,.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination>*>*,.uk-card-primary.uk-card-body .uk-pagination>*>*,.uk-card-primary>:not([class*='uk-card-media']) .uk-pagination>*>*,.uk-card-secondary.uk-card-body .uk-pagination>*>*,.uk-card-secondary>:not([class*='uk-card-media']) .uk-pagination>*>*,.uk-overlay-primary .uk-pagination>*>* { - color: var(--muted-color) + color: var(--pw-muted-color) } .uk-pagination>*>:hover,.uk-section-primary:not(.uk-preserve-color) .uk-pagination>*>:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-pagination>*>:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-pagination>*>:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination>*>:hover,.uk-card-primary.uk-card-body .uk-pagination>*>:hover,.uk-card-primary>:not([class*='uk-card-media']) .uk-pagination>*>:hover,.uk-card-secondary.uk-card-body .uk-pagination>*>:hover,.uk-card-secondary>:not([class*='uk-card-media']) .uk-pagination>*>:hover,.uk-overlay-primary .uk-pagination>*>:hover { - color: var(--muted-color) + color: var(--pw-muted-color) } .uk-pagination>.uk-active>*,.uk-section-primary:not(.uk-preserve-color) .uk-pagination>.uk-active>*,.uk-section-secondary:not(.uk-preserve-color) .uk-pagination>.uk-active>*,.uk-tile-primary:not(.uk-preserve-color) .uk-pagination>.uk-active>*,.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination>.uk-active>*,.uk-card-primary.uk-card-body .uk-pagination>.uk-active>*,.uk-card-primary>:not([class*='uk-card-media']) .uk-pagination>.uk-active>*,.uk-card-secondary.uk-card-body .uk-pagination>.uk-active>*,.uk-card-secondary>:not([class*='uk-card-media']) .uk-pagination>.uk-active>*,.uk-overlay-primary .uk-pagination>.uk-active>* { - color: var(--muted-color) + color: var(--pw-muted-color) } .uk-pagination>.uk-disabled>*,.uk-section-primary:not(.uk-preserve-color) .uk-pagination>.uk-disabled>*,.uk-section-secondary:not(.uk-preserve-color) .uk-pagination>.uk-disabled>*,.uk-tile-primary:not(.uk-preserve-color) .uk-pagination>.uk-disabled>*,.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination>.uk-disabled>*,.uk-card-primary.uk-card-body .uk-pagination>.uk-disabled>*,.uk-card-primary>:not([class*='uk-card-media']) .uk-pagination>.uk-disabled>*,.uk-card-secondary.uk-card-body .uk-pagination>.uk-disabled>*,.uk-card-secondary>:not([class*='uk-card-media']) .uk-pagination>.uk-disabled>*,.uk-overlay-primary .uk-pagination>.uk-disabled>* { - color: var(--muted-color) + color: var(--pw-muted-color) } .uk-tab::before,.uk-section-primary:not(.uk-preserve-color) .uk-tab::before,.uk-section-secondary:not(.uk-preserve-color) .uk-tab::before,.uk-tile-primary:not(.uk-preserve-color) .uk-tab::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-tab::before,.uk-card-primary.uk-card-body .uk-tab::before,.uk-card-primary>:not([class*='uk-card-media']) .uk-tab::before,.uk-card-secondary.uk-card-body .uk-tab::before,.uk-card-secondary>:not([class*='uk-card-media']) .uk-tab::before,.uk-overlay-primary .uk-tab::before { - border-color:var(--blocks-background) + border-color:var(--pw-blocks-background) } .uk-tab>*>a,.uk-section-primary:not(.uk-preserve-color) .uk-tab>*>a,.uk-section-secondary:not(.uk-preserve-color) .uk-tab>*>a,.uk-tile-primary:not(.uk-preserve-color) .uk-tab>*>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-tab>*>a,.uk-card-primary.uk-card-body .uk-tab>*>a,.uk-card-primary>:not([class*='uk-card-media']) .uk-tab>*>a,.uk-card-secondary.uk-card-body .uk-tab>*>a,.uk-card-secondary>:not([class*='uk-card-media']) .uk-tab>*>a,.uk-overlay-primary .uk-tab>*>a { - color: var(--muted-color) + color: var(--pw-muted-color) } .uk-tab>*>a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-tab>*>a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-tab>*>a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-tab>*>a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-tab>*>a:hover,.uk-card-primary.uk-card-body .uk-tab>*>a:hover,.uk-card-primary>:not([class*='uk-card-media']) .uk-tab>*>a:hover,.uk-card-secondary.uk-card-body .uk-tab>*>a:hover,.uk-card-secondary>:not([class*='uk-card-media']) .uk-tab>*>a:hover,.uk-overlay-primary .uk-tab>*>a:hover { - color: var(--muted-color) + color: var(--pw-muted-color) } .uk-tab>.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-tab>.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-tab>.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-tab>.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-tab>.uk-active>a,.uk-card-primary.uk-card-body .uk-tab>.uk-active>a,.uk-card-primary>:not([class*='uk-card-media']) .uk-tab>.uk-active>a,.uk-card-secondary.uk-card-body .uk-tab>.uk-active>a,.uk-card-secondary>:not([class*='uk-card-media']) .uk-tab>.uk-active>a,.uk-overlay-primary .uk-tab>.uk-active>a { - color: var(--text-color); - border-color: var(--border-color) + color: var(--pw-text-color); + border-color: var(--pw-border-color) } .uk-tab>.uk-disabled>a,.uk-section-primary:not(.uk-preserve-color) .uk-tab>.uk-disabled>a,.uk-section-secondary:not(.uk-preserve-color) .uk-tab>.uk-disabled>a,.uk-tile-primary:not(.uk-preserve-color) .uk-tab>.uk-disabled>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-tab>.uk-disabled>a,.uk-card-primary.uk-card-body .uk-tab>.uk-disabled>a,.uk-card-primary>:not([class*='uk-card-media']) .uk-tab>.uk-disabled>a,.uk-card-secondary.uk-card-body .uk-tab>.uk-disabled>a,.uk-card-secondary>:not([class*='uk-card-media']) .uk-tab>.uk-disabled>a,.uk-overlay-primary .uk-tab>.uk-disabled>a { - color: var(--muted-color) + color: var(--pw-muted-color) } .uk-slidenav,.uk-section-primary:not(.uk-preserve-color) .uk-slidenav,.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav,.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav,.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav,.uk-card-primary.uk-card-body .uk-slidenav,.uk-card-primary>:not([class*='uk-card-media']) .uk-slidenav,.uk-card-secondary.uk-card-body .uk-slidenav,.uk-card-secondary>:not([class*='uk-card-media']) .uk-slidenav,.uk-overlay-primary .uk-slidenav { - color: var(--muted-color) + color: var(--pw-muted-color) } .uk-slidenav:hover,.uk-section-primary:not(.uk-preserve-color) .uk-slidenav:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav:hover,.uk-card-primary.uk-card-body .uk-slidenav:hover,.uk-card-primary>:not([class*='uk-card-media']) .uk-slidenav:hover,.uk-card-secondary.uk-card-body .uk-slidenav:hover,.uk-card-secondary>:not([class*='uk-card-media']) .uk-slidenav:hover,.uk-overlay-primary .uk-slidenav:hover { - color: var(--blocks-background) + color: var(--pw-blocks-background) } .uk-slidenav:active,.uk-section-primary:not(.uk-preserve-color) .uk-slidenav:active,.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav:active,.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav:active,.uk-card-primary.uk-card-body .uk-slidenav:active,.uk-card-primary>:not([class*='uk-card-media']) .uk-slidenav:active,.uk-card-secondary.uk-card-body .uk-slidenav:active,.uk-card-secondary>:not([class*='uk-card-media']) .uk-slidenav:active,.uk-overlay-primary .uk-slidenav:active { - color: var(--muted-color) + color: var(--pw-muted-color) } .uk-dotnav>*>*,.uk-section-primary:not(.uk-preserve-color) .uk-dotnav>*>*,.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav>*>*,.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav>*>*,.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav>*>*,.uk-card-primary.uk-card-body .uk-dotnav>*>*,.uk-card-primary>:not([class*='uk-card-media']) .uk-dotnav>*>*,.uk-card-secondary.uk-card-body .uk-dotnav>*>*,.uk-card-secondary>:not([class*='uk-card-media']) .uk-dotnav>*>*,.uk-overlay-primary .uk-dotnav>*>* { background-color: transparent; - border-color: var(--blocks-background) + border-color: var(--pw-blocks-background) } .uk-dotnav>*>:hover,.uk-section-primary:not(.uk-preserve-color) .uk-dotnav>*>:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav>*>:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav>*>:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav>*>:hover,.uk-card-primary.uk-card-body .uk-dotnav>*>:hover,.uk-card-primary>:not([class*='uk-card-media']) .uk-dotnav>*>:hover,.uk-card-secondary.uk-card-body .uk-dotnav>*>:hover,.uk-card-secondary>:not([class*='uk-card-media']) .uk-dotnav>*>:hover,.uk-overlay-primary .uk-dotnav>*>:hover { - background-color: var(--blocks-background); + background-color: var(--pw-blocks-background); border-color: transparent } .uk-dotnav>*>:active,.uk-section-primary:not(.uk-preserve-color) .uk-dotnav>*>:active,.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav>*>:active,.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav>*>:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav>*>:active,.uk-card-primary.uk-card-body .uk-dotnav>*>:active,.uk-card-primary>:not([class*='uk-card-media']) .uk-dotnav>*>:active,.uk-card-secondary.uk-card-body .uk-dotnav>*>:active,.uk-card-secondary>:not([class*='uk-card-media']) .uk-dotnav>*>:active,.uk-overlay-primary .uk-dotnav>*>:active { - background-color: var(--muted-color); + background-color: var(--pw-muted-color); border-color: transparent } .uk-dotnav>.uk-active>*,.uk-section-primary:not(.uk-preserve-color) .uk-dotnav>.uk-active>*,.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav>.uk-active>*,.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav>.uk-active>*,.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav>.uk-active>*,.uk-card-primary.uk-card-body .uk-dotnav>.uk-active>*,.uk-card-primary>:not([class*='uk-card-media']) .uk-dotnav>.uk-active>*,.uk-card-secondary.uk-card-body .uk-dotnav>.uk-active>*,.uk-card-secondary>:not([class*='uk-card-media']) .uk-dotnav>.uk-active>*,.uk-overlay-primary .uk-dotnav>.uk-active>* { - background-color: var(--blocks-background); + background-color: var(--pw-blocks-background); border-color: transparent } .uk-thumbnav>*>*::after,.uk-section-primary:not(.uk-preserve-color) .uk-thumbnav>*>*::after,.uk-section-secondary:not(.uk-preserve-color) .uk-thumbnav>*>*::after,.uk-tile-primary:not(.uk-preserve-color) .uk-thumbnav>*>*::after,.uk-tile-secondary:not(.uk-preserve-color) .uk-thumbnav>*>*::after,.uk-card-primary.uk-card-body .uk-thumbnav>*>*::after,.uk-card-primary>:not([class*='uk-card-media']) .uk-thumbnav>*>*::after,.uk-card-secondary.uk-card-body .uk-thumbnav>*>*::after,.uk-card-secondary>:not([class*='uk-card-media']) .uk-thumbnav>*>*::after,.uk-overlay-primary .uk-thumbnav>*>*::after { background-image: none; - background-color: var(--text-color); + background-color: var(--pw-text-color); } .uk-iconnav>*>a,.uk-section-primary:not(.uk-preserve-color) .uk-iconnav>*>a,.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav>*>a,.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav>*>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav>*>a,.uk-card-primary.uk-card-body .uk-iconnav>*>a,.uk-card-primary>:not([class*='uk-card-media']) .uk-iconnav>*>a,.uk-card-secondary.uk-card-body .uk-iconnav>*>a,.uk-card-secondary>:not([class*='uk-card-media']) .uk-iconnav>*>a,.uk-overlay-primary .uk-iconnav>*>a { - color: var(--muted-color) + color: var(--pw-muted-color) } .uk-iconnav>*>a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-iconnav>*>a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav>*>a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav>*>a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav>*>a:hover,.uk-card-primary.uk-card-body .uk-iconnav>*>a:hover,.uk-card-primary>:not([class*='uk-card-media']) .uk-iconnav>*>a:hover,.uk-card-secondary.uk-card-body .uk-iconnav>*>a:hover,.uk-card-secondary>:not([class*='uk-card-media']) .uk-iconnav>*>a:hover,.uk-overlay-primary .uk-iconnav>*>a:hover { - color: var(--muted-color) + color: var(--pw-muted-color) } .uk-iconnav>.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-iconnav>.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav>.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav>.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav>.uk-active>a,.uk-card-primary.uk-card-body .uk-iconnav>.uk-active>a,.uk-card-primary>:not([class*='uk-card-media']) .uk-iconnav>.uk-active>a,.uk-card-secondary.uk-card-body .uk-iconnav>.uk-active>a,.uk-card-secondary>:not([class*='uk-card-media']) .uk-iconnav>.uk-active>a,.uk-overlay-primary .uk-iconnav>.uk-active>a { - color: var(--muted-color) + color: var(--pw-muted-color) } .uk-text-lead,.uk-section-primary:not(.uk-preserve-color) .uk-text-lead,.uk-section-secondary:not(.uk-preserve-color) .uk-text-lead,.uk-tile-primary:not(.uk-preserve-color) .uk-text-lead,.uk-tile-secondary:not(.uk-preserve-color) .uk-text-lead,.uk-card-primary.uk-card-body .uk-text-lead,.uk-card-primary>:not([class*='uk-card-media']) .uk-text-lead,.uk-card-secondary.uk-card-body .uk-text-lead,.uk-card-secondary>:not([class*='uk-card-media']) .uk-text-lead,.uk-overlay-primary .uk-text-lead { - color: var(--muted-color) + color: var(--pw-muted-color) } .uk-text-meta,.uk-section-primary:not(.uk-preserve-color) .uk-text-meta,.uk-section-secondary:not(.uk-preserve-color) .uk-text-meta,.uk-tile-primary:not(.uk-preserve-color) .uk-text-meta,.uk-tile-secondary:not(.uk-preserve-color) .uk-text-meta,.uk-card-primary.uk-card-body .uk-text-meta,.uk-card-primary>:not([class*='uk-card-media']) .uk-text-meta,.uk-card-secondary.uk-card-body .uk-text-meta,.uk-card-secondary>:not([class*='uk-card-media']) .uk-text-meta,.uk-overlay-primary .uk-text-meta { - color: var(--muted-color) + color: var(--pw-muted-color) } .uk-text-muted,.uk-section-primary:not(.uk-preserve-color) .uk-text-muted,.uk-section-secondary:not(.uk-preserve-color) .uk-text-muted,.uk-tile-primary:not(.uk-preserve-color) .uk-text-muted,.uk-tile-secondary:not(.uk-preserve-color) .uk-text-muted,.uk-card-primary.uk-card-body .uk-text-muted,.uk-card-primary>:not([class*='uk-card-media']) .uk-text-muted,.uk-card-secondary.uk-card-body .uk-text-muted,.uk-card-secondary>:not([class*='uk-card-media']) .uk-text-muted,.uk-overlay-primary .uk-text-muted { - color: var(--muted-color) !important + color: var(--pw-muted-color) !important } .uk-text-emphasis,.uk-section-primary:not(.uk-preserve-color) .uk-text-emphasis,.uk-section-secondary:not(.uk-preserve-color) .uk-text-emphasis,.uk-tile-primary:not(.uk-preserve-color) .uk-text-emphasis,.uk-tile-secondary:not(.uk-preserve-color) .uk-text-emphasis,.uk-card-primary.uk-card-body .uk-text-emphasis,.uk-card-primary>:not([class*='uk-card-media']) .uk-text-emphasis,.uk-card-secondary.uk-card-body .uk-text-emphasis,.uk-card-secondary>:not([class*='uk-card-media']) .uk-text-emphasis,.uk-overlay-primary .uk-text-emphasis { - color: var(--text-color) !important + color: var(--pw-text-color) !important } .uk-text-primary,.uk-section-primary:not(.uk-preserve-color) .uk-text-primary,.uk-section-secondary:not(.uk-preserve-color) .uk-text-primary,.uk-tile-primary:not(.uk-preserve-color) .uk-text-primary,.uk-tile-secondary:not(.uk-preserve-color) .uk-text-primary,.uk-card-primary.uk-card-body .uk-text-primary,.uk-card-primary>:not([class*='uk-card-media']) .uk-text-primary,.uk-card-secondary.uk-card-body .uk-text-primary,.uk-card-secondary>:not([class*='uk-card-media']) .uk-text-primary,.uk-overlay-primary .uk-text-primary { - color: var(--text-color) !important + color: var(--pw-text-color) !important } .uk-text-secondary,.uk-section-primary:not(.uk-preserve-color) .uk-text-secondary,.uk-section-secondary:not(.uk-preserve-color) .uk-text-secondary,.uk-tile-primary:not(.uk-preserve-color) .uk-text-secondary,.uk-tile-secondary:not(.uk-preserve-color) .uk-text-secondary,.uk-card-primary.uk-card-body .uk-text-secondary,.uk-card-primary>:not([class*='uk-card-media']) .uk-text-secondary,.uk-card-secondary.uk-card-body .uk-text-secondary,.uk-card-secondary>:not([class*='uk-card-media']) .uk-text-secondary,.uk-overlay-primary .uk-text-secondary { - color: var(--text-color) !important + color: var(--pw-text-color) !important } .uk-column-divider,.uk-section-primary:not(.uk-preserve-color) .uk-column-divider,.uk-section-secondary:not(.uk-preserve-color) .uk-column-divider,.uk-tile-primary:not(.uk-preserve-color) .uk-column-divider,.uk-tile-secondary:not(.uk-preserve-color) .uk-column-divider,.uk-card-primary.uk-card-body .uk-column-divider,.uk-card-primary>:not([class*='uk-card-media']) .uk-column-divider,.uk-card-secondary.uk-card-body .uk-column-divider,.uk-card-secondary>:not([class*='uk-card-media']) .uk-column-divider,.uk-overlay-primary .uk-column-divider { - column-rule-color:var(--blocks-background) + column-rule-color:var(--pw-blocks-background) } .uk-logo,.uk-section-primary:not(.uk-preserve-color) .uk-logo,.uk-section-secondary:not(.uk-preserve-color) .uk-logo,.uk-tile-primary:not(.uk-preserve-color) .uk-logo,.uk-tile-secondary:not(.uk-preserve-color) .uk-logo,.uk-card-primary.uk-card-body .uk-logo,.uk-card-primary>:not([class*='uk-card-media']) .uk-logo,.uk-card-secondary.uk-card-body .uk-logo,.uk-card-secondary>:not([class*='uk-card-media']) .uk-logo,.uk-overlay-primary .uk-logo { - color: var(--text-color) + color: var(--pw-text-color) } .uk-logo:hover,.uk-section-primary:not(.uk-preserve-color) .uk-logo:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-logo:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-logo:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-logo:hover,.uk-card-primary.uk-card-body .uk-logo:hover,.uk-card-primary>:not([class*='uk-card-media']) .uk-logo:hover,.uk-card-secondary.uk-card-body .uk-logo:hover,.uk-card-secondary>:not([class*='uk-card-media']) .uk-logo:hover,.uk-overlay-primary .uk-logo:hover { - color: var(--text-color) + color: var(--pw-text-color) } .uk-logo>picture:not(:only-of-type)>:not(.uk-logo-inverse),.uk-logo>:not(picture):not(.uk-logo-inverse):not(:only-of-type),.uk-section-primary:not(.uk-preserve-color) .uk-logo>picture:not(:only-of-type)>:not(.uk-logo-inverse),.uk-section-primary:not(.uk-preserve-color) .uk-logo>:not(picture):not(.uk-logo-inverse):not(:only-of-type),.uk-section-secondary:not(.uk-preserve-color) .uk-logo>picture:not(:only-of-type)>:not(.uk-logo-inverse),.uk-section-secondary:not(.uk-preserve-color) .uk-logo>:not(picture):not(.uk-logo-inverse):not(:only-of-type),.uk-tile-primary:not(.uk-preserve-color) .uk-logo>picture:not(:only-of-type)>:not(.uk-logo-inverse),.uk-tile-primary:not(.uk-preserve-color) .uk-logo>:not(picture):not(.uk-logo-inverse):not(:only-of-type),.uk-tile-secondary:not(.uk-preserve-color) .uk-logo>picture:not(:only-of-type)>:not(.uk-logo-inverse),.uk-tile-secondary:not(.uk-preserve-color) .uk-logo>:not(picture):not(.uk-logo-inverse):not(:only-of-type),.uk-card-primary.uk-card-body .uk-logo>picture:not(:only-of-type)>:not(.uk-logo-inverse),.uk-card-primary.uk-card-body .uk-logo>:not(picture):not(.uk-logo-inverse):not(:only-of-type),.uk-card-primary>:not([class*='uk-card-media']) .uk-logo>picture:not(:only-of-type)>:not(.uk-logo-inverse),.uk-card-primary>:not([class*='uk-card-media']) .uk-logo>:not(picture):not(.uk-logo-inverse):not(:only-of-type),.uk-card-secondary.uk-card-body .uk-logo>picture:not(:only-of-type)>:not(.uk-logo-inverse),.uk-card-secondary.uk-card-body .uk-logo>:not(picture):not(.uk-logo-inverse):not(:only-of-type),.uk-card-secondary>:not([class*='uk-card-media']) .uk-logo>picture:not(:only-of-type)>:not(.uk-logo-inverse),.uk-card-secondary>:not([class*='uk-card-media']) .uk-logo>:not(picture):not(.uk-logo-inverse):not(:only-of-type),.uk-overlay-primary .uk-logo>picture:not(:only-of-type)>:not(.uk-logo-inverse),.uk-overlay-primary .uk-logo>:not(picture):not(.uk-logo-inverse):not(:only-of-type) { @@ -712,7 +712,7 @@ a.uk-link-heading:hover,.uk-link-heading a:hover,.uk-link-toggle:hover .uk-link- } .uk-table-striped>tr:nth-of-type(even):last-child,.uk-table-striped tbody tr:nth-of-type(even):last-child,.uk-section-primary:not(.uk-preserve-color) .uk-table-striped>tr:nth-of-type(even):last-child,.uk-section-primary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(even):last-child,.uk-section-secondary:not(.uk-preserve-color) .uk-table-striped>tr:nth-of-type(even):last-child,.uk-section-secondary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(even):last-child,.uk-tile-primary:not(.uk-preserve-color) .uk-table-striped>tr:nth-of-type(even):last-child,.uk-tile-primary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(even):last-child,.uk-tile-secondary:not(.uk-preserve-color) .uk-table-striped>tr:nth-of-type(even):last-child,.uk-tile-secondary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(even):last-child,.uk-card-primary.uk-card-body .uk-table-striped>tr:nth-of-type(even):last-child,.uk-card-primary.uk-card-body .uk-table-striped tbody tr:nth-of-type(even):last-child,.uk-card-primary>:not([class*='uk-card-media']) .uk-table-striped>tr:nth-of-type(even):last-child,.uk-card-primary>:not([class*='uk-card-media']) .uk-table-striped tbody tr:nth-of-type(even):last-child,.uk-card-secondary.uk-card-body .uk-table-striped>tr:nth-of-type(even):last-child,.uk-card-secondary.uk-card-body .uk-table-striped tbody tr:nth-of-type(even):last-child,.uk-card-secondary>:not([class*='uk-card-media']) .uk-table-striped>tr:nth-of-type(even):last-child,.uk-card-secondary>:not([class*='uk-card-media']) .uk-table-striped tbody tr:nth-of-type(even):last-child,.uk-overlay-primary .uk-table-striped>tr:nth-of-type(even):last-child,.uk-overlay-primary .uk-table-striped tbody tr:nth-of-type(even):last-child { - border-bottom-color: var(--border-color) + border-bottom-color: var(--pw-border-color) } .uk-accordion-title::before,.uk-section-primary:not(.uk-preserve-color) .uk-accordion-title::before,.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title::before,.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title::before,.uk-card-primary.uk-card-body .uk-accordion-title::before,.uk-card-primary>:not([class*='uk-card-media']) .uk-accordion-title::before,.uk-card-secondary.uk-card-body .uk-accordion-title::before,.uk-card-secondary>:not([class*='uk-card-media']) .uk-accordion-title::before,.uk-overlay-primary .uk-accordion-title::before { @@ -724,7 +724,7 @@ a.uk-link-heading:hover,.uk-link-heading a:hover,.uk-link-toggle:hover .uk-link- } .uk-label.uk-label-danger { - color: var(--text-color) !important; + color: var(--pw-text-color) !important; } /* END Set general color to work in light and dark */ @@ -737,273 +737,273 @@ em { ins, mark { - background: var(--code-background); - color: var(--code-color); + background: var(--pw-code-background); + color: var(--pw-code-color); } hr,.uk-hr { - border-top: 1px solid var(--border-color); + border-top: 1px solid var(--pw-border-color); } blockquote, blockquote footer { - color: var(--muted-color); + color: var(--pw-muted-color); } a.uk-link-muted,.uk-link-muted a,.uk-link-toggle .uk-link-muted, a.uk-link-muted:hover,.uk-link-muted a:hover,.uk-link-toggle:hover .uk-link-muted { - color: var(--muted-color); + color: var(--pw-muted-color); } a.uk-link-text:hover,.uk-link-text a:hover,.uk-link-toggle:hover .uk-link-text { - color: var(--main-color); + color: var(--pw-main-color); } a.uk-link-heading:hover,.uk-link-heading a:hover,.uk-link-toggle:hover .uk-link-heading { - color: var(--main-color); + color: var(--pw-main-color); } .uk-heading-bullet::before, .uk-divider-vertical { - border-left-color: var(--border-color); + border-left-color: var(--pw-border-color); } .uk-heading-divider, .uk-heading-line>::before,.uk-heading-line>::after, .uk-divider-icon::before,.uk-divider-icon::after { - border-bottom-color: var(--border-color); + border-bottom-color: var(--pw-border-color); } .uk-divider-small::after { - border-top-color: var(--border-color); + border-top-color: var(--pw-border-color); } .uk-list-muted>::before { - color: var(--muted-color) !important; + color: var(--pw-muted-color) !important; } .uk-list-emphasis>::before { - color: var(--text-color) !important + color: var(--pw-text-color) !important } .uk-list-primary>::before { - color: var(--main-color) !important + color: var(--pw-main-color) !important } .uk-list-secondary>::before { - color: var(--border-color) !important + color: var(--pw-border-color) !important } .uk-list-divider>:nth-child(n+2) { - border-top-color: var(--border-color); + border-top-color: var(--pw-border-color); } .uk-list-striped>*:nth-of-type(odd) { - border-top-color: var(--border-color); - border-bottom-color: var(--border-color); + border-top-color: var(--pw-border-color); + border-bottom-color: var(--pw-border-color); } .uk-list-striped>:nth-of-type(odd) { - background: var(--inputs-background); + background: var(--pw-inputs-background); } .uk-description-list>dt { - color: var(--text-color); + color: var(--pw-text-color); } .uk-description-list-divider>dt:nth-child(n+2) { - border-top-color: var(--border-color); + border-top-color: var(--pw-border-color); } .uk-table th { - color: var(--muted-color); + color: var(--pw-muted-color); } .uk-table caption { - color: var(--muted-color); + color: var(--pw-muted-color); } .uk-table-divider>tr:not(:first-child),.uk-table-divider>:not(:first-child)>tr,.uk-table-divider>:first-child>tr:not(:first-child) { - border-top-color: var(--border-color) + border-top-color: var(--pw-border-color) } .uk-table-striped>tr:nth-of-type(odd),.uk-table-striped tbody tr:nth-of-type(odd) { - background: var(--inputs-background); - border-top-color: var(--border-color); - border-bottom-color: var(--border-color); + background: var(--pw-inputs-background); + border-top-color: var(--pw-border-color); + border-bottom-color: var(--pw-border-color); } .uk-table-hover>tr:hover,.uk-table-hover tbody tr:hover, .uk-table>tr.uk-active,.uk-table tbody tr.uk-active { - background: var(--notes-background); + background: var(--pw-notes-background); } .uk-table-striped>tr:nth-of-type(even):last-child,.uk-table-striped tbody tr:nth-of-type(even):last-child { - border-bottom-color: var(--border-color); + border-bottom-color: var(--pw-border-color); } .uk-icon-link { - color: var(--muted-color); + color: var(--pw-muted-color); } .uk-icon-link:hover, .uk-icon-link:active,.uk-active>.uk-icon-link { - color: var(--main-color); + color: var(--pw-main-color); } .uk-icon-button { - background: var(--text-color); - color: var(--blocks-background); + background: var(--pw-text-color); + color: var(--pw-blocks-background); } .uk-icon-button:hover, .uk-icon-button:active,.uk-active>.uk-icon-button { - background-color: var(--button-hover-background); - color: var(--button-hover-color); + background-color: var(--pw-button-hover-background); + color: var(--pw-button-hover-color); } .uk-range::-webkit-slider-runnable-track, .uk-range::-moz-range-track { - background: var(--text-color); + background: var(--pw-text-color); } .uk-range:focus::-webkit-slider-runnable-track,.uk-range:active::-webkit-slider-runnable-track, .uk-range:focus::-moz-range-track { - background: var(--text-color); + background: var(--pw-text-color); } .uk-range::-webkit-slider-thumb { - background: var(--main-color); - border-color: var(--main-color); + background: var(--pw-main-color); + border-color: var(--pw-main-color); } .uk-range::-moz-range-thumb { - background: var(--main-color); - border-color: var(--main-color); + background: var(--pw-main-color); + border-color: var(--pw-main-color); } .uk-input,.uk-select,.uk-textarea { - background: var(--inputs-background); - color: var(--text-color); - border-color: var(--border-color); + background: var(--pw-inputs-background); + color: var(--pw-text-color); + border-color: var(--pw-border-color); } .uk-input:focus,.uk-select:focus,.uk-textarea:focus { - background-color: var(--inputs-background); - color: var(--text-color); - border-color: var(--border-color); + background-color: var(--pw-inputs-background); + color: var(--pw-text-color); + border-color: var(--pw-border-color); } .uk-input:disabled,.uk-select:disabled,.uk-textarea:disabled { - background-color: var(--inputs-background); - color: var(--muted-color); - border-color: var(--border-color); + background-color: var(--pw-inputs-background); + color: var(--pw-muted-color); + border-color: var(--pw-border-color); } .uk-input::placeholder, .uk-textarea::placeholder { - color: var(--muted-color) + color: var(--pw-muted-color) } .uk-form-danger,.uk-form-danger:focus { - color: var(--text-color); - border-color: var(--border-color); - background-color: var(--alert-danger); + color: var(--pw-text-color); + border-color: var(--pw-border-color); + background-color: var(--pw-alert-danger); } .uk-form-success,.uk-form-success:focus { - color: var(--text-color); - border-color: var(--border-color); - background-color: var(--alert-success); + color: var(--pw-text-color); + border-color: var(--pw-border-color); + background-color: var(--pw-alert-success); } .uk-form-blank:focus { - border-color: var(--border-color); + border-color: var(--pw-border-color); } .uk-select:not([multiple]):not([size]) option { - color: var(--text-color); + color: var(--pw-text-color); } .uk-form-label { - color: var(--text-color); + color: var(--pw-text-color); } .uk-form-icon { - color: var(--text-color); + color: var(--pw-text-color); } .uk-form-icon:hover { - color: var(--main-color); + color: var(--pw-main-color); } .uk-progress { - background-color: var(--inputs-background); - border: 1px solid var(--border-color); + background-color: var(--pw-inputs-background); + border: 1px solid var(--pw-border-color); } .uk-progress::-webkit-progress-value { - background-color: var(--main-color); + background-color: var(--pw-main-color); } .uk-progress::-moz-progress-bar { - background-color: var(--main-color); + background-color: var(--pw-main-color); } .uk-section-default, .uk-tile-default { - background: var(--blocks-background); + background: var(--pw-blocks-background); } .uk-section-muted, .uk-tile-muted { - background: var(--inputs-background); + background: var(--pw-inputs-background); opacity: .8; } .uk-section-primary, .uk-tile-primary { - background: var(--main-color); + background: var(--pw-main-color); } .uk-section-secondary, .uk-tile-secondary, .uk-card-secondary { - background: var(--muted-color); + background: var(--pw-muted-color); } .uk-card-badge { - background: var(--main-color); + background: var(--pw-main-color); } .uk-card-hover:not(.uk-card-default):not(.uk-card-primary):not(.uk-card-secondary):hover { - background-color: var(--blocks-background); + background-color: var(--pw-blocks-background); } .uk-card-default { - background-color: var(--blocks-background); - color: var(--text-color); + background-color: var(--pw-blocks-background); + color: var(--pw-text-color); } .uk-card-default .uk-card-title { - color: var(--text-color); + color: var(--pw-text-color); } .uk-card-default.uk-card-hover:hover { - background-color: var(--blocks-background); + background-color: var(--pw-blocks-background); } .uk-card-default .uk-card-header { - border-bottom-color: var(--border-color) + border-bottom-color: var(--pw-border-color) } .uk-card-default .uk-card-footer { - border-top-color: var(--border-color) + border-top-color: var(--pw-border-color) } .uk-card-primary, .uk-card-primary.uk-card-hover:hover { - background-color: var(--main-color); - color: var(--blocks-background); + background-color: var(--pw-main-color); + color: var(--pw-blocks-background); } .pw .uk-card-primary .uk-card-title, @@ -1013,84 +1013,84 @@ a.uk-link-heading:hover,.uk-link-heading a:hover,.uk-link-toggle:hover .uk-link- .uk-card-secondary, .uk-card-secondary.uk-card-hover:hover { - background: var(--muted-color); - color: var(--text-color); + background: var(--pw-muted-color); + color: var(--pw-text-color); } .uk-close:hover { - color: var(--text-color); + color: var(--pw-text-color); } .uk-totop { - color: var(--muted-color); + color: var(--pw-muted-color); } .uk-totop:hover { - color: var(--text-color) + color: var(--pw-text-color) } .uk-totop:active { - color: var(--text-color) + color: var(--pw-text-color) } .uk-marker { - background: var(--muted-color); - color: var(--blocks-background); + background: var(--pw-muted-color); + color: var(--pw-blocks-background); } .uk-marker:hover { - color: var(--blocks-background) + color: var(--pw-blocks-background) } .uk-placeholder { - border-color: var(--border-color) + border-color: var(--pw-border-color) } .uk-badge, .uk-label { - background: var(--main-color); - color: light-dark(var(--blocks-background), var(--text-color)) !important; + background: var(--pw-main-color); + color: light-dark(var(--pw-blocks-background), var(--pw-text-color)) !important; } .uk-label.uk-label-success { - background-color: var(--alert-success); - color: var(--text-color) !important; + background-color: var(--pw-alert-success); + color: var(--pw-text-color) !important; } .uk-label.uk-label-warning { - background-color: var(--alert-warning); - color: var(--text-color) !important; + background-color: var(--pw-alert-warning); + color: var(--pw-text-color) !important; } .uk-label.uk-label-danger { - background-color: var(--error-inline-text-color); - color: light-dark(var(--blocks-background), var(--text-color)) !important; + background-color: var(--pw-error-inline-text-color); + color: light-dark(var(--pw-blocks-background), var(--pw-text-color)) !important; } .uk-overlay-default, .uk-overlay-primary { - background: var(--modal-color) + background: var(--pw-modal-color) } .uk-article-meta, .uk-comment-meta { - color: var(--muted-color) + color: var(--pw-muted-color) } .uk-article-meta a { - color: var(--muted-color) + color: var(--pw-muted-color) } .uk-article-meta a:hover { - color: var(--text-color) + color: var(--pw-text-color) } .uk-comment-primary { - background-color: var(--inputs-background); + background-color: var(--pw-inputs-background); } .uk-search-input { - color: var(--text-color) + color: var(--pw-text-color) } .uk-search-input:focus { @@ -1100,41 +1100,41 @@ a.uk-link-heading:hover,.uk-link-heading a:hover,.uk-link-toggle:hover .uk-link- .uk-search-input::placeholder, .uk-search .uk-search-icon, .uk-search .uk-search-icon:hover { - color: var(--muted-color) + color: var(--pw-muted-color) } .uk-search-default .uk-search-input { - border-color: var(--border-color) + border-color: var(--pw-border-color) } .uk-search-default .uk-search-input:focus { - background-color: var(--inputs-background); - border-color: var(--border-color); + background-color: var(--pw-inputs-background); + border-color: var(--pw-border-color); } .uk-search-toggle { - color: var(--muted-color) + color: var(--pw-muted-color) } .uk-search-toggle:hover { - color: var(--text-color) + color: var(--pw-text-color) } .uk-accordion-title { - color: var(--text-color); + color: var(--pw-text-color); } .uk-accordion-title:hover { - color: var(--muted-color); + color: var(--pw-muted-color); } .uk-dropbar { - background: var(--blocks-background); - color: var(--text-color) + background: var(--pw-blocks-background); + color: var(--pw-text-color) } .uk-dropbar :focus-visible { - outline-color: var(--text-color) !important + outline-color: var(--pw-text-color) !important } .uk-drop.uk-open > ul { @@ -1142,100 +1142,101 @@ a.uk-link-heading:hover,.uk-link-heading a:hover,.uk-link-toggle:hover .uk-link- } .uk-modal { - background: var(--modal-color); + background: var(--pw-modal-color); } .uk-modal-dialog { - background: var(--blocks-background); + background: var(--pw-blocks-background); } .uk-modal-header, .uk-modal-footer { - background: var(--blocks-background); - border-color: var(--border-color) + background: var(--pw-blocks-background); + border-color: var(--pw-border-color) } .uk-modal-close-outside, .uk-modal-close-outside:hover { - color: var(--blocks-background) + color: var(--pw-blocks-background) } .uk-modal-close-full { - background: var(--blocks-background) + background: var(--pw-blocks-background) } .uk-offcanvas-bar { - background: var(--inputs-background); + background: var(--pw-inputs-background); } .uk-notification-message { - background: var(--inputs-background); - color: var(--text-color); + background: var(--pw-inputs-background); + color: var(--pw-text-color); } .uk-notification-message-primary { - color: var(--text-color); - background-color: var(--alert-primary); + color: var(--pw-text-color); + background-color: var(--pw-alert-primary); } .uk-notification-message-success { - color: var(--text-color); - color: var(--alert-success) + color: var(--pw-text-color); + color: var(--pw-alert-success) } .uk-notification-message-warning { - color: var(--text-color); - color: var(--alert-warning) + color: var(--pw-text-color); + color: var(--pw-alert-warning) } -.uk-notification-message-danger { - color: var(--text-color); - color: var(--alert-danger) +.uk-notification-message-danger, +.InputfieldStateError:not(.InputfieldNoBorder)>.InputfieldHeader, .InputfieldIsDanger:not(.InputfieldNoBorder)>.InputfieldHeader, .InputfieldIsError:not(.InputfieldNoBorder)>.InputfieldHeader, .InputfieldStateError:not(.InputfieldNoBorder)>.InputfieldContent, .InputfieldIsDanger:not(.InputfieldNoBorder)>.InputfieldContent, .InputfieldIsError:not(.InputfieldNoBorder)>.InputfieldContent { + color: var(--pw-text-color); + background-color: var(--pw-alert-danger) } .uk-tooltip { - background: var(--text-color); - color: var(--blocks-background); + background: var(--pw-text-color); + color: var(--pw-blocks-background); } .uk-grid-divider>:not(.uk-first-column)::before { - border-left-color: var(--border-color); + border-left-color: var(--pw-border-color); } .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before { - border-top-color: var(--border-color) + border-top-color: var(--pw-border-color) } .uk-nav-default>li>a { - color: var(--muted-color) + color: var(--pw-muted-color) } .uk-nav-default>li>a:hover { - color: var(--text-color) + color: var(--pw-text-color) } .uk-nav-default>li.uk-active>a { - color: var(--text-color) + color: var(--pw-text-color) } .uk-nav-default .uk-nav-header { - color: var(--text-color) + color: var(--pw-text-color) } .uk-nav-default .uk-nav-divider { - border-top-color: var(--muted-color); + border-top-color: var(--pw-muted-color); } .uk-nav-default .uk-nav-sub a { - color: var(--muted-color) + color: var(--pw-muted-color) } .uk-nav-default .uk-nav-sub a:hover { - color: var(--text-color) + color: var(--pw-text-color) } .uk-nav-default .uk-nav-sub li.uk-active>a { - color: var(--text-color) + color: var(--pw-text-color) } .uk-nav-primary>li>a, @@ -1270,93 +1271,93 @@ a.uk-link-heading:hover,.uk-link-heading a:hover,.uk-link-toggle:hover .uk-link- .uk-subnav>*>:first-child, .uk-subnav>*>a:hover, .uk-subnav>.uk-active>a { - color: var(--text-color); + color: var(--pw-text-color); } .uk-navbar-dropdown :focus-visible { - outline-color: var(--border-color) !important + outline-color: var(--pw-border-color) !important } .uk-navbar-toggle { - color: var(--muted-color); + color: var(--pw-muted-color); } .uk-nav-primary .uk-nav-divider, .uk-nav-secondary .uk-nav-divider, .uk-nav.uk-nav-divider>:not(.uk-nav-header, .uk-nav-divider)+:not(.uk-nav-header, .uk-nav-divider), .uk-navbar-dropdown-nav .uk-nav-divider { - border-top-color: var(--border-color) + border-top-color: var(--pw-border-color) } .uk-nav-secondary>li>a:hover, .uk-nav-secondary>li.uk-active>a, .uk-navbar-container:not(.uk-navbar-transparent) { - background: var(--blocks-background); + background: var(--pw-blocks-background); } .uk-navbar-container:not(.uk-navbar-transparent) { - border-bottom: 1px solid var(--border-color); + border-bottom: 1px solid var(--pw-border-color); } .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before { - border-left-color: var(--border-color) + border-left-color: var(--pw-border-color) } .uk-subnav-pill>*>:first-child { - color: var(--muted-color); + color: var(--pw-muted-color); } .uk-subnav-pill>*>a:hover, .uk-subnav-pill>*>a:active { - background-color: var(--blocks-background); - color: var(--text-color) + background-color: var(--pw-blocks-background); + color: var(--pw-text-color) } .uk-subnav-pill>.uk-active>a { - background-color: var(--text-color); - color: var(--blocks-background) + background-color: var(--pw-text-color); + color: var(--pw-blocks-background) } .uk-subnav>.uk-disabled>a { - color: var(--muted-color) + color: var(--pw-muted-color) } .uk-breadcrumb>*>*, .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before, .uk-pagination>*>* { - color: var(--muted-color) + color: var(--pw-muted-color) } .uk-breadcrumb>*>:hover, .uk-pagination>*>:hover { - color: var(--text-color) + color: var(--pw-text-color) } .uk-breadcrumb>:last-child>span,.uk-breadcrumb>:last-child>a:not([href]) { - color: var(--text-color) + color: var(--pw-text-color) } .uk-pagination>.uk-active>* { - color: var(--blocks-background) + color: var(--pw-blocks-background) } .uk-pagination>.uk-active>*,.uk-pagination>.uk-active>* a { - background: var(--button-background); - color: var(--button-color) + background: var(--pw-button-background); + color: var(--pw-button-color) } .uk-pagination>.uk-active>*,.uk-pagination>.uk-active>* a { - background: var(--button-background); - color: var(--button-color); - border-color: var(--border-color) + background: var(--pw-button-background); + color: var(--pw-button-color); + border-color: var(--pw-border-color) } .uk-pagination>.uk-disabled>* { - color: var(--muted-color); + color: var(--pw-muted-color); } .uk-tab::before { - border-bottom-color: var(--border-color); + border-bottom-color: var(--pw-border-color); } .uk-tab>*>a { @@ -1368,195 +1369,195 @@ a.uk-link-heading:hover,.uk-link-heading a:hover,.uk-link-toggle:hover .uk-link- } .uk-tab>.uk-active>a { - color: var(--text-color); - border-color: var(--border-color); - border-bottom-color: var(--blocks-background); + color: var(--pw-text-color); + border-color: var(--pw-border-color); + border-bottom-color: var(--pw-blocks-background); } .uk-tab>.uk-disabled>a { - color: var(--muted-color) + color: var(--pw-muted-color) } .uk-tab-left::before, .uk-tab-right::before { - border-left-color: var(--border-color); + border-left-color: var(--pw-border-color); } .uk-slidenav, .uk-slidenav:hover, .uk-slidenav:active { - color: var(--text-color); + color: var(--pw-text-color); } .uk-dotnav>*>* { - border-color: var(--text-color); + border-color: var(--pw-text-color); } .uk-dotnav>*>:hover { - background-color: var(--text-color); + background-color: var(--pw-text-color); } .uk-dotnav>*>:active { - background-color: var(--text-color); + background-color: var(--pw-text-color); } .uk-dotnav>.uk-active>* { - background-color: var(--text-color); + background-color: var(--pw-text-color); } .uk-iconnav>*>a:hover, .uk-iconnav>.uk-active>a { - color: var(--text-color) + color: var(--pw-text-color) } .uk-dropdown { - background: var(--blocks-background); - color: var(--text-color); + background: var(--pw-blocks-background); + color: var(--pw-text-color); } .uk-dropdown :focus-visible { - outline-color: var(--text-color) !important + outline-color: var(--pw-text-color) !important } .uk-dropdown-nav>li>a { - color: var(--muted-color) + color: var(--pw-muted-color) } .uk-dropdown-nav>li>a:hover,.uk-dropdown-nav>li.uk-active>a { - color: var(--text-color) + color: var(--pw-text-color) } .uk-dropdown-nav .uk-nav-header { - color: var(--text-color) + color: var(--pw-text-color) } .uk-dropdown-nav .uk-nav-divider { - border-top-color: var(--border-color) + border-top-color: var(--pw-border-color) } .uk-dropdown-nav .uk-nav-sub a { - color: var(--muted-color) + color: var(--pw-muted-color) } .uk-dropdown-nav .uk-nav-sub a:hover,.uk-dropdown-nav .uk-nav-sub li.uk-active>a { - color: var(--text-color) + color: var(--pw-text-color) } .uk-lightbox { - background: var(--modal-color); + background: var(--pw-modal-color); } .uk-lightbox :focus-visible { - outline-color: var(--border-color) + outline-color: var(--pw-border-color) } .uk-lightbox-items>* { - color: var(--blocks-background); + color: var(--pw-blocks-background); } .uk-lightbox-toolbar { - background: var(--modal-color); - color: var(--blocks-background) + background: var(--pw-modal-color); + color: var(--pw-blocks-background) } .uk-lightbox-toolbar>* { - color: var(--blocks-background) + color: var(--pw-blocks-background) } .uk-lightbox-toolbar-icon { - color: var(--blocks-background) + color: var(--pw-blocks-background) } .uk-lightbox-toolbar-icon:hover { - color: var(--blocks-background) + color: var(--pw-blocks-background) } .uk-lightbox-button, .uk-lightbox-button:hover { - background: var(--button-background); - color: var(--button-color); + background: var(--pw-button-background); + color: var(--pw-button-color); } .uk-text-lead { - color: var(--text-color) + color: var(--pw-text-color) } .uk-text-meta { - color: var(--muted-color) + color: var(--pw-muted-color) } .uk-text-meta>a { - color: var(--muted-color) + color: var(--pw-muted-color) } .uk-text-meta>a:hover { - color: var(--text-color); + color: var(--pw-text-color); } .uk-text-muted { - color: var(--muted-color) !important + color: var(--pw-muted-color) !important } .uk-text-emphasis { - color: var(--text-color) !important + color: var(--pw-text-color) !important } .uk-text-primary { - color: var(--main-color) !important; + color: var(--pw-main-color) !important; } .uk-text-secondary { - color: var(--muted-color) !important + color: var(--pw-muted-color) !important } .uk-text-success { - background-color: var(--alert-success); - color: var(--text-color) !important + background-color: var(--pw-alert-success); + color: var(--pw-text-color) !important } .uk-text-warning { - background-color: var(--alert-warning); - color: var(--text-color) !important + background-color: var(--pw-alert-warning); + color: var(--pw-text-color) !important } .uk-text-danger { - background-color: var(--error-inline-text-color); - color: light-dark(var(--blocks-background), var(--text-color)) !important; + background-color: var(--pw-error-inline-text-color); + color: light-dark(var(--pw-blocks-background), var(--pw-text-color)) !important; } .uk-text-background { - background-color: var(--main-color); - color: var(--blocks-background); + background-color: var(--pw-main-color); + color: var(--pw-blocks-background); background-image: none } .uk-column-divider { - column-rule-color: var(--border-color); + column-rule-color: var(--pw-border-color); } .uk-background-default { - background-color: var(--blocks-background) + background-color: var(--pw-blocks-background) } .uk-background-muted { - background-color: var(--inputs-background) + background-color: var(--pw-inputs-background) } .uk-background-primary { - background-color: var(--main-color) + background-color: var(--pw-main-color) } .uk-background-secondary { - background-color: var(--inputs-background) + background-color: var(--pw-inputs-background) } .uk-panel-scrollable { - border-color: var(--border-color); + border-color: var(--pw-border-color); } .uk-logo, .uk-logo:hover { - color: var(--main-color); + color: var(--pw-main-color); } .uk-card :is(a, .uk-link) { @@ -1568,24 +1569,24 @@ a.uk-link-heading:hover,.uk-link-heading a:hover,.uk-link-toggle:hover .uk-link- .uk-card:hover { outline: none !important; border: none !important; - box-shadow: 0 5px 15px color-mix(in srgb, var(--text-color), transparent 90%); + box-shadow: 0 5px 15px color-mix(in srgb, var(--pw-text-color), transparent 90%); transition: box-shadow .25s ease; } .uk-card-default.uk-card-hover:hover { - box-shadow: 0 5px 15px color-mix(in srgb, var(--text-color), transparent 75%); + box-shadow: 0 5px 15px color-mix(in srgb, var(--pw-text-color), transparent 75%); } .uk-table th, table.AdminDataTable:not(.uk-table) th { - color: var(--text-color); + color: var(--pw-text-color); } .uk-table-divider>tbody>tr:last-child { - border-bottom-color: var(--border-color); + border-bottom-color: var(--pw-border-color); } .uk-table.AdminDataTableSortable tr.tablesorter-headerRow th:hover { - color: var(--text-color) + color: var(--pw-text-color) } .uk-table.AdminDataTableSortable tr.tablesorter-headerRow th.tablesorter-headerDesc { @@ -1593,286 +1594,286 @@ table.AdminDataTable:not(.uk-table) th { } .uk-table.AdminDataTableSortable tr.tablesorter-headerRow th.tablesorter-headerAsc { - color: var(--main-color) + color: var(--pw-main-color) } .pw-table-resizable td,.pw-table-resizable th { - border-left-color: var(--border-color); + border-left-color: var(--pw-border-color); } .uk-tab>li.uk-active { - background: var(--blocks-background); + background: var(--pw-blocks-background); } .detail,.notes,.pw-detail,.pw-notes { - color: var(--muted-color) !important + color: var(--pw-muted-color) !important } .description,.pw-description { - color: var(--muted-color) !important + color: var(--pw-muted-color) !important } .ui-selectable-helper { - border-color: var(--text-color) + border-color: var(--pw-text-color) } .ui-tooltip { - -webkit-box-shadow: 0 0 5px color-mix(in srgb, var(--text-color), transparent 98%); - box-shadow: 0 0 5px color-mix(in srgb, var(--text-color), transparent 98%) + -webkit-box-shadow: 0 0 5px color-mix(in srgb, var(--pw-text-color), transparent 98%); + box-shadow: 0 0 5px color-mix(in srgb, var(--pw-text-color), transparent 98%) } .ui-widget-content { - border-color: var(--border-color); - background-color: var(--blocks-background); - color: var(--text-color) + border-color: var(--pw-border-color); + background-color: var(--pw-blocks-background); + color: var(--pw-text-color) } .ui-widget-content a { - color: var(--text-color) + color: var(--pw-text-color) } .ui-widget-header { - border-color: var(--border-color); - background-color: var(--blocks-background); - color: var(--text-color); + border-color: var(--pw-border-color); + background-color: var(--pw-blocks-background); + color: var(--pw-text-color); } .ui-widget-header a { - color: var(--text-color) + color: var(--pw-text-color) } .ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default { - border-color: var(--border-color); - background-color: var(--blocks-background); - color: var(--muted-color); + border-color: var(--pw-border-color); + background-color: var(--pw-blocks-background); + color: var(--pw-muted-color); } .ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited { - color: var(--muted-color); + color: var(--pw-muted-color); } .ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus { - border-color: var(--border-color); - background-color: var(--blocks-background); - color: var(--text-color) + border-color: var(--pw-border-color); + background-color: var(--pw-blocks-background); + color: var(--pw-text-color) } .ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited { - color: var(--text-color); + color: var(--pw-text-color); } .ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active { - border-color: var(--border-color); - background-color: var(--blocks-background); - color: var(--text-color) + border-color: var(--pw-border-color); + background-color: var(--pw-blocks-background); + color: var(--pw-text-color) } .ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited { - color: var(--text-color); + color: var(--pw-text-color); } .ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight { - background-color: var(--blocks-background); - color: var(--text-color) + background-color: var(--pw-blocks-background); + color: var(--pw-text-color) } .ui-state-highlight:not(:input),.ui-widget-content .ui-state-highlight:not(:input),.ui-widget-header .ui-state-highlight:not(:input) { - border-color: var(--notes-background) + border-color: var(--pw-notes-background) } .ui-state-highlight:input,.ui-widget-content .ui-state-highlight:input,.ui-widget-header .ui-state-highlight:input { - border-color: var(--notes-background) + border-color: var(--pw-notes-background) } .ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { - color: var(--text-color) + color: var(--pw-text-color) } .pw .ui-state-error,.pw .ui-widget-content .ui-state-error,.pw .ui-widget-header .ui-state-error { - background: var(--error-inline-text-color); - color: var(--blocks-background); + background: var(--pw-error-inline-text-color); + color: var(--pw-blocks-background); } .InputfieldStateError > .InputfieldHeader, .InputfieldStateError > .InputfieldHeader:after { - color: var(--error-inline-text-color) !important; + color: var(--pw-error-inline-text-color) !important; } .InputfieldHeader.ui-state-error, .pw .Inputfields .InputfieldRepeater .InputfieldContent .InputfieldRepeaterItem > .InputfieldHeader.ui-state-error { - background-color: var(--alert-danger) !important; - color: var(--error-inline-text-color) !important; + background-color: var(--pw-alert-danger) !important; + color: var(--pw-error-inline-text-color) !important; } .ui-state-error:not(:input),.ui-widget-content .ui-state-error:not(:input),.ui-widget-header .ui-state-error:not(:input) { - border: 1px solid var(--error-inline-text-color) + border: 1px solid var(--pw-error-inline-text-color) } .ui-state-error:input,.ui-widget-content .ui-state-error:input,.ui-widget-header .ui-state-error:input { - border-color: var(--error-inline-text-color) + border-color: var(--pw-error-inline-text-color) } .ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a { - color: var(--error-inline-text-color) + color: var(--pw-error-inline-text-color) } .ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text { - color: var(--error-inline-text-color) + color: var(--pw-error-inline-text-color) } .ui-widget-overlay { - background: var(--text-color); + background: var(--pw-text-color); } .ui-widget-shadow { - background: color-mix(in srgb, var(--text-color), transparent 90%); + background: color-mix(in srgb, var(--pw-text-color), transparent 90%); } .pw-content .ui-widget-content a { - color: var(--main-color) + color: var(--pw-main-color) } .pw-content li.ui-state-default,.pw-content .ui-widget-content li.ui-state-default { - background: var(--main-color); - border-color: var(--main-color); - color: var(--blocks-background) + background: var(--pw-main-color); + border-color: var(--pw-main-color); + color: var(--pw-blocks-background) } .pw-content li.ui-state-default a,.pw-content .ui-widget-content li.ui-state-default a { - color: var(--blocks-background) + color: var(--pw-blocks-background) } .pw-content li.ui-state-hover,.pw-content .ui-widget-content li.ui-state-hover { - background: var(--main-color); - border-color: var(--main-color); - color: var(--blocks-background) + background: var(--pw-main-color); + border-color: var(--pw-main-color); + color: var(--pw-blocks-background) } .pw-content li.ui-state-hover a,.pw-content .ui-widget-content li.ui-state-hover a { - color: var(--blocks-background) + color: var(--pw-blocks-background) } .ui-accordion.ui-widget .ui-accordion-header { - background:var(--main-color); + background:var(--pw-main-color); } .ui-accordion.ui-widget .ui-accordion-header,.ui-accordion.ui-widget .ui-accordion-header h1,.ui-accordion.ui-widget .ui-accordion-header h2,.ui-accordion.ui-widget .ui-accordion-header h3,.ui-accordion.ui-widget .ui-accordion-header h4,.ui-accordion.ui-widget .ui-accordion-header h5,.ui-accordion.ui-widget .ui-accordion-header a { - color: var(--blocks-background) + color: var(--pw-blocks-background) } .ui-accordion.ui-widget .ui-accordion-header>a,.ui-accordion.ui-widget .ui-accordion-header h1>a,.ui-accordion.ui-widget .ui-accordion-header h2>a,.ui-accordion.ui-widget .ui-accordion-header h3>a,.ui-accordion.ui-widget .ui-accordion-header h4>a,.ui-accordion.ui-widget .ui-accordion-header h5>a,.ui-accordion.ui-widget .ui-accordion-header a>a { - color: var(--blocks-background) + color: var(--pw-blocks-background) } .ui-accordion.ui-widget .ui-accordion-content { - border-color: var(--border-color) + border-color: var(--pw-border-color) } .ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight { - color: var(--text-color); - background: var(--inputs-background); + color: var(--pw-text-color); + background: var(--pw-inputs-background); } .ui-state-error,.ui-widget-content .ui-state-error { - background: var(--alert-danger); - color: var(--blocks-background) + background: var(--pw-alert-danger); + color: var(--pw-blocks-background) } .ui-dialog .ui-dialog-titlebar { - color: var(--text-color); - background-color: var(--blocks-background); + color: var(--pw-text-color); + background-color: var(--pw-blocks-background); } .ui-dialog .ui-dialog-titlebar .ui-button { - background-color: var(--button-background); - color: var(--button-color); + background-color: var(--pw-button-background); + color: var(--pw-button-color); } .ui-dialog .ui-dialog-buttonpane { - background: var(--inputs-background); + background: var(--pw-inputs-background); } .ui-widget-overlay { - background: var(--modal-color) + background: var(--pw-modal-color) } .ui-button,.ui-button.ui-state-default,.ui-button.ui-state-hover { - background-color: var(--button-hover-background); - background: var(--button-hover-color); + background-color: var(--pw-button-hover-background); + background: var(--pw-button-hover-color); } .ui-button.ui-priority-secondary,.ui-button.ui-state-default.ui-priority-secondary,.ui-button.ui-state-hover.ui-priority-secondary { - background: var(--button-muted-background); - color: var(--button-muted-color); + background: var(--pw-button-muted-background); + color: var(--pw-button-muted-color); } .ui-button:hover,.ui-button.ui-state-hover { - background-color: var(--button-hover-background); - color: var(--button-hover-color) + background-color: var(--pw-button-hover-background); + color: var(--pw-button-hover-color) } .ui-button:hover.ui-priority-secondary,.ui-button.ui-state-hover.ui-priority-secondary { - background: var(--button-hover-background); - color: var(--button-hover-color) + background: var(--pw-button-hover-background); + color: var(--pw-button-hover-color) } button.ui-button.pw-button-dropdown-toggle { - border-left-color: var(--border-color); + border-left-color: var(--pw-border-color); } .ui-slider .ui-slider-range,.ui-widget .ui-slider .ui-slider-range,.ui-widget-content .ui-slider .ui-slider-range { - background: var(--main-color); + background: var(--pw-main-color); } .ui-slider,.ui-slider-horizontal { - background: var(--muted-color); + background: var(--pw-muted-color); } .ui-tooltip { - color: var(--blocks-background); - box-shadow: 0 0 7px color-mix(in srgb, var(--text-color), transparent 98%); - background: var(--text-color); - border-color: var(--blocks-background) + color: var(--pw-blocks-background); + box-shadow: 0 0 7px color-mix(in srgb, var(--pw-text-color), transparent 98%); + background: var(--pw-text-color); + border-color: var(--pw-blocks-background) } .ui-progressbar { - background: var(--muted-color); + background: var(--pw-muted-color); } .ui-progressbar .ui-progressbar-value { - background: var(--main-color); - color: var(--blocks-background); + background: var(--pw-main-color); + color: var(--pw-blocks-background); } .ui-layout-resizer { - background-color: var(--border-color); - border-color: var(--border-color) + background-color: var(--pw-border-color); + border-color: var(--pw-border-color) } .ui-layout-pane { - border-color: var(--border-color) + border-color: var(--pw-border-color) } .ui-layout-toggler { - background-color: var(--border-color); - border-color: var(--border-color) + background-color: var(--pw-border-color); + border-color: var(--pw-border-color) } .ui-tabs>.ui-tabs-nav>.ui-tabs-active>a.ui-tabs-anchor { - color: var(--text-color) + color: var(--pw-text-color) } .ui-menu, .uk-dropbar, .uk-drop { - background: var(--blocks-background); + background: var(--pw-blocks-background); } .ui-menu .uk-nav-header { - color: var(--text-color) + color: var(--pw-text-color) } .ui-menu .ui-menu-item.separator:not(.highlight) { - border-top-color: var(--border-color) !important; + border-top-color: var(--pw-border-color) !important; } .ui-menu .ui-menu-item i.fa { @@ -1880,7 +1881,7 @@ button.ui-button.pw-button-dropdown-toggle { } .ui-menu .ui-menu-item a { - color: var(--text-color); + color: var(--pw-text-color); } .ui-menu .ui-menu-item a i.fa { @@ -1889,43 +1890,43 @@ button.ui-button.pw-button-dropdown-toggle { .ui-menu .ui-menu-item a.uk-active,.ui-menu .ui-menu-item a.on, .ui-menu .ui-menu-item a:hover,.ui-menu .ui-menu-item a.ui-state-focus,.ui-menu .ui-menu-item a.ui-state-active { - color: var(--text-color); - background: var(--inputs-background) + color: var(--pw-text-color); + background: var(--pw-inputs-background) } .ui-menu .ui-menu-item a small { - color: var(--muted-color) !important + color: var(--pw-muted-color) !important } body .ProDraftsNotice { - background: var(--main-background); - border-top-color: var(--border-color); + background: var(--pw-main-background); + border-top-color: var(--pw-border-color); } .ProcessPageEditImageSelect #selected_image_settings #action_icons span:hover { - background: var(--main-color) + background: var(--pw-main-color) } .hook-base-h2,.hook-base-h3,.hook-base-h4 { - color: var(--main-color) + color: var(--pw-main-color) } .PageList>.uk-pagination>li.uk-active>a { - border-color: var(--main-color) !important; - background: var(--main-color) + border-color: var(--pw-main-color) !important; + background: var(--pw-main-color) } #pw-masthead-mobile, #pw-masthead { - background-color: var(--text-color) + background-color: var(--pw-text-color) } .AdminThemeUikit .uk-navbar a { - color: var(--muted-color) + color: var(--pw-muted-color) } .AdminThemeUikit .uk-navbar a.uk-logo { - color: var(--main-color); + color: var(--pw-main-color); } /* END direct override of PW colors */ @@ -1933,13 +1934,13 @@ body .ProDraftsNotice { html, .pw body { font-weight: 400; - color: var(--text-color); + color: var(--pw-text-color); } html, .pw body { font-family: "Inter", system-ui, sans-serif; - color: var(--text-color); + color: var(--pw-text-color); } h1, .uk-h1, h2, .uk-h2, h3, .uk-h3, h4, .uk-h4, h5, .uk-h5, h6, .uk-h6, .uk-heading-small, .uk-heading-medium, .uk-heading-large, .uk-heading-xlarge, .uk-heading-2xlarge, .uk-heading-3xlarge, @@ -2005,20 +2006,20 @@ table, ._ProcessPageEditViewDropdownToggle, .AdminThemeUikit .uk-tab>.uk-active>a, .pw h4, .pw .uk-h4 { - color: var(--text-color); + color: var(--pw-text-color); } @media (hover: hover) and (pointer: fine) { #offcanvas-nav .pw-sidebar-nav li > a:hover, .pw .PageList .PageListItemOpen > a.PageListPage:hover, .pw .PageList .PageListItemOpen.PageListItemHover > a.PageListPage:hover { - color: var(--text-color); + color: var(--pw-text-color); } } .pw #pw-masthead .uk-navbar-nav > li.uk-active, .pw #pw-masthead .uk-navbar-nav > li.uk-active > a { - color: var(--masthead-active-color); + color: var(--pw-masthead-active-color); } .uk-alert, @@ -2027,13 +2028,17 @@ table, .pw-notices .uk-alert-primary .notice-remove, .pw-notices .uk-alert-warning .notice-remove, .pw-notices .uk-alert-danger .notice-remove { - color: var(--alert-text-color); + color: var(--pw-alert-text-color); } .pw-notices .uk-alert-danger a { color: inherit; } +.pw-notices .uk-alert-danger { + color: var(--pw-error-inline-text-color); +} + .pw .uk-notification-close svg { display: none; } @@ -2054,58 +2059,58 @@ table, } .uk-notification-message { - border: 1px solid var(--border-color); + border: 1px solid var(--pw-border-color); font-size: 1rem; } .uk-alert { - background: var(--blocks-background); - border: 1px solid var(--border-color); + background: var(--pw-blocks-background); + border: 1px solid var(--pw-border-color); } .uk-alert-primary, .uk-notification-message { - background: var(--alert-primary); + background: var(--pw-alert-primary); } .uk-alert-warning, .uk-notification-message-warning, #NotificationBug.NoticeWarning { - background: var(--alert-warning); - color: var(--text-color); + background: var(--pw-alert-warning); + color: var(--pw-text-color); } .uk-alert-success, .uk-notification-message-success, #NotificationBug.NoticeSuccess { - background: var(--alert-success); - color: var(--text-color); + background: var(--pw-alert-success); + color: var(--pw-text-color); } .uk-alert-danger, .uk-notification-message-danger, .pw .uk-button.uk-button-danger, #NotificationBug.NoticeError { - background: var(--alert-danger); - color: var(--text-color); + background: var(--pw-alert-danger); + color: var(--pw-text-color); } .pw .uk-button.uk-button-danger { - background-color: var(--error-inline-text-color); - color: light-dark(var(--blocks-background), var(--text-color)); + background-color: var(--pw-error-inline-text-color); + color: light-dark(var(--pw-blocks-background), var(--pw-text-color)); } .uk-nav-default .uk-nav-divider { - border-color: var(--border-color); + border-color: var(--pw-border-color); } .uk-button-default:disabled,.uk-button-primary:disabled,.uk-button-secondary:disabled,.uk-button-danger:disabled { - color: var(--muted-color); - border-color: var(--border-color); + color: var(--pw-muted-color); + border-color: var(--pw-border-color); } .uk-modal, .ui-widget-overlay { opacity: 1; - background-color: var(--modal-color); + background-color: var(--pw-modal-color); } .uk-modal.uk-open { @@ -2116,17 +2121,17 @@ table, .pw .ui-dialog .ui-dialog-content, .pw .ui-widget-content, .pw .uk-modal-dialog { - background: var(--main-background); + background: var(--pw-main-background); } .pw .uk-modal-dialog, .pw .ui-dialog { - outline: 1px solid var(--border-color); + outline: 1px solid var(--pw-border-color); border-radius: 0; } .pw .uk-modal-footer { - border-top-color: var(--border-color); + border-top-color: var(--pw-border-color); background-color: transparent; } @@ -2140,14 +2145,14 @@ table, } .pw .tox .tox-dialog-wrap__backdrop { - background-color: var(--modal-color); + background-color: var(--pw-modal-color); } .pw .tox .tox-dialog, .uk-section-muted { - background-color: var(--blocks-background); - border-color: var(--border-color); - color: var(--text-color); + background-color: var(--pw-blocks-background); + border-color: var(--pw-border-color); + color: var(--pw-text-color); border-radius: 0; border-style: solid; border-width: 1px; @@ -2155,7 +2160,7 @@ table, .pw :is(.uk-button-text,.uk-button-link), .pw :is(.uk-button-text,.uk-button-link):hover { - color: var(--main-color); + color: var(--pw-main-color); padding: 0 .75em; } @@ -2168,7 +2173,7 @@ table, } .uk-button-text:disabled { - color: var(--muted-color); + color: var(--pw-muted-color); } @@ -2186,10 +2191,10 @@ table, .vex-dialog-button.vex-dialog-button-primary, .pw .uk-button, .pw .uk-button-primary { - background-color: var(--button-background); - color: var(--button-color); + background-color: var(--pw-button-background); + color: var(--pw-button-color); border: none; - box-shadow: 0px 0px 0 1px color-mix(in srgb, var(--text-color), transparent 98%); + box-shadow: 0px 0px 0 1px color-mix(in srgb, var(--pw-text-color), transparent 98%); text-transform: none; font-size: 1em; } @@ -2202,36 +2207,36 @@ table, .pw .vex.vex-theme-default .vex-dialog-button.vex-dialog-button-secondary, .pw .uk-button-secondary, .pw .uk-button-default { - background-color: var(--button-muted-background); - color: var(--button-muted-color); + background-color: var(--pw-button-muted-background); + color: var(--pw-button-muted-color); border: none; - box-shadow: 0px 0px 0 1px color-mix(in srgb, var(--text-color), transparent 98%); + box-shadow: 0px 0px 0 1px color-mix(in srgb, var(--pw-text-color), transparent 98%); } .pw .uk-button-default { - background-color: var(--button-background); - color: var(--button-color); + background-color: var(--pw-button-background); + color: var(--pw-button-color); } .uk-section-primary:not(.uk-preserve-color) .uk-button-default, .uk-section-secondary:not(.uk-preserve-color) .uk-button-default { - background-color: var(--button-color); - color: var(--button-background); + background-color: var(--pw-button-color); + color: var(--pw-button-background); } .pw .uk-section-primary:not(.uk-preserve-color) .uk-button-default:not(:disabled):hover, .pw .uk-section-secondary:not(.uk-preserve-color) .uk-button-default:not(:disabled):hover { - background-color: var(--button-background); - color: var(--button-color); + background-color: var(--pw-button-background); + color: var(--pw-button-color); } .pw .ui-button:focus-visible, .pw.pw .ui-button.ui-state-hover:not(:disabled), .pw .vex-dialog-button:focus, .uk-button:not(:disabled):hover { - background-color: var(--button-hover-background); - color: var(--button-hover-color); + background-color: var(--pw-button-hover-background); + color: var(--pw-button-hover-color); border: none; - box-shadow: 0px 0px 0 1px color-mix(in srgb, var(--text-color), transparent 98%); + box-shadow: 0px 0px 0 1px color-mix(in srgb, var(--pw-text-color), transparent 98%); } @media (hover: hover) and (pointer: fine) { @@ -2255,10 +2260,10 @@ table, .vex-dialog-button.vex-dialog-button-primary:not(:disabled):hover, .AdminThemeUikit .uk-button-primary:not(:disabled):hover, .pw .AdminThemeUikit :is(.uk-button-text,.uk-button-link):not(:disabled):hover { - background-color: var(--button-hover-background); - color: var(--button-hover-color); + background-color: var(--pw-button-hover-background); + color: var(--pw-button-hover-color); border: none; - box-shadow: 0px 0px 0 1px color-mix(in srgb, var(--text-color), transparent 98%); + box-shadow: 0px 0px 0 1px color-mix(in srgb, var(--pw-text-color), transparent 98%); text-decoration: none; cursor: pointer; } @@ -2301,37 +2306,37 @@ button:disabled, .pw .pw-notes, .pw .description, .pw .pw-description { - color: var(--muted-color) !important; + color: var(--pw-muted-color) !important; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { - color: var(--error-inline-text-color); + color: var(--pw-error-inline-text-color); } .pw .langTabEmpty.uk-active, .pw .langTabs .uk-tab > li.uk-active > a { - color: var(--text-color); + color: var(--pw-text-color); } .AdminThemeUikit .uk-breadcrumb a, .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before, .uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before, .uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before, .uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before, .uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before, .uk-card-primary.uk-card-body .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before, .uk-card-primary>:not([class*='uk-card-media']) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before, .uk-card-secondary.uk-card-body .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before, .uk-card-secondary>:not([class*='uk-card-media']) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before, .uk-overlay-primary .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before, .uk-breadcrumb>:last-child>*, .uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb>:last-child>*, .uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb>:last-child>*, .uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb>:last-child>*, .uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb>:last-child>*, .uk-card-primary.uk-card-body .uk-breadcrumb>:last-child>*, .uk-card-primary>:not([class*='uk-card-media']) .uk-breadcrumb>:last-child>*, .uk-card-secondary.uk-card-body .uk-breadcrumb>:last-child>*, .uk-card-secondary>:not([class*='uk-card-media']) .uk-breadcrumb>:last-child>*, .uk-overlay-primary .uk-breadcrumb>:last-child>* { - color: var(--muted-color); + color: var(--pw-muted-color); } @media (hover: hover) and (pointer: fine) { a:hover, .uk-link:hover, .uk-link-toggle:hover .uk-link { - color: var(--main-color); + color: var(--pw-main-color); } } .pw .InputfieldToggleGroup label.InputfieldToggleCurrent, .pw .InputfieldToggleGroup input:checked + label { - color: var(--button-color); + color: var(--pw-button-color); } .ui-button, @@ -2344,17 +2349,17 @@ button:disabled, .pw .InputfieldToggleGroup label, .pw .InputfieldToggleGroup input:not(:checked) + label:not(.InputfieldToggleCurrent):hover { - background-color: var(--main-background); - border-color: var(--border-color); - color: var(--text-color); + background-color: var(--pw-main-background); + border-color: var(--pw-border-color); + color: var(--pw-text-color); } .pw .InputfieldToggleGroup label.InputfieldToggleCurrent, .pw .InputfieldToggleGroup input:checked + label, .pw .InputfieldToggleGroup label:not(.InputfieldToggleCurrent):hover { - background-color: var(--button-hover-background); - border-color: var(--button-hover-background); - color: var(--button-hover-color); + background-color: var(--pw-button-hover-background); + border-color: var(--pw-button-hover-background); + color: var(--pw-button-hover-color); } .pw .InputfieldToggleGroup label:last-of-type, @@ -2376,7 +2381,7 @@ button:disabled, .pw #main .notes, .pw .PageList .PageListItem.PageListSortItem, .PageListItem span.PageListNote { - background-color: var(--notes-background); + background-color: var(--pw-notes-background); } strong { @@ -2387,18 +2392,18 @@ strong { h2, .uk-h2 { - color: var(--text-color); + color: var(--pw-text-color); font-size: 1.8em; } h4, .uk-h4 { - color: var(--text-color); + color: var(--pw-text-color); font-size: 1.2em; } html, body { - background-color: var(--main-background); + background-color: var(--pw-main-background); min-height: 100vh; } @@ -2430,7 +2435,7 @@ body { .pw-logo-link { display: block; - color: var(--masthead-logo-color); + color: var(--pw-masthead-logo-color); position: relative; z-index: 1; max-width: 90px; @@ -2438,12 +2443,12 @@ body { } .pw-logo-link:focus-visible { - color: var(--masthead-logo-color); + color: var(--pw-masthead-logo-color); } @media (hover: hover) and (pointer: fine) { .pw-logo-link:hover { - color: var(--masthead-logo-color); + color: var(--pw-masthead-logo-color); } } @@ -2469,13 +2474,13 @@ body { a:focus-visible, label > :focus-visible, .ui-dialog .ui-dialog-titlebar .ui-button:focus-visible { - outline: 1px dotted var(--main-color); + outline: 1px dotted var(--pw-main-color); outline-offset: 3px; } #pw-mastheads a:focus-visible, #pw-mastheads label > :focus-visible { - outline-color: var(--masthead-logo-color); + outline-color: var(--pw-masthead-logo-color); } .uk-margin-right { @@ -2488,9 +2493,9 @@ label > :focus-visible, .pw-table-responsive, .uk-description-list { - color: var(--text-color); - outline: 1px solid var(--border-color); - background-color: var(--blocks-background); + color: var(--pw-text-color); + outline: 1px solid var(--pw-border-color); + background-color: var(--pw-blocks-background); } .pw-table-responsive, @@ -2502,11 +2507,11 @@ label > :focus-visible, .pw .selectize-dropdown, .uk-drop, .uk-dropbar { - background: var(--blocks-background); - background-color: var(--blocks-background); - color: var(--text-color); - border: 1px solid var(--border-color); - border-color: var(--border-color); + background: var(--pw-blocks-background); + background-color: var(--pw-blocks-background); + color: var(--pw-text-color); + border: 1px solid var(--pw-border-color); + border-color: var(--pw-border-color); } @media (hover: hover) and (pointer: fine) { .pw .ui-menu .ui-menu-item a:hover { @@ -2518,7 +2523,7 @@ label > :focus-visible, .ui-menu .ui-menu-item a:is(:focus, :focus-visible, .ui-state-active, .ui-state-focus) { - background: var(--menu-item-background-hover); + background: var(--pw-menu-item-background-hover); } .ui-menu:focus-within .ui-menu-item .ui-widget-content:not(:focus-within), @@ -2527,7 +2532,7 @@ a:is(:focus, :focus-visible, .ui-state-active, .ui-state-focus) { } .ui-menu .ui-menu-item.separator:not(.highlight) { - border-top: 1px solid var(--border-color) !important; + border-top: 1px solid var(--pw-border-color) !important; } .ui-menu .ui-menu-item a.ui-state-focus, @@ -2568,14 +2573,14 @@ a:is(:focus, :focus-visible, .ui-state-active, .ui-state-focus) { } #offcanvas-nav-close i { - color: var(--masthead-active-color); + color: var(--pw-masthead-active-color); } #offcanvas-nav .uk-offcanvas-bar { - background: var(--masthead-background); + background: var(--pw-masthead-background); padding: 0; - box-shadow: 0 4px 7px color-mix(in srgb, var(--text-color), transparent 98%); - border-right: 1px solid var(--masthead-border-color) !important; + box-shadow: 0 4px 7px color-mix(in srgb, var(--pw-text-color), transparent 98%); + border-right: 1px solid var(--pw-masthead-border-color) !important; } #offcanvas-nav .pw-sidebar-nav li > a { @@ -2615,9 +2620,9 @@ a:is(:focus, :focus-visible, .ui-state-active, .ui-state-focus) { .pw .ui-menu[style*="top: 56px"], .pw .ui-menu#ui-id-1, .pw .ui-menu-item > .ui-menu { - background-color: var(--masthead-background); - color: var(--masthead-active-color); - border-color: var(--masthead-border-color) !important; + background-color: var(--pw-masthead-background); + color: var(--pw-masthead-active-color); + border-color: var(--pw-masthead-border-color) !important; } .pw:has(:is(.pw-primary-nav > li, .ui-menu[style*="top: 56px"], .ui-menu#ui-id-1, .ui-menu-item > .ui-menu):hover) .tracy-panel { @@ -2639,7 +2644,7 @@ a:is(:focus, :focus-visible, .ui-state-active, .ui-state-focus) { ) .ui-menu-item a:is(:focus, :focus-visible, .ui-state-active, .ui-state-focus) { - background: var(--masthead-menu-item-background-hover); + background: var(--pw-masthead-menu-item-background-hover); } @media (hover: hover) and (pointer: fine) { @@ -2654,7 +2659,7 @@ a:is(:focus, :focus-visible, .ui-state-active, .ui-state-focus) { ) .ui-menu-item a:hover { - background: var(--masthead-menu-item-background-hover); + background: var(--pw-masthead-menu-item-background-hover); } } @@ -2668,11 +2673,11 @@ a:is(:focus, :focus-visible, .ui-state-active, .ui-state-focus) { .ui-menu-item > .ui-menu ) .ui-menu-item.separator:not(.highlight):not(:first-child) { - border-top: 1px solid var(--masthead-border-color) !important; + border-top: 1px solid var(--pw-masthead-border-color) !important; } .ui-menu .ui-menu-item a small { - color: var(--muted-color) !important; + color: var(--pw-muted-color) !important; } :is( @@ -2686,23 +2691,19 @@ a:is(:focus, :focus-visible, .ui-state-active, .ui-state-focus) { .ui-menu-item a small { - color: var(--masthead-text-color) !important; + color: var(--pw-masthead-text-color) !important; } #offcanvas-toggle > i { - color: var(--masthead-active-color); + color: var(--pw-masthead-active-color); } @media (hover: hover) and (pointer: fine) { #offcanvas-toggle:hover > i { - color: var(--masthead-active-color); + color: var(--pw-masthead-active-color); } } -.uk-grid>*>.InputfieldContent:last-child { - margin-bottom: 1px; -} - .pw .Inputfield.InputfieldStateCollapsed > .InputfieldHeader { margin-bottom: 1px; } @@ -2719,33 +2720,33 @@ small { .pw .InputfieldImageEdit__inner, .pw .gridImage, .InputfieldFieldset>.InputfieldContent>.Inputfields .Inputfield { - background: var(--blocks-background); + background: var(--pw-blocks-background); } @media (hover: hover) and (pointer: fine) { .PageList .PageListItem:not(.PageListSortItem):hover { - background: var(--blocks-background); + background: var(--pw-blocks-background); } } .pw .gridImage__btn { - background: var(--blocks-background); - color: var(--text-color); + background: var(--pw-blocks-background); + color: var(--pw-text-color); } @media (hover: hover) and (pointer: fine) { .pw .gridImage:hover .gridImage__btn:hover { - background: var(--blocks-background); - color: var(--text-color); + background: var(--pw-blocks-background); + color: var(--pw-text-color); } } .AdminDataTable tr { - background: var(--blocks-background); + background: var(--pw-blocks-background); } .AdminDataTable tr.ui-sortable-helper { - border-bottom: 1px solid var(--border-color); + border-bottom: 1px solid var(--pw-border-color); } .InputfieldPageTable .PageListStatusHidden td { @@ -2764,7 +2765,7 @@ small { .InputfieldImage:not(.InputfieldStateCollapsed) > .InputfieldContent .gridImage { - border: 1px solid var(--border-color); + border: 1px solid var(--pw-border-color); } .pw @@ -2779,8 +2780,8 @@ small { > .InputfieldContent .gridImage.gridImage--delete .gridImage__btn.gridImage__trash { - background: var(--blocks-background); - color: var(--alert-danger); + background: var(--pw-blocks-background); + color: var(--pw-alert-danger); } @media (hover: hover) and (pointer: fine) { @@ -2789,43 +2790,43 @@ small { } .InputfieldImageEditAll .gridImage:hover .gridImage__inner { - background-color: var(--blocks-background) !important; + background-color: var(--pw-blocks-background) !important; } } .pw .gridImage.gridImage--delete .gridImage__inner { background-color: color-mix( in srgb, - var(--alert-danger), + var(--pw-alert-danger), transparent 50% ) !important; } .pw .InputfieldImageEdit__info { - color: var(--muted-color); + color: var(--pw-muted-color); font-size: 0.875rem; } .pw .InputfieldImageEdit__inner, .pw .gridImage__tooltip { border: none; - filter: drop-shadow(1px 0px 0px color-mix(in srgb, var(--text-color), transparent 98%)) - drop-shadow(-1px 0px 0px color-mix(in srgb, var(--text-color), transparent 98%)) - drop-shadow(0px 1px 0px color-mix(in srgb, var(--text-color), transparent 98%)) - drop-shadow(0px -1px 0px color-mix(in srgb, var(--text-color), transparent 98%)); - background: var(--blocks-background); + filter: drop-shadow(1px 0px 0px color-mix(in srgb, var(--pw-text-color), transparent 98%)) + drop-shadow(-1px 0px 0px color-mix(in srgb, var(--pw-text-color), transparent 98%)) + drop-shadow(0px 1px 0px color-mix(in srgb, var(--pw-text-color), transparent 98%)) + drop-shadow(0px -1px 0px color-mix(in srgb, var(--pw-text-color), transparent 98%)); + background: var(--pw-blocks-background); } .pw .gridImage { - border: 1px solid var(--border-color); + border: 1px solid var(--pw-border-color); } .pw .InputfieldImageEdit__imagewrapper { - border-right: 1px solid var(--border-color); + border-right: 1px solid var(--pw-border-color); } .pw .InputfieldImageEdit__arrow { - border-bottom-color: var(--blocks-background); + border-bottom-color: var(--pw-blocks-background); } .pw .Inputfield > .InputfieldHeader { @@ -2834,24 +2835,24 @@ small { } .gridImage__tooltip { - background: var(--blocks-background); - color: var(--text-color); + background: var(--pw-blocks-background); + color: var(--pw-text-color); } .pw .gridImage__tooltip table th, .pw .gridImage__tooltip table td { - background-color: var(--blocks-background) !important; - color: var(--text-color); + background-color: var(--pw-blocks-background) !important; + color: var(--pw-text-color); } .pw .gridImage__tooltip:after { border-color: transparent; - border-top-color: var(--blocks-background); + border-top-color: var(--pw-blocks-background); } .ui-dialog .ui-dialog-titlebar, .ui-dialog .ui-dialog-buttonpane { - background: var(--main-background); + background: var(--pw-main-background); } .ui-dialog .ui-dialog-titlebar .ui-button { @@ -2868,7 +2869,7 @@ small { #pw-masthead-mobile, .ui-dialog .ui-dialog-titlebar, .pw .pw-masthead-mobile { - border-bottom: 1px solid var(--masthead-border-color); + border-bottom: 1px solid var(--pw-masthead-border-color); } .pw .pw-sidebar-nav > li, @@ -2876,22 +2877,22 @@ small { .pw .pw-sidebar-nav > li > ul > li .pw-nav-add:first-child, .pw .pw-sidebar-nav > li > ul > li .pw-nav-dup:first-child, .pw .pw-sidebar-nav > li > ul > li .pw-nav-add { - border-color: var(--masthead-border-color); - border-top-color: var(--masthead-border-color); - border-bottom-color: var(--masthead-border-color); + border-color: var(--pw-masthead-border-color); + border-top-color: var(--pw-masthead-border-color); + border-bottom-color: var(--pw-masthead-border-color); } .pw #offcanvas-nav .pw-sidebar-nav li.uk-open, .pw .pw-sidebar-nav > li > ul > li { - background-color: var(--masthead-background); + background-color: var(--pw-masthead-background); } .pw #offcanvas-nav .pw-sidebar-nav li > a { - color: var(--masthead-text-color); + color: var(--pw-masthead-text-color); } .pw #offcanvas-nav .pw-sidebar-nav li.uk-open > a { - color: var(--masthead-active-color); + color: var(--pw-masthead-active-color); } .pw-sidebar-nav li > a { @@ -2900,13 +2901,13 @@ small { .pw-sidebar-nav li:has(> a:focus-visible), .pw-sidebar-nav li > ul > li:has(a:focus-visible) { - background-color: var(--masthead-menu-item-background-hover); + background-color: var(--pw-masthead-menu-item-background-hover); } @media (hover: hover) and (pointer: fine) { .pw-sidebar-nav li:has(> a:hover), .pw-sidebar-nav li > ul > li:has(> a:hover) { - background-color: var(--masthead-menu-item-background-hover); + background-color: var(--pw-masthead-menu-item-background-hover); } } @@ -2914,7 +2915,7 @@ small { content: "\f061"; font: normal normal normal 0.8em / 1 FontAwesome; position: absolute; - color: var(--masthead-text-color); + color: var(--pw-masthead-text-color); border-top-color: transparent; border-left-color: transparent; right: 17px; @@ -2952,7 +2953,7 @@ li:not(.pw-nav-dup) } .ui-dialog .ui-dialog-buttonpane { - border-top: 1px solid var(--border-color); + border-top: 1px solid var(--pw-border-color); margin-top: 0; } @@ -3003,11 +3004,11 @@ li:not(.pw-nav-dup) .pw .uk-tab > li:not(.uk-active) > a .pw .uk-table th, .Inputfield.InputfieldStateCollapsed > .InputfieldHeader, .uk-breadcrumb { - color: var(--muted-color); + color: var(--pw-muted-color); } .pw .uk-nav-header { - color: var(--text-color); + color: var(--pw-text-color); } .pw #pw-masthead .uk-navbar-nav > li, @@ -3016,7 +3017,7 @@ li:not(.pw-nav-dup) .pw #pw-masthead .pw-search-form .pw-search-input::placeholder, .pw #offcanvas-nav .pw-search-form .uk-form-icon, .pw #offcanvas-nav .pw-search-form .pw-search-input::placeholder { - color: var(--masthead-text-color); + color: var(--pw-masthead-text-color); } .uk-breadcrumb > :nth-child(n + 2):not(.uk-first-column)::before { @@ -3032,7 +3033,7 @@ li:not(.pw-nav-dup) position: absolute; right: 10px; font-size: 12px; - color: color-mix(in srgb, var(--masthead-text-color), transparent 40%); + color: color-mix(in srgb, var(--pw-masthead-text-color), transparent 40%); bottom: 6px; white-space: nowrap; pointer-events: none; @@ -3061,7 +3062,7 @@ li:not(.pw-nav-dup) .uk-text-muted, .pw #main .notes, .PageListItem span.PageListNote { - color: var(--muted-color) !important; + color: var(--pw-muted-color) !important; } .PageListItem span.PageListNote { @@ -3081,21 +3082,21 @@ body.AdminThemeUikit body.AdminThemeReno .vex.vex-theme-default .vex-dialog-button.vex-dialog-button-primary { - background-color: var(--text-color); - color: var(--blocks-background); + background-color: var(--pw-text-color); + color: var(--pw-blocks-background); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .pw .Inputfields select.uk-select:focus-visible, .pw .Inputfields select.uk-select:not(.uk-form-blank):focus-visible { - border-color: var(--border-color); - color: var(--text-color); - background-color: var(--inputs-background); + border-color: var(--pw-border-color); + color: var(--pw-text-color); + background-color: var(--pw-inputs-background); } .InputfieldStateRequired > .InputfieldHeader:first-child:after { - color: var(--main-color); + color: var(--pw-main-color); } .Inputfields .InputfieldRepeater .InputfieldRepeaterDrag { @@ -3103,23 +3104,23 @@ body.AdminThemeReno } .Inputfield { - outline: 1px solid var(--border-color); + outline: 1px solid var(--pw-border-color); position: relative; } -.Inputfield:not(.InputfieldRowLast):has(> .InputfieldHeader):before, -.Inputfield:not(.InputfieldRowLast):has(> .InputfieldHeader):after, +.Inputfield:not(.InputfieldRowLast):not(:has(+ .InputfieldIsOffset)):has(> .InputfieldHeader):before, +.Inputfield:not(.InputfieldRowLast):not(:has(+ .InputfieldIsOffset)):has(> .InputfieldHeader):after, .InputfieldRepeaterInit > li > label + div:before, .InputfieldRepeaterInit > li > label + div:after { content: ""; position: absolute; display: block; - height: 2px; + height: 1px; width: 1px; - bottom: -1px; + bottom: 0px; background-color: inherit; z-index: 0; - opacity: 0.5; + opacity: 0.3; pointer-events: none; } @@ -3137,7 +3138,7 @@ body.AdminThemeReno .InputfieldRepeaterInit > li > label + div:after { bottom: auto; top: -1px; - background-color: var(--blocks-background); + background-color: var(--pw-blocks-background); } .Inputfield > .InputfieldHeader, @@ -3174,9 +3175,9 @@ body.AdminThemeReno .InputfieldRepeaterItem > .InputfieldHeader, .pw .InputfieldFileList > li > .InputfieldItemHeader { - background-color: var(--inputs-background) !important; - outline: 1px solid var(--border-color); - color: var(--text-color); + background-color: var(--pw-inputs-background) !important; + outline: 1px solid var(--pw-border-color); + color: var(--pw-text-color); font-weight: inherit; padding: 0.6em 0 0.6em 0.4em; min-height: 2.2rem; @@ -3187,65 +3188,65 @@ body.AdminThemeReno .pw .Inputfield.InputfieldStateCollapsed > .InputfieldHeader:hover { background: color-mix( in srgb, - var(--blocks-background), - var(--text-color) 2% + var(--pw-blocks-background), + var(--pw-text-color) 2% ); - color: var(--text-color); + color: var(--pw-text-color); } .pw .Inputfield.InputfieldStateCollapsed.InputfieldIsSuccess:hover > .InputfieldHeader, .pw .Inputfield.InputfieldStateCollapsed.InputfieldIsSuccess > .InputfieldHeader:hover { background: color-mix( in srgb, - var(--alert-success), - var(--text-color) 2% + var(--pw-alert-success), + var(--pw-text-color) 2% ); - color: var(--text-color); + color: var(--pw-text-color); } .pw .Inputfield.InputfieldStateCollapsed.InputfieldIsWarning:hover > .InputfieldHeader, .pw .Inputfield.InputfieldStateCollapsed.InputfieldIsWarning > .InputfieldHeader:hover { background: color-mix( in srgb, - var(--alert-warning), - var(--text-color) 2% + var(--pw-alert-warning), + var(--pw-text-color) 2% ); - color: var(--text-color); + color: var(--pw-text-color); } .pw .Inputfield.InputfieldStateCollapsed.InputfieldIsError:hover > .InputfieldHeader, .pw .Inputfield.InputfieldStateCollapsed.InputfieldIsError > .InputfieldHeader:hover { background: color-mix( in srgb, - var(--alert-danger), - var(--text-color) 2% + var(--pw-alert-danger), + var(--pw-text-color) 2% ); - color: var(--text-color); + color: var(--pw-text-color); } .pw .uk-tab > li:not(.uk-active) > a:hover, .uk-breadcrumb > * > :hover { - color: var(--muted-color); + color: var(--pw-muted-color); } } .pw ul.InputfieldFileList li .InputfieldFileData { - outline: 1px solid var(--border-color); + outline: 1px solid var(--pw-border-color); border: none; margin-top: 1px; - background-color: var(--blocks-background); + background-color: var(--pw-blocks-background); } .pw .ui-progressbar { - background-color: var(--blocks-background); - outline: 1px solid var(--main-color); + background-color: var(--pw-blocks-background); + outline: 1px solid var(--pw-main-color); height: 17px; line-height: 1; font-size: 11px; } .pw .ui-progressbar .ui-progressbar-value { - background-color: var(--main-color); + background-color: var(--pw-main-color); } .pw .Inputfields :is(.InputfieldFileUpload, .InputfieldImageUpload) { @@ -3269,7 +3270,7 @@ body.AdminThemeReno .Inputfields .InputfieldAsmSelect .asmListItem { margin-top: 6px; - border-color: var(--border-color); + border-color: var(--pw-border-color); outline: none; } @@ -3292,7 +3293,7 @@ body.AdminThemeReno .InputfieldRepeaterDeletePending ).InputfieldRepeaterOff > .InputfieldHeader { - outline-color: var(--inputs-background); + outline-color: var(--pw-inputs-background); } .Inputfields @@ -3313,13 +3314,13 @@ i.toggle-icon { } .pw .asmListItem.rowStart:before { - border-top-color: var(--main-color); - color: var(--blocks-background); + border-top-color: var(--pw-main-color); + color: var(--pw-blocks-background); } .pw .asmListItem.rowStop:not(.rowStart):before { - border-bottom: 5px solid var(--muted-color); - color: var(--blocks-background); + border-bottom: 5px solid var(--pw-muted-color); + color: var(--pw-blocks-background); } .uk-form-small:not(textarea):not([multiple]):not([size]) { @@ -3327,8 +3328,8 @@ i.toggle-icon { } .pw-panel-element.ui-accordion.ui-widget > .container { - background-color: var(--blocks-background); - outline: 1px solid var(--border-color); + background-color: var(--pw-blocks-background); + outline: 1px solid var(--pw-border-color); } .ProcessFormBuilderAccordion .ui-accordion-header, @@ -3336,7 +3337,7 @@ i.toggle-icon { .pw-panel-element.ui-accordion.ui-widget > .container .ui-accordion-content.ui-widget-content { - background-color: var(--blocks-background); + background-color: var(--pw-blocks-background); } .ui-accordion-header, @@ -3355,7 +3356,7 @@ i.toggle-icon { .ui-accordion.ui-widget .ui-accordion-header h5, .ui-accordion.ui-widget .ui-accordion-header a, .InputfieldFileList > li > .InputfieldItemHeader { - color: var(--text-color); + color: var(--pw-text-color); } .pw-panel-element.ui-accordion .ui-accordion-header .ui-accordion-header-icon { @@ -3365,19 +3366,19 @@ i.toggle-icon { body .pw-panel-container .pw-panel-button.ui-button, body .pw-panel-container .pw-panel-button.ui-button i.fa { - background: var(--inputs-background); - color: var(--text-color); + background: var(--pw-inputs-background); + color: var(--pw-text-color); text-transform: none; } #debug { - background: var(--main-background); + background: var(--pw-main-background); min-height: 100vh; padding: 15px; } #debug pre { - background: var(--inputs-background); + background: var(--pw-inputs-background); } #debug.ui-accordion.ui-widget .ui-accordion-header { @@ -3392,11 +3393,11 @@ body .pw-panel-container .pw-panel-button.ui-button i.fa { } .pw #debug.ui-accordion.ui-widget .ui-accordion-header.ui-state-hover { - background-color: var(--blocks-background); + background-color: var(--pw-blocks-background); } #debug.ui-accordion.ui-widget .ui-accordion-header-active { - border-bottom: 1px solid var(--border-color); + border-bottom: 1px solid var(--pw-border-color); transition-delay: 0s; } @@ -3409,7 +3410,7 @@ body .pw-panel-container .pw-panel-button.ui-button i.fa { @media (hover: hover) and (pointer: fine) { .uk-table-hover > tr:hover, .uk-table-hover tbody tr:hover { - background-color: var(--inputs-background); + background-color: var(--pw-inputs-background); } } @@ -3418,7 +3419,7 @@ body .pw-panel-container .pw-panel-button.ui-button { } .ui-widget-content a { - color: var(--main-color); + color: var(--pw-main-color); } body @@ -3438,9 +3439,9 @@ small.ui-button-text .ui-accordion.ui-widget .ui-accordion-header, .pw-content li.ui-state-default, .pw-content .ui-widget-content li.ui-state-default { - background-color: var(--inputs-background); - border-color: var(--border-color); - color: var(--text-color); + background-color: var(--pw-inputs-background); + border-color: var(--pw-border-color); + color: var(--pw-text-color); font-weight: inherit; } @@ -3453,9 +3454,9 @@ small.ui-button-text .InputfieldContent .InputfieldRepeaterItem > .InputfieldHeader.ui-state-hover { - background-color: var(--main-background); - border-color: var(--border-color); - color: var(--text-color); + background-color: var(--pw-main-background); + border-color: var(--pw-border-color); + color: var(--pw-text-color); } .pw @@ -3477,9 +3478,9 @@ small.ui-button-text @media (hover: hover) and (pointer: fine) { .pw .InputfieldFileList > li > .InputfieldItemHeader:hover { - background-color: var(--main-background); - border-color: var(--border-color); - color: var(--text-color); + background-color: var(--pw-main-background); + border-color: var(--pw-border-color); + color: var(--pw-text-color); } } @@ -3499,7 +3500,7 @@ small.ui-button-text .Inputfields .InputfieldRepeater:not(.InputfieldIsColor):not(.InputfieldNoBorder) > .InputfieldContent { - background-color: var(--blocks-background); + background-color: var(--pw-blocks-background); } .pw .InputfieldNoBorder.InputfieldColumnWidth:not(.InputfieldColumnWidthFirst) { @@ -3521,34 +3522,34 @@ small.ui-button-text } .pw .Inputfield .selectize-input { - border-color: var(--border-color); - border-radius: var(--input-radius); + border-color: var(--pw-border-color); + border-radius: var(--pw-input-radius); line-height: 21px; - background-color: var(--blocks-background); + background-color: var(--pw-blocks-background); } .pw .Inputfield .selectize-input:not(.has-items) { - background: var(--inputs-background); + background: var(--pw-inputs-background); } .pw .Inputfield .selectize-control.multi .selectize-input.has-items > div { - background: var(--main-background); - border-color: var(--border-color); - color: var(--text-color); + background: var(--pw-main-background); + border-color: var(--pw-border-color); + color: var(--pw-text-color); } .pw .Inputfield .selectize-control.multi .selectize-input.has-items > div > a { - color: var(--text-color) !important; - border-color: var(--border-color); + color: var(--pw-text-color) !important; + border-color: var(--pw-border-color); } input:focus-visible, .pw .Inputfield .selectize-input.focus { - border-color: var(--border-color); + border-color: var(--pw-border-color); } .pw .selectize-dropdown, .pw .selectize-dropdown .selectize-dropdown-content { - background-color: var(--blocks-background); + background-color: var(--pw-blocks-background); } .pw .selectize-dropdown .selectize-dropdown-content > * { @@ -3556,8 +3557,8 @@ input:focus-visible, } .pw .selectize-dropdown .selectize-dropdown-content > .active { - background-color: var(--menu-item-background-hover); - color: var(--text-color); + background-color: var(--pw-menu-item-background-hover); + color: var(--pw-text-color); } .pw .selectize-input:before { content: none; @@ -3565,7 +3566,7 @@ input:focus-visible, .pw-content li.ui-state-hover a, .pw-content .ui-widget-content li.ui-state-hover a { - color: var(--text-color); + color: var(--pw-text-color); font-weight: inherit; } @@ -3584,12 +3585,12 @@ input:focus-visible, } .Inputfields select.uk-select:not(.uk-form-blank) { - background-color: var(--blocks-background); + background-color: var(--pw-blocks-background); } .pw-content li.ui-state-default a, .pw-content .ui-widget-content li.ui-state-default a { - color: var(--text-color); + color: var(--pw-text-color); } .InputfieldHeader, @@ -3598,7 +3599,7 @@ ul.InputfieldFileList li .InputfieldFileInfo .InputfieldFileName, font-weight: 600 !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; - color: var(--text-color); + color: var(--pw-text-color); } #pw-mastheads { @@ -3619,20 +3620,20 @@ input:not([type="submit"]):not([type="file"]):not([type="checkbox"]):not( [type="radio"] ):not(.uk-form-blank), .Inputfields textarea:not(.uk-form-blank) { - border-color: var(--border-color); - border-radius: var(--input-radius); + border-color: var(--pw-border-color); + border-radius: var(--pw-input-radius); } .uk-checkbox:focus, .uk-checkbox:indeterminate:focus { - border-color: var(--main-color); + border-color: var(--pw-main-color); } .uk-checkbox:indeterminate { background-color: transparent; } .pw .uk-checkbox:checked, .pw .uk-checkbox:checked:focus { - background-color: var(--main-color); + background-color: var(--pw-main-color); background-image: url('data:image/svg+xml,'); background-size: 82%; } @@ -3647,26 +3648,26 @@ input:not([type="submit"]):not([type="file"]):not([type="checkbox"]):not( .pw .uk-radio, .pw .uk-radio:is(.focus, :focus-visible) { - border-color: var(--border-color); + border-color: var(--pw-border-color); } .pw .uk-radio:checked, .pw .uk-radio:is(.focus, :focus-visible):checked { - border-color: var(--main-color); + border-color: var(--pw-main-color); } input[type="radio"]:focus-visible:checked, .uk-radio:focus-visible:checked { background-color: color-mix( in srgb, - var(--main-color), - var(--text-color) 10% + var(--pw-main-color), + var(--pw-text-color) 10% ) !important; } .pw .uk-radio, .pw .uk-checkbox { - border-color: var(--border-color); + border-color: var(--pw-border-color); } @@ -3675,13 +3676,13 @@ input[type="radio"]:focus-visible:checked, } .pw .uk-radio:disabled,.pw .uk-checkbox:disabled { - background-color: var(--inputs-background) !important; - border-color: var(--border-color); + background-color: var(--pw-inputs-background) !important; + border-color: var(--pw-border-color); } .pw .uk-radio:checked:disabled,.pw .uk-checkbox:checked:disabled { - background-color: var(--muted-color) !important; - border-color: var(--border-color); + background-color: var(--pw-muted-color) !important; + border-color: var(--pw-border-color); } .pw-togcbx .uk-checkbox:focus-visible, @@ -3694,27 +3695,27 @@ input:not([type="submit"]):not([type="file"]):not([type="checkbox"]):not( [type="radio"] ):not(.uk-form-blank):focus-visible, .Inputfields textarea:not(.uk-form-blank):focus-visible { - border-color: var(--border-color); + border-color: var(--pw-border-color); } .pw-togcbx .uk-checkbox:focus-visible { background-color: color-mix( in srgb, - var(--muted-color), + var(--pw-muted-color), transparent 55% ) !important; } .pw-togcbx .uk-checkbox:checked:focus-visible { background-color: color-mix( in srgb, - var(--main-color), - var(--text-color) 10% + var(--pw-main-color), + var(--pw-text-color) 10% ) !important; } .pw .ui-menu, .pw #offcanvas-nav .uk-offcanvas-bar, .pw .ui-datepicker { - box-shadow: 0 5px 7.5px 2.5px color-mix(in srgb, var(--text-color), transparent 98%); + box-shadow: 0 5px 7.5px 2.5px color-mix(in srgb, var(--pw-text-color), transparent 98%); } .pw-dropdown-menu[data-at="left bottom"], @@ -3736,7 +3737,7 @@ input:not([type="submit"]):not([type="file"]):not([type="checkbox"]):not( } .pw-dropdown-menu .ui-menu { - box-shadow: 5px 2.5px 7.5px 2.5px color-mix(in srgb, var(--text-color), transparent 99%) !important; + box-shadow: 5px 2.5px 7.5px 2.5px color-mix(in srgb, var(--pw-text-color), transparent 99%) !important; } .pw-dropdown-menu .ui-menu:has(> :nth-child(15)) { @@ -3746,7 +3747,7 @@ input:not([type="submit"]):not([type="file"]):not([type="checkbox"]):not( .pw-dropdown-menu, .pw ul.ui-menu > li.ui-menu-item > ul.ui-menu { z-index: 150 !important; - border: 1px solid var(--border-color) !important; + border: 1px solid var(--pw-border-color) !important; } .pw .ui-front { @@ -3754,12 +3755,12 @@ input:not([type="submit"]):not([type="file"]):not([type="checkbox"]):not( } .pw ul.pw-dropdown-menu > li.ui-menu-item > ul.ui-menu { - border: 1px solid var(--border-color) !important; + border: 1px solid var(--pw-border-color) !important; } .pw .ui-menu .ui-menu-item .ui-menu.navJSON .ui-menu-item.add a, .pw .ui-menu .ui-menu-item .ui-menu.navJSON .ui-menu-item.highlight a { - border-color: var(--border-color) !important; + border-color: var(--pw-border-color) !important; } .uk-navbar-nav > li > a, @@ -3795,7 +3796,7 @@ input:not([type="submit"]):not([type="file"]):not([type="checkbox"]):not( [type="radio"] ):not(.uk-form-blank), .Inputfields textarea:not(.uk-form-blank) { - border-radius: var(--input-radius); + border-radius: var(--pw-input-radius); } #pw-masthead .pw-search-form .pw-search-input, @@ -3804,9 +3805,9 @@ input:not([type="submit"]):not([type="file"]):not([type="checkbox"]):not( #offcanvas-nav .pw-search-form .pw-search-input:focus, #pw-masthead .pw-search-form .pw-search-input:focus-visible, #offcanvas-nav .pw-search-form .pw-search-input:focus-visible { - background-color: var(--masthead-input-background); - color: var(--masthead-input-color); - border-color: var(--masthead-input-border); + background-color: var(--pw-masthead-input-background); + color: var(--pw-masthead-input-color); + border-color: var(--pw-masthead-input-border); height: 31px; border-radius: 9999px; font-size: 15px; @@ -3818,7 +3819,7 @@ input:not([type="submit"]):not([type="file"]):not([type="checkbox"]):not( width: min(35vw, 350px); max-width: min(35vw, 350px); transition: all 0.25s ease; - box-shadow: -12px 0px 12px 0px color-mix(in srgb, var(--text-color), transparent 98%); + box-shadow: -12px 0px 12px 0px color-mix(in srgb, var(--pw-text-color), transparent 98%); } #offcanvas-nav .pw-search-form .pw-search-input { @@ -3866,8 +3867,8 @@ input:not([type="submit"]):not([type="file"]):not([type="checkbox"]):not( ):not(.uk-form-blank):focus-visible, .Inputfields textarea:not(.uk-form-blank):focus-visible { color: inherit; - border-color: var(--border-color); - background: var(--inputs-background); + border-color: var(--pw-border-color); + background: var(--pw-inputs-background); outline: none; } @@ -3875,7 +3876,7 @@ input:not([type="submit"]):not([type="file"]):not([type="checkbox"]):not( input:not([type="submit"]):not([type="file"]):not([type="checkbox"]):not( [type="radio"] ):not(.uk-form-blank):not(:focus-visible) { - border-color: var(--border-color); + border-color: var(--pw-border-color); } .Inputfields @@ -3897,7 +3898,7 @@ input:not([type="submit"]):not([type="file"]):not([type="checkbox"]):not( } .pw-notices .NoticeMessage { - border-bottom: 1px solid var(--border-color); + border-bottom: 1px solid var(--pw-border-color); } .uk-tab > li.uk-active, @@ -3906,7 +3907,7 @@ input:not([type="submit"]):not([type="file"]):not([type="checkbox"]):not( } .uk-tab > li > a { - color: var(--muted-color); + color: var(--pw-muted-color); border: none; border-bottom: 6px solid transparent; padding: 10px 0px; @@ -3914,12 +3915,12 @@ input:not([type="submit"]):not([type="file"]):not([type="checkbox"]):not( } .uk-tab > li > a:focus-visible { - color: var(--text-color); + color: var(--pw-text-color); } @media (hover: hover) and (pointer: fine) { .uk-tab > li > a:hover { - color: var(--text-color); + color: var(--pw-text-color); } } @@ -3930,9 +3931,9 @@ input:not([type="submit"]):not([type="file"]):not([type="checkbox"]):not( .uk-tab > .uk-active > a, .AdminThemeUikit .uk-tab>.uk-active>a, .WireTabs.uk-tab > li.uk-active.pw-tab-muted > a { - color: var(--text-color); + color: var(--pw-text-color); border: none; - border-bottom: 6px solid var(--main-color); + border-bottom: 6px solid var(--pw-main-color); } .uk-tab::before { @@ -3944,7 +3945,7 @@ input:not([type="submit"]):not([type="file"]):not([type="checkbox"]):not( [type="radio"] ):not(.uk-form-blank), .Inputfields textarea:not(.uk-form-blank) { - background-color: var(--inputs-background); + background-color: var(--pw-inputs-background); } .tox.tox-tinymce-inline { @@ -3967,30 +3968,30 @@ body .tox.tox-tinymce-inline .tox-editor-container { .pw .tox .tox-textarea-wrap, .pw .tox .tox-textfield { border: 1px solid; - border-color: var(--border-color); - background-color: var(--inputs-background); - border-radius: var(--input-radius); - color: var(--text-color); + border-color: var(--pw-border-color); + background-color: var(--pw-inputs-background); + border-radius: var(--pw-input-radius); + color: var(--pw-text-color); } .InputfieldTinyMCE .InputfieldTinyMCEInline.InputfieldTinyMCEInline:focus-visible, .pw .tox .tox-textarea-wrap:focus-within, .pw .tox .tox-textfield:focus-visible { - border-color: var(--border-color); + border-color: var(--pw-border-color); outline: none; box-shadow: none; - color: var(--text-color); - background-color: var(--inputs-background); + color: var(--pw-text-color); + background-color: var(--pw-inputs-background); } .mce-edit-focus { outline: none; - border-color: var(--border-color); + border-color: var(--pw-border-color); } .tox-edit-area__iframe { - background-color: var(--inputs-background); + background-color: var(--pw-inputs-background); } .pw .tox-collection__item-label { @@ -3998,12 +3999,12 @@ body .tox.tox-tinymce-inline .tox-editor-container { } .InputfieldContent .tox.tox-tinymce-inline .tox-edit-area__iframe { - background-color: var(--inputs-background); + background-color: var(--pw-inputs-background); } .pw-notices .uk-alert { border: none; - border-bottom: 1px solid var(--border-color); + border-bottom: 1px solid var(--pw-border-color); } .Inputfields @@ -4012,15 +4013,15 @@ body .tox.tox-tinymce-inline .tox-editor-container { .InputfieldRepeaterItem > .InputfieldHeader.ui-state-error { text-decoration: line-through; - background: var(--alert-danger); - color: var(--text-color); - border-color: var(--border-color); - outline-color: var(--border-color); + background: var(--pw-alert-danger); + color: var(--pw-text-color); + border-color: var(--pw-border-color); + outline-color: var(--pw-border-color); } .pw-notices .NoticeWarning a.notice-remove, .pw-notices .NoticeError a.notice-remove { - color: var(--text-color); + color: var(--pw-text-color); } .PageList .PageListItem.PageListItemOpen { @@ -4029,11 +4030,11 @@ body .tox.tox-tinymce-inline .tox-editor-container { } #pw-masthead .uk-navbar-nav > li > a.hover { - color: var(--masthead-text-color); + color: var(--pw-masthead-text-color); } @media (hover: hover) and (pointer: fine) { #pw-masthead .uk-navbar-nav > li > a:hover { - color: var(--masthead-text-color); + color: var(--pw-masthead-text-color); } } @@ -4041,12 +4042,12 @@ body .tox.tox-tinymce-inline .tox-editor-container { .PageList .PageListItem.PageListItemHover > a.PageListPage, .PageList .PageListItemOpen > a.PageListPage, .PageListPage { - color: var(--text-color); + color: var(--pw-text-color); } @media (hover: hover) and (pointer: fine) { .PageList .PageListItemOpen > a.PageListPage:hover, .PageList .PageListItemOpen.PageListItemHover > a.PageListPage:hover { - color: var(--text-color); + color: var(--pw-text-color); } } @@ -4072,7 +4073,7 @@ body .tox.tox-tinymce-inline .tox-editor-container { } .PageList .PageListItem:has(:focus-visible) { - background-color: var(--blocks-background); + background-color: var(--pw-blocks-background); } .pw .PageList .PageListItem .PageListActions { @@ -4093,7 +4094,7 @@ body .tox.tox-tinymce-inline .tox-editor-container { outline: 1px solid; padding: 0.05em .65em; margin: 0 .5em; - border-radius: var(--button-radius); + border-radius: var(--pw-button-radius); } .PageList .PageListItem:not(:hover):focus-within .PageListActions.actions { @@ -4116,7 +4117,7 @@ body:not(.pw-narrow-width) .PageList .PageListItem.PageListHasChildren:not(.PageListItemOpen) > a.PageListPage:before { - color: var(--text-color); + color: var(--pw-text-color); } .PageList .PageListActions a, @@ -4126,7 +4127,7 @@ body:not(.pw-narrow-width) .PageList .PageListerActions a:focus-visible, .PageList .PageListMoveNote a:focus-visible { background-color: transparent; - color: var(--muted-color); + color: var(--pw-muted-color); font-weight: 500; font-size: 13px; letter-spacing: 0.5px; @@ -4137,7 +4138,7 @@ body:not(.pw-narrow-width) .PageList .PageListerActions a:hover, .PageList .PageListMoveNote a:hover { background-color: transparent; - color: var(--muted-color); + color: var(--pw-muted-color); font-weight: 500; font-size: 13px; letter-spacing: 0.5px; @@ -4155,18 +4156,18 @@ body:not(.pw-narrow-width) .PageList .PageListItem.PageListStatusHidden.PageListHasChildren:not(.PageListItemOpen) > a.PageListPage:before { - color: var(--muted-color); + color: var(--pw-muted-color); } .PageList .PageListItem > a.PageListPage { - color: var(--text-color); + color: var(--pw-text-color); } @media (hover: hover) and (pointer: fine) { .PageList .PageListActions a:hover, .PageList .PageListerActions a:hover, .PageList .PageListMoveNote a:hover, .PageList .PageListItem > a.PageListPage:hover { - color: var(--text-color); + color: var(--pw-text-color); } } @@ -4181,43 +4182,43 @@ body:not(.pw-narrow-width) .PageList .PageListStatusHidden > a.PageListPage, .pw .PageList .PageListStatusHidden.PageListItemOpen > a.PageListPage { opacity: 1; - color: var(--muted-color) !important; + color: var(--pw-muted-color) !important; } @media (hover: hover) and (pointer: fine) { .PageList .PageListStatusHidden > a.PageListPage:hover { opacity: 1; - color: var(--muted-color) !important; + color: var(--pw-muted-color) !important; } } .PageList .PageListStatusHidden > a.PageListPage { - color: var(--muted-color); + color: var(--pw-muted-color); } #pw-content-body ul.uk-pagination > li > a { - border: 1px solid var(--border-color) !important; + border: 1px solid var(--pw-border-color) !important; } #pw-content-body ul.uk-pagination > li > a { - border-color: var(--border-color) !important; - background: var(--blocks-background) !important; - color: var(--muted-color) !important; + border-color: var(--pw-border-color) !important; + background: var(--pw-blocks-background) !important; + color: var(--pw-muted-color) !important; border-radius: 0 !important; } #pw-content-body ul.uk-pagination > li.uk-active > a { - background: var(--text-color) !important; - color: var(--blocks-background) !important; + background: var(--pw-text-color) !important; + color: var(--pw-blocks-background) !important; } #pw-content-body ul.uk-pagination > li:not(.uk-active) > a:focus { - background: var(--inputs-background) !important; - color: var(--muted-color) !important; + background: var(--pw-inputs-background) !important; + color: var(--pw-muted-color) !important; } @media (hover: hover) and (pointer: fine) { #pw-content-body ul.uk-pagination > li:not(.uk-active) > a:hover { - background: var(--inputs-background) !important; - color: var(--muted-color) !important; + background: var(--pw-inputs-background) !important; + color: var(--pw-muted-color) !important; } } @@ -4288,7 +4289,7 @@ body:not(.pw-narrow-width) .PageList .PageListItem > a.PageListPage.label > i.icon { padding: 0 0.25em 0 0; - color: var(--text-color); + color: var(--pw-text-color); } .PageList .PageListItem > a.PageListPage.label > i:not(.icon) { @@ -4299,8 +4300,8 @@ body:not(.pw-narrow-width) .PageListItem .PageListActionFilter:not(.PageListActionFilterActive) > a { - background-color: var(--inputs-background); - color: var(--text-color); + background-color: var(--pw-inputs-background); + color: var(--pw-text-color); font-weight: normal; } @media (hover: hover) and (pointer: fine) { @@ -4308,15 +4309,15 @@ body:not(.pw-narrow-width) .PageListItem .PageListActionFilter:not(.PageListActionFilterActive) > a:hover { - background-color: var(--inputs-background); - color: var(--text-color); + background-color: var(--pw-inputs-background); + color: var(--pw-text-color); font-weight: normal; } } .PageList .PageListItem .PageListActionFilter.PageListActionFilterActive > a { - color: var(--blocks-background); - background-color: var(--main-color); + color: var(--pw-blocks-background); + background-color: var(--pw-main-color); } .PageListNumChildren { @@ -4349,11 +4350,11 @@ body:not(.pw-narrow-width) } .uk-description-list dd { - color: var(--text-color); + color: var(--pw-text-color); } .uk-description-list dt a .fa { - color: var(--muted-color); + color: var(--pw-muted-color); opacity: 0.2; } @@ -4363,26 +4364,26 @@ table, .uk-table-divider > tr:not(:first-child), .uk-table-divider > :not(:first-child) > tr, .uk-table-divider > :first-child > tr:not(:first-child) { - border-color: var(--border-color); + border-color: var(--pw-border-color); } .uk-table-divider > tbody > tr:last-child { - border-bottom-color: var(--border-color); + border-bottom-color: var(--pw-border-color); } .pw-table-resizable td, .pw-table-resizable th { - border-left-color: var(--border-color); + border-left-color: var(--pw-border-color); } .uk-table th { font-weight: normal; - color: var(--muted-color); + color: var(--pw-muted-color); } @media (hover: hover) and (pointer: fine) { .uk-table th .tablesorter-header-inner:hover { - color: var(--text-color); + color: var(--pw-text-color); } } @@ -4426,8 +4427,8 @@ table, width: 3.5em; height: 2em; border: none; - background-color: var(--muted-color); - background-color: color-mix(in srgb, var(--muted-color), transparent 30%); + background-color: var(--pw-muted-color); + background-color: color-mix(in srgb, var(--pw-muted-color), transparent 30%); border-radius: 3em; box-shadow: none; flex-shrink: 0; @@ -4453,7 +4454,7 @@ table, .pw-togcbx #main .uk-checkbox:after { content: ""; position: relative; - background-color: var(--blocks-background); + background-color: var(--pw-blocks-background); width: 1.5em; height: 1.5em; border-radius: 50%; @@ -4476,7 +4477,7 @@ table, .pw-togcbx .uk-checkbox:checked, .pw-togcbx #main .uk-checkbox:checked { flex-direction: row-reverse; - background-color: var(--main-color); + background-color: var(--pw-main-color); } .pw-togcbx .InputfieldCheckboxes .InputfieldCheckboxesStacked li, @@ -4504,23 +4505,23 @@ input.gridImage__deletebox { } .uk-radio:checked { - background-color: var(--main-color) !important; + background-color: var(--pw-main-color) !important; } .ui-dialog .ui-dialog-titlebar .ui-button, .ui-dialog .ui-dialog-titlebar { - color: var(--text-color); + color: var(--pw-text-color); font-weight: 600; } .ui-dialog .ui-dialog-titlebar .ui-button:focus, .ui-dialog .ui-dialog-titlebar .ui-button.ui-state-hover { - color: var(--text-color); + color: var(--pw-text-color); background-color: transparent; } @media (hover: hover) and (pointer: fine) { .ui-dialog .ui-dialog-titlebar .ui-button:hover { - color: var(--text-color); + color: var(--pw-text-color); background-color: transparent; } } @@ -4551,7 +4552,7 @@ body.pw-guest .pw-notices > li > .uk-container { .ProcessLogin:not(:has(#tools-toggle)) #ProcessLoginForm > .Inputfields { padding: 0 30px; - background-color: var(--blocks-background); + background-color: var(--pw-blocks-background); width: fit-content; display: flex; flex-direction: column; @@ -4576,7 +4577,7 @@ body.pw-guest .pw-notices > li > .uk-container { } .pw .ProcessLogin:not(:has(#tools-toggle)) #ProcessLoginForm input::placeholder { - color: var(--muted-color); + color: var(--pw-muted-color); } .ProcessLogin:not(:has(#tools-toggle)) #pw-masthead-mobile { @@ -4593,7 +4594,7 @@ body.pw-guest .pw-notices > li > .uk-container { .ProcessLogin:not(:has(#tools-toggle)) #ProcessLoginForm > .Inputfields input:focus-visible { outline: none; - background-color: var(--blocks-background); + background-color: var(--pw-blocks-background); } .ProcessLogin:not(:has(#tools-toggle)) .pw-logo-link > * { @@ -4620,11 +4621,11 @@ html.pw:has(.ProcessLogin):not(:has(#tools-toggle)) { min-height: 30vh; max-width: 380px; max-height: 900px; - border: 1px solid var(--border-color); + border: 1px solid var(--pw-border-color); } html.pw body.ProcessLogin:not(:has(#tools-toggle)) { - background: var(--blocks-background); + background: var(--pw-blocks-background); box-shadow: none; padding: 20px; display: flex; @@ -4650,8 +4651,8 @@ pre, :not(pre) > code, :not(pre) > kbd, :not(pre) > samp { - color: var(--code-color, #0173b0); - background-color: var(--code-background, #0173b027); + color: var(--pw-code-color, #0173b0); + background-color: var(--pw-code-background, #0173b027); outline: none; border: none; border-radius: 0; @@ -4665,12 +4666,12 @@ pre, .asmListItem > .asmListItemStatus > .columnWidth:not(.columnWidthOff):hover { - color: var(--main-color); + color: var(--pw-main-color); } } .pw .asmListItem .columnWidthBar { - background-color: var(--main-color) !important; + background-color: var(--pw-main-color) !important; z-index: 0; } @@ -4679,7 +4680,7 @@ pre, .pw .asmListItem .asmListItemEdit > *, .pw .asmListItem .asmListItemStatus { opacity: 1; - color: var(--text-color); + color: var(--pw-text-color); } .pw .asmListItem .asmListItemEdit > a, @@ -4764,7 +4765,7 @@ pre, border-bottom: 5px solid transparent; opacity: 1; background: transparent !important; - color: var(--muted-color); + color: var(--pw-muted-color); text-transform: uppercase; } @@ -4775,7 +4776,7 @@ pre, .langTabs .ui-tabs-nav > li.uk-active > a, .langTabs .uk-tab > li.uk-active > a { - border-bottom-color: var(--main-color); + border-bottom-color: var(--pw-main-color); } .langTabs .ui-tabs-nav > li, @@ -4787,22 +4788,22 @@ pre, .langTabs .uk-tab > li > a, .langTabs .ui-tabs-nav > li.langTabEmpty > a, .langTabs .uk-tab > li.langTabEmpty > a { - color: var(--muted-color); + color: var(--pw-muted-color); position: relative; } .langTabs .ui-tabs-nav > li > a:focus-visible, .langTabs .uk-tab > li > a:focus-visible { - color: var(--text-color); + color: var(--pw-text-color); } .langTabs .uk-tab > li:not(.langTabEmpty) > a { - color: var(--text-color); + color: var(--pw-text-color); } @media (hover: hover) and (pointer: fine) { .langTabs .uk-tab > li:not(.langTabEmpty) > a:hover { - color: var(--text-color); + color: var(--pw-text-color); } } @@ -4832,23 +4833,23 @@ body .pw-panel-container .pw-panel-button.ui-button { body .pw-panel-container .pw-panel-button.ui-button, body .pw-panel-container .pw-panel-button.ui-button i.fa { - background-color: var(--main-background) !important; + background-color: var(--pw-main-background) !important; } @media (hover: hover) and (pointer: fine) { body .pw-panel-container .pw-panel-button.ui-button i.fa:hover, body .pw-panel-container .pw-panel-button.ui-button:hover { - background-color: var(--main-background); + background-color: var(--pw-main-background); } } body .pw-panel-container:has(> iframe) .pw-panel-button.ui-button, body .pw-panel-container:has(> iframe) .pw-panel-button.ui-button i.fa { - background-color: var(--blocks-background) !important; + background-color: var(--pw-blocks-background) !important; } @media (hover: hover) and (pointer: fine) { body .pw-panel-container:has(> iframe) .pw-panel-button.ui-button i.fa:hover, body .pw-panel-container:has(> iframe) .pw-panel-button.ui-button:hover { - background-color: var(--blocks-background) !important; + background-color: var(--pw-blocks-background) !important; } } @@ -4859,7 +4860,7 @@ body .pw-panel-container:has(> iframe) .pw-panel-button.ui-button i.fa { .pw .tox-dialog .tox-button, .pw .vex-dialog-button, .pw .vex.vex-theme-default .vex-dialog-button { - border-radius: var(--button-radius); + border-radius: var(--pw-button-radius); } .pw-button-dropdown-main, @@ -4896,12 +4897,12 @@ button.ui-button.pw-button-dropdown-main { .pw .ahl__link:active, .pw .ahl__link:visited, .pw .ahl__link i { - color: var(--muted-color) !important; + color: var(--pw-muted-color) !important; opacity: 1 !important; } @media (hover: hover) and (pointer: fine) { .pw .ahl__link:hover { - color: var(--muted-color) !important; + color: var(--pw-muted-color) !important; opacity: 1 !important; } } @@ -4944,11 +4945,11 @@ body.uk-offcanvas-container #offcanvas-toggle > .fa-bars:before { } .Inputfields .Inputfield.pw-drag-in-file { - background: var(--inputs-background) !important; + background: var(--pw-inputs-background) !important; } .InputfieldIsPrimary:not(.InputfieldNoBorder) { - background-color: var(--main-background); + background-color: var(--pw-main-background); } .pw .Inputfields { @@ -4969,7 +4970,7 @@ body.uk-offcanvas-container #offcanvas-toggle > .fa-bars:before { .pw .Inputfield:not(.InputfieldNoBorder, .InputfieldWrapper), .Inputfields .InputfieldRepeater:not(.InputfieldIsColor):not(.InputfieldNoBorder) { - background: var(--blocks-background); + background: var(--pw-blocks-background); } .pw @@ -4977,27 +4978,27 @@ body.uk-offcanvas-container #offcanvas-toggle > .fa-bars:before { .InputfieldNoBorder, .InputfieldWrapper ) { - background: var(--notes-background) !important; + background: var(--pw-notes-background) !important; } .InputfieldIsSuccess:not(.InputfieldNoBorder)>.InputfieldHeader, .InputfieldIsSuccess:not(.InputfieldNoBorder)>.InputfieldContent { - background: var(--alert-success) ; - color: var(--text-color); + background: var(--pw-alert-success) ; + color: var(--pw-text-color); } .InputfieldIsWarning:not(.InputfieldNoBorder)>.InputfieldHeader, .InputfieldIsWarning:not(.InputfieldNoBorder)>.InputfieldContent { - background: var(--alert-warning); - color: var(--text-color); + background: var(--pw-alert-warning); + color: var(--pw-text-color); } .InputfieldIsError:not(.InputfieldNoBorder)>.InputfieldHeader, .InputfieldIsError:not(.InputfieldNoBorder)>.InputfieldContent { - background: var(--alert-danger); - color: var(--text-color); + background: var(--pw-alert-danger); + color: var(--pw-text-color); } :not(.InputfieldFieldset)>.InputfieldContent>.Inputfields>.InputfieldMarkup.InputfieldHeaderHidden:not(.InputfieldNoBorder, .InputfieldWrapper), .InputfieldForm>.Inputfields>.InputfieldMarkup.InputfieldHeaderHidden:not(.InputfieldNoBorder, .InputfieldWrapper) { - outline: 1px solid var(--border-color) !important; + outline: 1px solid var(--pw-border-color) !important; padding-left: 20px; padding-right: 20px; } @@ -5014,7 +5015,7 @@ body.uk-offcanvas-container #offcanvas-toggle > .fa-bars:before { .InputfieldNoBorder, .InputfieldWrapper ) { - background: var(--main-background) !important; + background: var(--pw-main-background) !important; } .InputfieldNoBorder > .InputfieldHeader { @@ -5031,7 +5032,7 @@ body.uk-offcanvas-container #offcanvas-toggle > .fa-bars:before { #ProcessListerResults #ProcessListerTable .pw-table-responsive { outline: none; - border: 1px solid var(--border-color); + border: 1px solid var(--pw-border-color); } .pw input[disabled="disabled"] { @@ -5056,6 +5057,10 @@ body.uk-offcanvas-container #offcanvas-toggle > .fa-bars:before { border: none; } +.InputfieldHeader { + margin-top: 1px; +} + .pw .Inputfields .InputfieldRepeater @@ -5091,7 +5096,7 @@ body.uk-offcanvas-container #offcanvas-toggle > .fa-bars:before { .ui-widget-header .ui-priority-secondary { opacity: 1; filter: none; - color: var(--muted-color); + color: var(--pw-muted-color); } a @@ -5104,7 +5109,7 @@ a } html.pw .Inputfield.InputfieldTinyMCE .InputfieldContent { - /* RJC background-color: var(--blocks-background, #f4f4f4); */ + background-color: var(--pw-blocks-background, #f4f4f4); } .pw .tox-dialog .tox-button--naked { @@ -5125,11 +5130,11 @@ html.pw .Inputfield.InputfieldTinyMCE .InputfieldContent { background-image: linear-gradient( 45deg, transparent 50%, - var(--text-color) 50% + var(--pw-text-color) 50% ), - linear-gradient(135deg, var(--text-color) 50%, transparent 50%), - linear-gradient(45deg, var(--text-color) 50%, transparent 50%), - linear-gradient(135deg, transparent 50%, var(--text-color) 50%) !important; + linear-gradient(135deg, var(--pw-text-color) 50%, transparent 50%), + linear-gradient(45deg, var(--pw-text-color) 50%, transparent 50%), + linear-gradient(135deg, transparent 50%, var(--pw-text-color) 50%) !important; background-position: calc(100% - 12px) calc(50% + 4px), calc(100% - 8px) calc(50% + 4px), calc(100% - 8px) calc(50% - 4px), calc(100% - 12px) calc(50% - 4px) !important; @@ -5148,7 +5153,7 @@ a .ModuleClass.ui-priority-secondary { .pw #ProcessPageEditChildEdit .PageEditChild { border: none; - background-color: var(--blocks-background) !important; + background-color: var(--pw-blocks-background) !important; } .pw #ProcessPageEditChildEdit .PageEditChildHidden { @@ -5169,7 +5174,7 @@ a .ModuleClass.ui-priority-secondary { .PageEditChildUnpub > .InputfieldHeader .PageEditChildUnpubAction { - color: var(--main-color); + color: var(--pw-main-color); } #offcanvas-toggle { @@ -5179,10 +5184,10 @@ a .ModuleClass.ui-priority-secondary { .pw .vex .vex-content, .pw .vex.vex-theme-default .vex-content, .pw .ui-datepicker { - background-color: var(--blocks-background); - color: var(--text-color); + background-color: var(--pw-blocks-background); + color: var(--pw-text-color); border-radius: 0; - border: 1px solid var(--border-color); + border: 1px solid var(--pw-border-color); } .ui-datepicker { @@ -5191,82 +5196,82 @@ a .ModuleClass.ui-priority-secondary { } .ui-datepicker table th { - color: var(--text-color); + color: var(--pw-text-color); } .ui-datepicker table td .ui-state-default { border: 1px solid transparent; - color: var(--text-color); + color: var(--pw-text-color); border-radius: 0; } .pw .ui-datepicker table td .ui-state-default:hover { - background: var(--main-color); - border: 1px solid var(--main-color); - color: var(--blocks-background); + background: var(--pw-main-color); + border: 1px solid var(--pw-main-color); + color: var(--pw-blocks-background); } .ui-datepicker table td .ui-state-highlight, .ui-datepicker table td .ui-state-highlight:hover { - border: 1px solid var(--main-color); - background: var(--blocks-background); - color: var(--text-color); + border: 1px solid var(--pw-main-color); + background: var(--pw-blocks-background); + color: var(--pw-text-color); font-weight: 600; - color: var(--main-color); + color: var(--pw-main-color); } .ui-datepicker table td .ui-state-active, .ui-datepicker table td .ui-state-active:hover { - background: var(--main-color); - border-color: var(--main-color); - color: var(--blocks-background); + background: var(--pw-main-color); + border-color: var(--pw-main-color); + color: var(--pw-blocks-background); } .ui-datepicker .ui-datepicker-title { - color: var(--blocks-background); + color: var(--pw-blocks-background); } .ui-datepicker .ui-datepicker-header { - border-bottom: var(--border-color); + border-bottom: var(--pw-border-color); } .ui-datepicker .ui-datepicker-next { - color: var(--text-color); + color: var(--pw-text-color); } .ui-datepicker .ui-datepicker-prev { - color: var(--text-color); + color: var(--pw-text-color); } .ui-datepicker .ui-datepicker-next.ui-datepicker-next-hover { - color: var(--main-color); + color: var(--pw-main-color); } .ui-datepicker button.ui-datepicker-current { - color: var(--blocks-background); - background: var(--main-color); - border-color: var(--main-color); + color: var(--pw-blocks-background); + background: var(--pw-main-color); + border-color: var(--pw-main-color); } .ui-datepicker button.ui-datepicker-close { - background: var(--text-color); - border-color: var(--text-color); - color: var(--blocks-color); + background: var(--pw-text-color); + border-color: var(--pw-text-color); + color: var(--pw-blocks-color); } .ui-datepicker button.ui-datepicker-close:hover { - background: var(--main-color); - border-color: var(--main-color); + background: var(--pw-main-color); + border-color: var(--pw-main-color); } .pw .AdminThemeUikit .ui-slider { - background: var(--inputs-background); - border: 1px solid var(--border-color); + background: var(--pw-inputs-background); + border: 1px solid var(--pw-border-color); } .pw .AdminThemeUikit .ui-slider .ui-slider-handle { top: -5px; - background: var(--main-color); + background: var(--pw-main-color); border-radius: 99999px; height: 16px; width: 16px; @@ -5275,24 +5280,24 @@ a .ModuleClass.ui-priority-secondary { .ui-slider .ui-slider-range, .ui-widget .ui-slider .ui-slider-range, .ui-widget-content .ui-slider .ui-slider-range { - background: var(--border-color); + background: var(--pw-border-color); } .ui-datepicker .ui-timepicker-div { - border-top: 1px solid var(--border-color); - border-bottom: 1px solid var(--border-color); + border-top: 1px solid var(--pw-border-color); + border-bottom: 1px solid var(--pw-border-color); } .ui-datepicker .ui-timepicker-div #ui_tpicker_time_Inputfield_date { - color: var(--blocks-background); + color: var(--pw-blocks-background); } .ui-datepicker .ui-datepicker-title select { min-height: 22px; border-radius: 0; - border-color: var(--border-color); - background-color: var(--blocks-background); - color: var(--text-color); + border-color: var(--pw-border-color); + background-color: var(--pw-blocks-background); + color: var(--pw-text-color); } .ui-datepicker .ui-timepicker-div:last-child { @@ -5317,14 +5322,14 @@ a .ModuleClass.ui-priority-secondary { } .pw li.pageBreak .asmListItemLabel { - background-color: var(--blocks-background); + background-color: var(--pw-blocks-background); } .pw .asmListItem.pageBreak .asmListItemEdit > *, .pw .asmListItem.pageBreak > *:not(.columnWidthBar), .pw .asmListItem.pageBreak .asmListItemStatus, .pw .asmListItem.pageBreak .asmListItemStatus > * { - color: var(--muted-color); + color: var(--pw-muted-color); } .pw .asmListItem.pageBreak .asmListItemStatus > [data-was] { @@ -5336,15 +5341,15 @@ a .ModuleClass.ui-priority-secondary { } del { - color: var(--error-inline-text-color); + color: var(--pw-error-inline-text-color); } span.pw-diff { - color: var(--muted-color); + color: var(--pw-muted-color); } ins { - color: var(--text-color); + color: var(--pw-text-color); font-weight: inherit; } @@ -5362,30 +5367,30 @@ ins { } .InputfieldIconAll .fa.fw { - color: var(--text-color); + color: var(--pw-text-color); } .InputfieldIconAll .fa.fw.on { - color: var(--button-color); - background-color: var(--button-background); - border-radius: var(--input-radius); + color: var(--pw-button-color); + background-color: var(--pw-button-background); + border-radius: var(--pw-input-radius); } .pw .fm-show-buttons { - color: var(--text-color); + color: var(--pw-text-color); } .pw .fm-show-buttons:hover { - color: var(--main-color); + color: var(--pw-main-color); } .uk-text-primary { - color: var(--main-color); + color: var(--pw-main-color); } .pw .AdminThemeUikit .ui-button.ui-dialog-titlebar-close:hover, .pw .AdminThemeUikit .ui-button.ui-dialog-titlebar-close.ui-state-hover { - color: var(--text-color); + color: var(--pw-text-color); background-color: transparent; } diff --git a/wire/modules/AdminTheme/AdminThemeUikit/themes/default/config.js b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/config.js index 798d09bf..ba4bddb6 100644 --- a/wire/modules/AdminTheme/AdminThemeUikit/themes/default/config.js +++ b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/config.js @@ -60,7 +60,7 @@ $(document).ready(function() { ""); 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..8b887134 --- /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"){if($("body").hasClass("dark-theme")){return $("#defaultMainColorCustomDark").val()}else{return $("#defaultMainColorCustom").val()}}return $f.closest("label").find(".defaultMainColorLabel").css("background-color")}function setMainColor(value){if(typeof value==="undefined")value=getMainColor();console.log("setMainColor",value);$("#main-color-custom").remove();$(".pw-logo-native").css("color",value);var styleName=getCurrentStyleName();setButtonColor(styleName==="dark"?value:"black");$("head").append("")}function updateToggles(){var $use2Colors=$("#defaultToggles_use2Colors");var hidden=!$("#defaultMainColor_custom").prop("checked");$use2Colors.parent("label").prop("hidden",hidden);if($("#defaultToggles_useTogcbx").prop("checked")){$("body").addClass("pw-togcbx")}else{$("body").removeClass("pw-togcbx")}}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");var color=getMainColor();setMainColor(color);setButtonColor(styleName==="light"?"black":color)});$("#wrap_defaultMainColor").on("input","input",function(){var value="main-color-"+$(this).val();var color;if(value==="main-color-custom"){if($("#defaultToggles_use2Colors").prop("checked")){color=$("body").hasClass("dark-theme")?$("#defaultMainColorCustomDark").val():$("#defaultMainColorCustom").val()}else{color=$("#defaultMainColorCustom").val()}}else{color=$(this).closest("label").find(".defaultMainColorLabel").css("background")}$body.removeClass(colorClasses).addClass(value);setMainColor(color);updateToggles()});$("#defaultMainColorCustom, #defaultMainColorCustomDark").on("input",function(){var value=$(this).val();$body.removeClass(colorClasses).addClass("main-color-custom");if($(this).attr("id")==="defaultMainColorCustomDark"){if($("body").hasClass("dark-theme"))setMainColor(value)}else{if($("body").hasClass("light-theme")){setMainColor(value)}else if(!$("#defaultToggles_use2Colors").prop("checked")){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)});$("#defaultToggles_use2Colors").on("change",function(){if($(this).prop("checked")){$("#defaultMainColorCustomDark").trigger("input")}else{$("#defaultMainColorCustom").trigger("input")}});$("#defaultToggles_useTogcbx").on("change",updateToggles);updateToggles()}); \ 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 index 4bbca13b..a68fe249 100644 --- a/wire/modules/AdminTheme/AdminThemeUikit/themes/default/config.php +++ b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/config.php @@ -11,13 +11,12 @@ if($adminTheme->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->description = __('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->label = __('Would you like a default of light or dark mode?'); $darkAttr = []; $value = $adminTheme->get('defaultStyleName'); if(empty($value)) $value = 'auto'; diff --git a/wire/modules/AdminTheme/AdminThemeUikit/themes/default/content.css b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/content.css index 5b36f75c..3cc8da56 100644 --- a/wire/modules/AdminTheme/AdminThemeUikit/themes/default/content.css +++ b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/content.css @@ -1,27 +1,27 @@ @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);*/ - background: transparent; + font-family: "Inter", system-ui, sans-serif; + line-height: 1.5; + margin: 1rem; + font-size: 16px; + color: var(--pw-text-color, #333); + /*background: var(--pw-inputs-background, #f8f8f8);*/ + background: transparent; } a { - text-underline-offset: 0.125em; + text-underline-offset: 0.125em; } .mce-content-body small { - font-size: 14px; + font-size: 14px; } .mce-content-body strong, .mce-content-body strong em, .mce-content-body em strong { - font-weight: bold; + font-weight: bold; } .mce-content-body em { - font-style: italic; + font-style: italic; } .mce-content-body h1, .mce-content-body h2, @@ -29,135 +29,135 @@ a { .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; + color: var(--pw-text-color, #222); + font-weight: bold; + line-height: 1.2em; + text-transform: none; + margin: 1rem 0; } .mce-content-body h1 { - font-size: 2rem; + font-size: 2rem; } .mce-content-body h2 { - font-size: 1.7rem; + font-size: 1.7rem; } .mce-content-body h3 { - font-size: 1.5rem; + font-size: 1.5rem; } .mce-content-body h4 { - font-size: 1.3rem; + font-size: 1.3rem; } .mce-content-body h5 { - font-size: 1.2rem; + font-size: 1.2rem; } .mce-content-body h6 { - font-size: 1.1rem; + font-size: 1.1rem; } .mce-content-body hr { - border-style: solid; - border-width: 1px 0 0 0; + 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; + border-radius: 3px; + padding: 0.1rem 0.2rem; + /* background-color: var(--pw-muted-color, #f5f2f0); */ + color: var(--pw-text-color, #222); + font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace; } .mce-content-body a { - color: var(--main-color, #0782c1); - text-decoration: underline; + color: var(--pw-main-color, #0782c1); + text-decoration: underline; } .mce-content-body table:not([cellpadding]) td, .mce-content-body table:not([cellpadding]) th { - padding: 0.4rem; + padding: 0.4rem; } .mce-content-body - table[border]:not([border="0"]):not([style*="border-width"]) - td, +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; +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, +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; +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, +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); +table[border]:not([border="0"]):not([style*="border-color"]) +th { + border-color: var(--pw-border-color, #ccc); } .mce-content-body span[lang] { - font-style: italic; + font-style: italic; } .mce-content-body table { - border-collapse: collapse; + 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; + color: var(--pw-text-color, #333); + border-color: var(--pw-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; + 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; + border-right: 2px solid; + margin-right: 1.5rem; + padding-right: 1rem; } .mce-content-body figure { - display: table; - margin-top: 1rem; - margin-bottom: 1rem; + display: table; + margin-top: 1rem; + margin-bottom: 1rem; } .mce-content-body figure:first-child { - margin-top: 0; + 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); + margin-top: 5px; + display: table-caption; + caption-side: bottom; + line-height: 1.3em; + font-size: 14px; + color: #999; + color: var(--pw-muted-text, #999); } .mce-content-body .align_right, .mce-content-body .align-right, .mce-content-body .right { - text-align: right; - float: none; + text-align: right; + float: none; } .mce-content-body .align_left, .mce-content-body .align-left, .mce-content-body .left { - text-align: left; - float: none; + text-align: left; + float: none; } .mce-content-body .align_center, .mce-content-body .align-center, .mce-content-body .center { - text-align: center; + text-align: center; } .mce-content-body .align_full, .mce-content-body .align-full, .mce-content-body .full { - text-align: justify; + text-align: justify; } .mce-content-body img.align_right, .mce-content-body img.align-right, @@ -168,11 +168,11 @@ a { .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; + 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, @@ -183,11 +183,11 @@ a { .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; + 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, @@ -198,10 +198,10 @@ a { .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; + text-align: initial; + display: block; + margin-left: auto; + margin-right: auto; } .mce-content-body img.align_full, .mce-content-body img.align-full, @@ -212,54 +212,54 @@ a { .mce-content-body table.align_full, .mce-content-body table.align-full, .mce-content-body table.full { - text-align: initial; - width: 100%; + text-align: initial; + width: 100%; } .mce-content-body img { - max-width: 100%; + max-width: 100%; } .mce-content-body img.align_center, .mce-content-body img.align-center, .mce-content-body img.center { - display: block; + display: block; } .mce-content-body img:hover { - opacity: 0.9; - filter: alpha(opacity=90); + 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); + padding: 1px; + margin: 1px; + border: none; + outline: 1px solid var(--pw-main-color, #0782c1); } .mce-content-body pre { - /*border: 1px dashed var(--border-color, #ccc);*/ - /*padding: 0.5rem 1rem !important;*/ - border: 0; - white-space: pre-wrap; - word-wrap: break-word; - -moz-tab-size: 4; - -o-tab-size: 4; - -webkit-tab-size: 4; - tab-size: 4; - font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace; - font-size: 15px; - color: light-dark(#333, #fff); - background: light-dark(#eee, #333); - font-size: 0.9375rem; - margin: 0.5em 0; - padding: 0.5rem 1rem; - border-radius: 4px; + /*border: 1px dashed var(--pw-border-color, #ccc);*/ + /*padding: 0.5rem 1rem !important;*/ + border: 0; + white-space: pre-wrap; + word-wrap: break-word; + -moz-tab-size: 4; + -o-tab-size: 4; + -webkit-tab-size: 4; + tab-size: 4; + font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace; + font-size: 15px; + color: light-dark(#333, #fff); + background: light-dark(#eee, #333); + font-size: 0.9375rem; + margin: 0.5em 0; + padding: 0.5rem 1rem; + border-radius: 4px; } .mce-content-body code { - font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace; - font-size: 15px; - color: light-dark(#333, #fff); - background-color: light-dark(#eee, #333); + font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace; + font-size: 15px; + color: light-dark(#333, #fff); + background-color: light-dark(#eee, #333); } .mce-content-body pre code { - background-color: initial; + background-color: initial; } /* @@ -269,6 +269,6 @@ a > .mce-content-body img { background: #f5f2f0; margin: 0.5em 0; padding: 0.5rem 1rem; - color: var(--muted-color, #777); + color: var(--pw-muted-color, #777); } */ diff --git a/wire/modules/AdminTheme/AdminThemeUikit/themes/default/content.min.css b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/content.min.css index f42c1437..908b6998 100644 --- a/wire/modules/AdminTheme/AdminThemeUikit/themes/default/content.min.css +++ b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/content.min.css @@ -1 +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 +.mce-content-body{font-family:Inter,system-ui,sans-serif;line-height:1.5;margin:1rem;font-size:16px;color:var(--pw-text-color,#333);background:var(--pw-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(--pw-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(--pw-muted-color,#f5f2f0);color:var(--pw-text-color,#222);font-family:Consolas,Monaco,"Andale Mono","Ubuntu Mono",monospace}.mce-content-body a{color:var(--pw-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(--pw-border-color,#ccc)}.mce-content-body span[lang]{font-style:italic}.mce-content-body table{border-collapse:collapse}.mce-content-body blockquote{color:var(--pw-text-color,#333);border-color:var(--pw-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(--pw-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(--pw-main-color,#0782c1)}.mce-content-body pre{color:#333;border:1px dashed var(--pw-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(--pw-muted-color,#777)} diff --git a/wire/modules/AdminTheme/AdminThemeUikit/themes/default/examples/borderless.css b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/examples/borderless.css index ce865752..d0acf43a 100644 --- a/wire/modules/AdminTheme/AdminThemeUikit/themes/default/examples/borderless.css +++ b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/examples/borderless.css @@ -3,6 +3,6 @@ /* ------------------------------------------------------------------ */ :root { - --border-color: var(--main-background); - --inputs-background: var(--blocks-background); + --pw-border-color: var(--pw-main-background); + --pw-inputs-background: var(--pw-blocks-background); } diff --git a/wire/modules/AdminTheme/AdminThemeUikit/themes/default/examples/masthead.css b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/examples/masthead.css index 901dc4a1..f8c5bd1d 100644 --- a/wire/modules/AdminTheme/AdminThemeUikit/themes/default/examples/masthead.css +++ b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/examples/masthead.css @@ -4,13 +4,13 @@ /* ----------------------------------------------------------------- */ :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); + --pw-masthead-background: var(--pw-main-color); + --pw-masthead-active-color: white; + --pw-masthead-text-color: rgba(255,255,255,0.8); + --pw-masthead-border-color: var(--pw-main-background); + --pw-masthead-logo-color: white; + --pw-masthead-input-background: var(--pw-masthead-background); + --pw-masthead-input-color: var(--pw-masthead-active-color); + --pw-masthead-input-border: var(--pw-masthead-text-color); + --pw-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 index 34f6290a..ca5eccfa 100644 --- a/wire/modules/AdminTheme/AdminThemeUikit/themes/default/examples/minimal.css +++ b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/examples/minimal.css @@ -3,35 +3,35 @@ /* ------------------------------------------------------------------ */ :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); + --pw-text-color: light-dark(blue, white); + --pw-main-color: var(--pw-text-color); + --pw-main-background:light-dark(white, #222); + --pw-border-color: light-dark(var(--pw-text-color), var(--pw-text-color)); + --pw-text-background: var(--pw-main-background); + --pw-inputs-background: var(--pw-text-background); + --pw-blocks-background: var(--pw-text-background); + --pw-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); + --pw-button-background: var(--pw-text-background); + --pw-button-color: light-dark(var(--pw-text-color), var(--pw-text-color)); + --pw-button-muted-color: var(--pw-muted-color); + --pw-button-border: var(--pw-button-color); + --pw-button-muted-background: var(--pw-button-background); + --pw-button-muted-border: var(--pw-button-muted-color); + --pw-button-hover-background: var(--pw-button-color); + --pw-button-hover-color: var(--pw-button-background); + --pw-button-hover-border: var(--pw-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); + --pw-masthead-background: var(--pw-text-background); + --pw-masthead-active-color: light-dark(var(--pw-text-color), var(--pw-text-color)); + --pw-masthead-text-color: var(--pw-masthead-active-color); + --pw-masthead-border-color: var(--pw-masthead-active-color); + --pw-masthead-logo-color: var(--pw-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); + --pw-alert-text-color: var(--pw-text-color); + --pw-alert-primary: light-dark(#ffd, var(--pw-text-background)); + --pw-alert-warning: light-dark(#fcda6d, #d57f00); + --pw-alert-success: light-dark(#97ecb2, #139472); + --pw-alert-danger: light-dark(#ec9797, #8a1919); + --pw-notes-background: light-dark(#ffd, #bdbdbd33); } diff --git a/wire/modules/AdminTheme/AdminThemeUikit/themes/default/info.php b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/info.php new file mode 100644 index 00000000..83a26439 --- /dev/null +++ b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/info.php @@ -0,0 +1,6 @@ + 'Konkat default', + 'author' => 'Konkat Studio', +]; diff --git a/wire/modules/AdminTheme/AdminThemeUikit/themes/default/ready.php b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/ready.php index 0fcff791..aa4322c0 100644 --- a/wire/modules/AdminTheme/AdminThemeUikit/themes/default/ready.php +++ b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/ready.php @@ -59,9 +59,9 @@ if(strpos($mainColorCode, '#') === 0 && ctype_alnum(ltrim($mainColorCode, '#'))) $mainDarkCode = $mainColors['customDark']; $use2Colors = $mainColor === 'custom' && in_array('use2Colors', $adminTheme->defaultToggles); if($use2Colors && strpos($mainDarkCode, '#') === 0 && ctype_alnum(ltrim($mainDarkCode, '#'))) { - $css = "--main-color: light-dark($mainColorCode, $mainDarkCode);"; + $css = "--pw-main-color: light-dark($mainColorCode, $mainDarkCode);"; } else { - $css = "--main-color: $mainColorCode"; + $css = "--pw-main-color: $mainColorCode"; } $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 index d224a29e..677e9eb8 100644 --- a/wire/modules/AdminTheme/AdminThemeUikit/themes/default/skin.min.css +++ b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/skin.min.css @@ -1,2527 +1,2527 @@ .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; + box-shadow: none; + box-sizing: content-box; + color: var(--pw-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; + 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; + 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; + direction: ltr; + text-align: left; } .tox[dir="rtl"] { - direction: rtl; - text-align: right; + 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; + border: 1px solid var(--pw-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; + border: none; + box-shadow: none; + overflow: initial; } .tox.tox-tinymce-inline .tox-editor-container { - overflow: initial; + 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; + background-color: var(--pw-blocks-background, #fff); + border: 1px solid var(--pw-border-color, #ccc); + border-radius: 0; + box-shadow: none; + overflow: hidden; } .tox-tinymce-aux { - font-family: "Inter", system-ui, sans-serif; - z-index: 1300; + font-family: "Inter", system-ui, sans-serif; + z-index: 1300; } .tox-tinymce :focus, .tox-tinymce-aux :focus { - outline: 0; + outline: 0; } button::-moz-focus-inner { - border: 0; + border: 0; } .tox[dir="rtl"] .tox-icon--flip svg { - transform: rotateY(180deg); + transform: rotateY(180deg); } .tox .accessibility-issue__header { - align-items: center; - display: flex; - margin-bottom: 4px; + align-items: center; + display: flex; + margin-bottom: 4px; } .tox .accessibility-issue__description { - align-items: stretch; - border-radius: 3px; - display: flex; - justify-content: space-between; + align-items: stretch; + border-radius: 3px; + display: flex; + justify-content: space-between; } .tox .accessibility-issue__description > div { - padding-bottom: 4px; + padding-bottom: 4px; } .tox .accessibility-issue__description > div > div { - align-items: center; - display: flex; - margin-bottom: 4px; + align-items: center; + display: flex; + margin-bottom: 4px; } .tox .accessibility-issue__description > div > div .tox-icon svg { - display: block; + display: block; } .tox .accessibility-issue__repair { - margin-top: 16px; + 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-dialog__body-content +.accessibility-issue--info +.accessibility-issue__description { + background-color: rgba(30, 113, 170, 0.1); + color: var(--pw-text-color, #222f3e); } .tox .tox-dialog__body-content .accessibility-issue--info .tox-form__group h2 { - color: #207ab7; + color: #207ab7; } .tox .tox-dialog__body-content .accessibility-issue--info .tox-icon svg { - fill: #207ab7; + 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-dialog__body-content +.accessibility-issue--info +a.tox-button--naked.tox-button--icon { + background-color: var(--pw-main-color, #207ab7); + color: var(--pw-blocks-background, #fff); } .tox - .tox-dialog__body-content - .accessibility-issue--info - a.tox-button--naked.tox-button--icon:focus, +.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-dialog__body-content +.accessibility-issue--info +a.tox-button--naked.tox-button--icon:hover { + background-color: var(--pw-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-dialog__body-content +.accessibility-issue--info +a.tox-button--naked.tox-button--icon:active { + background-color: var(--pw-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-dialog__body-content +.accessibility-issue--warn +.accessibility-issue__description { + background-color: rgba(255, 165, 0, 0.08); + color: var(--pw-text-color, #222f3e); } .tox .tox-dialog__body-content .accessibility-issue--warn .tox-form__group h2 { - color: #8f5d00; + color: #8f5d00; } .tox .tox-dialog__body-content .accessibility-issue--warn .tox-icon svg { - fill: #8f5d00; + 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-dialog__body-content +.accessibility-issue--warn +a.tox-button--naked.tox-button--icon { + background-color: #ffe89d; + color: var(--pw-text-color, #222f3e); } .tox - .tox-dialog__body-content - .accessibility-issue--warn - a.tox-button--naked.tox-button--icon:focus, +.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-dialog__body-content +.accessibility-issue--warn +a.tox-button--naked.tox-button--icon:hover { + background-color: #f2d574; + color: var(--pw-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-dialog__body-content +.accessibility-issue--warn +a.tox-button--naked.tox-button--icon:active { + background-color: #e8c657; + color: var(--pw-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-dialog__body-content +.accessibility-issue--error +.accessibility-issue__description { + background-color: rgba(204, 0, 0, 0.1); + color: var(--pw-text-color, #222f3e); } .tox .tox-dialog__body-content .accessibility-issue--error .tox-form__group h2 { - color: #c00; + color: #c00; } .tox .tox-dialog__body-content .accessibility-issue--error .tox-icon svg { - fill: #c00; + 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-dialog__body-content +.accessibility-issue--error +a.tox-button--naked.tox-button--icon { + background-color: #f2bfbf; + color: var(--pw-text-color, #222f3e); } .tox - .tox-dialog__body-content - .accessibility-issue--error - a.tox-button--naked.tox-button--icon:focus, +.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-dialog__body-content +.accessibility-issue--error +a.tox-button--naked.tox-button--icon:hover { + background-color: #e9a4a4; + color: var(--pw-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-dialog__body-content +.accessibility-issue--error +a.tox-button--naked.tox-button--icon:active { + background-color: #ee9494; + color: var(--pw-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-dialog__body-content +.accessibility-issue--success +.accessibility-issue__description { + background-color: rgba(120, 171, 70, 0.1); + color: var(--pw-text-color, #222f3e); } .tox - .tox-dialog__body-content - .accessibility-issue--success - .accessibility-issue__description - > :last-child { - display: none; +.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-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; + 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-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-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-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-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-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-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; + padding: 4px 8px 4px 4px; } .tox .tox-advtemplate .tox-form__grid { - flex: 1; + flex: 1; } .tox .tox-advtemplate .tox-form__grid > div:first-child { - display: flex; - flex-direction: column; - width: 30%; + 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; + 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%; - } + 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; + border-color: var(--pw-border-color, #ccc); + border-radius: 0; + border-style: solid; + border-width: 1px; + margin: 0 10px; } .tox .tox-anchorbar { - display: flex; - flex: 0 0 auto; + display: flex; + flex: 0 0 auto; } .tox .tox-bottom-anchorbar { - display: flex; - flex: 0 0 auto; + display: flex; + flex: 0 0 auto; } .tox .tox-bar { - display: flex; - flex: 0 0 auto; + 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; + 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(--pw-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; + border-radius: 3px; + bottom: -1px; + box-shadow: inset 0 0 0 2px var(--pw-blocks-background, #fff), + 0 0 0 1px var(--pw-main-color, #207ab7), + 0 0 0 3px var(--pw-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; + background-color: var(--pw-main-color, #207ab7); + background-image: none; + border-color: var(--pw-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); + background-color: var(--pw-inputs-background); + background-image: none; + border-color: var(--pw-inputs-background); + box-shadow: none; + color: var(--pw-blocks-background); } .tox .tox-button:focus-visible:not(:disabled)::before { - opacity: 1; + 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); + background-color: var(--pw-inputs-background); + background-image: none; + border-color: var(--pw-inputs-background); + box-shadow: none; + color: var(--pw-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); + background-color: var(--pw-inputs-background); + background-image: none; + border-color: var(--pw-inputs-background); + box-shadow: none; + color: var(--pw-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); + background-color: var(--pw-inputs-background); + background-image: none; + border-color: var(--pw-inputs-background); + box-shadow: none; + color: var(--pw-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; + background-color: var(--pw-inputs-background); + background-image: none; + border-color: var(--pw-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); + background-color: var(--pw-inputs-background); + background-image: none; + border-color: var(--pw-inputs-background); + box-shadow: none; + color: var(--pw-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); + background-color: var(--pw-inputs-background); + background-image: none; + border-color: var(--pw-inputs-background); + box-shadow: none; + color: var(--pw-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); + background-color: var(--pw-inputs-background); + background-image: none; + border-color: var(--pw-inputs-background); + box-shadow: none; + color: var(--pw-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; + 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; + 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; + background-color: var(--pw-inputs-background); + background-image: none; + background-position: 0 0; + background-repeat: repeat; + border-color: var(--pw-inputs-background); + border-radius: 3px; + border-style: solid; + border-width: 1px; + box-shadow: none; + color: var(--pw-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)); + background-color: var(--pw-inputs-background); + background-image: none; + border-color: var(--pw-inputs-background); + box-shadow: none; + color: var(--pw-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); + background-color: var(--pw-inputs-background); + background-image: none; + border-color: var(--pw-inputs-background); + box-shadow: none; + color: var(--pw-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); + background-color: var(--pw-inputs-background); + background-image: none; + border-color: var(--pw-inputs-background); + box-shadow: none; + color: var(--pw-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); + background-color: var(--pw-inputs-background); + background-image: none; + border-color: var(--pw-inputs-background); + box-shadow: none; + color: var(--pw-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); + background-color: var(--pw-inputs-background); + background-image: none; + border-color: var(--pw-inputs-background); + box-shadow: none; + color: var(--pw-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)); + background-color: var(--pw-inputs-background); + background-image: none; + border-color: var(--pw-inputs-background); + box-shadow: none; + color: var(--pw-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); + background-color: var(--pw-inputs-background); + background-image: none; + border-color: var(--pw-inputs-background); + box-shadow: none; + color: var(--pw-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); + background-color: var(--pw-inputs-background); + background-image: none; + border-color: var(--pw-inputs-background); + box-shadow: none; + color: var(--pw-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); + background-color: var(--pw-inputs-background); + background-image: none; + border-color: var(--pw-inputs-background); + box-shadow: none; + color: var(--pw-text-color, #222f3e); } .tox .tox-button--icon, .tox .tox-button.tox-button--icon, .tox .tox-button.tox-button--secondary.tox-button--icon { - padding: 4px; + 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; + 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; + 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; + font-size: 14px; } .tox .tox-button--naked { - background-color: transparent; - border-color: transparent; - box-shadow: unset; - color: var(--text-color, #222f3e); + background-color: transparent; + border-color: transparent; + box-shadow: unset; + color: var(--pw-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)); + background-color: var(--pw-inputs-background); + border-color: var(--pw-inputs-background); + box-shadow: none; + color: var(--pw-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); + background-color: var(--pw-inputs-background); + border-color: var(--pw-inputs-background); + box-shadow: none; + color: var(--pw-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); + background-color: var(--pw-inputs-background); + border-color: var(--pw-inputs-background); + box-shadow: none; + color: var(--pw-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); + background-color: var(--pw-inputs-background); + border-color: var(--pw-inputs-background); + box-shadow: none; + color: var(--pw-text-color, #222f3e); } .tox .tox-button--naked .tox-icon svg { - fill: currentColor; + fill: currentColor; } .tox .tox-button--naked.tox-button--icon:hover:not(:disabled) { - color: var(--text-color, #222f3e); + color: var(--pw-text-color, #222f3e); } .tox .tox-checkbox { - align-items: center; - border-radius: 3px; - cursor: pointer; - display: flex; - height: 36px; - min-width: 36px; + 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; + 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; + 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); + display: block; + fill: rgba(34, 47, 62, 0.3); } .tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg { - display: none; - fill: #207ab7; + display: none; + fill: #207ab7; } .tox .tox-checkbox__icons .tox-checkbox-icon__checked svg { - display: none; - fill: #207ab7; + display: none; + fill: #207ab7; } .tox .tox-checkbox--disabled { - color: var(--text-color, rgba(34, 47, 62, 0.5)); - cursor: not-allowed; + color: var(--pw-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-checkbox--disabled +.tox-checkbox__icons +.tox-checkbox-icon__checked +svg { + fill: var(--pw-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-checkbox--disabled +.tox-checkbox__icons +.tox-checkbox-icon__unchecked +svg { + fill: var(--pw-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-checkbox--disabled +.tox-checkbox__icons +.tox-checkbox-icon__indeterminate +svg { + fill: var(--pw-text-color, rgba(34, 47, 62, 0.5)); } .tox - input.tox-checkbox__input:checked - + .tox-checkbox__icons - .tox-checkbox-icon__unchecked - svg { - display: none; +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; +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; +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; +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); + 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; + margin-left: 4px; } .tox:not([dir="rtl"]) .tox-checkbox__input { - left: -10000px; + left: -10000px; } .tox:not([dir="rtl"]) .tox-bar .tox-checkbox { - margin-left: 4px; + margin-left: 4px; } .tox[dir="rtl"] .tox-checkbox__label { - margin-right: 4px; + margin-right: 4px; } .tox[dir="rtl"] .tox-checkbox__input { - right: -10000px; + right: -10000px; } .tox[dir="rtl"] .tox-bar .tox-checkbox { - margin-right: 4px; + margin-right: 4px; } .tox .tox-collection--toolbar .tox-collection__group { - display: flex; - padding: 0; + 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; + 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; + border-bottom-width: 0; + border-color: var(--pw-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; + 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; + background-color: #e6e6e6; + color: var(--pw-var(--pw-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; + align-items: center; + border-radius: 3px; + color: var(--pw-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; + padding: 4px 8px; } .tox .tox-collection--toolbar .tox-collection__item { - border-radius: 3px; - padding: 4px; + border-radius: 3px; + padding: 4px; } .tox .tox-collection--grid .tox-collection__item { - border-radius: 3px; - padding: 4px; + border-radius: 3px; + padding: 4px; } .tox .tox-collection--list .tox-collection__item--enabled { - background-color: var(--blocks-background, #fff); - color: var(--text-color, #222f3e); + background-color: var(--pw-blocks-background, #fff); + color: var(--pw-text-color, #222f3e); } .tox .tox-collection--list .tox-collection__item--active { - background-color: var(--inputs-background, #dee0e2); + background-color: var(--pw-inputs-background, #dee0e2); } .tox .tox-collection--toolbar .tox-collection__item--enabled { - background-color: var(--inputs-background, #c8cbcf); - color: var(--text-color, #222f3e); + background-color: var(--pw-inputs-background, #c8cbcf); + color: var(--pw-text-color, #222f3e); } .tox .tox-collection--toolbar .tox-collection__item--active { - background-color: var(--inputs-background, #dee0e2); + background-color: var(--pw-inputs-background, #dee0e2); } .tox .tox-collection--grid .tox-collection__item--enabled { - background-color: var(--inputs-background, #c8cbcf); - color: var(--text-color, #222f3e); + background-color: var(--pw-inputs-background, #c8cbcf); + color: var(--pw-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-collection--grid +.tox-collection__item--active:not(.tox-collection__item--state-disabled) { + background-color: var(--pw-inputs-background, #dee0e2); + color: var(--pw-text-color, #222f3e); } .tox - .tox-collection--list - .tox-collection__item--active:not(.tox-collection__item--state-disabled) { - color: var(--text-color, #222f3e); +.tox-collection--list +.tox-collection__item--active:not(.tox-collection__item--state-disabled) { + color: var(--pw-text-color, #222f3e); } .tox - .tox-collection--toolbar - .tox-collection__item--active:not(.tox-collection__item--state-disabled) { - color: var(--text-color, #222f3e); +.tox-collection--toolbar +.tox-collection__item--active:not(.tox-collection__item--state-disabled) { + color: var(--pw-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; + 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; + fill: currentColor; } .tox .tox-collection--toolbar-lg .tox-collection__item-icon { - height: 48px; - width: 48px; + 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; + 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; + color: var(--pw-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; + align-items: center; + display: flex; + min-height: 24px; } .tox .tox-collection__item-caret::after { - content: ""; - font-size: 0; - min-height: inherit; + content: ""; + font-size: 0; + min-height: inherit; } .tox .tox-collection__item-caret svg { - fill: var(--text-color, #222f3e); + fill: var(--pw-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; + background-color: transparent; + color: var(--pw-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)); + fill: var(--pw-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-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-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; + background-color: var(--pw-blocks-background); + border: 1px solid var(--pw-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; + 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; + height: 34px; + margin: 3px 0 2px 0; + padding: 0 4px; } .tox .tox-collection--horizontal .tox-collection__item-label { - white-space: nowrap; + white-space: nowrap; } .tox .tox-collection--horizontal .tox-collection__item-caret { - margin-left: 4px; + margin-left: 4px; } .tox .tox-collection__item-container { - display: flex; + display: flex; } .tox .tox-collection__item-container--row { - align-items: center; - flex: 1 1 auto; - flex-direction: 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-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-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-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-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-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; + 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-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-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-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-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-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-collection--horizontal +.tox-collection__group:not(:last-of-type) { + border-right: 1px solid var(--pw-border-color, #ccc); } .tox:not([dir="rtl"]) - .tox-collection--list - .tox-collection__item - > :not(:first-child) { - margin-left: 8px; +.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-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; + margin-left: 16px; + text-align: right; } .tox:not([dir="rtl"]) .tox-collection .tox-collection__item-caret { - margin-left: 16px; + 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-collection--horizontal +.tox-collection__group:not(:last-of-type) { + border-left: 1px solid var(--pw-border-color, #ccc); } .tox[dir="rtl"] - .tox-collection--list - .tox-collection__item - > :not(:first-child) { - margin-right: 8px; +.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-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; + margin-right: 16px; + text-align: left; } .tox[dir="rtl"] .tox-collection .tox-collection__item-caret { - margin-right: 16px; - transform: rotateY(180deg); + margin-right: 16px; + transform: rotateY(180deg); } .tox[dir="rtl"] .tox-collection--horizontal .tox-collection__item-caret { - margin-right: 4px; + margin-right: 4px; } .tox .tox-color-picker-container { - display: flex; - flex-direction: row; - height: 225px; - margin: 0; + display: flex; + flex-direction: row; + height: 225px; + margin: 0; } .tox .tox-sv-palette { - box-sizing: border-box; - display: flex; - height: 100%; + box-sizing: border-box; + display: flex; + height: 100%; } .tox .tox-sv-palette-spectrum { - height: 100%; + height: 100%; } .tox .tox-sv-palette, .tox .tox-sv-palette-spectrum { - width: 225px; + 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; + 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; + 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; + 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%; + 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; + width: 20px; } .tox .tox-hue-slider-spectrum:focus, .tox .tox-sv-palette-spectrum:focus { - outline: #08f solid; + outline: #08f solid; } .tox .tox-hue-slider-thumb { - background: var(--blocks-background); - border: 1px solid #000; - box-sizing: content-box; - height: 4px; - width: 100%; + background: var(--pw-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; + 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; + align-items: center; + display: flex; + justify-content: space-between; + margin-bottom: 5px; + width: inherit; } .tox .tox-rgb-form input { - width: 6em; + width: 6em; } .tox .tox-rgb-form input.tox-invalid { - border: 1px solid red !important; + border: 1px solid red !important; } .tox .tox-rgb-form .tox-rgba-preview { - border: 1px solid #000; - flex-grow: 2; - margin-bottom: 0; + border: 1px solid #000; + flex-grow: 2; + margin-bottom: 0; } .tox:not([dir="rtl"]) .tox-sv-palette { - margin-right: 15px; + margin-right: 15px; } .tox:not([dir="rtl"]) .tox-hue-slider { - margin-right: 15px; + margin-right: 15px; } .tox:not([dir="rtl"]) .tox-hue-slider-thumb { - margin-left: -1px; + margin-left: -1px; } .tox:not([dir="rtl"]) .tox-rgb-form label { - margin-right: 0.5em; + margin-right: 0.5em; } .tox[dir="rtl"] .tox-sv-palette { - margin-left: 15px; + margin-left: 15px; } .tox[dir="rtl"] .tox-hue-slider { - margin-left: 15px; + margin-left: 15px; } .tox[dir="rtl"] .tox-hue-slider-thumb { - margin-right: -1px; + margin-right: -1px; } .tox[dir="rtl"] .tox-rgb-form label { - margin-left: 0.5em; + 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; + margin: 2px 0 3px 4px; } .tox .tox-collection--list .tox-collection__group .tox-swatches-menu { - border: 0; - margin: -4px 0; + border: 0; + margin: -4px 0; } .tox .tox-swatches__row { - display: flex; + display: flex; } .tox .tox-swatch { - height: 30px; - transition: transform 0.15s, box-shadow 0.15s; - width: 30px; + 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); + 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; + align-items: center; + display: flex; + justify-content: center; } .tox .tox-swatch--remove svg path { - stroke: #e74c3c; + 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; + 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; + fill: var(--pw-text-color, #222f3e); + height: 24px; + width: 24px; } .tox .tox-swatches__picker-btn:hover { - background: var(--inputs-background, #dee0e2); + background: var(--pw-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; + display: none; + fill: var(--pw-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; + fill: var(--pw-blocks-background); + paint-order: stroke; + stroke: var(--pw-text-color, #222f3e); + stroke-width: 2px; } .tox div.tox-swatch:not(.tox-swatch--remove).tox-collection__item--enabled svg { - display: block; + display: block; } .tox:not([dir="rtl"]) .tox-swatches__picker-btn { - margin-left: auto; + margin-left: auto; } .tox[dir="rtl"] .tox-swatches__picker-btn { - margin-right: auto; + margin-right: auto; } .tox .tox-comment-thread { - background: var(--blocks-background); - position: relative; + background: var(--pw-blocks-background); + position: relative; } .tox .tox-comment-thread > :not(:first-child) { - margin-top: 8px; + 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; + background: var(--pw-blocks-background); + border: 1px solid var(--pw-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; + align-items: center; + color: var(--pw-text-color, #222f3e); + display: flex; + justify-content: space-between; } .tox .tox-comment__date { - color: var(--text-color, #222f3e); - font-size: 12px; - line-height: 18px; + color: var(--pw-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; + color: var(--pw-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%; + resize: none; + white-space: normal; + width: 100%; } .tox .tox-comment__expander { - padding-top: 8px; + padding-top: 8px; } .tox .tox-comment__expander p { - color: var(--muted-color, rgba(34, 47, 62, 0.7)); - font-size: 14px; - font-style: normal; + color: var(--pw-muted-color, rgba(34, 47, 62, 0.7)); + font-size: 14px; + font-style: normal; } .tox .tox-comment__body p { - margin: 0; + margin: 0; } .tox .tox-comment__buttonspacing { - padding-top: 16px; - text-align: center; + 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; + background: var(--pw-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; + 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%; + margin-bottom: 8px; + width: 100%; } .tox .tox-comment__edit { - display: flex; - flex-wrap: wrap; - justify-content: flex-end; - margin-top: 16px; + 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%; + 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; + background: var(--pw-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; + align-items: center; + color: var(--pw-text-color, #222f3e); + display: flex; + flex-direction: column; + position: relative; } .tox .tox-comment__loading-text > div { - padding-bottom: 16px; + 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; + 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; + background-color: var(--pw-blocks-background); + box-shadow: 0 0 8px 8px #fff; + color: var(--pw-text-color, #222f3e); + text-align: center; } .tox .tox-comment__overlaytext div:nth-of-type(2) { - font-size: 0.8em; + 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; + align-items: center; + background-color: var(--pw-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; + display: flex; + flex-direction: column; + flex-shrink: 1; + overflow: auto; } .tox .tox-conversations { - margin: 8px; + margin: 8px; } .tox:not([dir="rtl"]) .tox-comment__edit { - margin-left: 8px; + 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; + margin-left: 8px; } .tox[dir="rtl"] .tox-comment__edit { - margin-right: 8px; + 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; + margin-right: 8px; } .tox .tox-user { - align-items: center; - display: flex; + align-items: center; + display: flex; } .tox .tox-user__avatar svg { - fill: var(--muted-color, rgba(34, 47, 62, 0.7)); + fill: var(--pw-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; + 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; + color: var(--pw-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; + margin-right: 8px; } .tox:not([dir="rtl"]) .tox-user__avatar + .tox-user__name { - margin-left: 8px; + margin-left: 8px; } .tox[dir="rtl"] .tox-user__avatar img, .tox[dir="rtl"] .tox-user__avatar svg { - margin-left: 8px; + margin-left: 8px; } .tox[dir="rtl"] .tox-user__avatar + .tox-user__name { - margin-right: 8px; + 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; + 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; + 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); + background-color: var(--pw-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; + background-color: var(--pw-blocks-background); + border-color: var(--pw-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); - } + 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; + 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; + align-items: center; + background-color: var(--pw-blocks-background); + border-bottom: none; + color: var(--pw-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; + z-index: 1; } .tox .tox-dialog__draghandle { - cursor: grab; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; + cursor: grab; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; } .tox .tox-dialog__draghandle:active { - cursor: grabbing; + cursor: grabbing; } .tox .tox-dialog__dismiss { - margin-left: auto; + 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; + 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; + color: var(--pw-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; - } + 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; + 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; - } + .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; - } + 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; + border-bottom: 2px solid transparent; + color: var(--pw-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); + background-color: rgba(32, 122, 183, 0.1); } .tox .tox-dialog__body-nav-item--active { - border-bottom: 2px solid #207ab7; - color: #207ab7; + 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; + 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; + margin-bottom: 0; + margin-top: 16px; } .tox .tox-dialog__body-content > :first-child { - margin-top: 0; + margin-top: 0; } .tox .tox-dialog__body-content > :last-child { - margin-bottom: 0; + margin-bottom: 0; } .tox .tox-dialog__body-content > :only-child { - margin-bottom: 0; - margin-top: 0; + margin-bottom: 0; + margin-top: 0; } .tox .tox-dialog__body-content a { - color: #207ab7; - cursor: pointer; - text-decoration: underline; + 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; + color: var(--pw-inputs-background); + text-decoration: underline; } .tox .tox-dialog__body-content a:focus-visible { - border-radius: 1px; - outline: 2px solid #207ab7; - outline-offset: 2px; + border-radius: 1px; + outline: 2px solid #207ab7; + outline-offset: 2px; } .tox .tox-dialog__body-content a:active { - color: #092335; - text-decoration: underline; + color: #092335; + text-decoration: underline; } .tox .tox-dialog__body-content svg { - fill: var(--text-color, #222f3e); + fill: var(--pw-text-color, #222f3e); } .tox .tox-dialog__body-content strong { - font-weight: 700; + font-weight: 700; } .tox .tox-dialog__body-content ul { - list-style-type: disc; + 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; + 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; + 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; + 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; + color: var(--pw-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; + color: var(--pw-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; + 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; + 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; + 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; + margin-bottom: 0; + margin-top: 0; } .tox .tox-dialog__body-content .tox-form__group .tox-label.tox-label--center { - text-align: center; + text-align: center; } .tox .tox-dialog__body-content .tox-form__group .tox-label.tox-label--end { - text-align: end; + text-align: end; } .tox .tox-dialog--width-lg { - height: 650px; - max-width: 1200px; + height: 650px; + max-width: 1200px; } .tox .tox-dialog--fullscreen { - height: 100%; - max-width: 100%; + height: 100%; + max-width: 100%; } .tox .tox-dialog--fullscreen .tox-dialog__body-content { - max-height: 100%; + max-height: 100%; } .tox .tox-dialog--width-md { - max-width: 800px; + max-width: 800px; } .tox .tox-dialog--width-md .tox-dialog__body-content { - overflow: auto; + overflow: auto; } .tox .tox-dialog__body-content--centered { - text-align: center; + 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; + align-items: center; + background-color: var(--pw-blocks-background); + border-top: 1px solid var(--pw-border-color, #ccc); + display: flex; + justify-content: space-between; + padding: 8px 16px; } .tox .tox-dialog__footer-end, .tox .tox-dialog__footer-start { - display: flex; + 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; + 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%; + border-collapse: collapse; + width: 100%; } .tox .tox-dialog__table thead th { - font-weight: 700; - padding-bottom: 8px; + font-weight: 700; + padding-bottom: 8px; } .tox .tox-dialog__table thead th:first-child { - padding-right: 8px; + padding-right: 8px; } .tox .tox-dialog__table tbody tr { - border-bottom: 1px solid #404040; + border-bottom: 1px solid #404040; } .tox .tox-dialog__table tbody tr:last-child { - border-bottom: none; + border-bottom: none; } .tox .tox-dialog__table td { - padding-bottom: 8px; - padding-top: 8px; + padding-bottom: 8px; + padding-top: 8px; } .tox .tox-dialog__table td:first-child { - padding-right: 8px; + padding-right: 8px; } .tox .tox-dialog__iframe { - min-height: 200px; + min-height: 200px; } .tox .tox-dialog__iframe.tox-dialog__iframe--opaque { - background: var(--blocks-background); + background: var(--pw-blocks-background); } .tox .tox-navobj-bordered { - position: relative; + 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; + border: 1px solid var(--pw-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); + 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; + position: absolute; + width: 100%; + z-index: 1100; } .tox .tox-dialog__body-iframe { - display: flex; - flex: 1; - flex-direction: column; + display: flex; + flex: 1; + flex-direction: column; } .tox .tox-dialog__body-iframe .tox-navobj { - display: flex; - flex: 1; + display: flex; + flex: 1; } .tox .tox-dialog__body-iframe .tox-navobj :nth-child(2) { - flex: 1; - height: 100%; + flex: 1; + height: 100%; } .tox .tox-dialog-dock-fadeout { - opacity: 0; - visibility: hidden; + opacity: 0; + visibility: hidden; } .tox .tox-dialog-dock-fadein { - opacity: 1; - visibility: visible; + opacity: 1; + visibility: visible; } .tox .tox-dialog-dock-transition { - transition: visibility 0s linear 0.3s, opacity 0.3s ease; + transition: visibility 0s linear 0.3s, opacity 0.3s ease; } .tox .tox-dialog-dock-transition.tox-dialog-dock-fadein { - transition-delay: 0s; + 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; - } + 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; - } + 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; + margin-left: 8px; } .tox[dir="rtl"] .tox-dialog__body { - text-align: right; + 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; - } + 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; - } + 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; + margin-right: 8px; } body.tox-dialog__disable-scroll { - overflow: hidden; + overflow: hidden; } .tox .tox-dropzone-container { - display: flex; - flex: 1; + 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; + align-items: center; + background: var(--pw-blocks-background); + border: 2px dashed var(--pw-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; + color: var(--pw-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; + 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; + 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%; + background-color: var(--pw-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; + opacity: 1; } .tox.tox-inline-edit-area { - border: 1px dotted var(--border-color, #ccc); + border: 1px dotted var(--pw-border-color, #ccc); } .tox .tox-editor-container { - display: flex; - flex: 1 1 auto; - flex-direction: column; - overflow: hidden; + 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; + 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; + background-color: var(--pw-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-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; + border-top: 1px solid var(--pw-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-editor-header { + background-color: var(--pw-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-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; + background: 0 0; + border: none; + box-shadow: none; + padding: 0; } .tox-editor-dock-fadeout { - opacity: 0; - visibility: hidden; + opacity: 0; + visibility: hidden; } .tox-editor-dock-fadein { - opacity: 1; - visibility: visible; + opacity: 1; + visibility: visible; } .tox-editor-dock-transition { - transition: visibility 0s linear 0.25s, opacity 0.25s ease; + transition: visibility 0s linear 0.25s, opacity 0.25s ease; } .tox-editor-dock-transition.tox-editor-dock-fadein { - transition-delay: 0s; + transition-delay: 0s; } .tox .tox-control-wrap { - flex: 1; - position: relative; + flex: 1; + position: relative; } .tox - .tox-control-wrap:not(.tox-control-wrap--status-invalid) - .tox-control-wrap__status-icon-invalid, +.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-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-control-wrap:not(.tox-control-wrap--status-valid) +.tox-control-wrap__status-icon-valid { + display: none; } .tox .tox-control-wrap svg { - display: block; + display: block; } .tox .tox-control-wrap__status-icon-wrap { - position: absolute; - top: 50%; - transform: translateY(-50%); + position: absolute; + top: 50%; + transform: translateY(-50%); } .tox .tox-control-wrap__status-icon-invalid svg { - fill: #c00; + fill: #c00; } .tox .tox-control-wrap__status-icon-unknown svg { - fill: orange; + fill: orange; } .tox .tox-control-wrap__status-icon-valid svg { - fill: green; + 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; + padding-right: 32px; } .tox:not([dir="rtl"]) .tox-control-wrap__status-icon-wrap { - right: 4px; + 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; + padding-left: 32px; } .tox[dir="rtl"] .tox-control-wrap__status-icon-wrap { - left: 4px; + left: 4px; } .tox .tox-autocompleter { - max-width: 25em; + max-width: 25em; } .tox .tox-autocompleter .tox-menu { - box-sizing: border-box; - max-width: 25em; + box-sizing: border-box; + max-width: 25em; } .tox .tox-autocompleter .tox-autocompleter-highlight { - font-weight: 700; + font-weight: 700; } .tox .tox-color-input { - display: flex; - position: relative; - z-index: 1; + display: flex; + position: relative; + z-index: 1; } .tox .tox-color-input .tox-textfield { - z-index: -1; + 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; + 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; + 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; + 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; + cursor: not-allowed; } .tox:not([dir="rtl"]) .tox-color-input .tox-textfield { - padding-left: 36px; + padding-left: 36px; } .tox:not([dir="rtl"]) .tox-color-input span { - left: 6px; + left: 6px; } .tox[dir="rtl"] .tox-color-input .tox-textfield { - padding-right: 36px; + padding-right: 36px; } .tox[dir="rtl"] .tox-color-input span { - right: 6px; + 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; + color: var(--pw-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; + padding: 0 8px; } .tox[dir="rtl"] .tox-label { - padding: 0 0 0 8px; + padding: 0 0 0 8px; } .tox .tox-form { - display: flex; - flex: 1; - flex-direction: column; + display: flex; + flex: 1; + flex-direction: column; } .tox .tox-form__group { - box-sizing: border-box; - margin-bottom: 4px; + box-sizing: border-box; + margin-bottom: 4px; } .tox .tox-form-group--maximize { - flex: 1; + flex: 1; } .tox .tox-form__group--error { - color: #c00; + color: #c00; } .tox .tox-form__group--collection { - display: flex; + display: flex; } .tox .tox-form__grid { - display: flex; - flex-direction: row; - flex-wrap: wrap; - justify-content: space-between; + 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)); + width: calc(50% - (8px / 2)); } .tox .tox-form__grid--3col > .tox-form__group { - width: calc(100% / 3 - (8px / 2)); + width: calc(100% / 3 - (8px / 2)); } .tox .tox-form__grid--4col > .tox-form__group { - width: calc(25% - (8px / 2)); + width: calc(25% - (8px / 2)); } .tox .tox-form__controls-h-stack { - align-items: center; - display: flex; + align-items: center; + display: flex; } .tox .tox-form__group--inline { - align-items: center; - display: flex; + align-items: center; + display: flex; } .tox .tox-form__group--stretched { - display: flex; - flex: 1; - flex-direction: column; + display: flex; + flex: 1; + flex-direction: column; } .tox .tox-form__group--stretched .tox-textarea { - flex: 1; + flex: 1; } .tox .tox-form__group--stretched .tox-navobj { - display: flex; - flex: 1; + display: flex; + flex: 1; } .tox .tox-form__group--stretched .tox-navobj :nth-child(2) { - flex: 1; - height: 100%; + flex: 1; + height: 100%; } .tox:not([dir="rtl"]) .tox-form__controls-h-stack > :not(:first-child) { - margin-left: 4px; + margin-left: 4px; } .tox[dir="rtl"] .tox-form__controls-h-stack > :not(:first-child) { - margin-right: 4px; + margin-right: 4px; } .tox .tox-lock.tox-locked .tox-lock-icon__unlock, .tox .tox-lock:not(.tox-locked) .tox-lock-icon__lock { - display: none; + 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%; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background-color: var(--pw-blocks-background); + border-color: var(--pw-border-color, #ccc); + border-radius: 3px; + border-style: solid; + border-width: 1px; + box-shadow: none; + box-sizing: border-box; + color: var(--pw-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; + 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); + background-color: var(--pw-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; + 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; + 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); + display: block; + fill: var(--pw-text-color, #222f3e); } .tox:not([dir="rtl"]) .tox-toolbar-textfield + * { - margin-left: 4px; + margin-left: 4px; } .tox[dir="rtl"] .tox-toolbar-textfield + * { - margin-right: 4px; + margin-right: 4px; } .tox .tox-listboxfield { - cursor: pointer; - position: relative; + cursor: pointer; + position: relative; } .tox .tox-listboxfield .tox-listbox--select[disabled] { - background-color: #f2f2f2; - color: rgba(34, 47, 62, 0.85); - cursor: not-allowed; + 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; + cursor: default; + flex: 1; + margin: 0 4px; } .tox .tox-listbox__select-chevron { - align-items: center; - display: flex; - justify-content: center; - width: 16px; + align-items: center; + display: flex; + justify-content: center; + width: 16px; } .tox .tox-listbox__select-chevron svg { - fill: var(--text-color, #222f3e); + fill: var(--pw-text-color, #222f3e); } .tox .tox-listboxfield .tox-listbox--select { - align-items: center; - display: flex; + align-items: center; + display: flex; } .tox:not([dir="rtl"]) .tox-listboxfield svg { - right: 8px; + right: 8px; } .tox[dir="rtl"] .tox-listboxfield svg { - left: 8px; + left: 8px; } .tox .tox-selectfield { - cursor: pointer; - position: relative; + 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%; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background-color: var(--pw-blocks-background); + border-color: var(--pw-border-color, #ccc); + border-radius: 3px; + border-style: solid; + border-width: 1px; + box-shadow: none; + box-sizing: border-box; + color: var(--pw-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; + background-color: #f2f2f2; + color: rgba(34, 47, 62, 0.85); + cursor: not-allowed; } .tox .tox-selectfield select::-ms-expand { - display: none; + 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); + background-color: var(--pw-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%); + 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; + padding-right: 24px; } .tox:not([dir="rtl"]) .tox-selectfield svg { - right: 8px; + right: 8px; } .tox[dir="rtl"] .tox-selectfield select[size="0"], .tox[dir="rtl"] .tox-selectfield select[size="1"] { - padding-left: 24px; + padding-left: 24px; } .tox[dir="rtl"] .tox-selectfield svg { - left: 8px; + 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; + border-color: var(--pw-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; + -webkit-appearance: textarea; + -moz-appearance: textarea; + appearance: textarea; + white-space: pre-wrap; } .tox .tox-textarea-wrap .tox-textarea { - border: none; + border: none; } .tox .tox-textarea-wrap .tox-textarea:focus { - border: none; + border: none; } .tox-fullscreen { - border: 0; - height: 100%; - margin: 0; - overflow: hidden; - overscroll-behavior: none; - padding: 0; - touch-action: pinch-zoom; - width: 100%; + 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; + display: none; } .tox-shadowhost.tox-fullscreen, .tox.tox-tinymce.tox-fullscreen { - left: 0; - position: fixed; - top: 0; - z-index: 1200; + left: 0; + position: fixed; + top: 0; + z-index: 1200; } .tox.tox-tinymce.tox-fullscreen { - background-color: transparent; + background-color: transparent; } .tox-fullscreen .tox.tox-tinymce-aux, .tox-fullscreen ~ .tox.tox-tinymce-aux { - z-index: 1201; + z-index: 1201; } .tox .tox-help__more-link { - list-style: none; - margin-top: 1em; + list-style: none; + margin-top: 1em; } .tox .tox-imagepreview { - background-color: #666; - height: 380px; - overflow: hidden; - position: relative; - width: 100%; + background-color: #666; + height: 380px; + overflow: hidden; + position: relative; + width: 100%; } .tox .tox-imagepreview.tox-imagepreview__loaded { - overflow: auto; + overflow: auto; } .tox .tox-imagepreview__container { - display: flex; - left: 100vw; - position: absolute; - top: 100vw; + display: flex; + left: 100vw; + position: absolute; + top: 100vw; } .tox .tox-imagepreview__image { - background: url(data:image/gif;base64,R0lGODdhDAAMAIABAMzMzP///ywAAAAADAAMAAACFoQfqYeabNyDMkBQb81Uat85nxguUAEAOw==); + background: url(data:image/gif;base64,R0lGODdhDAAMAIABAMzMzP///ywAAAAADAAMAAACFoQfqYeabNyDMkBQb81Uat85nxguUAEAOw==); } .tox .tox-image-tools .tox-spacer { - flex: 1; + flex: 1; } .tox .tox-image-tools .tox-bar { - align-items: center; - display: flex; - height: 60px; - justify-content: center; + 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; + margin-top: 8px; } .tox .tox-image-tools .tox-croprect-block { - background: #000; - opacity: 0.5; - position: absolute; - zoom: 1; + 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; + 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; + 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; + 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; + 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; + 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; + 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; + 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; + border-color: var(--pw-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; + 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); + 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%; + color: var(--pw-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; + border-right: 0; } .tox[dir="rtl"] .tox-insert-table-picker > div:nth-child(10n + 1) { - border-right: 0; + 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; + background-color: var(--pw-blocks-background); + border: 1px solid var(--pw-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; + padding: 0 0; } .tox .tox-menu.tox-collection.tox-collection--toolbar { - padding: 4px; + padding: 4px; } .tox .tox-menu.tox-collection.tox-collection--grid { - padding: 4px; + 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 .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, @@ -2532,555 +2532,555 @@ body.tox-dialog__disable-scroll { .tox .tox-menu__label h5, .tox .tox-menu__label h6, .tox .tox-menu__label p { - margin: 0; + 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; + background-color: var(--pw-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; + 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; + background-color: var(--pw-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; + align-items: unsafe center; + background-color: var(--pw-inputs-background, #e8f1f8); + border-radius: 5px; + color: var(--pw-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; + align-items: center; + background: 0 0; + border: 0; + border-radius: 3px; + box-shadow: none; + color: var(--pw-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; + background-color: transparent; + border: 0; + box-shadow: none; + color: var(--pw-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); + background: var(--pw-inputs-background, #dee0e2); + border: 0; + box-shadow: none; + color: var(--pw-text-color, #222f3e); } .tox .tox-mbtn--active { - background: var(--inputs-background, #c8cbcf); - border: 0; - box-shadow: none; - color: var(--text-color, #222f3e); + background: var(--pw-inputs-background, #c8cbcf); + border: 0; + box-shadow: none; + color: var(--pw-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); + background: var(--pw-inputs-background, #dee0e2); + border: 0; + box-shadow: none; + color: var(--pw-text-color, #222f3e); } .tox .tox-mbtn__select-label { - cursor: default; - font-weight: 400; - margin: 0 4px; + cursor: default; + font-weight: 400; + margin: 0 4px; } .tox .tox-mbtn[disabled] .tox-mbtn__select-label { - cursor: not-allowed; + cursor: not-allowed; } .tox .tox-mbtn__select-chevron { - align-items: center; - display: flex; - justify-content: center; - width: 16px; - display: none; + 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; + 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; + font-size: 14px; + font-weight: 400; } .tox .tox-notification a { - cursor: pointer; - text-decoration: underline; + cursor: pointer; + text-decoration: underline; } .tox .tox-notification--in { - opacity: 1; + opacity: 1; } .tox .tox-notification--success { - background-color: #e4eeda; - border-color: #d7e6c8; - color: var(--text-color, #222f3e); + background-color: #e4eeda; + border-color: #d7e6c8; + color: var(--pw-text-color, #222f3e); } .tox .tox-notification--success p { - color: var(--text-color, #222f3e); + color: var(--pw-text-color, #222f3e); } .tox .tox-notification--success a { - color: #517342; + color: #517342; } .tox .tox-notification--success svg { - fill: var(--text-color, #222f3e); + fill: var(--pw-text-color, #222f3e); } .tox .tox-notification--error { - background-color: #f5cccc; - border-color: #f0b3b3; - color: var(--text-color, #222f3e); + background-color: #f5cccc; + border-color: #f0b3b3; + color: var(--pw-text-color, #222f3e); } .tox .tox-notification--error p { - color: var(--text-color, #222f3e); + color: var(--pw-text-color, #222f3e); } .tox .tox-notification--error a { - color: #77181f; + color: #77181f; } .tox .tox-notification--error svg { - fill: var(--text-color, #222f3e); + fill: var(--pw-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); + background-color: var(--pw-blocks-background) 5cc; + border-color: var(--pw-blocks-background) 0b3; + color: var(--pw-text-color, #222f3e); } .tox .tox-notification--warn p, .tox .tox-notification--warning p { - color: var(--text-color, #222f3e); + color: var(--pw-text-color, #222f3e); } .tox .tox-notification--warn a, .tox .tox-notification--warning a { - color: #7a6e25; + color: #7a6e25; } .tox .tox-notification--warn svg, .tox .tox-notification--warning svg { - fill: var(--text-color, #222f3e); + fill: var(--pw-text-color, #222f3e); } .tox .tox-notification--info { - background-color: #d6e7fb; - border-color: #c1dbf9; - color: var(--text-color, #222f3e); + background-color: #d6e7fb; + border-color: #c1dbf9; + color: var(--pw-text-color, #222f3e); } .tox .tox-notification--info p { - color: var(--text-color, #222f3e); + color: var(--pw-text-color, #222f3e); } .tox .tox-notification--info a { - color: #2a64a6; + color: #2a64a6; } .tox .tox-notification--info svg { - fill: var(--text-color, #222f3e); + fill: var(--pw-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; + align-self: center; + color: var(--pw-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; + margin: 0; } .tox .tox-notification__body > * + * { - margin-top: 1rem; + 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; + 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; + 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; + 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; + 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; + display: inline-block; + position: relative; } .tox .tox-pop--resizing { - transition: width 0.1s ease; + transition: width 0.1s ease; } .tox .tox-pop--resizing .tox-toolbar, .tox .tox-pop--resizing .tox-toolbar__group { - flex-wrap: nowrap; + flex-wrap: nowrap; } .tox .tox-pop--transition { - transition: 0.15s ease; - transition-property: left, right, top, bottom; + 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; + 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; + background-color: var(--pw-blocks-background); + border: 1px solid var(--pw-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; + margin: 4px 4px 4px 8px; } .tox .tox-pop__dialog .tox-toolbar { - background-color: transparent; - margin-bottom: -1px; + 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; + 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; + 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%; + 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; + border-color: var(--pw-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; + border-color: var(--pw-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%); + 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; + 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; + border-color: transparent transparent var(--pw-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%); + 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; + 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; + border-color: transparent var(--pw-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%); + 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; + 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; + border-color: transparent transparent transparent var(--pw-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; + left: 20px; } .tox .tox-pop.tox-pop--align-right::after, .tox .tox-pop.tox-pop--align-right::before { - left: calc(100% - 20px); + left: calc(100% - 20px); } .tox .tox-sidebar-wrap { - display: flex; - flex-direction: row; - flex-grow: 1; - min-height: 0; + 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; + background-color: var(--pw-blocks-background); + display: flex; + flex-direction: row; + justify-content: flex-end; } .tox .tox-sidebar__slider { - display: flex; - overflow: hidden; + display: flex; + overflow: hidden; } .tox .tox-sidebar__pane-container { - display: flex; + display: flex; } .tox .tox-sidebar__pane { - display: flex; + display: flex; } .tox .tox-sidebar--sliding-closed { - opacity: 0; + opacity: 0; } .tox .tox-sidebar--sliding-open { - opacity: 1; + opacity: 1; } .tox .tox-sidebar--sliding-growing, .tox .tox-sidebar--sliding-shrinking { - transition: width 0.5s ease, opacity 0.5s ease; + 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; + 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; + height: 12px; + width: 12px; } .tox .tox-slider { - align-items: center; - display: flex; - flex: 1; - height: 24px; - justify-content: center; - position: relative; + 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%; + background-color: transparent; + border: 1px solid var(--pw-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; + 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; + margin-inline-start: 8px; } .tox .tox-form__controls-h-stack > .tox-form__group + .tox-slider { - margin-inline-start: 32px; + margin-inline-start: 32px; } .tox .tox-form__controls-h-stack > .tox-slider + .tox-form__group { - margin-inline-start: 32px; + margin-inline-start: 32px; } .tox .tox-source-code { - overflow: auto; + overflow: auto; } .tox .tox-spinner { - display: flex; + 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; + animation: tam-bouncing-dots 1.5s ease-in-out 0s infinite both; + background-color: var(--pw-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; + animation-delay: -0.32s; } .tox .tox-spinner > div:nth-child(2) { - animation-delay: -0.16s; + animation-delay: -0.16s; } @keyframes tam-bouncing-dots { - 0%, - 100%, - 80% { - transform: scale(0); - } - 40% { - transform: scale(1); - } + 0%, + 100%, + 80% { + transform: scale(0); + } + 40% { + transform: scale(1); + } } .tox:not([dir="rtl"]) .tox-spinner > div:not(:first-child) { - margin-left: 4px; + margin-left: 4px; } .tox[dir="rtl"] .tox-spinner > div:not(:first-child) { - margin-right: 4px; + 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; + align-items: center; + background-color: var(--pw-blocks-background, #fff); + border-top: 1px solid var(--pw-border-color, #ccc); + color: var(--pw-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; + 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; + display: flex; + justify-content: flex-end; + white-space: nowrap; } .tox .tox-statusbar__help-text { - text-align: center; + text-align: center; } .tox .tox-statusbar__text-container { - display: flex; - flex: 1 1 auto; - justify-content: space-between; - overflow: hidden; + 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-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; + justify-content: flex-end; } .tox .tox-statusbar__text-container.tox-statusbar__text-container--flex-start { - justify-content: flex-start; + justify-content: flex-start; } .tox - .tox-statusbar__text-container.tox-statusbar__text-container--space-around { - justify-content: space-around; +.tox-statusbar__text-container.tox-statusbar__text-container--space-around { + justify-content: space-around; } .tox .tox-statusbar__path > * { - display: inline; - white-space: nowrap; + display: inline; + white-space: nowrap; } .tox .tox-statusbar__wordcount { - flex: 0 0 auto; - margin-left: 1ch; + 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__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; + color: var(--pw-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"]), @@ -3088,970 +3088,970 @@ body.tox-dialog__disable-scroll { .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-statusbar__wordcount:hover:not(:disabled):not([aria-disabled="true"]) { + color: var(--pw-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; + 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-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-statusbar__branding +a:hover:not(:disabled):not([aria-disabled="true"]) +svg { + fill: var(--pw-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; + 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)); + display: block; + fill: var(--pw-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); + background-color: var(--pw-inputs-background, #dee0e2); + border-radius: 1px 1px -4px 1px; + box-shadow: 0 0 0 2px var(--pw-inputs-background, #dee0e2); } .tox:not([dir="rtl"]) .tox-statusbar__path > * { - margin-right: 4px; + margin-right: 4px; } .tox:not([dir="rtl"]) .tox-statusbar__branding { - margin-left: 2ch; + margin-left: 2ch; } .tox[dir="rtl"] .tox-statusbar { - flex-direction: row-reverse; + flex-direction: row-reverse; } .tox[dir="rtl"] .tox-statusbar__path > * { - margin-left: 4px; + margin-left: 4px; } .tox .tox-throbber { - z-index: 1299; + 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; + 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; + align-items: center; + background: 0 0; + border: 0; + border-radius: 3px; + box-shadow: none; + color: var(--pw-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); + display: block; + fill: var(--pw-text-color, #222f3e); } .tox .tox-tbtn.tox-tbtn-more { - padding-left: 5px; - padding-right: 5px; - width: inherit; + padding-left: 5px; + padding-right: 5px; + width: inherit; } .tox .tox-tbtn:focus { - background: var(--inputs-background, #dee0e2); - border: 0; - box-shadow: none; + background: var(--pw-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); + background: var(--pw-inputs-background, #dee0e2); + border: 0; + box-shadow: none; + color: var(--pw-text-color, #222f3e); } .tox .tox-tbtn:hover svg { - fill: var(--text-color, #222f3e); + fill: var(--pw-text-color, #222f3e); } .tox .tox-tbtn:active { - background: var(--inputs-background, #c8cbcf); - border: 0; - box-shadow: none; - color: var(--text-color, #222f3e); + background: var(--pw-inputs-background, #c8cbcf); + border: 0; + box-shadow: none; + color: var(--pw-text-color, #222f3e); } .tox .tox-tbtn:active svg { - fill: var(--text-color, #222f3e); + fill: var(--pw-text-color, #222f3e); } .tox .tox-tbtn--disabled .tox-tbtn--enabled svg { - fill: var(--text-color, rgba(34, 47, 62, 0.5)); + fill: var(--pw-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; + background: 0 0; + border: 0; + box-shadow: none; + color: var(--pw-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)); + fill: var(--pw-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); + background: var(--pw-inputs-background, #c8cbcf); + border: 0; + box-shadow: none; + color: var(--pw-text-color, #222f3e); } .tox .tox-tbtn--enabled:hover > *, .tox .tox-tbtn--enabled > * { - transform: none; + transform: none; } .tox .tox-tbtn--enabled svg, .tox .tox-tbtn--enabled:hover svg { - fill: var(--text-color, #222f3e); + fill: var(--pw-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)); + fill: var(--pw-text-color, rgba(34, 47, 62, 0.5)); } .tox .tox-tbtn:focus:not(.tox-tbtn--disabled) { - color: var(--text-color, #222f3e); + color: var(--pw-text-color, #222f3e); } .tox .tox-tbtn:focus:not(.tox-tbtn--disabled) svg { - fill: var(--text-color, #222f3e); + fill: var(--pw-text-color, #222f3e); } .tox .tox-tbtn:active > * { - transform: none; + transform: none; } .tox .tox-tbtn--md { - height: 51px; - width: 51px; + height: 51px; + width: 51px; } .tox .tox-tbtn--lg { - flex-direction: column; - height: 68px; - width: 68px; + flex-direction: column; + height: 68px; + width: 68px; } .tox .tox-tbtn--return { - align-self: stretch; - height: unset; - width: 16px; + align-self: stretch; + height: unset; + width: 16px; } .tox .tox-tbtn--labeled { - padding: 0 4px; - width: unset; + 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; + 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; + 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; + background: 0 0; + display: flex; + pointer-events: none; + text-align: center; } .tox .tox-number-input .tox-input-wrapper:focus { - background: var(--inputs-background, #dee0e2); + background: var(--pw-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; + border-radius: 3px; + color: var(--pw-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); + background: var(--pw-inputs-background, #dee0e2); + color: var(--pw-text-color, #222f3e); } .tox .tox-number-input input:focus { - background: var(--blocks-background); - color: var(--text-color, #222f3e); + background: var(--pw-blocks-background); + color: var(--pw-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; + background: 0 0; + border: 0; + box-shadow: none; + color: var(--pw-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; + background: 0 0; + color: var(--pw-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); + display: block; + fill: var(--pw-text-color, #222f3e); + margin: 0 auto; + transform: scale(0.67); } .tox .tox-number-input button:focus { - background: var(--inputs-background, #dee0e2); + background: var(--pw-inputs-background, #dee0e2); } .tox .tox-number-input button:hover { - background: var(--inputs-background, #dee0e2); - border: 0; - box-shadow: none; - color: var(--text-color, #222f3e); + background: var(--pw-inputs-background, #dee0e2); + border: 0; + box-shadow: none; + color: var(--pw-text-color, #222f3e); } .tox .tox-number-input button:hover svg { - fill: var(--text-color, #222f3e); + fill: var(--pw-text-color, #222f3e); } .tox .tox-number-input button:active { - background: var(--inputs-background, #c8cbcf); - border: 0; - box-shadow: none; - color: var(--text-color, #222f3e); + background: var(--pw-inputs-background, #c8cbcf); + border: 0; + box-shadow: none; + color: var(--pw-text-color, #222f3e); } .tox .tox-number-input button:active svg { - fill: var(--text-color, #222f3e); + fill: var(--pw-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; + background: 0 0; + border: 0; + box-shadow: none; + color: var(--pw-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)); + fill: var(--pw-text-color, rgba(34, 47, 62, 0.5)); } .tox .tox-number-input button.minus { - border-radius: 3px 0 0 3px; + border-radius: 3px 0 0 3px; } .tox .tox-number-input button.plus { - border-radius: 0 3px 3px 0; + 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); + background: var(--pw-inputs-background, #dee0e2); } .tox .tox-tbtn--select { - margin: 3px 0 2px 0; - padding: 0 4px; - width: auto; + 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; + 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; + 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)); + fill: var(--pw-text-color, rgba(34, 47, 62, 0.5)); } .tox .tox-tbtn--bespoke { - background: 0 0; + background: 0 0; } .tox .tox-tbtn--bespoke + .tox-tbtn--bespoke { - margin-inline-start: 0; + margin-inline-start: 0; } .tox .tox-tbtn--bespoke .tox-tbtn__select-label { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - width: 7em; + 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; + 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; + 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; + box-shadow: 0 0 0 1px var(--pw-inputs-background, #dee0e2) inset; } .tox .tox-split-button:focus { - background: var(--inputs-background, #dee0e2); - box-shadow: none; - color: var(--text-color, #222f3e); + background: var(--pw-inputs-background, #dee0e2); + box-shadow: none; + color: var(--pw-text-color, #222f3e); } .tox .tox-split-button > * { - border-radius: 0; + border-radius: 0; } .tox .tox-split-button__chevron { - width: 16px; + width: 16px; } .tox .tox-split-button__chevron svg { - fill: var(--text-color, rgba(34, 47, 62, 0.5)); + fill: var(--pw-text-color, rgba(34, 47, 62, 0.5)); } .tox .tox-split-button .tox-tbtn { - margin: 0; + 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)); + background: 0 0; + box-shadow: none; + color: var(--pw-text-color, rgba(34, 47, 62, 0.5)); } .tox.tox-platform-touch .tox-split-button .tox-tbtn--select { - padding: 0 0; + padding: 0 0; } .tox.tox-platform-touch - .tox-split-button - .tox-tbtn:not(.tox-tbtn--select):first-child { - width: 30px; +.tox-split-button +.tox-tbtn:not(.tox-tbtn--select):first-child { + width: 30px; } .tox.tox-platform-touch .tox-split-button__chevron { - width: 20px; + width: 20px; } .tox - .tox-split-button.tox-tbtn--disabled - svg - #tox-icon-highlight-bg-color__color, +.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; + opacity: 0.6; } .tox .tox-toolbar-overlord { - background-color: var(--blocks-background, #fff); + background-color: var(--pw-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); + background-attachment: local; + background-color: var(--pw-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); + 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; + 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; + 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; + 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; + 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; + border-top: 1px solid var(--pw-border-color, #ccc); + margin-top: -1px; + padding-bottom: 0; + padding-top: 0; } .tox .tox-toolbar--scrolling { - flex-wrap: nowrap; - overflow-x: auto; + flex-wrap: nowrap; + overflow-x: auto; } .tox .tox-pop .tox-toolbar { - border-width: 0; + border-width: 0; } .tox .tox-toolbar--no-divider { - background-image: none; + background-image: none; } .tox - .tox-toolbar-overlord - .tox-toolbar:not(.tox-toolbar--scrolling):first-child, +.tox-toolbar-overlord +.tox-toolbar:not(.tox-toolbar--scrolling):first-child, .tox .tox-toolbar-overlord .tox-toolbar__primary { - background-position: center top 39px; + background-position: center top 39px; } .tox .tox-editor-header > .tox-toolbar--scrolling, .tox .tox-toolbar-overlord .tox-toolbar--scrolling:first-child { - background-image: none; + 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; + background-color: var(--pw-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; + 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; + 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; + margin-left: auto; } .tox .tox-toolbar--scrolling .tox-toolbar__group { - flex-shrink: 0; - flex-wrap: nowrap; + 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); + border-right: 1px solid var(--pw-border-color, #ccc); } .tox[dir="rtl"] .tox-toolbar__group:not(:last-of-type) { - border-left: 1px solid var(--border-color, #ccc); + border-left: 1px solid var(--pw-border-color, #ccc); } .tox .tox-tooltip { - display: inline-block; - padding: 8px; - position: relative; + 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; + background-color: var(--pw-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; + 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%); + border-left: 8px solid transparent; + border-right: 8px solid transparent; + border-top: 8px solid var(--pw-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%); + border-bottom: 8px solid var(--pw-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%); + border-bottom: 8px solid transparent; + border-left: 8px solid var(--pw-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%); + border-bottom: 8px solid transparent; + border-right: 8px solid var(--pw-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; + 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; + align-items: center; + background: 0 0; + border: 0; + border-radius: 4px; + box-shadow: none; + color: var(--pw-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; + cursor: default; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } .tox .tox-tree .tox-trbtn svg { - display: block; - fill: var(--text-color, #222f3e); + display: block; + fill: var(--pw-text-color, #222f3e); } .tox .tox-tree .tox-trbtn:focus { - background: var(--inputs-background, #dee0e2); - border: 0; - box-shadow: none; + background: var(--pw-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); + background: var(--pw-inputs-background, #dee0e2); + border: 0; + box-shadow: none; + color: var(--pw-text-color, #222f3e); } .tox .tox-tree .tox-trbtn:hover svg { - fill: var(--text-color, #222f3e); + fill: var(--pw-text-color, #222f3e); } .tox .tox-tree .tox-trbtn:active { - background: #b1d0e6; - border: 0; - box-shadow: none; - color: var(--text-color, #222f3e); + background: #b1d0e6; + border: 0; + box-shadow: none; + color: var(--pw-text-color, #222f3e); } .tox .tox-tree .tox-trbtn:active svg { - fill: var(--text-color, #222f3e); + fill: var(--pw-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; + background: 0 0; + border: 0; + box-shadow: none; + color: var(--pw-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)); + fill: var(--pw-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); + background: var(--pw-inputs-background, #b1d0e6); + border: 0; + box-shadow: none; + color: var(--pw-text-color, #222f3e); } .tox .tox-tree .tox-trbtn--enabled:hover > *, .tox .tox-tree .tox-trbtn--enabled > * { - transform: none; + transform: none; } .tox .tox-tree .tox-trbtn--enabled svg, .tox .tox-tree .tox-trbtn--enabled:hover svg { - fill: var(--text-color, #222f3e); + fill: var(--pw-text-color, #222f3e); } .tox .tox-tree .tox-trbtn:focus:not(.tox-trbtn--disabled) { - color: var(--text-color, #222f3e); + color: var(--pw-text-color, #222f3e); } .tox .tox-tree .tox-trbtn:focus:not(.tox-trbtn--disabled) svg { - fill: var(--text-color, #222f3e); + fill: var(--pw-text-color, #222f3e); } .tox .tox-tree .tox-trbtn:active > * { - transform: none; + transform: none; } .tox .tox-tree .tox-trbtn--return { - align-self: stretch; - height: unset; - width: 16px; + align-self: stretch; + height: unset; + width: 16px; } .tox .tox-tree .tox-trbtn--labeled { - padding: 0 4px; - width: unset; + 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; + 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; + display: flex; + flex-direction: column; } .tox .tox-tree .tox-tree--directory .tox-tree--directory__label { - font-weight: 700; + font-weight: 700; } .tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn { - margin-left: auto; + margin-left: auto; } .tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn svg { - fill: transparent; + fill: transparent; } .tox - .tox-tree - .tox-tree--directory - .tox-tree--directory__label - .tox-mbtn.tox-mbtn--active - svg, +.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-tree +.tox-tree--directory +.tox-tree--directory__label +.tox-mbtn:focus +svg { + fill: var(--pw-text-color, #222f3e); } .tox - .tox-tree - .tox-tree--directory - .tox-tree--directory__label:focus - .tox-mbtn - svg, +.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-tree +.tox-tree--directory +.tox-tree--directory__label:hover +.tox-mbtn +svg { + fill: var(--pw-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-tree +.tox-tree--directory +.tox-tree--directory__label:hover:has(.tox-mbtn:hover) { + background-color: transparent; + color: var(--pw-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-tree +.tox-tree--directory +.tox-tree--directory__label:hover:has(.tox-mbtn:hover) +.tox-chevron +svg { + fill: var(--pw-text-color, #222f3e); } .tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-chevron { - margin-right: 6px; + margin-right: 6px; } .tox - .tox-tree - .tox-tree--directory - .tox-tree--directory__label:has(+ .tox-tree--directory__children--growing) - .tox-chevron, +.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-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-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-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; + font-weight: 400; } .tox .tox-tree .tox-tree--leaf__label .tox-mbtn { - margin-left: auto; + margin-left: auto; } .tox .tox-tree .tox-tree--leaf__label .tox-mbtn svg { - fill: transparent; + 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); + fill: var(--pw-text-color, #222f3e); } .tox .tox-tree .tox-tree--leaf__label:hover .tox-mbtn svg { - fill: var(--text-color, #222f3e); + fill: var(--pw-text-color, #222f3e); } .tox .tox-tree .tox-tree--leaf__label:hover:has(.tox-mbtn:hover) { - background-color: transparent; - color: var(--text-color, #222f3e); + background-color: transparent; + color: var(--pw-text-color, #222f3e); } .tox - .tox-tree - .tox-tree--leaf__label:hover:has(.tox-mbtn:hover) - .tox-chevron - svg { - fill: var(--text-color, #222f3e); +.tox-tree +.tox-tree--leaf__label:hover:has(.tox-mbtn:hover) +.tox-chevron +svg { + fill: var(--pw-text-color, #222f3e); } .tox .tox-tree .tox-tree--directory__children { - overflow: hidden; - padding-left: 16px; + overflow: hidden; + padding-left: 16px; } .tox - .tox-tree - .tox-tree--directory__children.tox-tree--directory__children--growing, +.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-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; + 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; + background-color: var(--pw-blocks-background); + display: flex; + flex: 1; + flex-direction: column; } .tox .tox-view { - display: flex; - flex: 1 1 auto; - flex-direction: column; - overflow: hidden; + 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; + 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; + padding: 8px; } .tox .tox-view--scrolling { - flex-wrap: nowrap; - overflow-x: auto; + 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; + 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; + display: flex; + flex-direction: row; + gap: 12px; } .tox .tox-view__header-end, .tox .tox-view__header-start { - display: flex; + display: flex; } .tox .tox-view__pane { - height: 100%; - padding: 8px; - width: 100%; + height: 100%; + padding: 8px; + width: 100%; } .tox .tox-view__pane_panel { - border: 1px solid var(--border-color, #ccc); - border-radius: 3px; + border: 1px solid var(--pw-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; + 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; + margin-right: 8px; } .tox .tox-well { - border: 1px solid var(--border-color, #ccc); - border-radius: 3px; - padding: 8px; - width: 100%; + border: 1px solid var(--pw-border-color, #ccc); + border-radius: 3px; + padding: 8px; + width: 100%; } .tox .tox-well > :first-child { - margin-top: 0; + margin-top: 0; } .tox .tox-well > :last-child { - margin-bottom: 0; + margin-bottom: 0; } .tox .tox-well > :only-child { - margin: 0; + margin: 0; } .tox .tox-custom-editor { - border: 1px solid var(--border-color, #ccc); - border-radius: 3px; - display: flex; - flex: 1; - overflow: hidden; - position: relative; + border: 1px solid var(--pw-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; + background-color: rgba(0, 0, 0, 0.5); + content: ""; + height: 100%; + position: absolute; + width: 100%; + z-index: 1000; } .tox .tox-tab { - cursor: pointer; + cursor: pointer; } .tox .tox-dialog__content-js { - display: flex; - flex: 1; + display: flex; + flex: 1; } .tox .tox-dialog__body-content .tox-collection { - display: flex; - flex: 1; + display: flex; + flex: 1; } .tox:not(.tox-tinymce-inline) .tox-editor-header { - background-color: none; - padding: 0; + background-color: none; + padding: 0; } .tox.tox-tinymce--toolbar-bottom .tox-editor-header, .tox.tox-tinymce-inline .tox-editor-header { - margin-bottom: -1px; + margin-bottom: -1px; } .tox.tox-tinymce-inline .tox-editor-container { - overflow: hidden; + overflow: hidden; } .tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-bottom .tox-editor-header { - border-top: none; - box-shadow: none; + 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; + 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-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; + margin: -4px 0; } .tox .tox-menu.tox-collection.tox-collection--list { - padding: 0; + padding: 0; } .tox .tox-pop { - box-shadow: none; + box-shadow: none; } .tox .tox-number-input, .tox .tox-split-button, .tox .tox-tbtn, .tox .tox-tbtn--select { - margin: 2px 0 3px 0; + margin: 2px 0 3px 0; } .tox .tox-toolbar, .tox .tox-toolbar__overflow, .tox .tox-toolbar__primary { - background: var(--blocks-background, #fff); + background: var(--pw-blocks-background, #fff); } .tox .tox-menubar + .tox-toolbar-overlord { - border-top: none; + 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; + border-top: 1px solid var(--pw-border-color, #ccc); + margin-top: -1px; } .tox.tox-tinymce-aux .tox-toolbar__overflow { - border: 1px solid var(--border-color, #ccc); - padding: 0; + border: 1px solid var(--pw-border-color, #ccc); + padding: 0; } .tox .tox-pop .tox-pop__dialog .tox-toolbar { - padding: 0; + padding: 0; } .tox:not(.tox-tinymce-inline) - .tox-editor-header:not(:first-child) - .tox-menubar { - border-top: 1px solid var(--border-color, #ccc); +.tox-editor-header:not(:first-child) +.tox-menubar { + border-top: 1px solid var(--pw-border-color, #ccc); } .tox:not(.tox-tinymce-inline) - .tox-editor-header:not(:first-child) - .tox-toolbar-overlord:first-child - .tox-toolbar__primary, +.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-editor-header:not(:first-child) +.tox-toolbar:first-child { + border-top: 1px solid var(--pw-border-color, #ccc); } .tox .tox-toolbar__group { - padding: 0 4px 0 4px; + padding: 0 4px 0 4px; } .tox .tox-collection__item { - border-radius: 0; - cursor: pointer; + 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"]), @@ -4059,36 +4059,36 @@ body.tox-dialog__disable-scroll { .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-statusbar__wordcount:hover:not(:disabled):not([aria-disabled="true"]) { + color: var(--pw-var(--pw-muted-color, rgba(34, 47, 62, 0.7))); + text-decoration: underline; } .tox .tox-statusbar__branding svg { - vertical-align: -0.25em; + vertical-align: -0.25em; } .tox:not([dir="rtl"]) .tox-statusbar__branding { - margin-left: 1ch; + margin-left: 1ch; } .tox .tox-statusbar__resize-handle { - padding-bottom: 0; - padding-right: 0; + padding-bottom: 0; + padding-right: 0; } .tox .tox-button::before { - display: none; + display: none; } .tox .tox-menubar, .tox .tox-toolbar, .tox .tox-toolbar__overflow, .tox .tox-toolbar__primary { - background-image: none !important; + background-image: none !important; } .tox-editor-header, .tox:not(.tox-tinymce-inline) .tox-editor-header { - border-bottom: 1px solid var(--border-color, #ccc); + border-bottom: 1px solid var(--pw-border-color, #ccc); } .tox .tox-textfield::placeholder { - color: var(--muted-color, #ccc); + color: var(--pw-muted-color, #ccc); } diff --git a/wire/modules/AdminTheme/AdminThemeUikit/themes/default/toggles/InputfieldTable.css b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/toggles/InputfieldTable.css index 74c0c755..4843b820 100644 --- a/wire/modules/AdminTheme/AdminThemeUikit/themes/default/toggles/InputfieldTable.css +++ b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/toggles/InputfieldTable.css @@ -13,5 +13,5 @@ .InputfieldTableRowDeleteLink:hover, .InputfieldTableActionRow:hover { /* make table action links highlight with main color when hovered */ - color: var(--main-color); + color: var(--pw-main-color); } diff --git a/wire/modules/AdminTheme/AdminThemeUikit/themes/default/toggles/useBoldItemHeaders.css b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/toggles/useBoldItemHeaders.css index a13861b5..1099320b 100644 --- a/wire/modules/AdminTheme/AdminThemeUikit/themes/default/toggles/useBoldItemHeaders.css +++ b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/toggles/useBoldItemHeaders.css @@ -7,10 +7,10 @@ .pw .Inputfields .InputfieldAsmSelect .asmListItem.ui-state-default, .pw .Inputfields .InputfieldAsmSelect .asmListItem.ui-state-hover { /* make asmSelect/autocomplete/pageListSelect use the main-color */ - --main-background: var(--main-color); - --border-color: var(--main-color); - --text-color: rgba(255,255,255,0.9); - background-color: var(--main-background); + --pw-main-background: var(--pw-main-color); + --pw-border-color: var(--pw-main-color); + --pw-text-color: rgba(255,255,255,0.9); + background-color: var(--pw-main-background); margin-top: 0; margin-bottom: 1px !important; } @@ -22,22 +22,22 @@ /* highlight hovered items */ filter: brightness(1.05); filter: brightness(0.95); - border-color: var(--main-color); + border-color: var(--pw-main-color); } .pw .ui-accordion-header { /* accordion items like the debug mode tools */ - --inputs-background: var(--main-color); - --blocks-background: var(--main-color); - --text-color: #fff; + --pw-inputs-background: var(--pw-main-color); + --pw-blocks-background: var(--pw-main-color); + --pw-text-color: #fff; border: 0; margin-top: 3px !important; } .pw .ui-accordion-header:hover, .pw .ui-accordion-header.ui-state-hover { - --inputs-background: var(--main-color); - --main-background: var(--main-color); + --pw-inputs-background: var(--pw-main-color); + --pw-main-background: var(--pw-main-color); filter: brightness(1.05); } .ui-accordion.ui-widget .ui-accordion-content { @@ -54,10 +54,10 @@ .pw .Inputfields .InputfieldRepeater .InputfieldContent .InputfieldRepeaterItem > .InputfieldHeader, .pw .InputfieldFileList > li > .InputfieldItemHeader { /* make InputfieldRepeater item headers use the main color */ - --inputs-background: var(--main-color); - --border-color: var(--main-color); - --text-color: rgba(255,255,255,0.9); - --muted-color: rgba(255,255,255,0.8); + --pw-inputs-background: var(--pw-main-color); + --pw-border-color: var(--pw-main-color); + --pw-text-color: rgba(255,255,255,0.9); + --pw-muted-color: rgba(255,255,255,0.8); } .InputfieldRepeaterItem > .InputfieldHeader:hover { diff --git a/wire/modules/AdminTheme/AdminThemeUikit/themes/default/toggles/useInputFocus.css b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/toggles/useInputFocus.css index 5a5a4970..93b6889d 100644 --- a/wire/modules/AdminTheme/AdminThemeUikit/themes/default/toggles/useInputFocus.css +++ b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/toggles/useInputFocus.css @@ -4,22 +4,22 @@ select.uk-select:focus { /* have inputs show a focused state */ /*border-color: var(--muted-color) !important;*/ - background-color: var(--blocks-background) !important; + background-color: var(--pw-blocks-background) !important; } .InputfieldForm .Inputfields .Inputfield select.uk-select { /* make