/* WUI settings */

:root {
	--wui-icon-size: 24px;
	--wui-icon-smallsize: 14px;
	--wuiplugin-theme-titlefont: "SanFrancisco" !important;
}

.wuiplugin-themes.local * {
	--wui-modal-mobile-page-box-topmargin: var(--display-padding-top);
	--wui-modal-mobile-page-box-borderradius-maximized: calc(var(--display-padding-topfactor) * var(--wui-modal-box-borderradius));
	cursor: none !important;
}

.wuiplugin-themes.local.ios {
	/*--wui-menubar-margin: 0px;
	--wui-menubar-borderradius: 0px;
	--wui-menubar-mobile-bar-horizpadding: 40px;
	--wui-menubar-mobile-bar-vertpadding: 10px;*/
	--wui-menubar-margin: 20px;
	--wui-menubar-borderradius: 30px;
	--wui-menubar-mobile-bar-horizpadding: 10px;
	--wui-menubar-mobile-bar-vertpadding: 0px;
}

.wuiplugin-themes.local.android {
	--wui-menubar-margin: 10px;
	--wui-menubar-borderradius: 10px;
	--wui-menubar-mobile-bar-horizpadding: 10px;
	--wui-menubar-mobile-bar-vertpadding: 0px;
}

.wuiplugin-themes #headerSection {
	--wui-icon-bgcolor-out: var(--wuiplugin-theme-bgcolor-icon-dark);
	--wui-icon-bgcolor-over: var(--wuiplugin-theme-bgcolor-icon-dark);
}

.wuiplugin-themes.light {
	--wui-menubar-bar-bordercolor: var(--app-home-menubar-bordercolor);
	--wui-menubar-bar-bgcolor-top: var(--app-home-menubar-bgtopcolor);
	--wui-menubar-bar-bgcolor-bottom: var(--app-home-menubar-bgbottomcolor);
	--wui-menubar-bar-button-iconcolor-out: rgb(from #fff r g b / 70%);
	--wui-menubar-bar-button-iconcolor-over: #fff;
	--wui-menubar-bar-button-textcolor-out: #fff;
	--wui-menubar-bar-button-textcolor-over: #fff;
	--wui-menubar-expander-iconcolor-out: #fff;
	--wui-menubar-expander-iconcolor-over: #fff;
}

.wuiplugin-themes.light #loaderModal.init {
	--wui-modal-overlay-bgcolor: var(--app-darkcolor2);
}

.wuiplugin-themes.dark #loaderModal.init {
	--wui-modal-overlay-bgcolor: var(--app-home-background-bgbottomcolor);
}

.wuiplugin-themes #rightbarModal {
	--wui-list-row-height: 60px;
}

.wuiplugin-themes.light #rightbarModal {
	--wui-icon-bgcolor-out: var(--wuiplugin-theme-bgcolor-icon-dark);
	--wui-icon-bgcolor-over: var(--wuiplugin-theme-bgcolor-icon-dark);
	--wui-modal-title-textcolor: #fff;
	--wui-modal-close-bgcolor: #fff;
	--wui-modal-page-box-bgcolor: var(--app-home-rightbar-bgtopcolor);
	--wui-list-shadowcolor: #000;
	--wui-list-row-bordercolor-out: rgb(from var(--app-lightcolor2) r g b / 5%);
	--wui-list-row-bordercolor-over: rgb(from var(--app-lightcolor2) r g b / 5%);
	--wui-list-row-bgcolor-out: rgb(from var(--app-darkcolor3) r g b / 40%);
	--wui-list-row-bgcolor-over: rgb(from var(--app-darkcolor3) r g b / 30%);
	--wui-list-row-textcolor-out: var(--wuiplugin-theme-textcolor-active-dark);
	--wui-list-row-textcolor-over: var(--wuiplugin-theme-textcolor-active-dark);
}

.wuiplugin-themes.light #rightbarModal .wui-list {
	--row-shadow: rgb(from #000 r g b / 20%) 0px 4px 12px;
}