/*
 * @file wuiplugin-themes-0.6.css
 * @version 0.6
 * @author Sergio E. Belmar V. (wuijs.project@gmail.com)
 * @copyright Sergio E. Belmar V. (wuijs.project@gmail.com)
 */

/* wuiplugin-themes */

.wuiplugin-themes {

	/* wui-scrolly */

	--wui-scrolly-paging-bgcolor-hidden: rgb(from var(--wuiplugin-theme-graycolor-low) r g b / 20%);
	--wui-scrolly-paging-bgcolor-visible: rgb(from var(--wuiplugin-theme-graycolor-low) r g b / 80%);

	/* wui-icon */

	--wui-icon-bgcolor-out: rgb(from var(--wuiplugin-theme-bgcolor-icon) r g b / 70%);
	--wui-icon-bgcolor-over: var(--wuiplugin-theme-bgcolor-icon);

	/* wui-loader */

	--wui-loader-color: var(--wuiplugin-theme-bgcolor-icon);

	/* wui-tooltip */

	--wui-tooltip-open-delay: .2s;
	--wui-tooltip-bgcolor: var(--wuiplugin-theme-bgcolor-highcontrast);
	--wui-tooltip-textcolor: var(--wuiplugin-theme-graycolor-max);

	/* wui-modal */

	--wui-modal-overlay-bgcolor: rgb(from var(--wuiplugin-theme-bgcolor-overlay) r g b / 20%);
	--wui-modal-box-borderradius: var(--wuiplugin-theme-borderradius-high);
	--wui-modal-box-bgcolor: rgb(from var(--wuiplugin-theme-bgcolor-box) r g b / 100%);
	--wui-modal-back-textcolor: var(--wuiplugin-theme-utilitycolor-hightlight);
	--wui-modal-close-bgcolor: var(--wuiplugin-theme-bgcolor-icon);
	--wui-modal-topbar-height: 4px;
	--wui-modal-title-textfont: var(--wuiplugin-theme-titlefont);
	--wui-modal-title-textcase: none;
	--wui-modal-title-textcolor: var(--wuiplugin-theme-graycolor-min);
	--wui-modal-body-scroll-bgcolor-out: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 20%);
	--wui-modal-body-scroll-bgcolor-over: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 40%);
	--wui-modal-footer-bordercolor: transparent;
	--wui-modal-button-submit-bgcolor-mobile: rgb(from var(--wuiplugin-theme-shadowcolor-low) r g b / 20%);
	--wui-modal-button-submit-textcolor-mobile: var(--wuiplugin-theme-utilitycolor-hightlight);
	--wui-modal-button-warning-textcolor-mobile: var(--wuiplugin-theme-utilitycolor-warning);
	--wui-modal-message-box-width: 280px;
	--wui-modal-message-box-bgcolor: rgb(from var(--wuiplugin-theme-bgcolor-box) r g b / 100%);
	--wui-modal-message-box-textcolor: var(--wuiplugin-theme-textcolor-active);
	--wui-modal-message-mobile-box-width: 280px;
	--wui-modal-message-mobile-footer-bordercolor: var(--wuiplugin-theme-bordercolor-high);
	--wui-modal-message-mobile-button-bordercolor: var(--wuiplugin-theme-bordercolor-high);
	--wui-modal-message-linkcolor: var(--wuiplugin-theme-utilitycolor-hightlight);
	--wui-modal-page-box-width: 800px;
	--wui-modal-page-box-height: 90%;
	--wui-modal-page-box-borderradius: var(--wuiplugin-theme-borderradius-low);
	--wui-modal-page-box-maxheight: 640px;
	--wui-modal-page-box-bgcolor: rgb(from var(--wuiplugin-theme-bgcolor-box) r g b / 100%);
	--wui-modal-page-header-topbar-bgcolor: var(--wuiplugin-theme-bordercolor-high);
	--wui-modal-page-header-bordercolor: var(--wuiplugin-theme-bordercolor-high);
	--wui-modal-slidepage-box-margin: 10px;
	--wui-modal-smallpage-box-width: 340px;
	--wui-modal-smallpage-box-height: 280px;
	--wui-modal-mobile-page-box-topmargin: 0px;
	--wui-modal-mobile-page-box-borderradius-maximized: 0px;

	/* wui-paging */

	--wui-paging-page-transition-time: .4s;
	--wui-paging-page-bgcolor: transparent;
	--wui-paging-page-scroll-bgcolor-out: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 20%);
	--wui-paging-page-scroll-bgcolor-over: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 40%);

	/* wui-slider */

	--wui-slider-paging-bgcolor-hidden: rgb(from var(--wuiplugin-theme-graycolor-max) r g b / 20%);
	--wui-slider-paging-bgcolor-visible: rgb(from var(--wuiplugin-theme-graycolor-max) r g b / 80%);

	/* wui-tabs */

	--wui-tabs-tab-bgcolor-out: var(--wuiplugin-theme-bgcolor-out);
	--wui-tabs-tab-bgcolor-over: var(--wuiplugin-theme-bgcolor-over);
	--wui-tabs-tab-iconcolor-out: var(--wuiplugin-theme-utilitycolor-hightlight);
	--wui-tabs-tab-iconcolor-over: var(--wuiplugin-theme-utilitycolor-hightlight);
	--wui-tabs-tab-iconcolor-mobile: var(--wuiplugin-theme-utilitycolor-hightlight);
	--wui-tabs-tab-textcolor-out: var(--wuiplugin-theme-textcolor-active);
	--wui-tabs-tab-textcolor-over: var(--wuiplugin-theme-utilitycolor-hightlight);

	/* wui-menubar */

	--wui-menubar-shadowcolor: var(--wuiplugin-theme-shadowcolor-low);
	--wui-menubar-margin: 10px;
	--wui-menubar-borderradius: var(--wuiplugin-theme-borderradius-low);
	--wui-menubar-bar-bordercolor: var(--wuiplugin-theme-bordercolor-low);
	--wui-menubar-bar-bgcolor-top: var(--wuiplugin-theme-bordercolor-low);
	--wui-menubar-bar-bgcolor-bottom: var(--wuiplugin-theme-bordercolor-low);
	--wui-menubar-bar-button-bgcolor-out: transparent;
	--wui-menubar-bar-button-bgcolor-over: rgb(from var(--wuiplugin-theme-bordercolor-high) r g b / 40%);
	--wui-menubar-bar-button-bgcolor-selected: var(--wuiplugin-theme-utilitycolor-hightlight);
	--wui-menubar-bar-button-bgcolor-disabled: transparent;
	--wui-menubar-bar-button-iconsize: 24px;
	--wui-menubar-bar-button-iconcolor-out: rgb(from var(--wuiplugin-theme-bgcolor-icon) r g b / 70%);
	--wui-menubar-bar-button-iconcolor-over: var(--wuiplugin-theme-bgcolor-icon);
	--wui-menubar-bar-button-iconcolor-selected: var(--wuiplugin-theme-bgcolor-over);
	--wui-menubar-bar-button-iconcolor-disabled: var(--wuiplugin-theme-utilitycolor-disabled);
	--wui-menubar-bar-button-textcolor-out: var(--wuiplugin-theme-textcolor-active);
	--wui-menubar-bar-button-textcolor-over: var(--wuiplugin-theme-textcolor-focus);
	--wui-menubar-bar-button-textcolor-selected: var(--wuiplugin-theme-bgcolor-over);
	--wui-menubar-bar-button-textcolor-disabled: var(--wuiplugin-theme-utilitycolor-disabled);
	--wui-menubar-expander-bgcolor-out: transparent;
	--wui-menubar-expander-bgcolor-over: rgb(from var(--wuiplugin-theme-bordercolor-high) r g b / 40%);
	--wui-menubar-expander-iconsize: 16px;
	--wui-menubar-expander-iconcolor-out: var(--wuiplugin-theme-graycolor-low);
	--wui-menubar-expander-iconcolor-over: var(--wuiplugin-theme-graycolor-min);
	--wui-menubar-expander-expandicon-src: none;
	--wui-menubar-expander-contracticon-src: none;
	--wui-menubar-opener-iconsize: 16px;
	--wui-menubar-opener-openicon-src: none;
	--wui-menubar-opener-closeicon-src: none;
	--wui-menubar-submenu-bordercolor: var(--wuiplugin-theme-bordercolor-low);
	--wui-menubar-submenu-bgcolor: var(--wuiplugin-theme-bgcolor-out);
	--wui-menubar-submenu-button-bgcolor-out: transparent;
	--wui-menubar-submenu-button-bgcolor-over: rgb(from var(--wuiplugin-theme-bordercolor-high) r g b / 40%);
	--wui-menubar-submenu-button-bgcolor-selected: var(--wuiplugin-theme-utilitycolor-hightlight);
	--wui-menubar-submenu-button-bgcolor-disabled: transparent;
	--wui-menubar-submenu-button-iconsize: 24px;
	--wui-menubar-submenu-button-iconcolor-out: rgb(from var(--wuiplugin-theme-bgcolor-icon) r g b / 70%);
	--wui-menubar-submenu-button-iconcolor-over: var(--wuiplugin-theme-bgcolor-icon);
	--wui-menubar-submenu-button-iconcolor-selected: var(--wuiplugin-theme-bgcolor-over);
	--wui-menubar-submenu-button-iconcolor-disabled: var(--wuiplugin-theme-utilitycolor-disabled);
	--wui-menubar-submenu-button-textcolor-out: var(--wuiplugin-theme-textcolor-active);
	--wui-menubar-submenu-button-textcolor-over: var(--wuiplugin-theme-textcolor-focus);
	--wui-menubar-submenu-button-textcolor-selected: var(--wuiplugin-theme-bgcolor-over);
	--wui-menubar-submenu-button-textcolor-disabled: var(--wuiplugin-theme-utilitycolor-disabled);
	--wui-menubar-tooltip-bgcolor: #000;
	--wui-menubar-tooltip-textcolor: #fff;
	--wui-menubar-bubble-bgcolor: var(--wuiplugin-theme-utilitycolor-warning);
	--wui-menubar-bubble-textcolor: #fff;
	--wui-menubar-mobile-bar-horizpadding: 10px;
	--wui-menubar-mobile-bar-vertpadding: 0px;
	--wui-menubar-mobile-opener-closeicon-src: none;

	/* wui-list */

	--wui-list-shadowcolor: var(--wuiplugin-theme-shadowcolor-low);
	--wui-list-borderradius: var(--wuiplugin-theme-borderradius-low);
	--wui-list-borderwidth: 0px;
	--wui-list-bordercolor: var(--wuiplugin-theme-bordercolor-low);
	--wui-list-scroll-bgcolor-out: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 20%);
	--wui-list-scroll-bgcolor-over: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 40%);
	--wui-list-row-height: 44px;
	--wui-list-row-borderwidth: 1px;
	--wui-list-row-bordercolor-out: var(--wuiplugin-theme-bordercolor-low);
	--wui-list-row-bordercolor-over: var(--wuiplugin-theme-bordercolor-low);
	--wui-list-row-bgcolor-out: var(--wuiplugin-theme-bgcolor-out);
	--wui-list-row-bgcolor-over: var(--wuiplugin-theme-bgcolor-over);
	--wui-list-row-textcolor-out: var(--wuiplugin-theme-textcolor-active);
	--wui-list-row-textcolor-over: var(--wuiplugin-theme-textcolor-focus);
	--wui-list-row-textcolor-disabled: var(--wuiplugin-theme-utilitycolor-disabled);
	--wui-list-innerrow-borderwidth: 1px;
	--wui-list-innerrow-bordercolor: var(--wuiplugin-theme-bordercolor-low);
	--wui-list-innerrow-bgcolor: rgb(from var(--wuiplugin-theme-bgcolor-over) r g b / 20%);
	--wui-list-innerrow-textcolor: rgb(from var(--wuiplugin-theme-textcolor-active) r g b / 60%);
	--wui-list-buttons-bgcolor: transparent;
	--wui-list-button-size: 48px;
	--wui-list-button-hmargin: 8px;
	--wui-list-button-borderradius: var(--wuiplugin-theme-borderradius-round);
	--wui-list-button-bgcolor-enabled: var(--wuiplugin-theme-utilitycolor-hightlight);
	--wui-list-button-bgcolor-disabled: var(--wuiplugin-theme-utilitycolor-disabled);

	/* wui-table */

	--wui-table-width: auto;
	--wui-table-shadowcolor: var(--wuiplugin-theme-shadowcolor-low);
	--wui-table-borderradius: var(--wuiplugin-theme-borderradius-low);
	--wui-table-scroll-bgcolor-out: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 20%);
	--wui-table-scroll-bgcolor-over: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 40%);
	--wui-table-column-borderwidth: 1px;
	--wui-table-column-bordercolor-out: rgb(from var(--wuiplugin-theme-utilitycolor-hightlight) r g b / 10%);
	--wui-table-column-bordercolor-over: var(--wuiplugin-theme-utilitycolor-hightlight);
	--wui-table-column-bordercolor-selected: var(--wuiplugin-theme-utilitycolor-hightlight);
	--wui-table-column-bordercolor-disabled: var(--wuiplugin-theme-utilitycolor-disabled);
	--wui-table-column-bgcolor-out: var(--wuiplugin-theme-bgcolor-over);
	--wui-table-column-bgcolor-over: var(--wuiplugin-theme-bgcolor-over);
	--wui-table-column-bgcolor-selected: var(--wuiplugin-theme-utilitycolor-hightlight);
	--wui-table-column-bgcolor-disabled: var(--wuiplugin-theme-bordercolor-low);
	--wui-table-column-textcolor-out: var(--wuiplugin-theme-graycolor-low);
	--wui-table-column-textcolor-over: var(--wuiplugin-theme-graycolor-min);
	--wui-table-column-textcolor-selected: var(--wuiplugin-theme-utilitycolor-hightlight);
	--wui-table-column-textcolor-disabled: var(--wuiplugin-theme-utilitycolor-disabled);
	--wui-table-column-sorter-iconsize: 16px;
	--wui-table-column-sorter-iconcolor-out: var(--wuiplugin-theme-graycolor-low);
	--wui-table-column-sorter-iconcolor-over: var(--wuiplugin-theme-graycolor-min);
	--wui-table-column-sorter-iconcolor-disabled: var(--wuiplugin-theme-utilitycolor-disabled);
	--wui-table-column-sorter-ascicon-src: none;
	--wui-table-column-sorter-descicon-src: none;
	--wui-table-column-resizer-bordercolor-out: rgb(from var(--wuiplugin-theme-utilitycolor-hightlight) r g b / 10%);
	--wui-table-column-resizer-bordercolor-over: rgb(from var(--wuiplugin-theme-utilitycolor-hightlight) r g b / 10%);
	--wui-table-column-dragger-bordercolor-over: var(--wuiplugin-theme-graycolor-low);
	--wui-table-column-dragger-bgcolor-drop: rgb(from var(--wuiplugin-theme-utilitycolor-hightlight) r g b / 10%);
	--wui-table-row-borderwidth: 1px;
	--wui-table-row-bordercolor-out: var(--wuiplugin-theme-bordercolor-low);
	--wui-table-row-bordercolor-over: var(--wuiplugin-theme-bordercolor-low);
	--wui-table-row-bordercolor-selected: var(--wuiplugin-theme-utilitycolor-hightlight);
	--wui-table-row-bordercolor-disabled: var(--wuiplugin-theme-bordercolor-low);
	--wui-table-row-bgcolor-out: var(--wuiplugin-theme-bgcolor-out);
	--wui-table-row-bgcolor-over: var(--wuiplugin-theme-bgcolor-over);
	--wui-table-row-bgcolor-selected: var(--wuiplugin-theme-utilitycolor-hightlight);
	--wui-table-row-bgcolor-disabled: transparent;
	--wui-table-row-textcolor-out: var(--wuiplugin-theme-textcolor-active);
	--wui-table-row-textcolor-over: var(--wuiplugin-theme-textcolor-focus);
	--wui-table-row-textcolor-selected: var(--wuiplugin-theme-bgcolor-over);
	--wui-table-row-textcolor-disabled: var(--wuiplugin-theme-utilitycolor-disabled);

	/* wui-form */

	--wui-form-header-bordercolor: var(--wuiplugin-theme-bordercolor-high);
	--wui-form-header-titlecolor: var(--wuiplugin-theme-textcolor-title);
	--wui-form-body-scroll-bgcolor-out: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 20%);
	--wui-form-body-scroll-bgcolor-over: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 40%);
	--wui-form-line-bordercolor: var(--wuiplugin-theme-bordercolor-high);
	--wui-form-fieldset-bgcolor: var(--wuiplugin-theme-graycolor-max);
	--wui-form-legend-texttransform: uppercase;
	--wui-form-legend-textcolor: rgb(from var(--wuiplugin-theme-textcolor-active) r g b / 60%);
	--wui-form-label-textcolor-out: var(--wuiplugin-theme-textcolor-active);
	--wui-form-label-textcolor-focus: var(--wuiplugin-theme-utilitycolor-hightlight);
	--wui-form-label-textcolor-notempty: rgb(from var(--wuiplugin-theme-textcolor-active) r g b / 40%);
	--wui-form-label-textcolor-disabled: var(--wuiplugin-theme-utilitycolor-disabled);
	--wui-form-input-height: 30px;
	--wui-form-input-borderwidth: 1px;
	--wui-form-input-borderradius: var(--wuiplugin-theme-borderradius-low);
	--wui-form-input-bordercolor-out: rgb(from var(--wuiplugin-theme-utilitycolor-hightlight) r g b / 20%);
	--wui-form-input-bordercolor-focus: var(--wuiplugin-theme-utilitycolor-hightlight);
	--wui-form-input-bordercolor-invalid: var(--wuiplugin-theme-utilitycolor-warning);
	--wui-form-input-bordercolor-disabled: var(--wuiplugin-theme-utilitycolor-disabled);
	--wui-form-input-bgcolor-out: var(--wuiplugin-theme-bgcolor-over);
	--wui-form-input-bgcolor-focus: var(--wuiplugin-theme-bgcolor-over);
	--wui-form-input-bgcolor-disabled: var(--wuiplugin-theme-utilitycolor-disabled);
	--wui-form-input-textcolor-out: var(--wuiplugin-theme-textcolor-active);
	--wui-form-input-textcolor-over: var(--wuiplugin-theme-textcolor-focus);
	--wui-form-input-textcolor-disabled: var(--wuiplugin-theme-utilitycolor-disabled);
	--wui-form-date-opener-iconsize: var(--wuiplugin-theme-input-opener-iconsize);
	--wui-form-date-opener-iconcolor-out: var(--wuiplugin-theme-graycolor-min);
	--wui-form-date-opener-iconcolor-over: var(--wuiplugin-theme-utilitycolor-hightlight);
	--wui-form-date-opener-iconcolor-disabled: var(--wuiplugin-theme-utilitycolor-disabled);
	--wui-form-date-opener-openicon-src: none;
	--wui-form-date-opener-closeicon-src: none;
	--wui-form-time-opener-iconsize: var(--wuiplugin-theme-input-opener-iconsize);
	--wui-form-time-opener-iconcolor-out: var(--wuiplugin-theme-graycolor-min);
	--wui-form-time-opener-iconcolor-over: var(--wuiplugin-theme-utilitycolor-hightlight);
	--wui-form-time-opener-iconcolor-disabled: var(--wuiplugin-theme-utilitycolor-disabled);
	--wui-form-time-opener-openicon-src: none;
	--wui-form-time-opener-closeicon-src: none;
	--wui-form-range-thumb-size: 20px;
	--wui-form-range-thumb-bgcolor-out: var(--wuiplugin-theme-utilitycolor-hightlight);
	--wui-form-range-thumb-bgcolor-over: var(--wuiplugin-theme-utilitycolor-hightlight);
	--wui-form-range-thumb-bgcolor-disabled: var(--wuiplugin-theme-utilitycolor-disabled);
	--wui-form-range-trackbar-height: 7px;
	--wui-form-range-trackbar-borderwidth: 1px;
	--wui-form-range-trackbar-bordercolor-out: var(--wuiplugin-theme-bordercolor-low);
	--wui-form-range-trackbar-bordercolor-focus: var(--wuiplugin-theme-utilitycolor-hightlight);
	--wui-form-range-trackbar-bordercolor-disabled: var(--wuiplugin-theme-utilitycolor-disabled);
	--wui-form-range-trackbar-bgcolor-out: var(--wuiplugin-theme-bgcolor-over);
	--wui-form-range-trackbar-bgcolor-focus: var(--wuiplugin-theme-bgcolor-over);
	--wui-form-range-trackbar-bgcolor-disabled: var(--wuiplugin-theme-utilitycolor-disabled);
	--wui-form-select-opener-iconsize: var(--wuiplugin-theme-input-opener-iconsize);
	--wui-form-select-opener-iconcolor-out: var(--wuiplugin-theme-graycolor-min);
	--wui-form-select-opener-iconcolor-over: var(--wuiplugin-theme-utilitycolor-hightlight);
	--wui-form-select-opener-iconcolor-disabled: var(--wuiplugin-theme-utilitycolor-disabled);
	--wui-form-select-opener-openicon-src: none;
	--wui-form-select-opener-closeicon-src: none;
	--wui-form-data-textcolor-out: var(--wuiplugin-theme-utilitycolor-hightlight);
	--wui-form-data-textcolor-disabled: var(--wuiplugin-theme-utilitycolor-disabled);
	--wui-form-progress-borderwidth: 1px;
	--wui-form-progress-bordercolor: var(--wuiplugin-theme-bordercolor-low);
	--wui-form-progress-valuecolor: var(--wuiplugin-theme-utilitycolor-hightlight);
	--wui-form-progress-bgcolor: var(--wuiplugin-theme-bgcolor-over);
	--wui-form-button-minwidth: 100px;
	--wui-form-text-textcolor-out: var(--wuiplugin-theme-graycolor-half);
	--wui-form-text-textcolor-disabled: var(--wuiplugin-theme-utilitycolor-disabled);
	--wui-form-text-linkcolor-out: var(--wuiplugin-theme-utilitycolor-hightlight);
	--wui-form-text-linkcolor-highlight: var(--wuiplugin-theme-utilitycolor-hightlight);
	--wui-form-message-shadowcolor: var(--wuiplugin-theme-shadowcolor-low);
	--wui-form-message-bgcolor: var(--wuiplugin-theme-bgcolor-out);
	--wui-form-message-textcolor: var(--wuiplugin-theme-textcolor-active);
	--wui-form-message-highlight-bgcolor: var(--wuiplugin-theme-utilitycolor-hightlight);
	--wui-form-message-highlight-textcolor: var(--wuiplugin-theme-graycolor-max);
	--wui-form-mobile-field-bordercolor: rgb(from var(--wuiplugin-theme-utilitycolor-hightlight) r g b / 10%);
	--wui-form-mobile-label-textcolor: var(--wuiplugin-theme-graycolor-low);
	--wui-form-mobile-input-height: 34px;
	--wui-form-mobile-input-bgcolor: rgb(from var(--wuiplugin-theme-utilitycolor-hightlight) r g b / 4%);
	--wui-form-mobile-input-borderradius: var(--wuiplugin-theme-borderradius-half);

	/* wui-selectpicker */

	--wui-selectpicker-borderradius: var(--wuiplugin-theme-borderradius-low);
	--wui-selectpicker-borderwidth: 0px;
	--wui-selectpicker-bordercolor: transparent;
	--wui-selectpicker-bgcolor: var(--wuiplugin-theme-bgcolor-over);
	--wui-selectpicker-opener-iconsize: var(--wuiplugin-theme-input-opener-iconsize);
	--wui-selectpicker-opener-iconcolor-out: var(--wuiplugin-theme-graycolor-min);
	--wui-selectpicker-opener-iconcolor-over: var(--wuiplugin-theme-utilitycolor-hightlight);
	--wui-selectpicker-opener-iconcolor-disabled: var(--wuiplugin-theme-utilitycolor-disabled);
	--wui-selectpicker-opener-openicon-src: none;
	--wui-selectpicker-opener-closeicon-src: none;
	--wui-selectpicker-viewinput-paddingleft: 10px;
	--wui-selectpicker-viewinput-textcolor-out: var(--wui-form-input-textcolor-out);
	--wui-selectpicker-viewinput-textcolor-over: var(--wui-form-input-textcolor-over);
	--wui-selectpicker-viewinput-textcolor-disabled: var(--wui-form-input-textcolor-disabled);
	--wui-selectpicker-box-shadowcolor: var(--wuiplugin-theme-shadowcolor-low);
	--wui-selectpicker-box-borderradius: var(--wuiplugin-theme-borderradius-half);
	--wui-selectpicker-box-bordercolor: var(--wuiplugin-theme-bordercolor-low);
	--wui-selectpicker-box-bgcolor: var(--wuiplugin-theme-bgcolor-out);
	--wui-selectpicker-box-scroll-bgcolor-out: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 20%);
	--wui-selectpicker-box-scroll-bgcolor-over: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 40%);
	--wui-selectpicker-box-option-borderradius: var(--wuiplugin-theme-borderradius-low);
	--wui-selectpicker-box-option-bordercolor-out: var(--wuiplugin-theme-bordercolor-low);
	--wui-selectpicker-box-option-bordercolor-over: var(--wuiplugin-theme-bordercolor-low);
	--wui-selectpicker-box-option-bgcolor-out: transparent;
	--wui-selectpicker-box-option-bgcolor-over: var(--wuiplugin-theme-bgcolor-over);
	--wui-selectpicker-box-option-iconsize: 24px;
	--wui-selectpicker-box-option-iconcolor-out: var(--wuiplugin-theme-utilitycolor-hightlight);
	--wui-selectpicker-box-option-iconcolor-over: var(--wuiplugin-theme-utilitycolor-hightlight);
	--wui-selectpicker-box-option-iconcolor-selected: var(--wuiplugin-theme-utilitycolor-hightlight);
	--wui-selectpicker-box-option-iconcolor-disabled: rgb(from var(--wuiplugin-theme-utilitycolor-disabled) r g b / 40%);
	--wui-selectpicker-box-option-checkicon-src: none;
	--wui-selectpicker-box-option-textcolor-empty: rgb(from var(--wuiplugin-theme-textcolor-active) r g b / 60%);
	--wui-selectpicker-box-option-textcolor-out: var(--wuiplugin-theme-textcolor-active);
	--wui-selectpicker-box-option-textcolor-over: var(--wuiplugin-theme-textcolor-active);
	--wui-selectpicker-box-option-textcolor-selected: var(--wuiplugin-theme-utilitycolor-hightlight);
	--wui-selectpicker-box-option-textcolor-disabled: rgb(from var(--wuiplugin-theme-utilitycolor-disabled) r g b / 40%);
	--wui-selectpicker-box-button-bordercolor: var(--wuiplugin-theme-bordercolor-low);
	--wui-selectpicker-box-button-textcolor-out: var(--wuiplugin-theme-utilitycolor-hightlight);
	--wui-selectpicker-box-button-textcolor-over: var(--wuiplugin-theme-utilitycolor-hightlight);
	--wui-selectpicker-mobile-overlay-bgcolor: rgb(from var(--wuiplugin-theme-bgcolor-overlay) r g b / 20%);
	--wui-selectpicker-mobile-box-width: 280px;
	--wui-selectpicker-mobile-box-borderradius: var(--wui-modal-box-borderradius);

	/* wui-datepicker */

	--wui-datepicker-borderradius: var(--wuiplugin-theme-borderradius-low);
	--wui-datepicker-borderwidth: 0px;
	--wui-datepicker-bordercolor: transparent;
	--wui-datepicker-bgcolor: var(--wuiplugin-theme-bgcolor-over);
	--wui-datepicker-opener-iconsize: var(--wuiplugin-theme-input-opener-iconsize);
	--wui-datepicker-opener-iconcolor-out: var(--wuiplugin-theme-graycolor-min);
	--wui-datepicker-opener-iconcolor-over: var(--wuiplugin-theme-utilitycolor-hightlight);
	--wui-datepicker-opener-iconcolor-disabled: var(--wuiplugin-theme-utilitycolor-disabled);
	--wui-datepicker-opener-openicon-src: none;
	--wui-datepicker-opener-closeicon-src: none;
	--wui-datepicker-viewinput-paddingleft: 10px;
	--wui-datepicker-viewinput-textcolor-out: var(--wui-form-input-textcolor-out);
	--wui-datepicker-viewinput-textcolor-over: var(--wui-form-input-textcolor-over);
	--wui-datepicker-viewinput-textcolor-disabled: var(--wui-form-input-textcolor-disabled);
	--wui-datepicker-box-shadowcolor: var(--wuiplugin-theme-shadowcolor-low);
	--wui-datepicker-box-borderradius: var(--wuiplugin-theme-borderradius-half);
	--wui-datepicker-box-bordercolor: var(--wuiplugin-theme-bordercolor-low);
	--wui-datepicker-box-bgcolor: rgb(from var(--wuiplugin-theme-bgcolor-out) r g b / 100%);
	--wui-datepicker-box-period-iconsize: 20px;
	--wui-datepicker-box-period-iconcolor-out: var(--wuiplugin-theme-graycolor-min);
	--wui-datepicker-box-period-iconcolor-over: var(--wuiplugin-theme-utilitycolor-hightlight);
	--wui-datepicker-box-period-iconcolor-disabled: var(--wuiplugin-theme-utilitycolor-disabled);
	--wui-datepicker-box-period-upicon-src: none;
	--wui-datepicker-box-period-downicon-src: none;
	--wui-datepicker-box-paging-iconsize: 26px;
	--wui-datepicker-box-paging-iconcolor-out: var(--wuiplugin-theme-utilitycolor-hightlight);
	--wui-datepicker-box-paging-iconcolor-over: var(--wuiplugin-theme-utilitycolor-hightlight);
	--wui-datepicker-box-paging-iconcolor-disabled: var(--wuiplugin-theme-utilitycolor-disabled);
	--wui-datepicker-box-paging-previcon-src: none;
	--wui-datepicker-box-paging-nexticon-src: none;
	--wui-datepicker-box-month-titlecolor: var(--wuiplugin-theme-graycolor-half);
	--wui-datepicker-box-month-bgcolor-today: var(--wuiplugin-theme-bordercolor-low);
	--wui-datepicker-box-month-bgcolor-over: rgb(from var(--wuiplugin-theme-utilitycolor-hightlight) r g b / 20%);
	--wui-datepicker-box-month-bgcolor-selected: var(--wuiplugin-theme-utilitycolor-hightlight);
	--wui-datepicker-box-month-textcolor-out: var(--wuiplugin-theme-graycolor-min);
	--wui-datepicker-box-month-textcolor-over: var(--wuiplugin-theme-utilitycolor-hightlight);
	--wui-datepicker-box-month-textcolor-selected: var(--wuiplugin-theme-graycolor-max);
	--wui-datepicker-box-day-bgcolor-today: var(--wuiplugin-theme-bordercolor-low);
	--wui-datepicker-box-day-bgcolor-over: rgb(from var(--wuiplugin-theme-utilitycolor-hightlight) r g b / 20%);
	--wui-datepicker-box-day-bgcolor-selected: var(--wuiplugin-theme-utilitycolor-hightlight);
	--wui-datepicker-box-day-textcolor-out: var(--wuiplugin-theme-graycolor-min);
	--wui-datepicker-box-day-textcolor-over: var(--wuiplugin-theme-utilitycolor-hightlight);
	--wui-datepicker-box-day-textcolor-selected: var(--wuiplugin-theme-graycolor-max);
	--wui-datepicker-box-button-textcolor-out: var(--wuiplugin-theme-utilitycolor-hightlight);
	--wui-datepicker-box-button-textcolor-over: var(--wuiplugin-theme-utilitycolor-hightlight);
	--wui-datepicker-mobile-overlay-bgcolor: rgb(from var(--wuiplugin-theme-bgcolor-overlay) r g b / 20%);

	/* wui-timepicker */

	--wui-timepicker-borderradius: var(--wuiplugin-theme-borderradius-low);
	--wui-timepicker-borderwidth: 0px;
	--wui-timepicker-bordercolor: transparent;
	--wui-timepicker-bgcolor: var(--wuiplugin-theme-bgcolor-over);
	--wui-timepicker-opener-iconsize: var(--wuiplugin-theme-input-opener-iconsize);
	--wui-timepicker-opener-iconcolor-out: var(--wuiplugin-theme-graycolor-min);
	--wui-timepicker-opener-iconcolor-over: var(--wuiplugin-theme-utilitycolor-hightlight);
	--wui-timepicker-opener-iconcolor-disabled: var(--wuiplugin-theme-utilitycolor-disabled);
	--wui-timepicker-opener-openicon-src: none;
	--wui-timepicker-opener-closeicon-src: none;
	--wui-timepicker-viewinput-paddingleft: 10px;
	--wui-timepicker-viewinput-textcolor-out: var(--wui-form-input-textcolor-out);
	--wui-timepicker-viewinput-textcolor-over: var(--wui-form-input-textcolor-over);
	--wui-timepicker-viewinput-textcolor-disabled: var(--wui-form-input-textcolor-disabled);
	--wui-timepicker-box-shadowcolor: var(--wuiplugin-theme-shadowcolor-low);
	--wui-timepicker-box-borderradius: var(--wuiplugin-theme-borderradius-half);
	--wui-timepicker-box-bordercolor: var(--wuiplugin-theme-bordercolor-low);
	--wui-timepicker-box-bgcolor: rgb(from var(--wuiplugin-theme-graycolor-max) r g b / 80%);
	--wui-timepicker-box-scroll-bgcolor-out: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 20%);
	--wui-timepicker-box-scroll-bgcolor-over: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 40%);
	--wui-timepicker-box-option-bgcolor-now: var(--wuiplugin-theme-bordercolor-low);
	--wui-timepicker-box-option-bgcolor-over: rgb(from var(--wuiplugin-theme-utilitycolor-hightlight) r g b / 20%);
	--wui-timepicker-box-option-bgcolor-selected: var(--wuiplugin-theme-utilitycolor-hightlight);
	--wui-timepicker-box-option-textcolor-out: var(--wuiplugin-theme-graycolor-min);
	--wui-timepicker-box-option-textcolor-over: var(--wuiplugin-theme-utilitycolor-hightlight);
	--wui-timepicker-box-option-textcolor-selected: var(--wuiplugin-theme-graycolor-max);
	--wui-timepicker-box-button-textcolor-out: var(--wuiplugin-theme-utilitycolor-hightlight);
	--wui-timepicker-box-button-textcolor-over: var(--wuiplugin-theme-utilitycolor-hightlight);
	--wui-timepicker-mobile-overlay-bgcolor: rgb(from var(--wuiplugin-theme-bgcolor-overlay) r g b / 20%);

	/* wui-colorpicker */

	--wui-colorpicker-opener-iconsize: var(--wuiplugin-theme-input-opener-iconsize);
	--wui-colorpicker-opener-iconcolor-out: var(--wuiplugin-theme-graycolor-min);
	--wui-colorpicker-opener-iconcolor-over: var(--wuiplugin-theme-utilitycolor-hightlight);
	--wui-colorpicker-opener-iconcolor-disabled: var(--wuiplugin-theme-utilitycolor-disabled);
	--wui-colorpicker-opener-openicon-src: none;
	--wui-colorpicker-opener-closeicon-src: none;
	--wui-colorpicker-viewbutton-size: 30px;
	--wui-colorpicker-viewbutton-bordercolor-out: rgb(from var(--wuiplugin-theme-utilitycolor-hightlight) r g b / 20%);
	--wui-colorpicker-viewbutton-bordercolor-over: var(--wuiplugin-theme-utilitycolor-hightlight);
	--wui-colorpicker-viewbutton-bordercolor-disabled: var(--wuiplugin-theme-utilitycolor-disabled);
	--wui-colorpicker-viewbutton-bgcolor-out: transparent;
	--wui-colorpicker-viewbutton-bgcolor-over: transparent;
	--wui-colorpicker-viewbutton-bgcolor-disabled: transparent;
	--wui-colorpicker-viewcolor-borderwidth: 1px;
	--wui-colorpicker-viewcolor-bordercolor: rgb(from var(--wuiplugin-theme-utilitycolor-hightlight) r g b / 20%);
	--wui-colorpicker-viewcolor-emptyicon-src: none;
	--wui-colorpicker-box-shadowcolor: var(--wuiplugin-theme-shadowcolor-low);
	--wui-colorpicker-box-borderradius: var(--wuiplugin-theme-borderradius-half);
	--wui-colorpicker-box-bordercolor: var(--wuiplugin-theme-bordercolor-low);
	--wui-colorpicker-box-bgcolor: rgb(from var(--wuiplugin-theme-graycolor-max) r g b / 80%);
	--wui-colorpicker-box-scroll-bgcolor-out: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 20%);
	--wui-colorpicker-box-scroll-bgcolor-over: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 40%);
	--wui-colorpicker-box-tab-textcolor-out: var(--wuiplugin-theme-textcolor-active);
	--wui-colorpicker-box-tab-textcolor-selected: var(--wuiplugin-theme-utilitycolor-hightlight);
	--wui-colorpicker-box-option-bordercolor-out: var(--wuiplugin-theme-bordercolor-low);
	--wui-colorpicker-box-option-bordercolor-over: var(--wuiplugin-theme-bordercolor-low);
	--wui-colorpicker-box-option-bgcolor-out: transparent;
	--wui-colorpicker-box-option-bgcolor-over: var(--wuiplugin-theme-bgcolor-over);
	--wui-colorpicker-box-option-bgcolor-selected: var(--wuiplugin-theme-utilitycolor-hightlight);
	--wui-colorpicker-box-option-textcolor-out: var(--wuiplugin-theme-graycolor-min);
	--wui-colorpicker-box-option-textcolor-over: var(--wuiplugin-theme-utilitycolor-hightlight);
	--wui-colorpicker-box-option-textcolor-selected: var(--wuiplugin-theme-graycolor-max);
	--wui-colorpicker-box-preview-textcolor-out: var(--wuiplugin-theme-graycolor-min);
	--wui-colorpicker-box-preview-textcolor-empty: rgb(from var(--wuiplugin-theme-textcolor-active) r g b / 60%);
	--wui-colorpicker-box-button-textcolor-out: var(--wuiplugin-theme-utilitycolor-hightlight);
	--wui-colorpicker-box-button-textcolor-over: var(--wuiplugin-theme-utilitycolor-hightlight);
	--wui-colorpicker-mobile-overlay-bgcolor: rgb(from var(--wuiplugin-theme-bgcolor-overlay) r g b / 20%);

	/* wui-switch */

	--wui-switch-button-size: 30px;
	--wui-switch-bordercolor-out: rgb(from var(--wuiplugin-theme-utilitycolor-hightlight) r g b / 20%);
	--wui-switch-bordercolor-over: var(--wuiplugin-theme-utilitycolor-hightlight);
	--wui-switch-bordercolor-activated: var(--wuiplugin-theme-utilitycolor-hightlight);
	--wui-switch-bordercolor-disabled: var(--wuiplugin-theme-utilitycolor-disabled);
	--wui-switch-bgcolor-out: rgb(from var(--wuiplugin-theme-utilitycolor-hightlight) r g b / 4%);
	--wui-switch-bgcolor-over: rgb(from var(--wuiplugin-theme-utilitycolor-hightlight) r g b / 4%);
	--wui-switch-bgcolor-activated: var(--wuiplugin-theme-utilitycolor-hightlight);
	--wui-switch-bgcolor-disabled: rgb(from var(--wuiplugin-theme-utilitycolor-disabled) r g b / 20%);
	--wui-switch-button-bordercolor-out: rgb(from var(--wuiplugin-theme-utilitycolor-hightlight) r g b / 20%);
	--wui-switch-button-bordercolor-over: var(--wuiplugin-theme-utilitycolor-hightlight);
	--wui-switch-button-bordercolor-activated: var(--wuiplugin-theme-utilitycolor-hightlight);
	--wui-switch-button-bordercolor-disabled: var(--wuiplugin-theme-utilitycolor-disabled);
	--wui-switch-button-bgcolor-out: var(--wuiplugin-theme-bgcolor-over);
	--wui-switch-button-bgcolor-over: rgb(from var(--wuiplugin-theme-utilitycolor-hightlight) r g b / 4%);
	--wui-switch-button-bgcolor-activated: var(--wuiplugin-theme-bgcolor-over);
	--wui-switch-button-bgcolor-disabled: var(--wuiplugin-theme-utilitycolor-disabled);

	/* wui-intensity */

	--wui-intensity-height: 30px;
	--wui-intensity-borderradius: var(--wuiplugin-theme-borderradius-half);
	--wui-intensity-bordercolor-out: rgb(from var(--wuiplugin-theme-utilitycolor-hightlight) r g b / 20%);
	--wui-intensity-bordercolor-disabled: var(--wuiplugin-theme-utilitycolor-disabled);
	--wui-intensity-bgcolor-none: var(--wuiplugin-theme-bgcolor-over);
	--wui-intensity-bgcolor-low: var(--wuiplugin-theme-intencitycolor-low);
	--wui-intensity-bgcolor-half: var(--wuiplugin-theme-intencitycolor-half);
	--wui-intensity-bgcolor-high: var(--wuiplugin-theme-intencitycolor-high);

	/* wui-button */

	--wui-button-default-minwidth: 200px;
	--wui-button-default-height: 34px;
	--wui-button-default-borderwidth: 1px;
	--wui-button-default-bordercolor-out: rgb(from var(--wuiplugin-theme-utilitycolor-hightlight) r g b / 20%);
	--wui-button-default-bordercolor-over: var(--wuiplugin-theme-utilitycolor-hightlight);
	--wui-button-default-bordercolor-selected: var(--wuiplugin-theme-utilitycolor-hightlight);
	--wui-button-default-bordercolor-disabled: var(--wuiplugin-theme-utilitycolor-disabled);
	--wui-button-default-bgcolor-out: transparent;
	--wui-button-default-bgcolor-over: transparent;
	--wui-button-default-bgcolor-selected: var(--wuiplugin-theme-utilitycolor-hightlight);
	--wui-button-default-bgcolor-disabled: transparent;
	--wui-button-default-horizpadding: 20px;
	--wui-button-default-vertpadding: 0px;
	--wui-button-default-textcolor-out: var(--wuiplugin-theme-utilitycolor-hightlight);
	--wui-button-default-textcolor-over: var(--wuiplugin-theme-utilitycolor-hightlight);
	--wui-button-default-textcolor-selected: var(--wuiplugin-theme-graycolor-max);
	--wui-button-default-textcolor-disabled: var(--wuiplugin-theme-utilitycolor-disabled);
	--wui-button-default-textsize: 15px;
	--wui-button-submit-minwidth: 200px;
	--wui-button-submit-height: 34px;
	--wui-button-submit-bordercolor-out: rgb(from var(--wuiplugin-theme-utilitycolor-hightlight) r g b / 20%);
	--wui-button-submit-bordercolor-over: var(--wuiplugin-theme-utilitycolor-hightlight);
	--wui-button-submit-bordercolor-selected: var(--wuiplugin-theme-utilitycolor-hightlight);
	--wui-button-submit-bordercolor-disabled: var(--wuiplugin-theme-utilitycolor-disabled);
	--wui-button-submit-bgcolor-out: var(--wuiplugin-theme-utilitycolor-hightlight);
	--wui-button-submit-bgcolor-over: var(--wuiplugin-theme-utilitycolor-hightlight);
	--wui-button-submit-bgcolor-selected: var(--wuiplugin-theme-utilitycolor-hightlight);
	--wui-button-submit-bgcolor-disabled: var(--wuiplugin-theme-utilitycolor-disabled);
	--wui-button-submit-textcolor-out: var(--wuiplugin-theme-graycolor-max);
	--wui-button-submit-textcolor-over: var(--wuiplugin-theme-graycolor-max);
	--wui-button-submit-textcolor-selected: var(--wuiplugin-theme-graycolor-max);
	--wui-button-submit-textcolor-disabled: var(--wuiplugin-theme-utilitycolor-disabled);
	--wui-button-submit-textsize: 15px;
	--wui-button-warning-bordercolor-out: rgb(from var(--wuiplugin-theme-utilitycolor-warning) r g b / 25%);
	--wui-button-warning-bordercolor-over: var(--wuiplugin-theme-utilitycolor-warning);
	--wui-button-warning-bordercolor-selected: var(--wuiplugin-theme-utilitycolor-warning);
	--wui-button-warning-bordercolor-disabled: var(--wuiplugin-theme-utilitycolor-disabled);
	--wui-button-warning-bgcolor-out: var(--wuiplugin-theme-utilitycolor-warning);
	--wui-button-warning-bgcolor-over: var(--wuiplugin-theme-utilitycolor-warning);
	--wui-button-warning-bgcolor-selected: var(--wuiplugin-theme-utilitycolor-warning);
	--wui-button-warning-bgcolor-disabled: var(--wuiplugin-theme-utilitycolor-disabled);
	--wui-button-warning-textcolor-out: var(--wuiplugin-theme-graycolor-max);
	--wui-button-warning-textcolor-over: var(--wuiplugin-theme-graycolor-max);
	--wui-button-warning-textcolor-selected: var(--wuiplugin-theme-graycolor-max);
	--wui-button-warning-textcolor-disabled: var(--wuiplugin-theme-utilitycolor-disabled);
	--wui-button-icon-float-padding: 5px;
	--wui-button-mobile-default-minwidth: 40px;
	--wui-button-mobile-default-height: 40px;
	--wui-button-mobile-submit-height: 40px;
	--wui-button-mobile-icon-float-padding: 10px;

	/* wui-codebox (lab) */

	--wui-codebox-maxheight: 50vh;
	--wui-codebox-borderradius: 5px;
	--wui-codebox-bordercolor: var(--wuiplugin-theme-bordercolor-high);
	--wui-codebox-bgcolor: var(--wuiplugin-theme-bgcolor-over);
	--wui-codebox-scroll-width: 4px;
	--wui-codebox-scroll-bgcolor-out: var(--wuiplugin-theme-bordercolor-max);
	--wui-codebox-scroll-bgcolor-over: var(--wuiplugin-theme-shadowcolor-low);
	--wui-codebox-copyicon-src: none;
	--wui-codebox-copyicon-color: var(--wuiplugin-theme-bordercolor-max);
	--wui-codebox-copiedicon-src: none;
	--wui-codebox-copiedicon-color: var(--wuiplugin-theme-bordercolor-max);
	--wui-codebox-line-bgcolor-over: var(--wuiplugin-theme-bordercolor-high);
	--wui-codebox-linenumber-width: 52px;
	--wui-codebox-linenumber-color: var(--wuiplugin-theme-graycolor-low);
	--wui-codebox-linenumber-bordercolor: var(--wuiplugin-theme-bordercolor-high);
	--wui-codebox-textcolor: var(--wuiplugin-theme-textcolor-active);
	--wui-codebox-token-command: var(--wuiplugin-theme-token-command);
	--wui-codebox-token-comment: var(--wuiplugin-theme-token-comment);
	--wui-codebox-token-string: var(--wuiplugin-theme-token-string);
	--wui-codebox-token-keyword: var(--wuiplugin-theme-token-keyword);
	--wui-codebox-token-number: var(--wuiplugin-theme-token-number);
	--wui-codebox-token-tag: var(--wuiplugin-theme-token-tag);
	--wui-codebox-token-attr: var(--wuiplugin-theme-token-attr);
	--wui-codebox-token-selector: var(--wuiplugin-theme-token-selector);
	--wui-codebox-token-property: var(--wuiplugin-theme-token-property);
	--wui-codebox-token-function: var(--wuiplugin-theme-token-function);
	--wui-codebox-token-operator: var(--wuiplugin-theme-token-operator);
	--wui-codebox-token-variable: var(--wuiplugin-theme-token-variable);
	--wui-codebox-token-constant: var(--wuiplugin-theme-token-constant);
	--wui-codebox-token-decorator: var(--wuiplugin-theme-token-decorator);
	--wui-codebox-token-type: var(--wuiplugin-theme-token-type);
	--wui-codebox-token-builtin: var(--wuiplugin-theme-token-builtin);
	--wui-codebox-token-color: var(--wuiplugin-theme-token-color);
	--wui-codebox-token-regex: var(--wuiplugin-theme-token-regex);

	/* wui-markdown (lab) */

	--wui-markdown-hr-width: 1px;
	--wui-markdown-hr-color: var(--wuiplugin-theme-bordercolor-high);
	--wui-markdown-table-valign: center;
	--wui-markdown-table-borderradius: 5px;
	--wui-markdown-table-bordercolor: var(--wuiplugin-theme-bordercolor-high);
	--wui-markdown-table-scroll-width: 4px;
	--wui-markdown-table-scroll-bgcolor-out: var(--wuiplugin-theme-graycolor-high);
	--wui-markdown-table-scroll-bgcolor-over: var(--wuiplugin-theme-graycolor-half);
	--wui-markdown-table-header-bordercolor: var(--wuiplugin-theme-graycolor-high);
	--wui-markdown-table-header-textalign: left;
	--wui-markdown-table-rows-bordercolor: var(--wuiplugin-theme-bordercolor-high);
	--wui-markdown-table-rows-bgcolor-even: var(--wuiplugin-theme-bgcolor-over);
	--wui-markdown-table-rows-bgcolor-over: var(--wuiplugin-theme-bgcolor-box);
	--wui-markdown-blockquote-iconsize: 16px;
	--wui-markdown-blockquote-radius: 0px;
	--wui-markdown-blockquote-border: 0px;
	--wui-markdown-blockquote-borderleft: 3px;
	--wui-markdown-blockquote-bordercolor: transparent;
	--wui-markdown-blockquote-padding: 10px;
	--wui-markdown-blockquote-note-altcolor: var(--wuiplugin-theme-utilitycolor-hightlight);
	--wui-markdown-blockquote-noteicon-src: none;
	--wui-markdown-blockquote-tip-altcolor: var(--wuiplugin-theme-intencitycolor-low);
	--wui-markdown-blockquote-tipicon-src: none;
	--wui-markdown-blockquote-important-altcolor: blueviolet;
	--wui-markdown-blockquote-importanticon-src: none;
	--wui-markdown-blockquote-warning-altcolor: var(--wuiplugin-theme-intencitycolor-half);
	--wui-markdown-blockquote-warningicon-src: none;
	--wui-markdown-blockquote-caution-altcolor: var(--wuiplugin-theme-intencitycolor-high);
	--wui-markdown-blockquote-cautionicon-src: none;
	--wui-markdown-code-borderradius: 5px;
	--wui-markdown-code-bordercolor: var(--wuiplugin-theme-bordercolor-high);
	--wui-markdown-code-bgcolor: var(--wuiplugin-theme-bordercolor-low);
	--wui-markdown-pre-maxheight: 50vh;
	--wui-markdown-pre-borderradius: 5px;
	--wui-markdown-pre-bordercolor: var(--wuiplugin-theme-bordercolor-high);
	--wui-markdown-pre-bgcolor: var(--wuiplugin-theme-bgcolor-over);
	--wui-markdown-pre-scroll-width: 4px;
	--wui-markdown-pre-scroll-bgcolor-out: var(--wuiplugin-theme-bordercolor-max);
	--wui-markdown-pre-scroll-bgcolor-over: var(--wuiplugin-theme-shadowcolor-low);
	--wui-markdown-pre-textcolor: var(--wuiplugin-theme-textcolor-active);
	--wui-markdown-link-textcolor-out: var(--wuiplugin-theme-utilitycolor-hightlight);
	--wui-markdown-link-textcolor-hover: var(--wuiplugin-theme-utilitycolor-hightlight);
	--wui-markdown-link-textdecoration-out: none;
	--wui-markdown-link-textdecoration-hover: underline;

	/* wuiplugin-selector */

	--wuiplugin-selector-box-width: 280px;
	--wuiplugin-selector-box-bgcolor: var(--wuiplugin-theme-bgcolor-out);
	--wuiplugin-selector-option-bordercolor-out: var(--wuiplugin-theme-bordercolor-low);
	--wuiplugin-selector-option-bordercolor-over: var(--wuiplugin-theme-bordercolor-low);
	--wuiplugin-selector-option-bgcolor-out: transparent;
	--wuiplugin-selector-option-bgcolor-over: var(--wuiplugin-theme-bgcolor-over);
	--wuiplugin-selector-option-iconcolor-out: var(--wuiplugin-theme-utilitycolor-hightlight);
	--wuiplugin-selector-option-iconcolor-over: var(--wuiplugin-theme-utilitycolor-hightlight);
	--wuiplugin-selector-option-iconcolor-disabled: var(--wuiplugin-theme-utilitycolor-disabled);
	--wuiplugin-selector-option-textcolor-out: var(--wuiplugin-theme-textcolor-active);
	--wuiplugin-selector-option-textcolor-over: var(--wuiplugin-theme-utilitycolor-hightlight);
	--wuiplugin-selector-option-textcolor-selected: var(--wuiplugin-theme-utilitycolor-hightlight);
	--wuiplugin-selector-option-textcolor-disabled: var(--wuiplugin-theme-utilitycolor-disabled);
	--wuiplugin-selector-option-checker-bordercolor-out: var(--wuiplugin-theme-utilitycolor-hightlight);
	--wuiplugin-selector-option-checker-bordercolor-selected: var(--wuiplugin-theme-utilitycolor-hightlight);
	--wuiplugin-selector-option-checker-bgcolor-out: transparent;
	--wuiplugin-selector-option-checker-bgcolor-selected: var(--wuiplugin-theme-utilitycolor-hightlight);
	--wuiplugin-selector-button-bordercolor: var(--wuiplugin-theme-bordercolor-low);
}

.wuiplugin-themes {
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
}

.wuiplugin-themes.system {
	color-scheme: light dark;
	--wuiplugin-theme-graycolor-max: light-dark(var(--wuiplugin-theme-graycolor-max-light), var(--wuiplugin-theme-graycolor-max-dark));
	--wuiplugin-theme-graycolor-high: light-dark(var(--wuiplugin-theme-graycolor-high-light), var(--wuiplugin-theme-graycolor-high-dark));
	--wuiplugin-theme-graycolor-half: light-dark(var(--wuiplugin-theme-graycolor-half-light), var(--wuiplugin-theme-graycolor-half-dark));
	--wuiplugin-theme-graycolor-low: light-dark(var(--wuiplugin-theme-graycolor-low-light), var(--wuiplugin-theme-graycolor-low-dark));
	--wuiplugin-theme-graycolor-min: light-dark(var(--wuiplugin-theme-graycolor-min-light), var(--wuiplugin-theme-graycolor-min-dark));
	--wuiplugin-theme-shadowcolor-low: light-dark(var(--wuiplugin-theme-shadowcolor-low-light), var(--wuiplugin-theme-shadowcolor-low-dark));
	--wuiplugin-theme-shadowcolor-high: light-dark(var(--wuiplugin-theme-shadowcolor-high-light), var(--wuiplugin-theme-shadowcolor-high-dark));
	--wuiplugin-theme-bordercolor-max: light-dark(var(--wuiplugin-theme-bordercolor-max-light), var(--wuiplugin-theme-bordercolor-max-dark));
	--wuiplugin-theme-bordercolor-high: light-dark(var(--wuiplugin-theme-bordercolor-high-light), var(--wuiplugin-theme-bordercolor-high-dark));
	--wuiplugin-theme-bordercolor-low: light-dark(var(--wuiplugin-theme-bordercolor-low-light), var(--wuiplugin-theme-bordercolor-low-dark));
	--wuiplugin-theme-bgcolor-overlay: light-dark(var(--wuiplugin-theme-bgcolor-overlay-light), var(--wuiplugin-theme-bgcolor-overlay-dark));
	--wuiplugin-theme-bgcolor-box: light-dark(var(--wuiplugin-theme-bgcolor-box-light), var(--wuiplugin-theme-bgcolor-box-dark));
	--wuiplugin-theme-bgcolor-out: light-dark(var(--wuiplugin-theme-bgcolor-out-light), var(--wuiplugin-theme-bgcolor-out-dark));
	--wuiplugin-theme-bgcolor-over: light-dark(var(--wuiplugin-theme-bgcolor-over-light), var(--wuiplugin-theme-bgcolor-over-dark));
	--wuiplugin-theme-bgcolor-scroll: light-dark(var(--wuiplugin-theme-bgcolor-scroll-light), var(--wuiplugin-theme-bgcolor-scroll-dark));
	--wuiplugin-theme-bgcolor-icon: light-dark(var(--wuiplugin-theme-bgcolor-icon-light), var(--wuiplugin-theme-bgcolor-icon-dark));
	--wuiplugin-theme-bgcolor-highcontrast: light-dark(var(--wuiplugin-theme-bgcolor-highcontrast-light), var(--wuiplugin-theme-bgcolor-highcontrast-dark));
	--wuiplugin-theme-textcolor-title: light-dark(var(--wuiplugin-theme-textcolor-title-light), var(--wuiplugin-theme-textcolor-title-dark));
	--wuiplugin-theme-textcolor-active: light-dark(var(--wuiplugin-theme-textcolor-active-light), var(--wuiplugin-theme-textcolor-active-dark));
	--wuiplugin-theme-textcolor-focus: light-dark(var(--wuiplugin-theme-textcolor-focus-light), var(--wuiplugin-theme-textcolor-focus-dark));
	--wuiplugin-theme-utilitycolor-hightlight: light-dark(var(--wuiplugin-theme-utilitycolor-hightlight-light), var(--wuiplugin-theme-utilitycolor-hightlight-dark));
	--wuiplugin-theme-utilitycolor-warning: light-dark(var(--wuiplugin-theme-utilitycolor-warning-light), var(--wuiplugin-theme-utilitycolor-warning-dark));
	--wuiplugin-theme-utilitycolor-disabled: light-dark(var(--wuiplugin-theme-utilitycolor-disabled-light), var(--wuiplugin-theme-utilitycolor-disabled-dark));
	--wuiplugin-theme-intencitycolor-low: light-dark(var(--wuiplugin-theme-intencitycolor-low-light), var(--wuiplugin-theme-intencitycolor-low-dark));
	--wuiplugin-theme-intencitycolor-half: light-dark(var(--wuiplugin-theme-intencitycolor-half-light), var(--wuiplugin-theme-intencitycolor-half-dark));
	--wuiplugin-theme-intencitycolor-high: light-dark(var(--wuiplugin-theme-intencitycolor-high-light), var(--wuiplugin-theme-intencitycolor-high-dark));
	--wuiplugin-theme-token-command: light-dark(var(--wuiplugin-theme-token-command-light), var(--wuiplugin-theme-token-command-dark));
	--wuiplugin-theme-token-comment: light-dark(var(--wuiplugin-theme-token-comment-light), var(--wuiplugin-theme-token-comment-dark));
	--wuiplugin-theme-token-string: light-dark(var(--wuiplugin-theme-token-string-light), var(--wuiplugin-theme-token-string-dark));
	--wuiplugin-theme-token-keyword: light-dark(var(--wuiplugin-theme-token-keyword-light), var(--wuiplugin-theme-token-keyword-dark));
	--wuiplugin-theme-token-number: light-dark(var(--wuiplugin-theme-token-number-light), var(--wuiplugin-theme-token-number-dark));
	--wuiplugin-theme-token-tag: light-dark(var(--wuiplugin-theme-token-tag-light), var(--wuiplugin-theme-token-tag-dark));
	--wuiplugin-theme-token-attr: light-dark(var(--wuiplugin-theme-token-attr-light), var(--wuiplugin-theme-token-attr-dark));
	--wuiplugin-theme-token-selector: light-dark(var(--wuiplugin-theme-token-selector-light), var(--wuiplugin-theme-token-selector-dark));
	--wuiplugin-theme-token-property: light-dark(var(--wuiplugin-theme-token-property-light), var(--wuiplugin-theme-token-property-dark));
	--wuiplugin-theme-token-function: light-dark(var(--wuiplugin-theme-token-function-light), var(--wuiplugin-theme-token-function-dark));
	--wuiplugin-theme-token-operator: light-dark(var(--wuiplugin-theme-token-operator-light), var(--wuiplugin-theme-token-operator-dark));
	--wuiplugin-theme-token-variable: light-dark(var(--wuiplugin-theme-token-variable-light), var(--wuiplugin-theme-token-variable-dark));
	--wuiplugin-theme-token-constant: light-dark(var(--wuiplugin-theme-token-constant-light), var(--wuiplugin-theme-token-constant-dark));
	--wuiplugin-theme-token-decorator: light-dark(var(--wuiplugin-theme-token-decorator-light), var(--wuiplugin-theme-token-decorator-dark));
	--wuiplugin-theme-token-type: light-dark(var(--wuiplugin-theme-token-type-light), var(--wuiplugin-theme-token-type-dark));
	--wuiplugin-theme-token-builtin: light-dark(var(--wuiplugin-theme-token-builtin-light), var(--wuiplugin-theme-token-builtin-dark));
	--wuiplugin-theme-token-color: light-dark(var(--wuiplugin-theme-token-color-light), var(--wuiplugin-theme-token-color-dark));
	--wuiplugin-theme-token-regex: light-dark(var(--wuiplugin-theme-token-regex-light), var(--wuiplugin-theme-token-regex-dark));
}

.wuiplugin-themes.light {
	color-scheme: light;
	--wuiplugin-theme-graycolor-max: var(--wuiplugin-theme-graycolor-max-light);
	--wuiplugin-theme-graycolor-high: var(--wuiplugin-theme-graycolor-high-light);
	--wuiplugin-theme-graycolor-half: var(--wuiplugin-theme-graycolor-half-light);
	--wuiplugin-theme-graycolor-low: var(--wuiplugin-theme-graycolor-low-light);
	--wuiplugin-theme-graycolor-min: var(--wuiplugin-theme-graycolor-min-light);
	--wuiplugin-theme-shadowcolor-low: var(--wuiplugin-theme-shadowcolor-low-light);
	--wuiplugin-theme-shadowcolor-high: var(--wuiplugin-theme-shadowcolor-high-light);
	--wuiplugin-theme-bordercolor-max: var(--wuiplugin-theme-bordercolor-max-light);
	--wuiplugin-theme-bordercolor-high: var(--wuiplugin-theme-bordercolor-high-light);
	--wuiplugin-theme-bordercolor-low: var(--wuiplugin-theme-bordercolor-low-light);
	--wuiplugin-theme-bgcolor-overlay: var(--wuiplugin-theme-bgcolor-overlay-light);
	--wuiplugin-theme-bgcolor-box: var(--wuiplugin-theme-bgcolor-box-light);
	--wuiplugin-theme-bgcolor-out: var(--wuiplugin-theme-bgcolor-out-light);
	--wuiplugin-theme-bgcolor-over: var(--wuiplugin-theme-bgcolor-over-light);
	--wuiplugin-theme-bgcolor-scroll: var(--wuiplugin-theme-bgcolor-scroll-light);
	--wuiplugin-theme-bgcolor-icon: var(--wuiplugin-theme-bgcolor-icon-light);
	--wuiplugin-theme-bgcolor-highcontrast: var(--wuiplugin-theme-bgcolor-highcontrast-light);
	--wuiplugin-theme-textcolor-title: var(--wuiplugin-theme-textcolor-title-light);
	--wuiplugin-theme-textcolor-active: var(--wuiplugin-theme-textcolor-active-light);
	--wuiplugin-theme-textcolor-focus: var(--wuiplugin-theme-textcolor-focus-light);
	--wuiplugin-theme-utilitycolor-hightlight: var(--wuiplugin-theme-utilitycolor-hightlight-light);
	--wuiplugin-theme-utilitycolor-warning: var(--wuiplugin-theme-utilitycolor-warning-light);
	--wuiplugin-theme-utilitycolor-disabled: var(--wuiplugin-theme-utilitycolor-disabled-light);
	--wuiplugin-theme-intencitycolor-low: var(--wuiplugin-theme-intencitycolor-low-light);
	--wuiplugin-theme-intencitycolor-half: var(--wuiplugin-theme-intencitycolor-half-light);
	--wuiplugin-theme-intencitycolor-high: var(--wuiplugin-theme-intencitycolor-high-light);
	--wuiplugin-theme-token-command: var(--wuiplugin-theme-token-command-light);
	--wuiplugin-theme-token-comment: var(--wuiplugin-theme-token-comment-light);
	--wuiplugin-theme-token-string: var(--wuiplugin-theme-token-string-light);
	--wuiplugin-theme-token-keyword: var(--wuiplugin-theme-token-keyword-light);
	--wuiplugin-theme-token-number: var(--wuiplugin-theme-token-number-light);
	--wuiplugin-theme-token-tag: var(--wuiplugin-theme-token-tag-light);
	--wuiplugin-theme-token-attr: var(--wuiplugin-theme-token-attr-light);
	--wuiplugin-theme-token-selector: var(--wuiplugin-theme-token-selector-light);
	--wuiplugin-theme-token-property: var(--wuiplugin-theme-token-property-light);
	--wuiplugin-theme-token-function: var(--wuiplugin-theme-token-function-light);
	--wuiplugin-theme-token-operator: var(--wuiplugin-theme-token-operator-light);
	--wuiplugin-theme-token-variable: var(--wuiplugin-theme-token-variable-light);
	--wuiplugin-theme-token-constant: var(--wuiplugin-theme-token-constant-light);
	--wuiplugin-theme-token-decorator: var(--wuiplugin-theme-token-decorator-light);
	--wuiplugin-theme-token-type: var(--wuiplugin-theme-token-type-light);
	--wuiplugin-theme-token-builtin: var(--wuiplugin-theme-token-builtin-light);
	--wuiplugin-theme-token-color: var(--wuiplugin-theme-token-color-light);
	--wuiplugin-theme-token-regex: var(--wuiplugin-theme-token-regex-light);
}

.wuiplugin-themes.dark {
	color-scheme: dark;
	--wuiplugin-theme-graycolor-max: var(--wuiplugin-theme-graycolor-max-dark);
	--wuiplugin-theme-graycolor-high: var(--wuiplugin-theme-graycolor-high-dark);
	--wuiplugin-theme-graycolor-half: var(--wuiplugin-theme-graycolor-half-dark);
	--wuiplugin-theme-graycolor-low: var(--wuiplugin-theme-graycolor-low-dark);
	--wuiplugin-theme-graycolor-min: var(--wuiplugin-theme-graycolor-min-dark);
	--wuiplugin-theme-shadowcolor-low: var(--wuiplugin-theme-shadowcolor-low-dark);
	--wuiplugin-theme-shadowcolor-high: var(--wuiplugin-theme-shadowcolor-high-dark);
	--wuiplugin-theme-bordercolor-max: var(--wuiplugin-theme-bordercolor-max-dark);
	--wuiplugin-theme-bordercolor-high: var(--wuiplugin-theme-bordercolor-high-dark);
	--wuiplugin-theme-bordercolor-low: var(--wuiplugin-theme-bordercolor-low-dark);
	--wuiplugin-theme-bgcolor-highcontrast: var(--wuiplugin-theme-bgcolor-highcontrast-dark);
	--wuiplugin-theme-bgcolor-overlay: var(--wuiplugin-theme-bgcolor-overlay-dark);
	--wuiplugin-theme-bgcolor-box: var(--wuiplugin-theme-bgcolor-box-dark);
	--wuiplugin-theme-bgcolor-out: var(--wuiplugin-theme-bgcolor-out-dark);
	--wuiplugin-theme-bgcolor-over: var(--wuiplugin-theme-bgcolor-over-dark);
	--wuiplugin-theme-bgcolor-scroll: var(--wuiplugin-theme-bgcolor-scroll-dark);
	--wuiplugin-theme-bgcolor-icon: var(--wuiplugin-theme-bgcolor-icon-dark);
	--wuiplugin-theme-textcolor-title: var(--wuiplugin-theme-textcolor-title-dark);
	--wuiplugin-theme-textcolor-active: var(--wuiplugin-theme-textcolor-active-dark);
	--wuiplugin-theme-textcolor-focus: var(--wuiplugin-theme-textcolor-focus-dark);
	--wuiplugin-theme-utilitycolor-hightlight: var(--wuiplugin-theme-utilitycolor-hightlight-dark);
	--wuiplugin-theme-utilitycolor-warning: var(--wuiplugin-theme-utilitycolor-warning-dark);
	--wuiplugin-theme-utilitycolor-disabled: var(--wuiplugin-theme-utilitycolor-disabled-dark);
	--wuiplugin-theme-intencitycolor-low: var(--wuiplugin-theme-intencitycolor-low-dark);
	--wuiplugin-theme-intencitycolor-half: var(--wuiplugin-theme-intencitycolor-half-dark);
	--wuiplugin-theme-intencitycolor-high: var(--wuiplugin-theme-intencitycolor-high-dark);
	--wuiplugin-theme-token-command: var(--wuiplugin-theme-token-command-dark);
	--wuiplugin-theme-token-comment: var(--wuiplugin-theme-token-comment-dark);
	--wuiplugin-theme-token-string: var(--wuiplugin-theme-token-string-dark);
	--wuiplugin-theme-token-keyword: var(--wuiplugin-theme-token-keyword-dark);
	--wuiplugin-theme-token-number: var(--wuiplugin-theme-token-number-dark);
	--wuiplugin-theme-token-tag: var(--wuiplugin-theme-token-tag-dark);
	--wuiplugin-theme-token-attr: var(--wuiplugin-theme-token-attr-dark);
	--wuiplugin-theme-token-selector: var(--wuiplugin-theme-token-selector-dark);
	--wuiplugin-theme-token-property: var(--wuiplugin-theme-token-property-dark);
	--wuiplugin-theme-token-function: var(--wuiplugin-theme-token-function-dark);
	--wuiplugin-theme-token-operator: var(--wuiplugin-theme-token-operator-dark);
	--wuiplugin-theme-token-variable: var(--wuiplugin-theme-token-variable-dark);
	--wuiplugin-theme-token-constant: var(--wuiplugin-theme-token-constant-dark);
	--wuiplugin-theme-token-decorator: var(--wuiplugin-theme-token-decorator-dark);
	--wuiplugin-theme-token-type: var(--wuiplugin-theme-token-type-dark);
	--wuiplugin-theme-token-builtin: var(--wuiplugin-theme-token-builtin-dark);
	--wuiplugin-theme-token-color: var(--wuiplugin-theme-token-color-dark);
	--wuiplugin-theme-token-regex: var(--wuiplugin-theme-token-regex-dark);
}

.wuiplugin-themes.transition,
.wuiplugin-themes.transition * {
	--delay: var(--wuiplugin-theme-transition-delay);
	--transition: background-color var(--delay) ease;
	-webkit-transition: var(--transition) !important;
	-moz-transition: var(--transition) !important;
	transition: var(--transition) !important;
}