@import url('fontawesome/css/all.min.css');

/* Material Symbols Rounded — self-hosted full variable font */
@font-face {
	font-family: 'Material Symbols Rounded';
	font-style: normal;
	font-weight: 100 700;
	src: url('material-symbols/MaterialSymbolsRounded-full.woff2') format('woff2');
	font-display: swap;
}

/**
 * CloudSpace Theme — Google Drive-like UX + Split-Screen Login
 *
 * Design System Colors:
 *   Primary:    #679a41  (WorldPosta Green)
 *   Hover:      #588836
 *   Text:       #293c51  (Dark Slate)
 *   Muted:      #6b7280  (gray-500)
 *   Border:     #d1d5db  (gray-300 — inputs), #e5e7eb (gray-200 — general)
 *   Nav Hover:  #e5e7eb  (gray-200)
 *   Surface:    #ffffff
 *   Page BG:    #fcfcfc  (near white)
 *
 *   Aligned with WorldPosta SSO Design System (Jan 2026)
 */

/* ================================================================
   1. GLOBAL — CSS Variables (Foundation)
   ================================================================ */
:root, [data-theme-light], [data-theme-dark], [data-theme-default] {
	/* Brand primaries — WorldPosta Green + Dark Slate */
	--color-primary: #679a41 !important;
	--color-primary-default: #679a41 !important;
	--color-primary-hover: #588836 !important;
	--color-primary-text: #ffffff !important;
	--color-primary-element: #679a41 !important;
	--color-primary-element-hover: #588836 !important;
	--color-primary-element-text: #ffffff !important;
	--color-primary-element-text-dark: #ffffff !important;
	--color-primary-element-light: rgba(103,154,65,0.15) !important;
	--color-primary-element-light-text: #3d6b24 !important;
	--color-primary-light-text: #3d6b24 !important;
	--color-primary-light: #eef3ea !important;
	--color-primary-light-hover: #e2e6de !important;

	/* Backgrounds — Design System neutrals */
	--color-main-background: #fcfcfc !important;           /* Page BG: near white */
	--color-main-background-blur: rgba(252,252,252,0.8) !important;
	--filter-background-blur: none !important;
	--color-background-hover: #f3f4f6 !important;          /* gray-100 */
	--color-background-dark: #f3f4f6 !important;           /* gray-100 */
	--color-background-darker: #e5e7eb !important;         /* gray-200 */
	--color-background-plain: #fcfcfc !important;
	--color-background-plain-text: #293c51 !important;
	--color-main-background-rgb: 252,252,252 !important;
	--color-main-background-translucent: rgba(252,252,252,0.97) !important;

	/* Text hierarchy — Design System grays */
	--color-main-text: #293c51 !important;                 /* Primary text: Dark Slate */
	--color-text-maxcontrast: #6b7280 !important;          /* Secondary text: gray-500 */
	--color-text-maxcontrast-background-blur: #6b7280 !important;
	--color-text-light: #9ca3af !important;                /* Muted text: gray-400 */

	/* Borders — Design System grays */
	--color-border: #e5e7eb !important;                    /* Default: gray-200 */
	--color-border-dark: #d1d5db !important;               /* Emphasis: gray-300 */
	--color-border-maxcontrast: #d1d5db !important;
	--color-border-error: var(--color-element-error) !important;
	--color-border-success: var(--color-element-success) !important;

	/* Radius — Design System scale */
	--border-radius: 8px !important;                       /* rounded-lg */
	--border-radius-large: 12px !important;                /* rounded-xl */
	--border-radius-element: 24px !important;              /* pill elements */
	--border-radius-pill: 9999px !important;               /* rounded-full */
	--border-radius-small: 4px !important;
	--border-radius-container: 12px !important;
	--border-radius-container-large: 16px !important;
	--border-radius-rounded: 28px !important;

	/* Elevation — Design System shadow tokens (brand-based) */
	--color-box-shadow: rgba(41,60,81,0.12) !important;
	--color-box-shadow-rgb: 41,60,81 !important;

	/* Status / Semantic colors — Design System palette */
	--color-error: #dc2626 !important;                     /* red-600 */
	--color-error-hover: #b91c1c !important;               /* red-700 */
	--color-error-text: #991b1b !important;                /* red-800 */
	--color-warning: #ca8a04 !important;                   /* yellow-600 */
	--color-warning-hover: #a16207 !important;             /* yellow-700 */
	--color-warning-text: #854d0e !important;              /* yellow-800 */
	--color-success: #22c55e !important;                   /* green-500 (Design System) */
	--color-success-hover: #16a34a !important;             /* green-600 */
	--color-success-text: #166534 !important;              /* green-800 */
	--color-info: #2563eb !important;                      /* blue-600 */
	--color-info-hover: #1d4ed8 !important;                /* blue-700 */
	--color-info-text: #1e40af !important;                 /* blue-800 */
	/* Element/icon status colors */
	--color-element-error: #dc2626 !important;
	--color-element-info: #0077c7 !important;
	--color-element-success: #16a34a !important;
	--color-element-warning: #d97706 !important;
	/* Inline text status colors */
	--color-text-error: #991b1b !important;
	--color-text-success: #166534 !important;

	/* Loading / Skeleton */
	--color-loading-light: #f3f4f6 !important;             /* gray-100 */
	--color-loading-dark: #e5e7eb !important;              /* gray-200 */
	/* Placeholder / skeleton shimmer */
	--color-placeholder-light: #f0f1f3 !important;
	--color-placeholder-dark: #e5e7eb !important;

	/* Scrollbar */
	--color-scrollbar: rgba(0,0,0,0.15) !important;

	/* Favourite / star */
	--color-favorite: #eab308 !important;                  /* yellow-500 */

	/* Prevent dark-mode icon inversion (we are always light) */
	--background-invert-if-dark: none !important;
	--primary-invert-if-dark: none !important;
	--background-invert-if-bright: invert(1) !important;
	--background-image-invert-if-bright: invert(100%) !important;

	/* Remove wallpaper / body background */
	--image-background: none !important;
}


/* ================================================================
   2. ICON + TEXT COLOR CONSISTENCY (Global Rule)
   Ensures icons and their text labels are always the same color
   across all navigation, menus, tabs, and interactive elements.
   ================================================================ */

/* --- Left Sidebar Navigation --- */

/* Normal state: force icon color to green */
.app-navigation-entry .app-navigation-entry-link .app-navigation-entry-icon,
.app-navigation-entry .app-navigation-entry-button .app-navigation-entry-icon,
.app-navigation-entry .app-navigation-entry-link .app-navigation-entry-icon > *,
.app-navigation-entry .app-navigation-entry-button .app-navigation-entry-icon > * {
	color: #679a41 !important;
}

/* MDI icons inside nav: override files-main.js rule that sets color to --color-text-maxcontrast */
.app-navigation-entry .app-navigation-entry-icon .material-design-icon,
.app-navigation-entry .app-navigation-entry-icon .material-design-icon > svg {
	color: inherit !important;
}

/* Active state: white icon + text on green background */
.app-navigation-entry.active,
.app-navigation-entry[aria-current="page"] {
	background-color: var(--color-primary-element) !important;
}
.app-navigation-entry.active .app-navigation-entry-link,
.app-navigation-entry.active .app-navigation-entry-button,
.app-navigation-entry[aria-current="page"] .app-navigation-entry-link,
.app-navigation-entry[aria-current="page"] .app-navigation-entry-button {
	color: #ffffff !important;
}
.app-navigation-entry.active .app-navigation-entry-link .app-navigation-entry-icon,
.app-navigation-entry.active .app-navigation-entry-button .app-navigation-entry-icon,
.app-navigation-entry.active .app-navigation-entry-link .app-navigation-entry-icon > *,
.app-navigation-entry.active .app-navigation-entry-button .app-navigation-entry-icon > *,
.app-navigation-entry.active .app-navigation-entry__name,
.app-navigation-entry[aria-current="page"] .app-navigation-entry-link .app-navigation-entry-icon,
.app-navigation-entry[aria-current="page"] .app-navigation-entry-button .app-navigation-entry-icon,
.app-navigation-entry[aria-current="page"] .app-navigation-entry-link .app-navigation-entry-icon > *,
.app-navigation-entry[aria-current="page"] .app-navigation-entry-button .app-navigation-entry-icon > *,
.app-navigation-entry[aria-current="page"] .app-navigation-entry__name {
	color: #ffffff !important;
}

/* Active state: legacy .icon-* background-image icons — force white via filter */
.app-navigation-entry.active .app-navigation-entry-icon [class^="icon-"],
.app-navigation-entry.active .app-navigation-entry-icon [class*=" icon-"],
.app-navigation-entry[aria-current="page"] .app-navigation-entry-icon [class^="icon-"],
.app-navigation-entry[aria-current="page"] .app-navigation-entry-icon [class*=" icon-"] {
	filter: invert(1) !important;
}

/* Active hover: slightly darker green, keep white text/icons */
.app-navigation-entry.active:hover,
.app-navigation-entry[aria-current="page"]:hover {
	background-color: var(--color-primary-element-hover) !important;
}

/* Active state: 3-dot action menu buttons */
.app-navigation-entry.active .app-navigation-entry__actions .button-vue,
.app-navigation-entry.active .app-navigation-entry__actions .button-vue__icon,
.app-navigation-entry[aria-current="page"] .app-navigation-entry__actions .button-vue,
.app-navigation-entry[aria-current="page"] .app-navigation-entry__actions .button-vue__icon {
	color: #ffffff !important;
}

/* Active state: collapse/expand chevron */
.app-navigation-entry.active .icon-collapse,
.app-navigation-entry.active .button-vue.icon-collapse,
.app-navigation-entry[aria-current="page"] .icon-collapse,
.app-navigation-entry[aria-current="page"] .button-vue.icon-collapse {
	color: #ffffff !important;
}

/* Active state: counter badge */
.app-navigation-entry.active .app-navigation-entry-utils .app-navigation-entry-utils-counter,
.app-navigation-entry[aria-current="page"] .app-navigation-entry-utils .app-navigation-entry-utils-counter {
	color: #ffffff !important;
}

/* Hover state (non-active): split icon (green) and text (dark) */
/* Hover state (non-active): green icon */
.app-navigation-entry:not(.active):not([aria-current="page"]):hover .app-navigation-entry-icon,
.app-navigation-entry:not(.active):not([aria-current="page"]):hover .app-navigation-entry-icon > * {
	color: #679a41 !important;
}
/* Hover state (non-active): keep dark text */
.app-navigation-entry:not(.active):not([aria-current="page"]):hover .app-navigation-entry__name {
	color: var(--color-main-text) !important;
}

/* --- Active nav icon: force inline SVG fill to white --- */
/*
 * Nav icons are inline SVGs rendered by NcIconSvgWrapper.
 * The SVG uses fill:currentColor via scoped CSS, but the color
 * inheritance chain breaks across div > span.icon-vue > span > svg.
 * We directly target SVG fill to guarantee white icon on green bg.
 */
.app-navigation-entry.active .app-navigation-entry-icon svg,
.app-navigation-entry.active .app-navigation-entry-icon svg path,
.app-navigation-entry--active .app-navigation-entry-icon svg,
.app-navigation-entry--active .app-navigation-entry-icon svg path,
.app-navigation-entry[aria-current="page"] .app-navigation-entry-icon svg,
.app-navigation-entry[aria-current="page"] .app-navigation-entry-icon svg path,
.router-link-active .app-navigation-entry-icon svg,
.router-link-active .app-navigation-entry-icon svg path {
	fill: #ffffff !important;
}

.app-navigation-entry.active .app-navigation-entry-icon .icon-vue,
.app-navigation-entry.active .app-navigation-entry-icon .icon-vue span,
.app-navigation-entry--active .app-navigation-entry-icon .icon-vue,
.app-navigation-entry--active .app-navigation-entry-icon .icon-vue span,
.app-navigation-entry[aria-current="page"] .app-navigation-entry-icon .icon-vue,
.app-navigation-entry[aria-current="page"] .app-navigation-entry-icon .icon-vue span {
	color: #ffffff !important;
}

/* Normal (non-active) nav icon: ensure green fill for inline SVGs */
.app-navigation-entry:not(.active):not(.app-navigation-entry--active) .app-navigation-entry-icon svg,
.app-navigation-entry:not(.active):not(.app-navigation-entry--active) .app-navigation-entry-icon svg path {
	fill: #679a41 !important;
}

.app-navigation-entry:not(.active):not(.app-navigation-entry--active) .app-navigation-entry-icon .icon-vue,
.app-navigation-entry:not(.active):not(.app-navigation-entry--active) .app-navigation-entry-icon .icon-vue span {
	color: #679a41 !important;
}

/* Hover state (non-active): keep green icon */
.app-navigation-entry:not(.active):not(.app-navigation-entry--active):hover .app-navigation-entry-icon svg,
.app-navigation-entry:not(.active):not(.app-navigation-entry--active):hover .app-navigation-entry-icon svg path {
	fill: #679a41 !important;
}

/* --- Right Sidebar Tabs --- */

/*
 * Sidebar tab icons: the scoped Vue CSS in NcAppSidebarTabs sets:
 *   .app-sidebar-tabs__nav[data-v-4e1cbc50] .checkbox-radio-switch--button-variant
 *     .checkbox-content .checkbox-content__icon > * { color: var(--color-main-text) !important; }
 *   Specificity: 0,5,0 + !important. We must EXCEED this.
 *   Strategy: double the .app-sidebar-tabs__nav class for 0,6,0 + !important.
 */

/* Normal sidebar tab icons: use primary element color (green) */
.app-sidebar-tabs__nav.app-sidebar-tabs__nav .checkbox-radio-switch--button-variant .checkbox-content .checkbox-content__icon,
.app-sidebar-tabs__nav.app-sidebar-tabs__nav .checkbox-radio-switch--button-variant .checkbox-content .checkbox-content__icon > *,
.app-sidebar-tabs__nav.app-sidebar-tabs__nav .checkbox-radio-switch__icon,
.app-sidebar-tabs__nav.app-sidebar-tabs__nav .checkbox-radio-switch__icon > * {
	color: var(--color-primary-element) !important;
}

/* Active/checked sidebar tab icons: match the active label color */
/* Active/checked sidebar tab icons: WHITE on green background */
.app-sidebar-tabs__nav.app-sidebar-tabs__nav .checkbox-radio-switch--button-variant.checkbox-radio-switch--checked .checkbox-content .checkbox-content__icon,
.app-sidebar-tabs__nav.app-sidebar-tabs__nav .checkbox-radio-switch--button-variant.checkbox-radio-switch--checked .checkbox-content .checkbox-content__icon > *,
.app-sidebar-tabs__nav.app-sidebar-tabs__nav .checkbox-radio-switch--checked .checkbox-radio-switch__icon,
.app-sidebar-tabs__nav.app-sidebar-tabs__nav .checkbox-radio-switch--checked .checkbox-radio-switch__icon > * {
	color: #ffffff !important;
}

/* Sidebar tab icons: SVG fill for inline SVGs */
/* Normal state SVG fill: green */
.app-sidebar-tabs__nav.app-sidebar-tabs__nav .checkbox-content__icon svg,
.app-sidebar-tabs__nav.app-sidebar-tabs__nav .checkbox-content__icon svg path {
	fill: #679a41 !important;
}
/* Active/checked state SVG fill: white */
.app-sidebar-tabs__nav.app-sidebar-tabs__nav .checkbox-radio-switch--checked .checkbox-content__icon svg,
.app-sidebar-tabs__nav.app-sidebar-tabs__nav .checkbox-radio-switch--checked .checkbox-content__icon svg path {
	fill: #ffffff !important;
}

/* --- Action Menus (3-dot dropdown items) --- */

/* Menu item icon + text same color */
.action-item .action-button .action-button__icon,
.action-item .action-button .action-button__longtext,
.action-item .action-button .action-button__name {
	color: inherit !important;
}


/* ================================================================
   2B. AUTHENTICATED HEADER BAR — White/Light Style
   Design: Google Drive aesthetic — white surface, dark icons, green accents
   Scope: body#body-user, body#body-settings (NOT login page)
   ================================================================ */

/* --- Header Context Variables --- */
body#body-user,
body#body-settings {
	--color-background-plain: #ffffff !important;
	--color-background-plain-text: #293c51 !important;
	--background-image-invert-if-bright: invert(100%) !important;
}

/* --- Header Bar Surface --- */
#header:not(.header-guest) {
	background-color: #ffffff !important;
	border-bottom: 1px solid #e5e7eb !important;
	box-shadow: 0 1px 0 0 #e5e7eb !important;
	--background-image-invert-if-bright: invert(100%) !important;
}

/* Dashboard kills header bg — restore it */
#body-user #header {
	background: #ffffff !important;
	background-color: #ffffff !important;
	--color-header: transparent !important;
}
#body-user #header::before {
	display: none !important;
}

/* --- Logo --- */
#header:not(.header-guest) #nextcloud .logo {
	filter: none !important;
	background-size: contain !important;
	background-position: center left !important;
}

/* --- App Switcher --- */
.app-menu-entry {
	color: var(--color-background-plain-text) !important;
}
.app-menu-entry__link {
	color: #293c51 !important;
	border-radius: 8px !important;
	transition: background-color 150ms ease !important;
}
.app-menu-entry .app-menu-icon__icon,
.app-menu-entry .app-menu-icon__icon > * {
	color: #679a41 !important;
	filter: invert(58%) sepia(74%) saturate(249%) hue-rotate(51deg) brightness(80%) contrast(82%) !important;
}
.app-menu-entry__label {
	color: #293c51 !important;
}

/* Hover */
.app-menu-entry:hover .app-menu-entry__link,
.app-menu-entry:focus-within .app-menu-entry__link {
	background-color: rgba(41, 60, 81, 0.06) !important;
}

/* Active app: green underline + bold green label */
.app-menu-entry--active .app-menu-entry__link {
	position: relative !important;
}
.app-menu-entry--active .app-menu-entry__link::after {
	content: "" !important;
	position: absolute !important;
	bottom: 4px !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
	width: 16px !important;
	height: 3px !important;
	border-radius: 2px !important;
	background-color: #679a41 !important;
	opacity: 1 !important;
}
.app-menu-entry--active .app-menu-entry__label {
	color: #679a41 !important;
	font-weight: 700 !important;
}

/* Overflow "more apps" button */
.app-menu__overflow .button-vue--vue-tertiary {
	color: #679a41 !important;
	filter: invert(58%) sepia(74%) saturate(249%) hue-rotate(51deg) brightness(80%) contrast(82%) !important;
	opacity: 0.75 !important;
}
.app-menu__overflow .button-vue--vue-tertiary:hover {
	opacity: 1 !important;
	background-color: rgba(41, 60, 81, 0.06) !important;
}

/* --- Header End Icon Buttons (Search, Notifications, Contacts, User) --- */
#header .header-end > div > .menutoggle,
#header .header-end > form > .menutoggle {
	border-radius: 8px !important;
	opacity: 1 !important;
	color: #679a41 !important;
	transition: background-color 150ms ease !important;
}
#header .header-end > div > .menutoggle img,
#header .header-end > div > .menutoggle svg,
#header .header-end > div > .menutoggle .button-vue__icon {
	color: #679a41 !important;
	filter: invert(58%) sepia(74%) saturate(249%) hue-rotate(51deg) brightness(80%) contrast(82%) !important;
}
#header .header-end > div > .menutoggle [class^="icon-"],
#header .header-end > div > .menutoggle [class*=" icon-"] {
	filter: invert(58%) sepia(74%) saturate(249%) hue-rotate(51deg) brightness(80%) contrast(82%) !important;
}
#header .header-end > div > .menutoggle:hover,
#header .header-end > form > .menutoggle:hover {
	background-color: rgba(41, 60, 81, 0.06) !important;
}
#header .header-end > div.openedMenu > .menutoggle,
#header .header-end > div > .menutoggle:active,
#header .header-end > div > .menutoggle[aria-expanded="true"] {
	background-color: rgba(41, 60, 81, 0.10) !important;
}
#header .header-end > div > .menutoggle:focus-visible {
	outline: 2px solid #679a41 !important;
	outline-offset: 2px !important;
}

/* Search trigger */
#header .header-end #unified-search .button-vue {
	color: #679a41 !important;
	border-radius: 8px !important;
}
#header .header-end #unified-search .button-vue:hover {
	background-color: rgba(41, 60, 81, 0.06) !important;
}

/* --- Header Menu Dropdowns --- */
.header-menu__content {
	background-color: #ffffff !important;
	border: 1px solid #e5e7eb !important;
	border-radius: 12px !important;
	box-shadow:
		0 4px 6px -1px rgba(41, 60, 81, 0.08),
		0 10px 24px -4px rgba(41, 60, 81, 0.10) !important;
}
#header .header-end .popovermenu li > button,
#header .header-end .popovermenu li > a,
#header .header-end .menu li > button,
#header .header-end .menu li > a {
	color: #293c51 !important;
	border-radius: 8px !important;
}
#header .header-end .popovermenu li > button:hover,
#header .header-end .popovermenu li > a:hover,
#header .header-end .menu li > button:hover,
#header .header-end .menu li > a:hover {
	background-color: #f3f4f6 !important;
	color: #293c51 !important;
}

/* Search input in dropdown */
.header-menu__content .input-field__input,
.header-menu__content input[type="search"],
.header-menu__content input[type="text"] {
	background-color: #f9fafb !important;
	border: 1px solid #e5e7eb !important;
	border-radius: 8px !important;
	color: #293c51 !important;
}
.header-menu__content .input-field__input:focus {
	border-color: #679a41 !important;
	box-shadow: 0 0 0 2px rgba(103, 154, 65, 0.15) !important;
	background-color: #ffffff !important;
}

/* Focus ring on header elements */
#header #nextcloud:focus-visible::after,
#header .app-menu-entry a:focus-visible::after {
	background-color: #679a41 !important;
}

/* ================================================================
   FIX: Header-end menu icon spacing — reset left offset
   (Must be early in file so browser always parses it)
   ================================================================ */
.header-end .header-menu,
.header-end #notifications,
.header-end #contactsmenu,
.header-end #user-menu,
.header-end .unified-search-menu {
    left: 0 !important;
    inset-inline-start: 0 !important;
    margin: 0 2px !important;
}

/* Fix dropdown menus: open aligned to right edge */
.header-end .header-menu__wrapper {
    position: fixed !important;
    top: 50px !important;
    right: 0 !important;
    left: auto !important;
}

/* ================================================================
   2C. NAVIGATION PANEL — Structural & Visual Styling
   Builds on Section 2 icon/text color rules.
   Clean white panel, pill-shaped items, branded states.
   ================================================================ */

/* --- Navigation Container --- */
#app-navigation {
	background-color: #ffffff !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
	border-inline-end: 1px solid #e5e7eb;
	border-start-start-radius: var(--border-radius-large, 12px);
	box-shadow: 2px 0 8px 0 rgba(41, 60, 81, 0.06);
}

/* --- Nav list padding --- */
#app-navigation > ul,
#app-navigation > nav > ul,
#app-navigation .app-navigation__list {
	padding-inline: 8px;
	padding-block-start: 4px;
}

/* --- Item spacing --- */
#app-navigation .app-navigation-entry-wrapper,
#app-navigation > ul > li,
#app-navigation > .app-navigation__list > .app-navigation-entry {
	margin-block-end: 2px;
}

/* --- Link/button base --- */
.app-navigation-entry-link,
.app-navigation-entry-button {
	width: 100%;
	min-height: var(--default-clickable-area, 44px);
	display: flex;
	align-items: center;
	box-sizing: border-box;
	border-radius: var(--border-radius-element, 24px);
	transition: background-color 200ms ease-in-out;
	padding-inline-end: 14px;
	padding-block: 2px;
}

/* --- Hover state (non-active) --- */
.app-navigation-entry:not(.active):not([aria-current="page"]) .app-navigation-entry-link:hover,
.app-navigation-entry:not(.active):not([aria-current="page"]) .app-navigation-entry-button:hover {
	background-color: #f3f4f6 !important;
	border-radius: var(--border-radius-element, 24px);
}

/* --- "New" button --- */
.app-navigation-new {
	padding: 12px 8px 8px 8px;
}
.app-navigation-new button,
.app-navigation-new .button-vue {
	width: 100% !important;
	background-color: #679a41 !important;
	color: #ffffff !important;
	border: none !important;
	border-radius: 9999px !important;
	font-size: 0.875rem !important;
	font-weight: 500 !important;
	cursor: pointer !important;
	transition: background-color 150ms ease-in-out !important;
}
.app-navigation-new button:hover,
.app-navigation-new .button-vue:hover {
	background-color: #5a8737 !important;
}
.app-navigation-new .button-vue__icon {
	color: #ffffff !important;
}

/* --- Section captions --- */
.app-navigation-caption {
	color: #6b7280 !important;
	font-size: 0.6875rem !important;
	font-weight: 600 !important;
	letter-spacing: 0.06em !important;
	text-transform: uppercase !important;
	line-height: 1.5 !important;
	padding-block: 12px 4px !important;
	padding-inline: 16px !important;
	margin-inline-start: 0 !important;
}

/* --- Counter badges --- */
.app-navigation-entry-utils-counter {
	color: #6b7280 !important;
	font-size: 0.75rem !important;
	font-weight: 500 !important;
	padding: 0 8px !important;
}
.app-navigation-entry-utils-counter.highlighted span {
	background-color: #679a41 !important;
	color: #ffffff !important;
	font-size: 0.6875rem !important;
	font-weight: 600 !important;
	padding: 2px 7px !important;
	border-radius: 9999px !important;
	min-width: 18px !important;
	display: inline-block !important;
	text-align: center !important;
}
/* Active entry badges */
.app-navigation-entry.active .app-navigation-entry-utils-counter,
.app-navigation-entry[aria-current="page"] .app-navigation-entry-utils-counter {
	color: rgba(255, 255, 255, 0.85) !important;
}
.app-navigation-entry.active .app-navigation-entry-utils-counter.highlighted span,
.app-navigation-entry[aria-current="page"] .app-navigation-entry-utils-counter.highlighted span {
	background-color: rgba(255, 255, 255, 0.25) !important;
	color: #ffffff !important;
}

/* --- Settings toggle (bottom of nav) --- */
#app-settings {
	border-block-start: 1px solid #e5e7eb;
	padding-block: 4px;
	padding-inline: 8px;
	flex-shrink: 0;
}
#app-settings .settings-button,
#app-settings button.settings-button {
	width: 100%;
	display: flex;
	align-items: center;
	min-height: var(--default-clickable-area, 44px);
	border-radius: var(--border-radius-element, 24px);
	border: none;
	background: transparent;
	color: #6b7280 !important;
	font-size: 0.875rem !important;
	cursor: pointer;
	transition: background-color 200ms ease-in-out, color 200ms ease-in-out;
}
#app-settings .settings-button:hover,
#app-settings button.settings-button:hover {
	background-color: #f3f4f6 !important;
	color: #293c51 !important;
}
#app-settings-content {
	background-color: #f9fafb !important;
	border-radius: var(--border-radius-large, 12px);
	padding: 8px 12px !important;
	margin-block-end: 4px;
	border: 1px solid #e5e7eb;
}

/* --- Collapsible sub-items --- */
.app-navigation-entry__children {
	--app-navigation-item-child-offset: 16px !important;
	background-color: #ffffff !important;
}
.app-navigation-entry__children .app-navigation-entry {
	min-height: 36px !important;
}
.app-navigation-entry__children .app-navigation-entry-link,
.app-navigation-entry__children .app-navigation-entry-button {
	min-height: 36px !important;
	font-size: 0.875rem !important;
}
.app-navigation-entry__children .app-navigation-entry-icon {
	width: 36px !important;
	height: 36px !important;
	flex: 0 0 36px !important;
}

/* Collapse/expand chevron */
.app-navigation-entry .icon-collapse,
.app-navigation-entry .button-vue.icon-collapse {
	color: #9ca3af !important;
	opacity: 1 !important;
	transition: color 150ms ease-in-out, transform 200ms ease-in-out;
}
.app-navigation-entry:hover .icon-collapse,
.app-navigation-entry:hover .button-vue.icon-collapse {
	color: #293c51 !important;
}

/* --- Focus ring (green instead of default dark) --- */
#app-navigation .app-navigation-entry-link:focus-visible,
#app-navigation .app-navigation-entry-button:focus-visible {
	outline: 2px solid #679a41 !important;
	outline-offset: -2px !important;
}
/* ================================================================
   2D. GLOBAL BUTTONS & INPUTS
   Scoped to authenticated pages only.
   ================================================================ */

/* --- 4A: Primary Buttons (green bg, white text) --- */
body#body-user .button-vue--vue-primary,
body#body-settings .button-vue--vue-primary {
	background-color: #679a41 !important;
	border-color: #679a41 !important;
	color: #ffffff !important;
	border-radius: 24px !important;
	font-weight: 600 !important;
	transition: background-color 0.15s ease, box-shadow 0.15s ease !important;
}

body#body-user .button-vue--vue-primary:hover,
body#body-settings .button-vue--vue-primary:hover {
	background-color: #588836 !important;
	border-color: #588836 !important;
}

body#body-user .button-vue--vue-primary .button-vue__icon,
body#body-settings .button-vue--vue-primary .button-vue__icon {
	color: #ffffff !important;
}

/* --- 4B: Secondary Buttons (light green tint, dark green text) --- */
body#body-user .button-vue--vue-secondary,
body#body-settings .button-vue--vue-secondary {
	background-color: rgba(103, 154, 65, 0.08) !important;
	border: 1px solid rgba(103, 154, 65, 0.25) !important;
	color: #588836 !important;
	border-radius: 24px !important;
	font-weight: 600 !important;
	transition: background-color 0.15s ease !important;
}

body#body-user .button-vue--vue-secondary:hover,
body#body-settings .button-vue--vue-secondary:hover {
	background-color: rgba(103, 154, 65, 0.15) !important;
}

body#body-user .button-vue--vue-secondary .button-vue__icon,
body#body-settings .button-vue--vue-secondary .button-vue__icon {
	color: inherit !important;
}

/* --- 4C: Tertiary / Ghost Buttons (transparent, dark text) --- */
body#body-user .button-vue--vue-tertiary,
body#body-user .button-vue--vue-tertiary-no-background,
body#body-settings .button-vue--vue-tertiary,
body#body-settings .button-vue--vue-tertiary-no-background {
	background-color: transparent !important;
	border-color: transparent !important;
	color: #293c51 !important;
	border-radius: 24px !important;
	transition: background-color 0.15s ease !important;
}

body#body-user .button-vue--vue-tertiary:hover,
body#body-user .button-vue--vue-tertiary-no-background:hover,
body#body-settings .button-vue--vue-tertiary:hover,
body#body-settings .button-vue--vue-tertiary-no-background:hover {
	background-color: #f3f4f6 !important;
}

body#body-user .button-vue--vue-tertiary .button-vue__icon,
body#body-user .button-vue--vue-tertiary-no-background .button-vue__icon,
body#body-settings .button-vue--vue-tertiary .button-vue__icon,
body#body-settings .button-vue--vue-tertiary-no-background .button-vue__icon {
	color: inherit !important;
}

/* --- 4D: Semantic Buttons (error/warning/success — keep semantic color, enforce icon=text) --- */
body#body-user .button-vue--vue-error,
body#body-settings .button-vue--vue-error {
	border-radius: 24px !important;
}
body#body-user .button-vue--vue-error .button-vue__icon,
body#body-settings .button-vue--vue-error .button-vue__icon {
	color: inherit !important;
}

body#body-user .button-vue--vue-warning,
body#body-settings .button-vue--vue-warning {
	border-radius: 24px !important;
}
body#body-user .button-vue--vue-warning .button-vue__icon,
body#body-settings .button-vue--vue-warning .button-vue__icon {
	color: inherit !important;
}

body#body-user .button-vue--vue-success,
body#body-settings .button-vue--vue-success {
	border-radius: 24px !important;
}
body#body-user .button-vue--vue-success .button-vue__icon,
body#body-settings .button-vue--vue-success .button-vue__icon {
	color: inherit !important;
}

/* --- 4E: Disabled State (all button variants) --- */
body#body-user .button-vue[disabled],
body#body-user .button-vue--vue-primary[disabled],
body#body-user .button-vue--vue-secondary[disabled],
body#body-user .button-vue--vue-tertiary[disabled],
body#body-settings .button-vue[disabled],
body#body-settings .button-vue--vue-primary[disabled],
body#body-settings .button-vue--vue-secondary[disabled],
body#body-settings .button-vue--vue-tertiary[disabled] {
	opacity: 0.45 !important;
	filter: saturate(0.5) !important;
	cursor: not-allowed !important;
	pointer-events: none !important;
}

/* --- 4F: Focus Ring Override (green for all buttons) --- */
body#body-user .button-vue:focus-visible,
body#body-settings .button-vue:focus-visible {
	outline: 2px solid #679a41 !important;
	outline-offset: 2px !important;
	box-shadow: 0 0 0 4px rgba(103, 154, 65, 0.18) !important;
}

/* --- 4G: Input Fields — base styling --- */
body#body-user .input-field__input,
body#body-settings .input-field__input {
	border: 1px solid #e5e7eb !important;
	border-radius: 8px !important;
	color: #293c51 !important;
	background-color: #ffffff !important;
	transition: border-color 0.15s ease, box-shadow 0.15s ease !important;
}

body#body-user .input-field__input:hover,
body#body-settings .input-field__input:hover {
	border-color: #d1d5db !important;
}

body#body-user .input-field__input:focus,
body#body-user .input-field__input:focus-visible,
body#body-settings .input-field__input:focus,
body#body-settings .input-field__input:focus-visible {
	border-color: #679a41 !important;
	outline: none !important;
	box-shadow: 0 0 0 2px rgba(103, 154, 65, 0.18) !important;
}

/* --- 4G-label: Input floating label turns green on focus --- */
body#body-user .input-field__input:focus ~ .input-field__label,
body#body-user .input-field__input:focus-visible ~ .input-field__label,
body#body-settings .input-field__input:focus ~ .input-field__label,
body#body-settings .input-field__input:focus-visible ~ .input-field__label {
	color: #679a41 !important;
}

/* --- 4H: Checkboxes & Radios (green checked state) --- */
body#body-user .checkbox-radio-switch__input:checked + .checkbox-radio-switch__label .checkbox-radio-switch__icon,
body#body-settings .checkbox-radio-switch__input:checked + .checkbox-radio-switch__label .checkbox-radio-switch__icon {
	color: #679a41 !important;
}

body#body-user .checkbox-radio-switch__input:focus-visible + .checkbox-radio-switch__label,
body#body-settings .checkbox-radio-switch__input:focus-visible + .checkbox-radio-switch__label {
	outline: 2px solid #679a41 !important;
	outline-offset: 2px !important;
	box-shadow: 0 0 0 4px rgba(103, 154, 65, 0.18) !important;
	border-radius: 4px !important;
}

/* --- 4I: Select / Multiselect Dropdowns --- */
body#body-user .vs__dropdown-toggle,
body#body-settings .vs__dropdown-toggle {
	border: 1px solid #e5e7eb !important;
	border-radius: 8px !important;
	transition: border-color 0.15s ease !important;
}

body#body-user .vs__dropdown-toggle:focus-within,
body#body-settings .vs__dropdown-toggle:focus-within {
	border-color: #679a41 !important;
	box-shadow: 0 0 0 2px rgba(103, 154, 65, 0.18) !important;
}

body#body-user .vs__selected,
body#body-settings .vs__selected {
	background-color: rgba(103, 154, 65, 0.10) !important;
	color: #588836 !important;
	border: 1px solid rgba(103, 154, 65, 0.25) !important;
	border-radius: 12px !important;
}

body#body-user .vs__dropdown-option--highlight,
body#body-settings .vs__dropdown-option--highlight {
	background-color: rgba(103, 154, 65, 0.10) !important;
	color: #293c51 !important;
}

/* --- 4J: Button sizing consistency --- */
body#body-user .button-vue,
body#body-settings .button-vue {
	min-height: var(--default-clickable-area, 44px) !important;
}

body#body-user .button-vue--size-small,
body#body-settings .button-vue--size-small {
	min-height: 36px !important;
	border-radius: 18px !important;
}
/* ================================================================
   3. LOGIN PAGE — Variable overrides (keep dark left panel)
   ================================================================ */
body#body-login {
	--color-background-plain: #293c51 !important;
	--color-background-plain-text: #ffffff !important;
	--color-primary-text: #ffffff !important;
}

/* ================================================================
   3B. LOGIN PAGE — Layout Shell
   ================================================================ */
body#body-login {
	display: block !important;
	background: #ffffff !important;
	background-image: none !important;
	min-height: 100vh !important;
	padding: 0 !important;
	margin: 0 !important;
	overflow: hidden !important;
	color: #293c51 !important;
	font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* ================================================================
   4. LEFT PANEL — HTML + Flexbox layout (replaces old pseudo-elements)
   ================================================================ */

/* Kill old header/logo pseudo-element artifacts so nothing leaks through.
   NOTE: body#body-login::before / ::after are intentionally NOT killed here —
   they render the left banner panel (see section 4 below). */
body#body-login header::before,
body#body-login header::after,
body#body-login #header.header-guest::before,
body#body-login #header.header-guest::after,
body#body-login .header-guest .logo::before,
body#body-login .header-guest .logo::after {
	display: none !important;
	content: none !important;
}

/* ----------------------------------------------------------------
   PURE-CSS left banner panel.
   Rendered entirely on body#body-login's own ::before / ::after —
   NO injected .cs-hero HTML required (a CSS file cannot create DOM,
   which is why the old .cs-hero markup left this half blank/white).
   Edit the two `content:` strings below to change the banner text.
   ---------------------------------------------------------------- */

/* Panel + title (::before) — fills the left 50% */
body#body-login::before {
	content: "Welcome to CloudSpace";   /* <-- banner title */
	position: fixed;
	top: 0;
	left: 0;
	width: 50%;
	height: 100vh;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	box-sizing: border-box;
	padding: 0 8% 64px;                  /* bottom pad lifts title above tagline */
	overflow: hidden;
	font-size: 3rem;
	font-weight: 800;
	line-height: 1.1;
	letter-spacing: -0.03em;
	color: #ffffff;
	text-shadow: 0 0 80px rgba(103,154,65,0.25), 0 2px 4px rgba(0,0,0,0.15);
	background:
		repeating-linear-gradient(35deg, transparent, transparent 100px, rgba(255,255,255,0.03) 100px, rgba(255,255,255,0.03) 101px),
		repeating-linear-gradient(-55deg, transparent, transparent 80px, rgba(255,255,255,0.02) 80px, rgba(255,255,255,0.02) 81px),
		radial-gradient(ellipse 700px 700px at 25% 65%, rgba(103,154,65,0.22) 0%, transparent 70%),
		radial-gradient(ellipse 500px 500px at 75% 25%, rgba(103,154,65,0.12) 0%, transparent 60%),
		radial-gradient(ellipse 300px 300px at 50% 90%, rgba(103,154,65,0.08) 0%, transparent 50%),
		linear-gradient(160deg, #162231 0%, #1e3044 25%, #253a50 50%, #264435 75%, #2d5a3d 100%);
}

/* Tagline (::after) — sits just below the centered title, over the panel */
body#body-login::after {
	content: "Secure cloud storage for your team.";   /* <-- banner tagline */
	position: fixed;
	top: calc(50% + 26px);
	left: 0;
	width: 50%;
	z-index: 2;
	box-sizing: border-box;
	padding: 0 8%;
	text-align: center;
	font-size: 1.05rem;
	font-weight: 400;
	line-height: 1.6;
	letter-spacing: 0.005em;
	color: rgba(255,255,255,0.7);
	pointer-events: none;
}

/* Hide original CloudSpace guest-box footer on login (banner has its own look) */
body#body-login footer.guest-box {
	display: none !important;
}

/* ================================================================
   5. RIGHT PANEL — Container
   ================================================================ */
body#body-login .wrapper {
	position: absolute !important;
	top: 0; right: 0;
	width: 50% !important;
	max-width: 50% !important;
	height: 100vh;
	margin: 0 !important;
	padding: 60px 80px !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	align-items: stretch !important;
	background: #ffffff !important;
	box-sizing: border-box !important;
	overflow-y: auto !important;
	z-index: 3;
}

/* Right panel logo — flows above "Welcome Back!" heading */
body#body-login #header {
	background: transparent !important;
	padding: 0 !important;
	margin: 0 0 20px 0 !important;
	height: auto !important;
	min-height: auto !important;
	position: static !important;
	width: auto !important;
	text-align: center !important;
}
body#body-login #header .logo {
	background: url("../img/logo.png") no-repeat center center / contain !important;
	width: 140px !important;
	height: 45px !important;
	margin: 0 auto !important;
}

/* Center column */
body#body-login .v-align {
	width: 100%;
	max-width: 380px;
	margin: 0 auto;
}

/* ================================================================
   6. RIGHT PANEL — "Welcome Back!" heading
   ================================================================ */
body#body-login h1.hidden-visually {
	position: static !important;
	width: auto !important;
	height: auto !important;
	overflow: visible !important;
	clip: auto !important;
	clip-path: none !important;
	font-size: 0 !important;
	margin: 0 0 4px 0 !important;
	padding: 0 !important;
	white-space: normal !important;
	border: 0 !important;
}
body#body-login h1.hidden-visually::before {
	content: "Welcome Back!";
	display: block;
	font-size: 2rem;
	font-weight: 700;
	color: #293c51;
	letter-spacing: -0.02em;
}
body#body-login h1.hidden-visually::after {
	content: "Sign in to continue to CloudSpace";
	display: block;
	font-size: 0.9rem;
	font-weight: 400;
	color: #6b7280;
	margin-top: 6px;
	margin-bottom: 24px;
	line-height: 1.5;
}

/* ================================================================
   7. LOGIN BOX — Vue root container
   ================================================================ */
body#body-login .login-box {
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
	background: transparent !important;
	box-shadow: none !important;
	backdrop-filter: none !important;
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
	border-radius: 0 !important;
	color: #293c51 !important;
}
body#body-login .login-box__wrapper {
	gap: 0.75rem !important;
}
body#body-login .body-login-container,
body#body-login .guest-box:not(footer) {
	background: transparent !important;
	box-shadow: none !important;
	backdrop-filter: none !important;
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
	border-radius: 0 !important;
	color: #293c51 !important;
	width: 100% !important;
	max-width: 100% !important;
}

/* ================================================================
   8. LOGIN FORM — form element
   ================================================================ */
body#body-login .login-form {
	width: 100% !important;
	text-align: start !important;
}
body#body-login .login-form__fieldset {
	width: 100% !important;
	gap: 1rem !important;
}

/* Hide Vue "Log in to CloudSpace" headline — we use our own */
body#body-login .login-form__headline,
body#body-login .login-form-headline {
	display: none !important;
}

/* ================================================================
   9. INPUT FIELDS — NcTextField / NcPasswordField (bottom-border)
   ================================================================ */

/* Wrapper */
body#body-login .input-field {
	width: 100% !important;
	margin: 10px 0 !important;
}
body#body-login .input-field__main-wrapper {
	border: none !important;
	border-radius: 0 !important;
	background: transparent !important;
	min-height: auto !important;
}

/* The actual input — bottom-border style */
body#body-login .input-field__input {
	width: 100% !important;
	height: 48px !important;
	min-height: 48px !important;
	border: none !important;
	border-bottom: 2px solid #e5e7eb !important;
	border-radius: 0 !important;
	background: transparent !important;
	background-color: transparent !important;
	padding: 12px 36px 12px 0 !important;
	font-size: 0.95rem !important;
	color: #1a1a1a !important;
	outline: none !important;
	box-shadow: none !important;
	transition: border-color 0.25s ease !important;
	box-sizing: border-box !important;
	-webkit-text-fill-color: #1a1a1a !important;
}
/* Autofill — remove browser yellow/blue background */
body#body-login .input-field__input:-webkit-autofill,
body#body-login .input-field__input:-webkit-autofill:hover,
body#body-login .input-field__input:-webkit-autofill:focus,
body#body-login .input-field__input:-webkit-autofill:active,
body#body-login input:-webkit-autofill,
body#body-login input:-webkit-autofill:hover,
body#body-login input:-webkit-autofill:focus,
body#body-login input:-webkit-autofill:active {
	-webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
	-webkit-text-fill-color: #1a1a1a !important;
	background-color: transparent !important;
	transition: background-color 5000s ease-in-out 0s !important;
}
body#body-login .input-field__input:focus,
body#body-login .input-field__input:focus-within {
	border-bottom-color: #679a41 !important;
	box-shadow: none !important;
	outline: none !important;
	background: transparent !important;
	background-color: transparent !important;
}
body#body-login .input-field__input:hover:not(:focus) {
	border-bottom-color: #9ca3af !important;
}
/* Main wrapper — no background in any state */
body#body-login .input-field__main-wrapper,
body#body-login .input-field__main-wrapper:focus-within,
body#body-login .input-field__main-wrapper:hover {
	border: none !important;
	border-radius: 0 !important;
	background: transparent !important;
	background-color: transparent !important;
	box-shadow: none !important;
	outline: none !important;
}

/* Floating label — no background, clean text */
body#body-login .input-field__label {
	color: #9ca3af !important;
	font-size: 0.9rem !important;
	font-weight: 400 !important;
	transition: all 0.2s ease !important;
	background: transparent !important;
	background-color: transparent !important;
	padding-inline: 0 !important;
}
body#body-login .input-field__input:focus ~ .input-field__label,
body#body-login .input-field__label--active {
	color: #679a41 !important;
	font-size: 0.75rem !important;
	background: transparent !important;
	background-color: transparent !important;
}

/* Trailing icon (password toggle) — explicit reset to prevent
   submit-button styles from leaking via .button-vue inheritance */
body#body-login .input-field__trailing-button,
body#body-login .login-form .input-field__trailing-button,
body#body-login .login-form .button-vue.input-field__trailing-button {
	background: transparent !important;
	background-color: transparent !important;
	border: none !important;
	border-radius: 4px !important;
	color: #9ca3af !important;
	min-height: unset !important;
	min-width: unset !important;
	height: 36px !important;
	width: 36px !important;
	padding: 6px !important;
	margin: 0 !important;
	margin-top: 0 !important;
	box-shadow: none !important;
	transform: none !important;
	transition: color 0.2s ease, background-color 0.2s ease !important;
	cursor: pointer !important;
}
body#body-login .input-field__trailing-button:hover,
body#body-login .login-form .input-field__trailing-button:hover,
body#body-login .login-form .button-vue.input-field__trailing-button:hover {
	color: #679a41 !important;
	background: rgba(103,154,65,0.08) !important;
	background-color: rgba(103,154,65,0.08) !important;
	box-shadow: none !important;
	transform: none !important;
}
body#body-login .input-field__trailing-button:active,
body#body-login .login-form .input-field__trailing-button:active,
body#body-login .login-form .button-vue.input-field__trailing-button:active {
	color: #588836 !important;
	background: rgba(103,154,65,0.12) !important;
	box-shadow: none !important;
	transform: none !important;
}
/* Reset text/icon inside the password toggle */
body#body-login .input-field__trailing-button .button-vue__icon,
body#body-login .login-form .input-field__trailing-button .button-vue__icon {
	color: inherit !important;
}
body#body-login .input-field__trailing-button .button-vue__text,
body#body-login .login-form .input-field__trailing-button .button-vue__text {
	display: none !important;
}

/* Leading icon */
body#body-login .input-field__icon--trailing,
body#body-login .input-field__icon--leading {
	color: #9ca3af !important;
}

/* Helper / error text */
body#body-login .input-field__helper-text-message {
	font-size: 0.8rem !important;
	margin-top: 4px !important;
}
body#body-login .input-field__helper-text-message--error {
	color: #dc2626 !important;
}

/* Error state on input */
body#body-login .input-field__input--error,
body#body-login .input-field--error .input-field__input {
	border-bottom-color: #dc2626 !important;
}

/* Shake animation on wrong password */
body#body-login .shake {
	animation: cloudspace-shake 0.4s ease-in-out;
}
@keyframes cloudspace-shake {
	0%, 100% { transform: translateX(0); }
	20% { transform: translateX(-8px); }
	40% { transform: translateX(8px); }
	60% { transform: translateX(-6px); }
	80% { transform: translateX(6px); }
}

/* Legacy input fallback */
body#body-login input[type="text"],
body#body-login input[type="password"],
body#body-login input[type="email"] {
	width: 100% !important;
	border: none !important;
	border-bottom: 2px solid #e5e7eb !important;
	border-radius: 0 !important;
	background: transparent !important;
	background-color: transparent !important;
	padding: 12px 2px !important;
	font-size: 0.95rem !important;
	color: #1a1a1a !important;
	-webkit-text-fill-color: #1a1a1a !important;
	outline: none !important;
	box-shadow: none !important;
	box-sizing: border-box !important;
	margin: 6px 0 !important;
}
body#body-login input[type="text"]:focus,
body#body-login input[type="password"]:focus,
body#body-login input[type="email"]:focus {
	border-bottom-color: #679a41 !important;
}
body#body-login input::placeholder {
	color: #9ca3af !important;
}

/* ================================================================
   10. REMEMBER ME — NcCheckboxRadioSwitch
   ================================================================ */
body#body-login .checkbox-radio-switch {
	margin: 4px 0 !important;
}
body#body-login .checkbox-radio-switch__content {
	border: none !important;
	background: transparent !important;
	padding: 6px 0 !important;
	border-radius: 0 !important;
}
body#body-login .checkbox-radio-switch__text {
	color: #6b7280 !important;
	font-size: 0.875rem !important;
	font-weight: 400 !important;
}
body#body-login .checkbox-radio-switch__icon {
	color: #9ca3af !important;
}
body#body-login .checkbox-radio-switch--checked .checkbox-radio-switch__icon {
	color: #679a41 !important;
}

/* ================================================================
   11. SUBMIT BUTTON — NcButton primary via LoginButton
   NOTE: We target .button-vue--vue-primary specifically to avoid
   styling the password toggle (.input-field__trailing-button),
   which is also a .button-vue inside .login-form.
   ================================================================ */
body#body-login .login-form .button-vue--vue-primary,
body#body-login .login-form-submit,
body#body-login .button-vue.login-form-submit,
body#body-login input.login.primary,
body#body-login #submit-wrapper input[type="submit"] {
	width: 100% !important;
	min-width: 100% !important;
	height: 50px !important;
	min-height: 50px !important;
	background-color: #679a41 !important;
	border: none !important;
	border-radius: 6px !important;
	color: #ffffff !important;
	font-size: 0.95rem !important;
	font-weight: 600 !important;
	letter-spacing: 0.01em !important;
	cursor: pointer !important;
	transition: background-color 0.2s ease, box-shadow 0.2s ease, transform 0.15s ease !important;
	box-shadow: 0 1px 3px rgba(41,60,81,0.12), 0 1px 2px rgba(41,60,81,0.06) !important;
	padding: 0 24px !important;
	margin-top: 8px !important;
}
body#body-login .login-form .button-vue--vue-primary:hover,
body#body-login .login-form-submit:hover,
body#body-login input.login.primary:hover,
body#body-login #submit-wrapper input[type="submit"]:hover {
	background-color: #588836 !important;
	box-shadow: 0 4px 6px rgba(41,60,81,0.12), 0 2px 4px rgba(41,60,81,0.08) !important;
	transform: translateY(-1px);
}
body#body-login .login-form .button-vue--vue-primary:active,
body#body-login .login-form-submit:active,
body#body-login input.login.primary:active {
	background-color: #4e7a30 !important;
	transform: translateY(0);
	box-shadow: 0 1px 2px rgba(41,60,81,0.12) !important;
}

/* Button text + icon color (submit button only) */
body#body-login .login-form .button-vue--vue-primary .button-vue__text {
	color: #ffffff !important;
	font-weight: 600 !important;
}
body#body-login .login-form .button-vue--vue-primary .button-vue__icon,
body#body-login .submit-wrapper__icon {
	color: #ffffff !important;
}

/* Loading state */
body#body-login .login-form .button-vue--vue-primary.button-vue--disabled,
body#body-login .login-form .button-vue--vue-primary[disabled] {
	opacity: 0.7 !important;
	cursor: wait !important;
}

/* ================================================================
   12. FORGOT PASSWORD / DEVICE LOGIN — NcButton tertiary
   ================================================================ */
body#body-login .login-box__wrapper > .button-vue--vue-tertiary,
body#body-login .login-box__wrapper > .button-vue--vue-tertiary-no-background,
body#body-login #lost-password {
	width: 100% !important;
	height: 40px !important;
	min-height: 40px !important;
	background: transparent !important;
	border: none !important;
	border-radius: 8px !important;
	color: #6b7280 !important;
	font-size: 0.875rem !important;
	font-weight: 500 !important;
	padding: 0 !important;
	margin: 0 !important;
	box-shadow: none !important;
	transition: color 0.2s ease, background 0.2s ease !important;
}
body#body-login .login-box__wrapper > .button-vue--vue-tertiary:hover,
body#body-login .login-box__wrapper > .button-vue--vue-tertiary-no-background:hover,
body#body-login #lost-password:hover {
	color: #679a41 !important;
	background: rgba(103,154,65,0.06) !important;
}
body#body-login .login-box__wrapper > .button-vue--vue-tertiary .button-vue__text,
body#body-login .login-box__wrapper > .button-vue--vue-tertiary-no-background .button-vue__text,
body#body-login #lost-password .button-vue__text {
	color: inherit !important;
	font-weight: 500 !important;
}

/* ================================================================
   13. ALTERNATIVE LOGINS — NcButton secondary
   ================================================================ */
body#body-login .login-box__alternative-logins {
	margin-top: 8px !important;
	gap: 0.5rem !important;
}
body#body-login .login-box__alternative-logins .button-vue,
body#body-login .login-box__alternative-logins .button-vue--vue-secondary {
	width: 100% !important;
	min-width: 100% !important;
	height: 48px !important;
	min-height: 48px !important;
	border: 2px solid #e5e7eb !important;
	border-radius: 6px !important;
	background: transparent !important;
	color: #293c51 !important;
	font-size: 0.9rem !important;
	font-weight: 500 !important;
	padding: 0 20px !important;
	box-shadow: none !important;
	transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease !important;
}
body#body-login .login-box__alternative-logins .button-vue:hover,
body#body-login .login-box__alternative-logins .button-vue--vue-secondary:hover {
	border-color: #679a41 !important;
	color: #679a41 !important;
	background: rgba(103,154,65,0.04) !important;
}
body#body-login .login-box__alternative-logins .button-vue__text {
	color: inherit !important;
}

/* ================================================================
   14. LINKS
   ================================================================ */
body#body-login a:not(.button):not(.button-vue) {
	color: #679a41 !important;
	font-weight: 500 !important;
	text-decoration: none !important;
}
body#body-login a:not(.button):not(.button-vue):hover {
	color: #588836 !important;
	text-decoration: underline !important;
}

/* ================================================================
   15. NOTECARDS (errors / warnings)
   ================================================================ */
body#body-login .notecard {
	border-radius: 10px !important;
	margin: 6px 0 !important;
	font-size: 0.875rem !important;
}
body#body-login .notecard--error {
	background: #fee2e2 !important;
	border-left: 4px solid #dc2626 !important;
	color: #991b1b !important;
}
body#body-login .notecard--warning {
	background: #fef9c3 !important;
	border-left: 4px solid #d97706 !important;
	color: #92400e !important;
}
body#body-login .notecard--success {
	background: #dcfce7 !important;
	border-left: 4px solid #22c55e !important;
	color: #166534 !important;
}

/* ================================================================
   16. HIDE CloudSpace REFERENCES
   ================================================================ */
body#body-login a[href*="nextcloud.com"]:not(.appmenu) {
	display: none !important;
}
/* Hide legacy hidden message div */
body#body-login #message.hidden {
	display: none !important;
}

/* ================================================================
   17. RESPONSIVE — Tablet & Mobile
   ================================================================ */
@media only screen and (max-width: 1024px) {
	.cs-hero,
	body#body-login::before,
	body#body-login::after {
		display: none !important;
		content: none !important;
	}

	body#body-login {
		overflow-y: auto !important;
	}

	body#body-login .wrapper {
		position: relative !important;
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
		min-height: 100vh !important;
		padding: 40px 32px !important;
	}

	body#body-login #header {
		margin: 0 auto 20px !important;
		text-align: center;
	}
	body#body-login #header .logo {
		background-position: center !important;
		margin: 0 auto !important;
	}

	body#body-login h1.hidden-visually::before,
	body#body-login h1.hidden-visually::after {
		text-align: center;
	}

	body#body-login footer.guest-box {
		display: block !important;
		position: relative !important;
		bottom: auto !important;
		left: auto !important;
		width: 100% !important;
		max-width: 100% !important;
		padding: 24px 0 !important;
		margin-top: auto !important;
		background: transparent !important;
		box-shadow: none !important;
	}
	footer.guest-box .info {
		color: #6b7280 !important;
		text-align: center !important;
	}
	footer.guest-box .info a {
		color: #679a41 !important;
	}
}

@media only screen and (max-width: 600px) {
	body#body-login .wrapper {
		padding: 30px 20px !important;
	}
	body#body-login h1.hidden-visually::before {
		font-size: 1.6rem;
	}
	body#body-login .v-align {
		max-width: 100%;
	}
}

/* ================================================================
   5A. RIGHT SIDEBAR (#app-sidebar / .app-sidebar)
   Source: NcAppSidebar Vue component (scoped ID: 898c8c80)
   Selector confirmed from core-common.js embedded CSS blob.
   Design: white panel, dark slate text, green accents.
   ================================================================ */

/* --- 5A-1: Sidebar Container --- */
/*
 * Sits at the right edge of #content.
 * border-inline-start is its visual separator from main content.
 * Width is clamped by CloudSpace at 300-500px (27vw) -- we keep that.
 * We replace --color-border with our brand border-light and add a
 * very subtle box-shadow for depth.
 */
body#body-user #app-sidebar,
body#body-settings #app-sidebar,
body#body-user .app-sidebar,
body#body-settings .app-sidebar {
	background-color: #ffffff !important;
	border-inline-start: 1px solid #e5e7eb !important;
	box-shadow: -2px 0 8px rgba(0, 0, 0, 0.04) !important;
}

/* --- 5A-2: Sidebar Header Area --- */
/*
 * .app-sidebar-header contains: file preview figure, name container
 * (mainname + subname), tertiary action (star), secondary actions menu,
 * and the absolute-positioned close button.
 * We add a bottom border to visually separate header from tab strip.
 */
body#body-user .app-sidebar .app-sidebar-header,
body#body-settings .app-sidebar .app-sidebar-header {
	border-bottom: 1px solid #e5e7eb !important;
	background-color: #ffffff !important;
}

/* --- 5A-3: File Preview Figure --- */
/*
 * .app-sidebar-header__figure = the large preview area (250px height).
 * background-image is set inline by the component via the "background" prop.
 * We provide a light gray fallback for when no preview is available,
 * and flush it to the sidebar edges (no border-radius).
 */
body#body-user .app-sidebar .app-sidebar-header__figure,
body#body-settings .app-sidebar .app-sidebar-header__figure {
	background-color: #f3f4f6 !important;
	border-radius: 0 !important;
}

/* --- 5A-4: File Name (mainname) --- */
/*
 * .app-sidebar-header__mainname holds the primary file/folder name.
 * Core sets font-size 20px, line-height 30px.
 * Dark slate, semi-bold for prominence.
 */
body#body-user .app-sidebar .app-sidebar-header__mainname,
body#body-settings .app-sidebar .app-sidebar-header__mainname {
	color: #293c51 !important;
	font-weight: 600 !important;
}

/* --- 5A-5: Subname / Subtitle --- */
/*
 * .app-sidebar-header__subname = secondary info (file type, date, path).
 * Uses our brand muted gray.
 */
body#body-user .app-sidebar .app-sidebar-header__subname,
body#body-settings .app-sidebar .app-sidebar-header__subname {
	color: #6b7280 !important;
}

/* --- 5A-6: Close Button (.app-sidebar__close) --- */
/*
 * Positioned absolute in the header top-right corner.
 * NcButton tertiary variant. Icon and text must be same color (design rule).
 * Normal: dark slate. Hover: gray background, dark slate icon.
 */
body#body-user .app-sidebar .app-sidebar__close,
body#body-settings .app-sidebar .app-sidebar__close {
	color: #293c51 !important;
}
body#body-user .app-sidebar .app-sidebar__close:hover,
body#body-settings .app-sidebar .app-sidebar__close:hover {
	background-color: #f3f4f6 !important;
	color: #293c51 !important;
}
body#body-user .app-sidebar .app-sidebar__close .button-vue__icon,
body#body-settings .app-sidebar .app-sidebar__close .button-vue__icon {
	color: inherit !important;
}


/* ================================================================
   5B. SIDEBAR TABS (.app-sidebar-tabs)
   Source: NcAppSidebarTabs Vue component (scoped ID: 4e1cbc50)

   CRITICAL DESIGN RULE: Icon and text MUST be the same color.
   Active tab uses UNDERLINE BORDER style -- NOT a filled pill.
   This is confirmed from the NcAppSidebarTabs source map CSS:
     .checkbox-radio-switch--checked .checkbox-radio-switch__content {
       background: transparent !important;
       border-bottom: var(--default-grid-baseline) solid var(--color-primary-element) !important;
     }
     .app-sidebar-tabs__tab.active { color: var(--color-primary-element); }

   Normal tab: dark slate (#293c51) for icon AND text.
   Active tab: primary green (#679a41) underline + icon + text.
   ================================================================ */

/* --- 5B-1: Tab Navigation Bar --- */
/*
 * .app-sidebar-tabs__nav = horizontal strip.
 * Core: margin 10px 8px 0 8px, border-bottom 1px solid --color-border.
 * We use brand border-light color.
 */
body#body-user .app-sidebar-tabs__nav,
body#body-settings .app-sidebar-tabs__nav {
	border-bottom-color: #e5e7eb !important;
	background-color: #ffffff !important;
}

/* --- 5B-2: Individual Tab (Normal State) --- */
/*
 * Each tab = NcCheckboxRadioSwitch with:
 *   staticClass: "app-sidebar-tabs__tab"
 *   class: { active: n.id === activeTab }
 *   button-variant-grouped: "horizontal"
 *
 * Inner structure:
 *   .checkbox-radio-switch__content
 *     .checkbox-content__icon (or .checkbox-radio-switch__icon)
 *       .app-sidebar-tabs__tab-icon (the icon span with span child > *)
 *     .checkbox-radio-switch__text > .app-sidebar-tabs__tab-caption
 *
 * Design rule: icon and text must be same color.
 * Normal: dark slate on both.
 */
body#body-user .app-sidebar-tabs__tab,
body#body-settings .app-sidebar-tabs__tab {
	color: #293c51 !important;
}
body#body-user .app-sidebar-tabs__tab .app-sidebar-tabs__tab-icon,
body#body-user .app-sidebar-tabs__tab .app-sidebar-tabs__tab-icon > *,
body#body-user .app-sidebar-tabs__tab .checkbox-radio-switch__icon,
body#body-user .app-sidebar-tabs__tab .checkbox-radio-switch__icon > *,
body#body-user .app-sidebar-tabs__tab .checkbox-content__icon,
body#body-user .app-sidebar-tabs__tab .checkbox-content__icon > *,
body#body-settings .app-sidebar-tabs__tab .app-sidebar-tabs__tab-icon,
body#body-settings .app-sidebar-tabs__tab .app-sidebar-tabs__tab-icon > *,
body#body-settings .app-sidebar-tabs__tab .checkbox-radio-switch__icon,
body#body-settings .app-sidebar-tabs__tab .checkbox-radio-switch__icon > *,
body#body-settings .app-sidebar-tabs__tab .checkbox-content__icon,
body#body-settings .app-sidebar-tabs__tab .checkbox-content__icon > * {
	color: #679a41 !important;
}
body#body-user .app-sidebar-tabs__tab .app-sidebar-tabs__tab-caption,
body#body-user .app-sidebar-tabs__tab .checkbox-radio-switch__text,
body#body-settings .app-sidebar-tabs__tab .app-sidebar-tabs__tab-caption,
body#body-settings .app-sidebar-tabs__tab .checkbox-radio-switch__text {
	color: inherit !important;
}
body#body-user .app-sidebar-tabs__tab .checkbox-radio-switch__content,
body#body-settings .app-sidebar-tabs__tab .checkbox-radio-switch__content {
	background-color: transparent !important;
}

/* --- 5B-3: Active Tab State --- */
/*
 * Active modifier: .active on the NcCheckboxRadioSwitch wrapper.
 * Also has .checkbox-radio-switch--checked on the same element.
 *
 * We set the container text color to primary green, then force icon
 * and text to inherit it. The border-bottom is already set by core
 * via --color-primary-element which we've set to #679a41 in :root.
 * We reinforce it here for specificity safety.
 */
body#body-user .app-sidebar-tabs__tab.active,
body#body-settings .app-sidebar-tabs__tab.active {
	color: #ffffff !important;
}
body#body-user .app-sidebar-tabs__tab.active .checkbox-radio-switch__content,
body#body-user .app-sidebar-tabs__tab.active .checkbox-content,
body#body-user .app-sidebar-tabs__nav .checkbox-radio-switch--checked .checkbox-radio-switch__content,
body#body-settings .app-sidebar-tabs__tab.active .checkbox-radio-switch__content,
body#body-settings .app-sidebar-tabs__tab.active .checkbox-content,
body#body-settings .app-sidebar-tabs__nav .checkbox-radio-switch--checked .checkbox-radio-switch__content {
	background: #679a41 !important;
	border-bottom-color: #679a41 !important;
	border-radius: 24px !important;
	color: #ffffff !important;
}
/* Active tab icon: white on green bg -- must match text (design rule) */
body#body-user .app-sidebar-tabs__tab.active .app-sidebar-tabs__tab-icon,
body#body-user .app-sidebar-tabs__tab.active .app-sidebar-tabs__tab-icon > *,
body#body-user .app-sidebar-tabs__tab.active .checkbox-radio-switch__icon,
body#body-user .app-sidebar-tabs__tab.active .checkbox-radio-switch__icon > *,
body#body-user .app-sidebar-tabs__tab.active .checkbox-content__icon,
body#body-user .app-sidebar-tabs__tab.active .checkbox-content__icon > *,
body#body-settings .app-sidebar-tabs__tab.active .app-sidebar-tabs__tab-icon,
body#body-settings .app-sidebar-tabs__tab.active .app-sidebar-tabs__tab-icon > *,
body#body-settings .app-sidebar-tabs__tab.active .checkbox-radio-switch__icon,
body#body-settings .app-sidebar-tabs__tab.active .checkbox-radio-switch__icon > *,
body#body-settings .app-sidebar-tabs__tab.active .checkbox-content__icon,
body#body-settings .app-sidebar-tabs__tab.active .checkbox-content__icon > * {
	color: #ffffff !important;
}
/* Active tab caption/text: white on green bg */
body#body-user .app-sidebar-tabs__tab.active .app-sidebar-tabs__tab-caption,
body#body-user .app-sidebar-tabs__tab.active .checkbox-radio-switch__text,
body#body-settings .app-sidebar-tabs__tab.active .app-sidebar-tabs__tab-caption,
body#body-settings .app-sidebar-tabs__tab.active .checkbox-radio-switch__text {
	color: #ffffff !important;
}
/* Active tab: force inline SVG fill to white (same pattern as left nav) */
body#body-user .app-sidebar-tabs__tab.active svg,
body#body-user .app-sidebar-tabs__tab.active svg path,
body#body-user .app-sidebar-tabs__nav .checkbox-radio-switch--checked svg,
body#body-user .app-sidebar-tabs__nav .checkbox-radio-switch--checked svg path,
body#body-settings .app-sidebar-tabs__tab.active svg,
body#body-settings .app-sidebar-tabs__tab.active svg path,
body#body-settings .app-sidebar-tabs__nav .checkbox-radio-switch--checked svg,
body#body-settings .app-sidebar-tabs__nav .checkbox-radio-switch--checked svg path {
	fill: #ffffff !important;
}
/* Normal tab: force inline SVG fill to green */
body#body-user .app-sidebar-tabs__tab:not(.active) svg,
body#body-user .app-sidebar-tabs__tab:not(.active) svg path,
body#body-settings .app-sidebar-tabs__tab:not(.active) svg,
body#body-settings .app-sidebar-tabs__tab:not(.active) svg path {
	fill: #679a41 !important;
}

/* --- 5B-4: Tab Hover State (inactive only) --- */
/*
 * Subtle gray bg on the inner content to signal interactivity.
 * Active tab hover stays primary green (handled by .active rules above).
 */
body#body-user .app-sidebar-tabs__tab:not(.active):hover .checkbox-radio-switch__content,
body#body-settings .app-sidebar-tabs__tab:not(.active):hover .checkbox-radio-switch__content {
	background-color: #f3f4f6 !important;
}

/* --- 5B-5: Tab Content Panel --- */
/*
 * .app-sidebar-tabs__content = the tab panel area below the nav strip.
 * Core: min-height 256px, height 100%.
 */
body#body-user .app-sidebar-tabs__content,
body#body-settings .app-sidebar-tabs__content {
	background-color: #ffffff !important;
}

/* --- 5B-6: Sidebar Section Dividers --- */
/*
 * Sections within tab panels (e.g., "Comments", "Sharing") use .section.
 */
body#body-user #app-sidebar .section,
body#body-settings #app-sidebar .section {
	border-top: 1px solid #e5e7eb !important;
}
body#body-user #app-sidebar .section:first-child,
body#body-settings #app-sidebar .section:first-child {
	border-top: none !important;
}


/* ================================================================
   5C. MAIN CONTENT AREA (#app-content / .app-content-vue)
   Source: core/css/server.css
   #app-content = main scrollable area to the right of nav panel.
   ================================================================ */

body#body-user #app-content,
body#body-settings #app-content,
body#body-user .app-content-vue,
body#body-settings .app-content-vue {
	background-color: #fcfcfc !important;
}


/* ================================================================
   5D. BREADCRUMBS (.breadcrumb / .vue-crumb)
   Source: NcBreadcrumbs (scoped daf14f2f), NcBreadcrumb (scoped bc2f0c21)
   Files app outer wrapper: .files-list__breadcrumbs
   DOM structure:
     .breadcrumb
       nav
         .breadcrumb__crumbs
           .vue-crumb (repeated per folder level)
             .button-vue (the folder link button)
               .button-vue__text (the folder name)
             .vue-crumb__separator (the > chevron)
   Last .vue-crumb = current folder. Non-last = parent folders.
   ================================================================ */

/* --- 5D-1: Breadcrumb Container --- */
body#body-user .files-list__breadcrumbs,
body#body-settings .files-list__breadcrumbs {
	background-color: transparent !important;
}

/* --- 5D-2: Non-active Crumbs (parent folders, not last) --- */
/*
 * Core: color --color-text-maxcontrast. Hover: --color-background-dark bg.
 * We use #6b7280 muted for normal, gray-hover for hover.
 */
body#body-user .vue-crumb:not(:last-child) .button-vue,
body#body-user .vue-crumb:not(:last-child) .button-vue .button-vue__text,
body#body-settings .vue-crumb:not(:last-child) .button-vue,
body#body-settings .vue-crumb:not(:last-child) .button-vue .button-vue__text {
	color: #6b7280 !important;
}
body#body-user .vue-crumb:not(:last-child) .button-vue:hover,
body#body-user .vue-crumb:not(:last-child) .button-vue:focus,
body#body-settings .vue-crumb:not(:last-child) .button-vue:hover,
body#body-settings .vue-crumb:not(:last-child) .button-vue:focus {
	background-color: #f3f4f6 !important;
	color: #293c51 !important;
}
body#body-user .vue-crumb:not(:last-child) .button-vue:hover .button-vue__text,
body#body-user .vue-crumb:not(:last-child) .button-vue:focus .button-vue__text,
body#body-settings .vue-crumb:not(:last-child) .button-vue:hover .button-vue__text,
body#body-settings .vue-crumb:not(:last-child) .button-vue:focus .button-vue__text {
	color: #293c51 !important;
}

/* --- 5D-3: Current/Active Crumb (last child) --- */
/*
 * Represents where the user currently is.
 * Dark slate, medium weight to stand out from muted parent crumbs.
 */
body#body-user .vue-crumb:last-child .button-vue,
body#body-user .vue-crumb:last-child .button-vue .button-vue__text,
body#body-settings .vue-crumb:last-child .button-vue,
body#body-settings .vue-crumb:last-child .button-vue .button-vue__text {
	color: #293c51 !important;
	font-weight: 500 !important;
}

/* --- 5D-4: Breadcrumb Separator Chevron --- */
/*
 * .vue-crumb__separator holds the > icon between crumbs.
 * Light border-dark gray to visually de-emphasize it.
 */
body#body-user .vue-crumb__separator,
body#body-user .vue-crumb__separator *,
body#body-settings .vue-crumb__separator,
body#body-settings .vue-crumb__separator * {
	color: #d1d5db !important;
}


/* ================================================================
   5E. FILES LIST (.files-list)
   Source: NcFilesList Vue component (scoped af9ce5a4) in files-main.js
   Table structure:
     .files-list
       .files-list__table
         .files-list__thead > tr (column headers)
         .files-list__tbody > tr.files-list__row (file rows, each one is a file/folder)
   Row cells: .files-list__row-checkbox | .files-list__row-icon |
              .files-list__row-name (.files-list__row-name-link > .files-list__row-name-text
                                                                   .files-list__row-name-ext)
              .files-list__row-size | .files-list__row-mtime | .files-list__row-actions
   ================================================================ */

/* --- 5E-1: Table Container --- */
body#body-user .files-list,
body#body-settings .files-list {
	background-color: #fcfcfc !important;
}

/* --- 5E-2: Column Header Row --- */
/*
 * Headers show column names (Name, Size, Modified) and sort buttons.
 * Muted gray labels with subtle bottom border.
 */
body#body-user .files-list__thead,
body#body-settings .files-list__thead {
	background-color: #fcfcfc !important;
	border-bottom: 1px solid #e5e7eb !important;
}
body#body-user .files-list__thead .files-list__column,
body#body-settings .files-list__thead .files-list__column {
	color: #6b7280 !important;
	font-weight: 500 !important;
}
body#body-user .files-list__thead .files-list__column-sort-button,
body#body-settings .files-list__thead .files-list__column-sort-button {
	color: #6b7280 !important;
}
body#body-user .files-list__thead .files-list__column-sort-button:hover,
body#body-settings .files-list__thead .files-list__column-sort-button:hover {
	color: #293c51 !important;
	background-color: #f3f4f6 !important;
}
/* Active sort column: icon and text both primary green (design rule) */
body#body-user .files-list__thead .files-list__column-sort-button--active,
body#body-user .files-list__thead .files-list__column-sort-button--active .files-list__column-sort-button-icon,
body#body-settings .files-list__thead .files-list__column-sort-button--active,
body#body-settings .files-list__thead .files-list__column-sort-button--active .files-list__column-sort-button-icon {
	color: #679a41 !important;
}

/* --- 5E-3: File Row -- Default State --- */
/*
 * Transparent by default. Text cells: dark slate.
 * Extension (.txt, .pdf etc.): muted gray.
 */
body#body-user .files-list__row,
body#body-settings .files-list__row {
	background-color: transparent !important;
}
body#body-user .files-list__row .files-list__row-name-text,
body#body-user .files-list__row .files-list__row-size,
body#body-user .files-list__row .files-list__row-mtime,
body#body-settings .files-list__row .files-list__row-name-text,
body#body-settings .files-list__row .files-list__row-size,
body#body-settings .files-list__row .files-list__row-mtime {
	color: #293c51 !important;
}
body#body-user .files-list__row .files-list__row-name-ext,
body#body-settings .files-list__row .files-list__row-name-ext {
	color: #6b7280 !important;
}
body#body-user .files-list__row .files-list__row-name-link,
body#body-settings .files-list__row .files-list__row-name-link {
	color: #293c51 !important;
	text-decoration: none !important;
}

/* --- 5E-4: File Row -- Hover State --- */
/*
 * Core: --color-background-hover bg. We use our brand gray-hover.
 */
body#body-user .files-list .files-list__row:hover,
body#body-user .files-list .files-list__row:focus,
body#body-settings .files-list .files-list__row:hover,
body#body-settings .files-list .files-list__row:focus {
	background-color: #f3f4f6 !important;
}

/* --- 5E-5: File Row -- Selected/Active State --- */
/*
 * .files-list__row--active = row whose details sidebar is open.
 * Subtle green tint (8% opacity). Text stays dark slate -- no contrast issue.
 */
body#body-user .files-list .files-list__row--active,
body#body-settings .files-list .files-list__row--active {
	background-color: rgba(103, 154, 65, 0.08) !important;
}

/* --- 5E-6: File Row -- Drag-Over State --- */
/*
 * When a file is dragged over a folder row.
 * Dashed green outline signals it is a valid drop target.
 */
body#body-user .files-list .files-list__row--dragover,
body#body-settings .files-list .files-list__row--dragover {
	background-color: rgba(103, 154, 65, 0.12) !important;
	outline: 2px dashed #679a41 !important;
	outline-offset: -2px !important;
}

/* --- 5E-7: Selection Checkbox Focus Ring --- */
/*
 * NcCheckboxRadioSwitch inside .files-list__row-checkbox.
 * Green focus ring for accessibility and brand consistency.
 */
body#body-user .files-list__row-checkbox .checkbox-radio-switch__input:focus-visible
	+ .checkbox-radio-switch__label,
body#body-settings .files-list__row-checkbox .checkbox-radio-switch__input:focus-visible
	+ .checkbox-radio-switch__label {
	outline: 2px solid #679a41 !important;
	outline-offset: 1px !important;
}

/* --- 5E-8: Favorite Star Icon (when file is starred) --- */
body#body-user .files-list__row-icon-favorite .button-vue__icon,
body#body-settings .files-list__row-icon-favorite .button-vue__icon {
	color: #679a41 !important;
}

/* --- 5E-9: Drag-and-Drop Notice Overlay --- */
/*
 * .files-list__drag-drop-notice = full-panel overlay shown when
 * dragging external files into the browser window.
 */
body#body-user .files-list__drag-drop-notice,
body#body-settings .files-list__drag-drop-notice {
	background-color: rgba(103, 154, 65, 0.06) !important;
	border: 2px dashed #679a41 !important;
	border-radius: var(--border-radius-large, 8px) !important;
	color: #679a41 !important;
}
body#body-user .files-list-drag-drop-notice__title,
body#body-settings .files-list-drag-drop-notice__title {
	color: #679a41 !important;
	font-weight: 600 !important;
}


/* ================================================================
   5F. EMPTY STATES (.empty-content / .emptycontent)
   Source: NcEmptyContent component (core-common.js)

   Vue component structure (.empty-content):
     .empty-content__icon  (illustration/SVG icon slot)
     .empty-content__name  (heading h2)
     .empty-content__description (body text paragraph)
     .empty-content__action (optional CTA button)

   Legacy structure (.emptycontent / #emptycontent):
     h2 (heading)
     p  (description)
     [icon-]: icon class on a div

   Applied in: Files app empty folder, Sidebar no-selection, search no-results.
   ================================================================ */

/* --- 5F-1: Container --- */
/*
 * Core: text-align center, color --color-text-maxcontrast, margin-top 30vh.
 * We map to brand muted gray. The margin-top is preserved from core.
 */
body#body-user .empty-content,
body#body-user .emptycontent,
body#body-user #emptycontent,
body#body-settings .empty-content,
body#body-settings .emptycontent,
body#body-settings #emptycontent {
	color: #6b7280 !important;
}

/* --- 5F-2: Illustration Icon --- */
/*
 * Reduced opacity (0.7) treats it as an illustration, not actionable UI.
 * Core already applies opacity: 0.4 to [class^=icon-] variants;
 * NcEmptyContent icons (SVG slots) have no opacity by default -- we add it.
 */
body#body-user .empty-content__icon,
body#body-settings .empty-content__icon {
	color: #6b7280 !important;
	opacity: 0.7 !important;
}
body#body-user .empty-content__icon > *,
body#body-settings .empty-content__icon > * {
	color: inherit !important;
}

/* --- 5F-3: Heading --- */
/*
 * Dark slate + semi-bold so the heading stands out from the description.
 */
body#body-user .empty-content__name,
body#body-user .empty-content h2,
body#body-user .emptycontent h2,
body#body-user #emptycontent h2,
body#body-settings .empty-content__name,
body#body-settings .empty-content h2,
body#body-settings .emptycontent h2,
body#body-settings #emptycontent h2 {
	color: #293c51 !important;
	font-weight: 600 !important;
}

/* --- 5F-4: Description / Body Text --- */
body#body-user .empty-content__description,
body#body-user .emptycontent p,
body#body-user #emptycontent p,
body#body-settings .empty-content__description,
body#body-settings .emptycontent p,
body#body-settings #emptycontent p {
	color: #6b7280 !important;
	font-size: 0.875rem !important;
}

/* --- 5F-5: CTA Action Button --- */
/*
 * .empty-content__action wraps the slot for action buttons.
 * Button styles come from 5D (global buttons). We just add top spacing.
 */
body#body-user .empty-content__action,
body#body-settings .empty-content__action {
	margin-top: 16px !important;
}

/* --- 5F-6: Sidebar Empty State (reduced top margin) --- */
/*
 * Inside the sidebar, the 30vh margin-top from core is too much.
 * Core already handles #app-sidebar .emptycontent { margin-top: 10vh }.
 * We set a pixel value here for clarity: 40px.
 */
body#body-user #app-sidebar .empty-content,
body#body-user #app-sidebar .emptycontent,
body#body-user .app-sidebar .empty-content,
body#body-user .app-sidebar .emptycontent,
body#body-settings #app-sidebar .empty-content,
body#body-settings #app-sidebar .emptycontent,
body#body-settings .app-sidebar .empty-content,
body#body-settings .app-sidebar .emptycontent {
	margin-top: 40px !important;
}


/* ================================================================
   2F. MODALS, DIALOGS, TOASTS & POPOVERS
   Scoped to authenticated pages only.
   ================================================================ */

/* --- 2F-1: Modal Mask (backdrop overlay) --- */
body#body-user .modal-mask,
body#body-settings .modal-mask {
	background-color: rgba(0, 0, 0, 0.5) !important;
	backdrop-filter: blur(4px) !important;
	-webkit-backdrop-filter: blur(4px) !important;
}

body#body-user .modal-mask--opaque,
body#body-settings .modal-mask--opaque {
	background-color: rgba(0, 0, 0, 0.92) !important;
}

body#body-user .modal-mask--light,
body#body-settings .modal-mask--light {
	background-color: rgba(255, 255, 255, 0.7) !important;
	backdrop-filter: blur(4px) !important;
	-webkit-backdrop-filter: blur(4px) !important;
}

/* --- 2F-2: Modal Wrapper --- */
body#body-user .modal-wrapper,
body#body-settings .modal-wrapper {
	background-color: transparent !important;
}

/* --- 2F-3: Modal Container (visible card surface) --- */
body#body-user .modal-wrapper .modal-container,
body#body-settings .modal-wrapper .modal-container {
	border-radius: 16px !important;
	background-color: #fcfcfc !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08), 0 8px 32px rgba(0, 0, 0, 0.14) !important;
	color: #293c51 !important;
}

body#body-user .modal-wrapper .modal-container__content,
body#body-settings .modal-wrapper .modal-container__content {
	color: #293c51 !important;
}

body#body-user .modal-wrapper .modal-container__close,
body#body-settings .modal-wrapper .modal-container__close {
	color: #6b7280 !important;
}

body#body-user .modal-wrapper .modal-container__close:hover,
body#body-user .modal-wrapper .modal-container__close:focus,
body#body-settings .modal-wrapper .modal-container__close:hover,
body#body-settings .modal-wrapper .modal-container__close:focus {
	color: #293c51 !important;
	background-color: #f3f4f6 !important;
	border-radius: 9999px !important;
}

/* --- 2F-4: Modal Header --- */
body#body-user .modal-header,
body#body-settings .modal-header {
	background-color: transparent !important;
	color: #ffffff !important;
}

body#body-user .modal-header .modal-header__name,
body#body-settings .modal-header .modal-header__name {
	color: #ffffff !important;
	font-weight: 600 !important;
	font-size: 1rem !important;
}

body#body-user .modal-header .icons-menu .action-item__menutoggle,
body#body-user .modal-header .icons-menu button,
body#body-settings .modal-header .icons-menu .action-item__menutoggle,
body#body-settings .modal-header .icons-menu button {
	color: #160101 !important;
}

body#body-user .modal-header .icons-menu .action-item__menutoggle:hover,
body#body-user .modal-header .icons-menu button:hover,
body#body-settings .modal-header .icons-menu .action-item__menutoggle:hover,
body#body-settings .modal-header .icons-menu button:hover {
	background-color: rgba(255, 255, 255, 0.15) !important;
	border-radius: 9999px !important;
}

/* --- 2F-5: NcDialog Component --- */
body#body-user .dialog__modal .modal-wrapper .modal-container,
body#body-settings .dialog__modal .modal-wrapper .modal-container {
	border-radius: 16px !important;
	background-color: #fcfcfc !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08), 0 8px 32px rgba(0, 0, 0, 0.14) !important;
}

body#body-user .dialog,
body#body-settings .dialog {
	color: #293c51 !important;
}

body#body-user .dialog__name,
body#body-settings .dialog__name {
	color: #293c51 !important;
	font-weight: 700 !important;
	font-size: 1.1875rem !important;
	text-align: start !important;
}

body#body-user .dialog__content,
body#body-settings .dialog__content {
	color: #293c51 !important;
}

body#body-user .dialog__text,
body#body-settings .dialog__text {
	color: #6b7280 !important;
	font-size: 0.875rem !important;
	line-height: 1.6 !important;
}

/* Dialog navigation panel */
body#body-user .dialog__wrapper:not(.dialog__wrapper--collapsed) .dialog__navigation,
body#body-settings .dialog__wrapper:not(.dialog__wrapper--collapsed) .dialog__navigation {
	border-inline-end: 1px solid #e5e7eb !important;
	padding-inline-end: 8px !important;
	margin-inline-end: 16px !important;
}

body#body-user .dialog__navigation button,
body#body-user .dialog__navigation a,
body#body-settings .dialog__navigation button,
body#body-settings .dialog__navigation a {
	color: #293c51 !important;
	border-radius: 12px !important;
}

body#body-user .dialog__navigation button:hover,
body#body-user .dialog__navigation a:hover,
body#body-settings .dialog__navigation button:hover,
body#body-settings .dialog__navigation a:hover {
	background-color: #f3f4f6 !important;
}

body#body-user .dialog__navigation button.active,
body#body-user .dialog__navigation a.active,
body#body-settings .dialog__navigation button.active,
body#body-settings .dialog__navigation a.active {
	background-color: rgba(103, 154, 65, 0.12) !important;
	color: #679a41 !important;
	font-weight: 600 !important;
}

/* Dialog actions footer */
body#body-user .dialog__actions:not(:empty),
body#body-settings .dialog__actions:not(:empty) {
	border-top: 1px solid #e5e7eb !important;
	padding-top: 12px !important;
	margin-top: 4px !important;
}

body#body-user .nc-generic-dialog .dialog__actions,
body#body-settings .nc-generic-dialog .dialog__actions {
	justify-content: space-between !important;
}

/* --- 2F-6: Toast Notifications --- */
body#body-user .toastify.dialogs,
body#body-settings .toastify.dialogs {
	background-color: #fcfcfc !important;
	color: #293c51 !important;
	border-radius: 12px !important;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12) !important;
}

body#body-user .toastify.dialogs .toast-loader-container,
body#body-user .toastify.dialogs .toast-undo-container,
body#body-settings .toastify.dialogs .toast-loader-container,
body#body-settings .toastify.dialogs .toast-undo-container {
	color: #293c51 !important;
	font-size: 0.875rem !important;
}

body#body-user .toastify.dialogs .toast-close,
body#body-settings .toastify.dialogs .toast-close {
	border-radius: 8px !important;
}

body#body-user .toastify.dialogs .toast-close:hover,
body#body-user .toastify.dialogs .toast-close:focus,
body#body-settings .toastify.dialogs .toast-close:hover,
body#body-settings .toastify.dialogs .toast-close:focus {
	opacity: 1 !important;
	background-color: #f3f4f6 !important;
}

body#body-user .toastify.dialogs .toast-undo-button,
body#body-settings .toastify.dialogs .toast-undo-button {
	color: #679a41 !important;
	font-weight: 600 !important;
	font-size: 0.875rem !important;
	background-color: transparent !important;
	border-radius: 8px !important;
}

body#body-user .toastify.dialogs .toast-undo-button:hover,
body#body-user .toastify.dialogs .toast-undo-button:focus,
body#body-settings .toastify.dialogs .toast-undo-button:hover,
body#body-settings .toastify.dialogs .toast-undo-button:focus {
	color: #588836 !important;
	background-color: rgba(103, 154, 65, 0.1) !important;
}

/* Legacy toast variant */
body#body-user .toastify.toast,
body#body-settings .toastify.toast {
	background-color: #fcfcfc !important;
	color: #293c51 !important;
	border-radius: 12px !important;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12) !important;
}

/* --- 2F-7: Share Dialog --- */
body#body-user .sharing-search,
body#body-settings .sharing-search {
	margin-bottom: 8px !important;
}

body#body-user .sharing-entry,
body#body-settings .sharing-entry {
	border-radius: 12px !important;
	padding: 4px 0 !important;
	transition: background-color 0.1s ease !important;
}

body#body-user .sharing-entry:hover,
body#body-settings .sharing-entry:hover {
	background-color: #f3f4f6 !important;
}

body#body-user .sharing-entry .sharing-entry__desc__title,
body#body-user .sharing-entry .sharing-entry__title,
body#body-settings .sharing-entry .sharing-entry__desc__title,
body#body-settings .sharing-entry .sharing-entry__title {
	color: #293c51 !important;
	font-weight: 500 !important;
}

body#body-user .sharing-entry .sharing-entry__summary,
body#body-settings .sharing-entry .sharing-entry__summary {
	color: #6b7280 !important;
	font-size: 0.75rem !important;
}

body#body-user .sharing-entry .sharing-entry__copy-icon,
body#body-settings .sharing-entry .sharing-entry__copy-icon {
	color: #6b7280 !important;
}

body#body-user .sharing-entry .sharing-entry__copy-icon--success,
body#body-settings .sharing-entry .sharing-entry__copy-icon--success {
	color: #679a41 !important;
}

body#body-user .sharing-entry .sharing-entry__actions button,
body#body-settings .sharing-entry .sharing-entry__actions button {
	color: #6b7280 !important;
}

body#body-user .sharing-entry .sharing-entry__actions button:hover,
body#body-settings .sharing-entry .sharing-entry__actions button:hover {
	color: #293c51 !important;
	background-color: #f3f4f6 !important;
}

body#body-user .sharing-entry.sharing-entry__link,
body#body-settings .sharing-entry.sharing-entry__link {
	color: #679a41 !important;
	font-weight: 500 !important;
}

body#body-user .sharing-entry.sharing-entry__link:hover,
body#body-settings .sharing-entry.sharing-entry__link:hover {
	background-color: rgba(103, 154, 65, 0.08) !important;
}

/* --- 2F-8: Confirmation Dialogs --- */
body#body-user #_nc_password_confirmation_dialog .dialog__actions:not(:empty),
body#body-settings #_nc_password_confirmation_dialog .dialog__actions:not(:empty) {
	border-top-color: rgba(220, 38, 38, 0.25) !important;
}

body#body-user #_nc_password_confirmation_dialog .dialog__content label,
body#body-settings #_nc_password_confirmation_dialog .dialog__content label {
	color: #293c51 !important;
	font-size: 0.875rem !important;
}

/* --- 2F-9: Popover Menus (v-popper) --- */
body#body-user .v-popper__popper .v-popper__wrapper,
body#body-settings .v-popper__popper .v-popper__wrapper {
	border-radius: 12px !important;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08), 0 4px 20px rgba(0, 0, 0, 0.14) !important;
}

body#body-user .v-popper__popper .v-popper__inner,
body#body-settings .v-popper__popper .v-popper__inner {
	background-color: #fcfcfc !important;
	color: #293c51 !important;
	border-radius: 12px !important;
	padding: 4px !important;
}

body#body-user .action-item__popper .v-popper__inner,
body#body-settings .action-item__popper .v-popper__inner {
	border-radius: 12px !important;
	padding: 4px !important;
}

/* Action button rows */
body#body-user .v-popper__inner li.action .action-button,
body#body-settings .v-popper__inner li.action .action-button {
	color: #293c51 !important;
	border-radius: 12px !important;
}

body#body-user .v-popper__inner li.action .action-button .action-button__icon,
body#body-user .v-popper__inner li.action .action-button .material-design-icon,
body#body-settings .v-popper__inner li.action .action-button .action-button__icon,
body#body-settings .v-popper__inner li.action .action-button .material-design-icon {
	color: #293c51 !important;
}

body#body-user .v-popper__inner li.action .action-button .action-button__name,
body#body-settings .v-popper__inner li.action .action-button .action-button__name {
	color: #293c51 !important;
}

body#body-user .v-popper__inner li.action .action-button .action-button__description,
body#body-settings .v-popper__inner li.action .action-button .action-button__description {
	color: #6b7280 !important;
	font-size: 0.75rem !important;
}

/* Hover state */
body#body-user .v-popper__inner li.action:hover .action-button,
body#body-user .v-popper__inner li.action .action-button:hover,
body#body-user .v-popper__inner li.action .action-button:focus,
body#body-settings .v-popper__inner li.action:hover .action-button,
body#body-settings .v-popper__inner li.action .action-button:hover,
body#body-settings .v-popper__inner li.action .action-button:focus {
	background-color: #f3f4f6 !important;
	color: #293c51 !important;
}

body#body-user .v-popper__inner li.action:hover .action-button .action-button__icon,
body#body-user .v-popper__inner li.action:hover .action-button .material-design-icon,
body#body-settings .v-popper__inner li.action:hover .action-button .action-button__icon,
body#body-settings .v-popper__inner li.action:hover .action-button .material-design-icon {
	color: #293c51 !important;
}

/* Active/selected state */
body#body-user .v-popper__inner li.action.active .action-button,
body#body-settings .v-popper__inner li.action.active .action-button {
	background-color: rgba(103, 154, 65, 0.12) !important;
	color: #679a41 !important;
}

body#body-user .v-popper__inner li.action.active .action-button .action-button__icon,
body#body-user .v-popper__inner li.action.active .action-button .material-design-icon,
body#body-settings .v-popper__inner li.action.active .action-button .action-button__icon,
body#body-settings .v-popper__inner li.action.active .action-button .material-design-icon {
	color: #679a41 !important;
}

/* Destructive actions */
body#body-user .v-popper__inner li.action .action-button.button-vue--vue-error,
body#body-user .v-popper__inner li.action .action-button.action-button--error,
body#body-settings .v-popper__inner li.action .action-button.button-vue--vue-error,
body#body-settings .v-popper__inner li.action .action-button.action-button--error {
	color: #dc2626 !important;
}

body#body-user .v-popper__inner li.action .action-button.button-vue--vue-error .action-button__icon,
body#body-user .v-popper__inner li.action .action-button.button-vue--vue-error .material-design-icon,
body#body-user .v-popper__inner li.action .action-button.action-button--error .action-button__icon,
body#body-user .v-popper__inner li.action .action-button.action-button--error .material-design-icon,
body#body-settings .v-popper__inner li.action .action-button.button-vue--vue-error .action-button__icon,
body#body-settings .v-popper__inner li.action .action-button.button-vue--vue-error .material-design-icon,
body#body-settings .v-popper__inner li.action .action-button.action-button--error .action-button__icon,
body#body-settings .v-popper__inner li.action .action-button.action-button--error .material-design-icon {
	color: #dc2626 !important;
}

body#body-user .v-popper__inner li.action .action-button.button-vue--vue-error:hover,
body#body-user .v-popper__inner li.action .action-button.action-button--error:hover,
body#body-settings .v-popper__inner li.action .action-button.button-vue--vue-error:hover,
body#body-settings .v-popper__inner li.action .action-button.action-button--error:hover {
	background-color: rgba(220, 38, 38, 0.08) !important;
	color: #dc2626 !important;
}

/* Disabled rows */
body#body-user .v-popper__inner li.action .action-button.action--disabled,
body#body-settings .v-popper__inner li.action .action-button.action--disabled {
	opacity: 0.5 !important;
	pointer-events: none !important;
}

/* Legacy popovermenu */
body#body-user .popovermenu,
body#body-user .app-navigation-entry-menu,
body#body-settings .popovermenu,
body#body-settings .app-navigation-entry-menu {
	background-color: #fcfcfc !important;
	border-radius: 12px !important;
	filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.12)) drop-shadow(0 0 1px rgba(0, 0, 0, 0.06)) !important;
	padding: 4px !important;
}

body#body-user .popovermenu li > button,
body#body-user .popovermenu li > a,
body#body-user .popovermenu li > .menuitem,
body#body-user .app-navigation-entry-menu li > button,
body#body-user .app-navigation-entry-menu li > a,
body#body-user .app-navigation-entry-menu li > .menuitem,
body#body-settings .popovermenu li > button,
body#body-settings .popovermenu li > a,
body#body-settings .popovermenu li > .menuitem,
body#body-settings .app-navigation-entry-menu li > button,
body#body-settings .app-navigation-entry-menu li > a,
body#body-settings .app-navigation-entry-menu li > .menuitem {
	color: #293c51 !important;
	border-radius: 12px !important;
}

body#body-user .popovermenu li > button:hover,
body#body-user .popovermenu li > a:hover,
body#body-user .popovermenu li > .menuitem:hover,
body#body-user .app-navigation-entry-menu li > button:hover,
body#body-user .app-navigation-entry-menu li > a:hover,
body#body-user .app-navigation-entry-menu li > .menuitem:hover,
body#body-settings .popovermenu li > button:hover,
body#body-settings .popovermenu li > a:hover,
body#body-settings .popovermenu li > .menuitem:hover,
body#body-settings .app-navigation-entry-menu li > button:hover,
body#body-settings .app-navigation-entry-menu li > a:hover,
body#body-settings .app-navigation-entry-menu li > .menuitem:hover {
	background-color: #f3f4f6 !important;
	color: #293c51 !important;
}

/* Tooltip theme */
body#body-user .v-popper--theme-tooltip .v-popper__inner,
body#body-settings .v-popper--theme-tooltip .v-popper__inner {
	background-color: #293c51 !important;
	color: #ffffff !important;
	border-radius: 12px !important;
	font-size: 0.8125rem !important;
	padding: 6px 10px !important;
	max-width: 320px !important;
	line-height: 1.5 !important;
}


/* ================================================================
   2H. RESPONSIVE PASS — Authenticated App Styles
   Breakpoints confirmed from CloudSpace 32 source:
     <1024px  — nav becomes position:absolute overlay (NcAppNavigation)
     <512px   — sidebar goes 100vw absolute; modal goes full-screen;
                nav z-index bumps to 1400; header menus collapse
     <400px h — modal also goes full-screen (height trigger)
   Dashboard 709px breakpoint handled by core (no override needed).
   Login page responsive already covered in Section 17.
   ================================================================ */

/* ----------------------------------------------------------------
   A. HEADER at <1024px
   Core keeps #header as inline-flex at all widths — our white
   background and border-bottom persist without change.
   The app-menu-entry active underline (::after) is fine visually
   but reduce its width slightly on narrow headers.
   ---------------------------------------------------------------- */
@media only screen and (max-width: 1024px) {
	/* Tighten active-app underline indicator for narrower header */
	.app-menu-entry--active .app-menu-entry__link::after {
		width: 12px !important;
	}

	/* App switcher entries get a smaller touch target margin
	   (core already constrains them, just keep label visible) */
	.app-menu-entry__label {
		font-size: 0.6875rem !important;
	}
}

/* ----------------------------------------------------------------
   B. NAVIGATION PANEL at <1024px
   Core makes #app-navigation position:absolute (overlay).
   NcAppNavigation Vue component uses margin-inline-start slide.
   Our white bg, pill items, and active green all survive the
   position change — we only need to:
   1. Remove the top border-radius (it now spans full viewport height)
   2. Ensure box-shadow reads correctly as a left-side overlay
   3. Guarantee our backdrop-filter: none does not interfere with
      CloudSpace snap.js overlay detection
   ---------------------------------------------------------------- */
@media only screen and (max-width: 1024px) {
	/* Nav is now an overlay panel — no rounded top-start corner */
	#app-navigation {
		border-start-start-radius: 0 !important;
		/* Stronger shadow when it overlays content */
		box-shadow: 4px 0 16px 0 rgba(41, 60, 81, 0.14) !important;
	}

	/* Ensure our white bg remains opaque when overlaid on content */
	#app-navigation,
	#app-navigation .app-navigation__content {
		background-color: #ffffff !important;
	}

	/* Remove the separator border — it floats over content */
	#app-navigation {
		border-inline-end: none !important;
	}
}

/* ----------------------------------------------------------------
   C. SIDEBAR at <512px
   NcAppSidebar Vue component sets:
     position: absolute; --app-sidebar-width: 100vw
   Our border-inline-start becomes redundant (no adjacent content).
   Our box-shadow direction is hidden (it now covers content fully).
   ---------------------------------------------------------------- */
@media only screen and (max-width: 512px) {
	body#body-user #app-sidebar,
	body#body-settings #app-sidebar,
	body#body-user .app-sidebar,
	body#body-settings .app-sidebar {
		/* Full-width overlay — remove side border and lateral shadow */
		border-inline-start: none !important;
		box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.10) !important;
		border-radius: 0 !important;
	}

	/* Sidebar header figure stays flush at full width */
	body#body-user .app-sidebar .app-sidebar-header__figure,
	body#body-settings .app-sidebar .app-sidebar-header__figure {
		border-radius: 0 !important;
	}

	/* Sidebar tab bar: ensure it stays full-width and touch-scrollable */
	body#body-user .app-sidebar-tabs__nav,
	body#body-settings .app-sidebar-tabs__nav {
		overflow-x: auto !important;
		-webkit-overflow-scrolling: touch !important;
	}
}

/* ----------------------------------------------------------------
   D. MODALS at <512px width OR <400px height
   NcModal sets border-radius: 0 and goes full-screen.
   Our modal-container border-radius: 16px must be neutralized
   so it does not conflict with the full-screen layout.
   ---------------------------------------------------------------- */
@media only screen and ((max-width: 512px) or (max-height: 400px)) {
	body#body-user .modal-wrapper .modal-container,
	body#body-settings .modal-wrapper .modal-container {
		border-radius: 0 !important;
		/* Drop shadow clips to viewport edge at full-screen */
		box-shadow: none !important;
	}
}

/* NcDialog small-size modal stays card-like at <=512px.
   Core preserves --border-radius-large for .modal-wrapper--small;
   restore our brand shadow for that specific case. */
@media only screen and (max-width: 512px) {
	body#body-user .dialog__modal .modal-wrapper--small .modal-container,
	body#body-settings .dialog__modal .modal-wrapper--small .modal-container {
		border-radius: var(--border-radius-large, 12px) !important;
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08), 0 8px 32px rgba(0, 0, 0, 0.14) !important;
	}
}

/* ----------------------------------------------------------------
   E. BUTTONS & INPUTS at <512px
   Touch targets are already 44px via --default-clickable-area.
   Add full-width inputs for form contexts on small screens.
   Dialog action buttons wrap rather than overflow.
   ---------------------------------------------------------------- */
@media only screen and (max-width: 512px) {
	/* Full-width input fields inside forms on mobile */
	body#body-user .input-field,
	body#body-settings .input-field {
		width: 100% !important;
		max-width: 100% !important;
	}

	body#body-user .input-field__input,
	body#body-settings .input-field__input {
		width: 100% !important;
		box-sizing: border-box !important;
	}

	/* Dialog action buttons: allow wrapping on narrow screens */
	body#body-user .dialog__actions,
	body#body-settings .dialog__actions {
		flex-wrap: wrap !important;
		gap: 8px !important;
	}

	/* Action buttons expand to fill row when wrapped */
	body#body-user .dialog__actions .button-vue,
	body#body-settings .dialog__actions .button-vue {
		min-width: 0 !important;
		flex: 1 1 auto !important;
	}
}

/* ----------------------------------------------------------------
   F. NAVIGATION Z-INDEX at <512px
   NcAppNavigation bumps to z-index: 1400 in its own scoped CSS.
   Our header stays at z-index: 2000 — no conflict.
   Modal mask z-index is managed by core — no action needed.
   Nav toggle button from core is z-index: 1050 — no conflict.
   ---------------------------------------------------------------- */
/* (No rules needed — core z-index layering is compatible) */

/* ----------------------------------------------------------------
   G. DASHBOARD at <709px
   Core dashboard JS handles panel height: auto at 709px.
   Our dashboard.css overrides are color and typography only.
   No structural responsive overrides needed here.
   ---------------------------------------------------------------- */
/* (No rules needed — core dashboard responsive is sufficient) */

/* ================================================================ */
/* SYSTEM C: MATERIAL SYMBOLS ICON REPLACEMENT                      */
/* ================================================================ */

/* C.0 Foundation */
.ms-icon {
	font-family: 'Material Symbols Rounded' !important;
	font-weight: 400;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	font-feature-settings: 'liga';
	font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

@keyframes ms-spin {
	0%   { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

/* C.1 BATCH 1 — 14 core icons */

/* Block A: Hide inline SVG */
.magnify-icon > svg,
.close-icon > svg,
.plus-icon > svg,
.dots-horizontal-icon > svg,
.chevron-down-icon > svg,
.chevron-right-icon > svg,
.chevron-up-icon > svg,
.chevron-left-icon > svg,
.home-icon > svg,
.folder-icon > svg,
.pencil-outline-icon > svg,
.trash-can-outline-icon > svg,
.star-outline-icon > svg,
.menu-down-icon > svg {
	display: none !important;
}

/* Block B: Shared ::before base */
.magnify-icon::before,
.close-icon::before,
.plus-icon::before,
.dots-horizontal-icon::before,
.chevron-down-icon::before,
.chevron-right-icon::before,
.chevron-up-icon::before,
.chevron-left-icon::before,
.home-icon::before,
.folder-icon::before,
.pencil-outline-icon::before,
.trash-can-outline-icon::before,
.star-outline-icon::before,
.menu-down-icon::before {
	font-family: 'Material Symbols Rounded';
	font-weight: 400;
	font-style: normal;
	font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
	font-size: 20px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	color: inherit;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	text-align: center;
	overflow: hidden;
}

/* Block C: Individual content */
.magnify-icon::before          { content: 'search'; }
.close-icon::before            { content: 'close'; }
.plus-icon::before             { content: 'add'; }
.dots-horizontal-icon::before  { content: 'more_horiz'; }
.chevron-down-icon::before     { content: 'expand_more'; }
.chevron-right-icon::before    { content: 'chevron_right'; }
.chevron-up-icon::before       { content: 'expand_less'; }
.chevron-left-icon::before     { content: 'chevron_left'; }
.home-icon::before             { content: 'home'; }
.pencil-outline-icon::before   { content: 'edit'; }
.trash-can-outline-icon::before { content: 'delete'; }
.star-outline-icon::before     { content: 'star'; }
.menu-down-icon::before        { content: 'arrow_drop_down'; }

/* folder-icon: Custom SVG via mask-image */
.folder-icon::before {
	content: '' !important;
	font-size: 0 !important;
	display: inline-block;
	width: 20px;
	height: 20px;
	background-color: #679a41;
	-webkit-mask-image: url('../img/filetypes/folder.svg');
	mask-image: url('../img/filetypes/folder.svg');
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	vertical-align: middle;
}

/* C.2 BATCH 2 — 51 additional icons */

/* Block A: Hide SVG */
.file-icon > svg,
.pencil-icon > svg,
.star-icon > svg,
.check-icon > svg,
.check-bold-icon > svg,
.cancel-icon > svg,
.checkbox-marked-icon > svg,
.checkbox-blank-outline-icon > svg,
.checkbox-marked-circle-icon > svg,
.minus-box-icon > svg,
.radiobox-marked-icon > svg,
.radiobox-blank-icon > svg,
.toggle-switch-icon > svg,
.toggle-switch-off-icon > svg,
.menu-up-icon > svg,
.menu-icon > svg,
.menu-open-icon > svg,
.help-circle-icon > svg,
.information-icon > svg,
.information-outline-icon > svg,
.alert-icon > svg,
.alert-outline-icon > svg,
.alert-circle-outline-icon > svg,
.alert-decagram-icon > svg,
.circle-icon > svg,
.account-group-icon > svg,
.arrow-left-icon > svg,
.arrow-right-icon > svg,
.calendar-blank-icon > svg,
.cog-icon > svg,
.eye-icon > svg,
.eye-off-icon > svg,
.format-list-bulleted-icon > svg,
.link-variant-icon > svg,
.open-in-new-icon > svg,
.pause-icon > svg,
.play-icon > svg,
.stop-icon > svg,
.replay-icon > svg,
.tray-arrow-down-icon > svg,
.undo-icon > svg,
.undo-variant-icon > svg,
.unfold-less-horizontal-icon > svg,
.unfold-more-horizontal-icon > svg,
.web-icon > svg,
.dock-right-icon > svg,
.connection-icon > svg,
.docker-icon > svg,
.test-tube-icon > svg,
.app-api-icon > svg,
.loading-icon > svg {
	display: none !important;
}

/* Block B: Shared ::before base */
.file-icon::before,
.pencil-icon::before,
.star-icon::before,
.check-icon::before,
.check-bold-icon::before,
.cancel-icon::before,
.checkbox-marked-icon::before,
.checkbox-blank-outline-icon::before,
.checkbox-marked-circle-icon::before,
.minus-box-icon::before,
.radiobox-marked-icon::before,
.radiobox-blank-icon::before,
.toggle-switch-icon::before,
.toggle-switch-off-icon::before,
.menu-up-icon::before,
.menu-icon::before,
.menu-open-icon::before,
.help-circle-icon::before,
.information-icon::before,
.information-outline-icon::before,
.alert-icon::before,
.alert-outline-icon::before,
.alert-circle-outline-icon::before,
.alert-decagram-icon::before,
.circle-icon::before,
.account-group-icon::before,
.arrow-left-icon::before,
.arrow-right-icon::before,
.calendar-blank-icon::before,
.cog-icon::before,
.eye-icon::before,
.eye-off-icon::before,
.format-list-bulleted-icon::before,
.link-variant-icon::before,
.open-in-new-icon::before,
.pause-icon::before,
.play-icon::before,
.stop-icon::before,
.replay-icon::before,
.tray-arrow-down-icon::before,
.undo-icon::before,
.undo-variant-icon::before,
.unfold-less-horizontal-icon::before,
.unfold-more-horizontal-icon::before,
.web-icon::before,
.dock-right-icon::before,
.connection-icon::before,
.docker-icon::before,
.test-tube-icon::before,
.app-api-icon::before,
.loading-icon::before {
	font-family: 'Material Symbols Rounded';
	font-weight: 400;
	font-style: normal;
	font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
	font-size: 20px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	color: inherit;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	text-align: center;
	overflow: hidden;
}

/* Block C: Outline icons (FILL 0) */
.file-icon::before                    { content: 'description'; }
.check-icon::before                   { content: 'check'; }
.cancel-icon::before                  { content: 'cancel'; }
.checkbox-blank-outline-icon::before  { content: 'check_box_outline_blank'; }
.radiobox-blank-icon::before          { content: 'radio_button_unchecked'; }
.toggle-switch-off-icon::before       { content: 'toggle_off'; }
.menu-up-icon::before                 { content: 'arrow_drop_up'; }
.menu-icon::before                    { content: 'menu'; }
.menu-open-icon::before               { content: 'menu_open'; }
.help-circle-icon::before             { content: 'help'; }
.information-outline-icon::before     { content: 'info'; }
.alert-outline-icon::before           { content: 'warning'; }
.alert-circle-outline-icon::before    { content: 'error'; }
.account-group-icon::before           { content: 'group'; }
.arrow-left-icon::before              { content: 'arrow_back'; }
.arrow-right-icon::before             { content: 'arrow_forward'; }
.calendar-blank-icon::before          { content: 'calendar_today'; }
.cog-icon::before                     { content: 'settings'; }
.eye-icon::before                     { content: 'visibility'; }
.eye-off-icon::before                 { content: 'visibility_off'; }
.format-list-bulleted-icon::before    { content: 'format_list_bulleted'; }
.link-variant-icon::before            { content: 'link'; }
.open-in-new-icon::before             { content: 'open_in_new'; }
.pause-icon::before                   { content: 'pause'; }
.replay-icon::before                  { content: 'replay'; }
.tray-arrow-down-icon::before         { content: 'download'; }
.undo-icon::before                    { content: 'undo'; }
.undo-variant-icon::before            { content: 'undo'; }
.unfold-less-horizontal-icon::before  { content: 'unfold_less'; }
.unfold-more-horizontal-icon::before  { content: 'unfold_more'; }
.web-icon::before                     { content: 'language'; }
.dock-right-icon::before              { content: 'dock_to_right'; }
.connection-icon::before              { content: 'cable'; }
.docker-icon::before                  { content: 'deployed_code'; }
.test-tube-icon::before               { content: 'science'; }
.app-api-icon::before                 { content: 'api'; }

/* Bold weight */
.check-bold-icon::before {
	content: 'check';
	font-variation-settings: 'FILL' 0, 'wght' 700, 'GRAD' 0, 'opsz' 24;
}

/* Filled icons (FILL 1) */
.pencil-icon::before {
	content: 'edit';
	font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}
.star-icon::before {
	content: 'star';
	font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}
.checkbox-marked-icon::before {
	content: 'check_box';
	font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}
.checkbox-marked-circle-icon::before {
	content: 'check_circle';
	font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}
.minus-box-icon::before {
	content: 'indeterminate_check_box';
	font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}
.radiobox-marked-icon::before {
	content: 'radio_button_checked';
	font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}
.toggle-switch-icon::before {
	content: 'toggle_on';
	font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}
.information-icon::before {
	content: 'info';
	font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}
.alert-icon::before {
	content: 'warning';
	font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}
.alert-decagram-icon::before {
	content: 'new_releases';
	font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}
.circle-icon::before {
	content: 'circle';
	font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}
.play-icon::before {
	content: 'play_arrow';
	font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}
.stop-icon::before {
	content: 'stop';
	font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

/* Loading spinner */
.loading-icon::before {
	content: 'progress_activity';
	animation: ms-spin 1s linear infinite;
}


/* ================================================================ */
/* C.3 BATCH 3 — 68 additional icons                               */
/* ================================================================ */

/* Block A: Hide inline SVG */
.folder-open-icon > svg,
.folder-upload-icon > svg,
.upload-icon > svg,
.tray-arrow-up-icon > svg,
.cog-outline-icon > svg,
.view-grid-outline-icon > svg,
.format-list-bulleted-square-icon > svg,
.reload-icon > svg,
.refresh-icon > svg,
.tag-icon > svg,
.tag-outline-icon > svg,
.account-plus-icon > svg,
.account-plus-outline-icon > svg,
.account-outline-icon > svg,
.account-icon > svg,
.account-circle-outline-icon > svg,
.account-group-outline-icon > svg,
.link-icon > svg,
.arrow-down-icon > svg,
.arrow-up-icon > svg,
.circle-outline-icon > svg,
.content-copy-icon > svg,
.lock-icon > svg,
.lock-open-icon > svg,
.lock-outline-icon > svg,
.drag-vertical-icon > svg,
.eye-outline-icon > svg,
.cloud-check-variant-icon > svg,
.new-box-icon > svg,
.source-branch-icon > svg,
.wrench-icon > svg,
.weather-night-icon > svg,
.email-icon > svg,
.qrcode-icon > svg,
.share-circle-icon > svg,
.map-marker-icon > svg,
.map-clock-icon > svg,
.map-icon > svg,
.calendar-range-icon > svg,
.calendar-range-outline-icon > svg,
.calendar-blank-outline-icon > svg,
.calendar-icon > svg,
.filter-icon > svg,
.list-box-icon > svg,
.key-icon > svg,
.network-outline-icon > svg,
.play-circle-icon > svg,
.file-multiple-icon > svg,
.chart-pie-outline-icon > svg,
.collectives-icon > svg,
.clipboard-text-icon > svg,
.domain-icon > svg,
.anchor-icon > svg,
.backup-restore-icon > svg,
.check-circle-icon > svg,
.circle-slice3-icon > svg,
.clock-icon > svg,
.clock-outline-icon > svg,
.restore-icon > svg,
.school-outline-icon > svg,
.palette-icon > svg,
.palette-outline-icon > svg,
.minus-circle-outline-icon > svg,
.message-reply-text-outline-icon > svg,
.note-card-icon > svg,
.image-icon > svg,
.text-icon > svg,
.download-icon > svg,
.bell-icon > svg,
.bell-outline-icon > svg {
	display: none !important;
}

/* Block B: Shared ::before base */
.folder-open-icon::before,
.folder-upload-icon::before,
.upload-icon::before,
.tray-arrow-up-icon::before,
.cog-outline-icon::before,
.view-grid-outline-icon::before,
.format-list-bulleted-square-icon::before,
.reload-icon::before,
.refresh-icon::before,
.tag-icon::before,
.tag-outline-icon::before,
.account-plus-icon::before,
.account-plus-outline-icon::before,
.account-outline-icon::before,
.account-icon::before,
.account-circle-outline-icon::before,
.account-group-outline-icon::before,
.link-icon::before,
.arrow-down-icon::before,
.arrow-up-icon::before,
.circle-outline-icon::before,
.content-copy-icon::before,
.lock-icon::before,
.lock-open-icon::before,
.lock-outline-icon::before,
.drag-vertical-icon::before,
.eye-outline-icon::before,
.cloud-check-variant-icon::before,
.new-box-icon::before,
.source-branch-icon::before,
.wrench-icon::before,
.weather-night-icon::before,
.email-icon::before,
.qrcode-icon::before,
.share-circle-icon::before,
.map-marker-icon::before,
.map-clock-icon::before,
.map-icon::before,
.calendar-range-icon::before,
.calendar-range-outline-icon::before,
.calendar-blank-outline-icon::before,
.calendar-icon::before,
.filter-icon::before,
.list-box-icon::before,
.key-icon::before,
.network-outline-icon::before,
.play-circle-icon::before,
.file-multiple-icon::before,
.chart-pie-outline-icon::before,
.collectives-icon::before,
.clipboard-text-icon::before,
.domain-icon::before,
.anchor-icon::before,
.backup-restore-icon::before,
.check-circle-icon::before,
.circle-slice3-icon::before,
.clock-icon::before,
.clock-outline-icon::before,
.restore-icon::before,
.school-outline-icon::before,
.palette-icon::before,
.palette-outline-icon::before,
.minus-circle-outline-icon::before,
.message-reply-text-outline-icon::before,
.note-card-icon::before,
.image-icon::before,
.text-icon::before,
.download-icon::before,
.bell-icon::before,
.bell-outline-icon::before {
	font-family: 'Material Symbols Rounded';
	font-weight: 400;
	font-style: normal;
	font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
	font-size: 20px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	color: inherit;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	text-align: center;
	overflow: hidden;
}

/* Block C: Outline icons (FILL 0) */
.folder-upload-icon::before                  { content: 'drive_folder_upload'; }
.upload-icon::before                         { content: 'upload'; }
.tray-arrow-up-icon::before                  { content: 'upload'; }
.cog-outline-icon::before                    { content: 'settings'; }
.view-grid-outline-icon::before              { content: 'grid_view'; }
.format-list-bulleted-square-icon::before    { content: 'view_list'; }
.reload-icon::before                         { content: 'refresh'; }
.refresh-icon::before                        { content: 'refresh'; }
.tag-icon::before                            { content: 'sell'; }
.tag-outline-icon::before                    { content: 'sell'; }
.account-plus-icon::before                   { content: 'person_add'; }
.account-plus-outline-icon::before           { content: 'person_add'; }
.account-outline-icon::before                { content: 'person'; }
.account-icon::before                        { content: 'person'; }
.account-circle-outline-icon::before         { content: 'account_circle'; }
.account-group-outline-icon::before          { content: 'group'; }
.link-icon::before                           { content: 'link'; }
.arrow-down-icon::before                     { content: 'arrow_downward'; }
.arrow-up-icon::before                       { content: 'arrow_upward'; }
.circle-outline-icon::before                 { content: 'circle'; }
.content-copy-icon::before                   { content: 'content_copy'; }
.lock-open-icon::before                      { content: 'lock_open'; }
.lock-outline-icon::before                   { content: 'lock'; }
.drag-vertical-icon::before                  { content: 'drag_indicator'; }
.eye-outline-icon::before                    { content: 'visibility'; }
.cloud-check-variant-icon::before            { content: 'cloud_done'; }
.new-box-icon::before                        { content: 'new_releases'; }
.source-branch-icon::before                  { content: 'fork_right'; }
.wrench-icon::before                         { content: 'build'; }
.weather-night-icon::before                  { content: 'dark_mode'; }
.email-icon::before                          { content: 'email'; }
.qrcode-icon::before                         { content: 'qr_code_2'; }
.share-circle-icon::before                   { content: 'share'; }
.map-clock-icon::before                      { content: 'schedule'; }
.map-icon::before                            { content: 'map'; }
.calendar-range-icon::before                 { content: 'date_range'; }
.calendar-range-outline-icon::before         { content: 'date_range'; }
.calendar-blank-outline-icon::before         { content: 'calendar_today'; }
.calendar-icon::before                       { content: 'calendar_month'; }
.filter-icon::before                         { content: 'filter_list'; }
.list-box-icon::before                       { content: 'list_alt'; }
.key-icon::before                            { content: 'key'; }
.network-outline-icon::before                { content: 'lan'; }
.file-multiple-icon::before                  { content: 'file_copy'; }
.chart-pie-outline-icon::before              { content: 'pie_chart'; }
.collectives-icon::before                    { content: 'groups'; }
.clipboard-text-icon::before                 { content: 'assignment'; }
.domain-icon::before                         { content: 'domain'; }
.anchor-icon::before                         { content: 'anchor'; }
.backup-restore-icon::before                 { content: 'settings_backup_restore'; }
.circle-slice3-icon::before                  { content: 'data_usage'; }
.clock-icon::before                          { content: 'schedule'; }
.clock-outline-icon::before                  { content: 'schedule'; }
.restore-icon::before                        { content: 'restore'; }
.school-outline-icon::before                 { content: 'school'; }
.palette-icon::before                        { content: 'palette'; }
.palette-outline-icon::before                { content: 'palette'; }
.minus-circle-outline-icon::before           { content: 'do_not_disturb_on'; }
.message-reply-text-outline-icon::before     { content: 'reply'; }
.note-card-icon::before                      { content: 'sticky_note_2'; }
.image-icon::before                          { content: 'image'; }
.text-icon::before                           { content: 'article'; }
.download-icon::before                       { content: 'download'; }
.bell-outline-icon::before                   { content: 'notifications'; }

/* Filled icons (FILL 1) */
.folder-open-icon::before {
	content: 'folder_open';
	font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}
.lock-icon::before {
	content: 'lock';
	font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}
.map-marker-icon::before {
	content: 'location_on';
	font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}
.play-circle-icon::before {
	content: 'play_circle';
	font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}
.check-circle-icon::before {
	content: 'check_circle';
	font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}
.bell-icon::before {
	content: 'notifications';
	font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

/* ================================================================ */
/* C.3b — 9 additional real MDI icons                               */
/* ================================================================ */

/* Block A: Hide inline SVG */
.cloud-circle-outline-icon > svg,
.file-compare-icon > svg,
.image-edit-icon > svg,
.image-off-outline-icon > svg,
.tune-icon > svg,
.triangle-small-down-icon > svg,
.auto-fix-icon > svg,
.crowd-icon > svg,
.exclamation-icon > svg {
	display: none !important;
}

/* Block B: Shared ::before base */
.cloud-circle-outline-icon::before,
.file-compare-icon::before,
.image-edit-icon::before,
.image-off-outline-icon::before,
.tune-icon::before,
.triangle-small-down-icon::before,
.auto-fix-icon::before,
.crowd-icon::before,
.exclamation-icon::before {
	font-family: 'Material Symbols Rounded';
	font-weight: 400;
	font-style: normal;
	font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
	font-size: 20px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	color: inherit;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	text-align: center;
	overflow: hidden;
}

/* Block C: Individual content */
.cloud-circle-outline-icon::before            { content: 'cloud'; }
.file-compare-icon::before                    { content: 'compare'; }
.image-edit-icon::before                      { content: 'image'; }
.image-off-outline-icon::before               { content: 'hide_image'; }
.tune-icon::before                            { content: 'tune'; }
.triangle-small-down-icon::before             { content: 'arrow_drop_down'; }
.auto-fix-icon::before                        { content: 'auto_fix_high'; }
.crowd-icon::before                           { content: 'groups'; }
.exclamation-icon::before                     { content: 'priority_high'; }
/* ================================================================
   ICON REPLACEMENT — COMPANION RULES
   ================================================================ */

/* Sizing: action menu items (16px) */
.action-button .action-button__icon::before {
	font-size: 16px !important;
	width: 16px !important;
	height: 16px !important;
}

/* Sizing: breadcrumb separators (20px) */
.vue-crumb__separator .button-vue__icon::before {
	font-size: 20px !important;
	width: 20px !important;
	height: 20px !important;
}

/* Sizing: share dialog icons (20px) */
.sharing-entry .material-design-icon::before,
.sharing-entry__avatar .material-design-icon::before {
	font-size: 20px !important;
	width: 20px !important;
	height: 20px !important;
}

/* Sizing: empty state illustrations (48px) */
.empty-content__icon .material-design-icon::before {
	font-size: 48px !important;
	width: 48px !important;
	height: 48px !important;
}

/* Destructive: red delete/trash icons */
.files-list__row-action--destructive .action-button__icon::before,
.files-list__row-action--destructive .button-vue__icon::before {
	color: #dc2626 !important;
}

/* Destructive: darker red on hover */
.files-list__row:hover .files-list__row-action--destructive .action-button__icon::before {
	color: #b91c1c !important;
}

/* Destructive: white on active/selected row */
.files-list__row--active .files-list__row-action--inline.files-list__row-action--destructive .action-button__icon::before {
	color: #ffffff !important;
}

/* Transitions */
.material-design-icon::before {
	transition: color 150ms ease, opacity 150ms ease;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
	.material-design-icon::before {
		transition: none;
	}
}


/* ================================================================
   ICON REPLACEMENT — ADDITIONAL COMPANION RULES (Batch 3)
   ================================================================ */

/* --- File list: list view icons (24px to match --icon-preview-size) --- */
.files-list__row-icon span.material-design-icon::before {
	font-size: var(--icon-preview-size, 24px) !important;
	width: var(--icon-preview-size, 24px) !important;
	height: var(--icon-preview-size, 24px) !important;
}

/* --- File list: folder icons slightly larger (matches SVG +6px rule) --- */
.files-list__row-icon > span.folder-icon::before,
.files-list__row-icon > span.folder-open-icon::before,
/* .files-list__row-icon span.folder-shared-icon::before,
.files-list__row-icon span.folder-encrypted-icon::before,
.files-list__row-icon span.folder-starred-icon::before,
.files-list__row-icon span.folder-public-icon::before,
.files-list__row-icon span.folder-external-icon::before  */
{
	font-size: 0 !important;
	width: calc(var(--icon-preview-size, 24px) + 6px) !important;
	height: calc(var(--icon-preview-size, 24px) + 6px) !important;
	background-color: #679a41;
	-webkit-mask-image: url('../img/filetypes/folder.svg');
	mask-image: url('../img/filetypes/folder.svg');
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
}

/* --- File list: grid view icons (larger for visual weight) --- */
.files-list--grid .files-list__row-icon > span.material-design-icon::before {
	font-size: calc(var(--icon-preview-size, 166px) * 0.6) !important;
	width: var(--icon-preview-size, 166px) !important;
	height: var(--icon-preview-size, 166px) !important;
}

/* --- File list: grid view folder icons --- */
.files-list--grid .files-list__row-icon > span.folder-icon::before,
.files-list--grid .files-list__row-icon > span.folder-open-icon::before,
/* .files-list--grid .files-list__row-icon span.folder-shared-icon::before,
.files-list--grid .files-list__row-icon span.folder-encrypted-icon::before,
.files-list--grid .files-list__row-icon span.folder-starred-icon::before,
.files-list--grid .files-list__row-icon span.folder-public-icon::before,
.files-list--grid .files-list__row-icon span.folder-external-icon::before */
 {
	font-size: 0 !important;
	width: calc(var(--icon-preview-size, 166px) * 0.6) !important;
	height: calc(var(--icon-preview-size, 166px) * 0.6) !important;
	background-color: #679a41;
	-webkit-mask-image: url('../img/filetypes/folder.svg');
	mask-image: url('../img/filetypes/folder.svg');
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
}

/* --- Folder variant mask overrides (list + grid, use variant SVG + color) --- */
/* .files-list__row-icon span.folder-shared-icon::before,
.files-list--grid .files-list__row-icon span.folder-shared-icon::before {
	mask-image: url('../img/filetypes/folder-shared.svg') !important;
	-webkit-mask-image: url('../img/filetypes/folder-shared.svg') !important;
	background-color: #5a8a38 !important;
}

.files-list__row-icon span.folder-encrypted-icon::before,
.files-list--grid .files-list__row-icon span.folder-encrypted-icon::before {
	mask-image: url('../img/filetypes/folder-encrypted.svg') !important;
	-webkit-mask-image: url('../img/filetypes/folder-encrypted.svg') !important;
	background-color: #4a7a2e !important;
}

.files-list__row-icon span.folder-starred-icon::before,
.files-list--grid .files-list__row-icon span.folder-starred-icon::before {
	mask-image: url('../img/filetypes/folder-starred.svg') !important;
	-webkit-mask-image: url('../img/filetypes/folder-starred.svg') !important;
	background-color: #d4a017 !important;
}

.files-list__row-icon span.folder-public-icon::before,
.files-list--grid .files-list__row-icon span.folder-public-icon::before {
	mask-image: url('../img/filetypes/folder-public.svg') !important;
	-webkit-mask-image: url('../img/filetypes/folder-public.svg') !important;
	background-color: #7aab55 !important;
}

.files-list__row-icon span.folder-external-icon::before,
.files-list--grid .files-list__row-icon span.folder-external-icon::before {
	mask-image: url('../img/filetypes/folder-external.svg') !important;
	-webkit-mask-image: url('../img/filetypes/folder-external.svg') !important;
	background-color: #6b8fa3 !important;
} */

/* --- Button icons: match expected 16px inner size --- */
.button-vue__icon > .material-design-icon::before {
	font-size: 16px !important;
	width: 16px !important;
	height: 16px !important;
}

/* --- Navigation sidebar: icon container sizing --- */
.app-navigation-entry .app-navigation-entry-icon .material-design-icon::before,
.app-navigation-entry__icon .material-design-icon::before {
	font-size: 20px !important;
	width: 20px !important;
	height: 20px !important;
}

/* --- Sidebar tab icons (20px) --- */
.app-sidebar-tabs__tab-icon .material-design-icon::before {
	font-size: 20px !important;
	width: 20px !important;
	height: 20px !important;
}

/* --- Header bar icons (20px) --- */
#header .material-design-icon::before {
	font-size: 20px !important;
	width: 20px !important;
	height: 20px !important;
}

/* --- Inline action icons in file list rows --- */
.files-list__row-action--inline .action-button__icon .material-design-icon::before {
	font-size: 20px !important;
	width: 20px !important;
	height: 20px !important;
}

/* --- Toast/notification icons (20px) --- */
.toastify .material-design-icon::before,
.toast-close .material-design-icon::before {
	font-size: 20px !important;
	width: 20px !important;
	height: 20px !important;
}

/* --- Dialog/modal content icons (20px default) --- */
.modal-container .material-design-icon::before {
	font-size: 20px !important;
	width: 20px !important;
	height: 20px !important;
}

/* --- Settings page section icons (20px) --- */
.app-settings-section .material-design-icon::before {
	font-size: 20px !important;
	width: 20px !important;
	height: 20px !important;
}

/* --- Chip/tag icons (16px) --- */
.nc-chip .material-design-icon::before {
	font-size: 16px !important;
	width: 16px !important;
	height: 16px !important;
}

/* --- Breadcrumb path icons (20px) --- */
.vue-crumb .material-design-icon::before {
	font-size: 20px !important;
	width: 20px !important;
	height: 20px !important;
}

/* --- File list column sort button icons --- */
.files-list__column-sort-button-icon::before {
	font-size: 14px !important;
	width: 14px !important;
	height: 14px !important;
}

/* --- Ensure material-design-icon spans don't clip ::before in flex containers --- */
.material-design-icon {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
}
/* FOUT mitigation: block font display to avoid text flash */
@font-face {
	font-family: 'Material Symbols Rounded';
	font-style: normal;
	font-weight: 100 700;
	src: url('material-symbols/MaterialSymbolsRounded-full.woff2') format('woff2');
	font-display: block;
}
/* ================================================================
   PHASE 2: Medium Effort Polish
   Added: 2026-03-02
   ================================================================ */

/* ---- 2A. Skeleton loading shimmer ---- */
@keyframes cloudspace-shimmer {
    0%   { background-position: -400px 0; }
    100% { background-position:  400px 0; }
}

.files-list__row--loading,
.files-list__row[aria-busy="true"],
.row-wrapper--loading {
    background: linear-gradient(
        90deg,
        #f3f4f6 25%,
        #e9ebe8 50%,
        #f3f4f6 75%
    ) !important;
    background-size: 800px 100% !important;
    animation: cloudspace-shimmer 1.4s ease-in-out infinite !important;
}

/* ---- 2B. Upload progress bar (GitHub-style thin top stripe) ---- */
/* .upload-picker .progress-bar,
.upload-picker__progress .progress-bar {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 3px !important;
    z-index: 10001 !important;
    border-radius: 0 !important;
    background: #e5e7eb !important;
}
.upload-picker .progress-bar__value,
.upload-picker__progress .progress-bar__value {
    background: linear-gradient(90deg, #679a41, #8bb862) !important;
    border-radius: 0 !important;
    transition: width 0.3s ease-out !important;
} */

/* ---- 2C. Storage quota bar styling (in left nav bottom) ---- */
#app-settings .quota-info,
.app-navigation__settings .quota-info {
    padding: 12px 16px !important;
    font-size: 0.8125rem !important;
    color: #6b7280 !important;
}
.quota-info .quota-bar,
.quota__bar {
    height: 4px !important;
    border-radius: 9999px !important;
    background: #e5e7eb !important;
    margin-top: 6px !important;
    overflow: hidden !important;
}
.quota-info .quota-bar .quota-bar__used,
.quota__bar .quota__bar-value {
    height: 100% !important;
    background: #679a41 !important;
    border-radius: 9999px !important;
    transition: width 0.4s ease !important;
}

/* ---- 2D. Unified focus ring system ---- */
body#body-user *:focus-visible,
body#body-settings *:focus-visible {
    outline: 2px solid #679a41 !important;
    outline-offset: 2px !important;
    border-radius: inherit;
}
body#body-user #app-navigation *:focus-visible {
    outline-offset: -2px !important;
}

/* ---- 2E. Typography and spacing tokens ---- */
:root,
[data-theme-light],
[data-theme-dark],
[data-theme-default] {
    --cs-font-sans: 'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --cs-font-mono: 'JetBrains Mono', ui-monospace, 'Cascadia Code', monospace;
    --cs-text-xs:   0.75rem;
    --cs-text-sm:   0.8125rem;
    --cs-text-base: 0.875rem;
    --cs-text-md:   0.9375rem;
    --cs-text-lg:   1.0625rem;
    --cs-text-xl:   1.25rem;
    --cs-text-2xl:  1.5rem;
    --cs-text-3xl:  1.875rem;
    --cs-leading-tight:   1.3;
    --cs-leading-normal:  1.5;
    --cs-leading-relaxed: 1.7;
    --cs-tracking-tight:  -0.01em;
    --cs-tracking-normal:  0;
    --cs-tracking-wide:    0.025em;
    --cs-space-1:  4px;
    --cs-space-2:  8px;
    --cs-space-3:  12px;
    --cs-space-4:  16px;
    --cs-space-5:  20px;
    --cs-space-6:  24px;
    --cs-space-8:  32px;
    --cs-space-10: 40px;
    --cs-space-12: 48px;
}

/* ---- 2F. File extension size reduction ---- */
body#body-user .files-list__row .files-list__row-name-ext {
    font-size: 0.8125rem !important;
    color: #9ca3af !important;
}

/* ---- 2G. Breadcrumb separator fix ---- */
body#body-user .vue-crumb__separator {
    color: #9ca3af !important;
}
/* ================================================================
   PHASE 3: Differentiators
   Added: 2026-03-02
   ================================================================ */

/* ---- 3A. Branded empty folder illustration ---- */
body#body-user .empty-content__icon {
    width: 120px !important;
    height: 100px !important;
    margin: 0 auto 16px !important;
}
body#body-user .empty-content__icon .folder-icon::before,
body#body-user .empty-content__icon .folder-open-icon::before {
    content: '' !important;
    display: block !important;
    width: 100px !important;
    height: 80px !important;
    background-image: url('../img/empty-folder.svg') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    font-size: 0 !important;
}
body#body-user .empty-content__icon .folder-icon > svg,
body#body-user .empty-content__icon .folder-open-icon > svg {
    display: none !important;
}

/* ---- 3B. Enhanced empty state messaging ---- */
body#body-user .empty-content__name {
    font-size: 1.25rem !important;
    font-weight: 600 !important;
    color: #293c51 !important;
    margin-bottom: 8px !important;
}
body#body-user .empty-content__description {
    font-size: 0.875rem !important;
    color: #6b7280 !important;
    max-width: 360px !important;
    margin: 0 auto !important;
    line-height: 1.6 !important;
}
body#body-user .empty-content__action .button-vue--vue-primary {
    background: #679a41 !important;
    border-color: #679a41 !important;
    border-radius: 24px !important;
    padding: 10px 24px !important;
    font-weight: 500 !important;
    margin-top: 16px !important;
}

/* ---- 3C. Card-style hover on file rows (subtle elevation) ---- */
body#body-user .files-list__row:hover {
    background: #f8faf6 !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;
    border-radius: 8px !important;
    position: relative !important;
    z-index: 1 !important;
}
body#body-user .files-list__row:hover td:first-child {
    border-radius: 8px 0 0 8px !important;
}
body#body-user .files-list__row:hover td:last-child {
    border-radius: 0 8px 8px 0 !important;
}

/* ---- 3D. Smooth page/view transitions ---- */
#app-content-vue {
    animation: cloudspace-fadeIn 0.2s ease-out !important;
}
@keyframes cloudspace-fadeIn {
    from { opacity: 0; transform: translateY(4px); }
    to   { opacity: 1; transform: translateY(0);   }
}

#app-sidebar-vue {
    animation: cloudspace-slideIn 0.25s ease-out !important;
}
@keyframes cloudspace-slideIn {
    from { opacity: 0; transform: translateX(20px); }
    to   { opacity: 1; transform: translateX(0);    }
}

.v-popper__popper {
    animation: cloudspace-popIn 0.15s ease-out !important;
}
@keyframes cloudspace-popIn {
    from { opacity: 0; transform: scale(0.95); }
    to   { opacity: 1; transform: scale(1);    }
}

@media (prefers-reduced-motion: reduce) {
    #app-content-vue,
    #app-sidebar-vue,
    .v-popper__popper {
        animation: none !important;
    }
}


/* ================================================================
   PHASE 1: CRITICAL FIXES + QUICK WINS
   Added: 2026-03-02
   ================================================================ */

/* --- 1A: Inter Font Face --- */
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url('fonts/inter-variable.woff2') format('woff2');
}

/* --- 1B: Typography Foundation --- */
body#body-user,
body#body-settings,
body#body-public {
	font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
	font-size: 0.875rem !important;
	line-height: 1.5 !important;
	-webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale !important;
	text-rendering: optimizeLegibility !important;
	letter-spacing: -0.006em !important;
}

/* Headings */
body#body-user h1,
body#body-settings h1 {
	font-family: 'Inter', ui-sans-serif, system-ui, sans-serif !important;
	font-weight: 700 !important;
	letter-spacing: -0.02em !important;
}
body#body-user h2,
body#body-settings h2 {
	font-family: 'Inter', ui-sans-serif, system-ui, sans-serif !important;
	font-weight: 600 !important;
	letter-spacing: -0.015em !important;
}
body#body-user h3,
body#body-user h4,
body#body-settings h3,
body#body-settings h4 {
	font-family: 'Inter', ui-sans-serif, system-ui, sans-serif !important;
	font-weight: 600 !important;
	letter-spacing: -0.01em !important;
}

/* Buttons, inputs, selects inherit Inter */
body#body-user button,
body#body-user input,
body#body-user select,
body#body-user textarea,
body#body-settings button,
body#body-settings input,
body#body-settings select,
body#body-settings textarea {
	font-family: 'Inter', ui-sans-serif, system-ui, sans-serif !important;
}

/* Navigation text */
body#body-user .app-navigation-entry__name,
body#body-user .app-navigation-entry-link__name {
	font-family: 'Inter', ui-sans-serif, system-ui, sans-serif !important;
	font-weight: 450 !important;
	letter-spacing: -0.006em !important;
}

/* File names in list */
body#body-user .files-list__row-name-text {
	font-family: 'Inter', ui-sans-serif, system-ui, sans-serif !important;
	font-weight: 450 !important;
}

/* --- 1C: File List Row Separators --- */
body#body-user .files-list__row {
	border-bottom: 1px solid #f3f4f6 !important;
}
body#body-user .files-list__row:last-child {
	border-bottom: none !important;
}
/* Grid view: no separators */
body#body-user .files-list--grid .files-list__row {
	border-bottom: none !important;
}

/* --- 1D: Fix Modal Header White-on-White --- */
/* Standard dialogs: dark text */
body#body-user .dialog__modal .modal-header,
body#body-user .dialog__modal .modal-header .modal-header__name {
	color: #293c51 !important;
}
/* Generic NC dialogs */
body#body-user .nc-generic-dialog .modal-header,
body#body-user .nc-generic-dialog .modal-header .modal-header__name {
	color: #293c51 !important;
}
/* Viewer/media modals keep white text */
body#body-user .modal-wrapper--large .modal-header,
body#body-user .modal-wrapper--large .modal-header .modal-header__name {
	color: #ffffff !important;
}
/* File picker dialog */
body#body-user .file-picker__modal .modal-header,
body#body-user .file-picker__modal .modal-header .modal-header__name {
	color: #293c51 !important;
}

/* --- 1E: Custom Scrollbars --- */
/* Webkit browsers */
body#body-user ::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}
body#body-user ::-webkit-scrollbar-track {
	background: transparent;
}
body#body-user ::-webkit-scrollbar-thumb {
	background: rgba(103, 154, 65, 0.2);
	border-radius: 9999px;
}
body#body-user ::-webkit-scrollbar-thumb:hover {
	background: rgba(103, 154, 65, 0.45);
}
body#body-user ::-webkit-scrollbar-corner {
	background: transparent;
}
/* Settings page scrollbars */
body#body-settings ::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}
body#body-settings ::-webkit-scrollbar-track {
	background: transparent;
}
body#body-settings ::-webkit-scrollbar-thumb {
	background: rgba(103, 154, 65, 0.2);
	border-radius: 9999px;
}
body#body-settings ::-webkit-scrollbar-thumb:hover {
	background: rgba(103, 154, 65, 0.45);
}
/* Firefox scrollbars */
body#body-user * {
	scrollbar-width: thin;
	scrollbar-color: rgba(103, 154, 65, 0.2) transparent;
}
body#body-settings * {
	scrollbar-width: thin;
	scrollbar-color: rgba(103, 154, 65, 0.2) transparent;
}

/* --- 1F: Fix font-display Conflict --- */
/* Override the duplicate @font-face at bottom of file: use swap instead of block */
@font-face {
	font-family: 'Material Symbols Rounded';
	font-style: normal;
	font-weight: 100 700;
	src: url('material-symbols/MaterialSymbolsRounded-full.woff2') format('woff2');
	font-display: swap;
}

/* --- 1G: Smoother Loading Spinner --- */
.loading-icon::before {
	animation: ms-spin 0.75s cubic-bezier(0.4, 0, 0.6, 1) infinite !important;
}

/* --- 1H: File Extension Visual Hierarchy --- */
body#body-user .files-list__row .files-list__row-name-ext {
	font-size: 0.8125rem !important;
	color: #9ca3af !important;
	font-weight: 400 !important;
}

/* --- 1I: Breadcrumb Separator Contrast Fix --- */
body#body-user .vue-crumb__separator {
	color: #9ca3af !important;
	opacity: 0.8 !important;
}
/* ================================================================
   PHASE 4: Advanced Polish
   Added: 2026-03-02
   ================================================================ */

/* ---- 4A. Modern toast notification styling ---- */
.toastify {
    background: #293c51 !important;
    color: #ffffff !important;
    border-radius: 12px !important;
    padding: 12px 20px !important;
    box-shadow: 0 8px 30px rgba(41,60,81,0.2) !important;
    font-size: 0.875rem !important;
    font-weight: 500 !important;
    min-height: unset !important;
    max-width: 400px !important;
}
.toastify.toastify-success {
    background: #679a41 !important;
}
.toastify.toastify-error,
.toast-error {
    background: #dc2626 !important;
}
.toastify.toastify-warning {
    background: #d97706 !important;
}
.toastify .toast-close {
    color: rgba(255,255,255,0.7) !important;
    opacity: 1 !important;
}
.toastify .toast-close:hover {
    color: #ffffff !important;
}

/* ---- 4B. Enhanced share dialog ---- */
body#body-user .sharing-entry {
    padding: 8px 12px !important;
    border-radius: 8px !important;
    margin: 2px 0 !important;
    transition: background 0.15s ease !important;
}
body#body-user .sharing-entry:hover {
    background: #f3f4f6 !important;
}
body#body-user .sharing-input .multiselect__tags {
    border-radius: 8px !important;
    border: 1.5px solid #d1d5db !important;
    padding: 8px 12px !important;
}
body#body-user .sharing-input .multiselect__tags:focus-within {
    border-color: #679a41 !important;
    box-shadow: 0 0 0 3px rgba(103,154,65,0.15) !important;
}

/* ---- 4C. Settings page improvements ---- */
body#body-settings #app-content .section {
    padding: 24px !important;
    margin-bottom: 8px !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    border: 1px solid #f3f4f6 !important;
}
body#body-settings #app-content .section h2 {
    font-size: 1.125rem !important;
    font-weight: 600 !important;
    color: #293c51 !important;
    margin-bottom: 16px !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid #f3f4f6 !important;
}

/* ---- 4D. First Run Wizard branding ---- */
#firstrunwizard .modal-wrapper .modal-container {
    border-radius: 16px !important;
    overflow: hidden !important;
}
#firstrunwizard .modal-wrapper .modal-container .first-run-wizard__header {
    background: linear-gradient(135deg, #293c51 0%, #3a5570 100%) !important;
    color: #ffffff !important;
    padding: 32px !important;
}
#firstrunwizard .modal-wrapper .modal-container .first-run-wizard__header h2 {
    color: #ffffff !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
}
#firstrunwizard .modal-wrapper .modal-container .first-run-wizard__content {
    padding: 32px !important;
}

/* Hide forgot password link */
body#body-login .login-form__forgot-password,
body#body-login a[href*="lostpassword"] {
	display: none !important;
}


/* ================================================================
   ACTIVE NAV: Force white icons (::before pseudo-elements)
   ================================================================ */
.app-navigation-entry.active .material-design-icon::before,
.app-navigation-entry[aria-current="page"] .material-design-icon::before,
.app-navigation-entry.active .app-navigation-entry-icon .material-design-icon::before,
.app-navigation-entry[aria-current="page"] .app-navigation-entry-icon .material-design-icon::before {
	color: #ffffff !important;
}

/* Active nav: folder icon mask-image — switch to white background */
.app-navigation-entry.active .folder-icon::before,
.app-navigation-entry[aria-current="page"] .folder-icon::before {
	background-color: #ffffff !important;
}

/* ================================================================
   PHASE 3 — Remaining MDI Icon Replacements (JS bundle icons)
   ================================================================ */

/* Block A: Hide inline SVGs */
.account-clock-outline-icon > svg,
.alarm-off-icon > svg,
.alert-circle-icon > svg,
.arrow-u-left-top-icon > svg,
.autorenew-icon > svg,
.calendar-clock-icon > svg,
.cloud-upload-icon > svg,
.cloud-upload-outline-icon > svg,
.comment-processing-icon > svg,
.crosshairs-icon > svg,
.file-document-icon > svg,
.file-pdf-box-icon > svg,
.file-presentation-box-icon > svg,
.file-table-box-icon > svg,
.file-upload-outline-icon > svg,
.folder-move-icon > svg,
.folder-move-outline-icon > svg,
.folder-multiple-icon > svg,
.folder-multiple-outline-icon > svg,
.folder-network-outline-icon > svg,
.folder-outline-icon > svg,
.folder-plus-outline-icon > svg,
.history-icon > svg,
.laptop-icon > svg,
.login-icon > svg,
.message-reply-text-icon > svg,
.movie-icon > svg,
.music-icon > svg,
.network-off-icon > svg,
.share-variant-icon > svg,
.tag-multiple-outline-icon > svg {
	display: none !important;
}

/* Block B: Shared ::before base */
.account-clock-outline-icon::before,
.alarm-off-icon::before,
.alert-circle-icon::before,
.arrow-u-left-top-icon::before,
.autorenew-icon::before,
.calendar-clock-icon::before,
.cloud-upload-icon::before,
.cloud-upload-outline-icon::before,
.comment-processing-icon::before,
.crosshairs-icon::before,
.file-document-icon::before,
.file-pdf-box-icon::before,
.file-presentation-box-icon::before,
.file-table-box-icon::before,
.file-upload-outline-icon::before,
.folder-move-icon::before,
.folder-move-outline-icon::before,
.folder-multiple-icon::before,
.folder-multiple-outline-icon::before,
.folder-network-outline-icon::before,
.folder-outline-icon::before,
.folder-plus-outline-icon::before,
.history-icon::before,
.laptop-icon::before,
.login-icon::before,
.message-reply-text-icon::before,
.movie-icon::before,
.music-icon::before,
.network-off-icon::before,
.share-variant-icon::before,
.tag-multiple-outline-icon::before {
	font-family: 'Material Symbols Rounded';
	font-weight: 400;
	font-style: normal;
	font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
	font-size: 20px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	color: inherit;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	text-align: center;
	overflow: hidden;
}

/* Block C: Individual content mappings */
.account-clock-outline-icon::before        { content: 'schedule'; }
.alarm-off-icon::before                    { content: 'alarm_off'; }
.alert-circle-icon::before                 { content: 'error'; }
.arrow-u-left-top-icon::before             { content: 'undo'; }
.autorenew-icon::before                    { content: 'autorenew'; }
.calendar-clock-icon::before               { content: 'event_upcoming'; }
.cloud-upload-icon::before                 { content: 'cloud_upload'; }
.cloud-upload-outline-icon::before         { content: 'cloud_upload'; }
.comment-processing-icon::before           { content: 'chat'; }
.crosshairs-icon::before                   { content: 'my_location'; }
.file-document-icon::before                { content: 'article'; }
.file-pdf-box-icon::before                 { content: 'picture_as_pdf'; }
.file-presentation-box-icon::before        { content: 'slideshow'; }
.file-table-box-icon::before               { content: 'table_chart'; }
.file-upload-outline-icon::before          { content: 'upload_file'; }
.folder-move-icon::before                  { content: 'drive_file_move'; }
.folder-move-outline-icon::before          { content: 'drive_file_move'; }
.folder-multiple-icon::before              { content: 'folder_copy'; }
.folder-multiple-outline-icon::before      { content: 'folder_copy'; }
.folder-network-outline-icon::before       { content: 'folder_shared'; }
.folder-outline-icon::before               { content: 'folder'; }
.folder-plus-outline-icon::before          { content: 'create_new_folder'; }
.history-icon::before                      { content: 'history'; }
.laptop-icon::before                       { content: 'laptop'; }
.login-icon::before                        { content: 'login'; }
.message-reply-text-icon::before           { content: 'reply'; }
.movie-icon::before                        { content: 'movie'; }
.music-icon::before                        { content: 'music_note'; }
.network-off-icon::before                  { content: 'cloud_off'; }
.share-variant-icon::before                { content: 'share'; }
.tag-multiple-outline-icon::before         { content: 'label'; }

/* ================================================================
   PHASE 5 — CSS Variable Icon Overrides (Material Symbols Rounded)
   Auto-generated — replaces all 224 --icon-* variables from dist/icons.css
   ================================================================ */
:root {
  --icon-add-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik00NDAtNDQwSDI0MHEtMTcgMC0yOC41LTExLjVUMjAwLTQ4MHEwLTE3IDExLjUtMjguNVQyNDAtNTIwaDIwMHYtMjAwcTAtMTcgMTEuNS0yOC41VDQ4MC03NjBxMTcgMCAyOC41IDExLjVUNTIwLTcyMHYyMDBoMjAwcTE3IDAgMjguNSAxMS41VDc2MC00ODBxMCAxNy0xMS41IDI4LjVUNzIwLTQ0MEg1MjB2MjAwcTAgMTctMTEuNSAyOC41VDQ4MC0yMDBxLTE3IDAtMjguNS0xMS41VDQ0MC0yNDB2LTIwMFoiLz48L3N2Zz4=");
  --icon-add-folder-description-grey: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiM5YWEwYTYiIGQ9Ik0yMDAtNDAwcS0xNyAwLTI4LjUtMTEuNVQxNjAtNDQwcTAtMTcgMTEuNS0yOC41VDIwMC00ODBoMjAwcTE3IDAgMjguNSAxMS41VDQ0MC00NDBxMCAxNy0xMS41IDI4LjVUNDAwLTQwMEgyMDBabTAtMTYwcS0xNyAwLTI4LjUtMTEuNVQxNjAtNjAwcTAtMTcgMTEuNS0yOC41VDIwMC02NDBoMzYwcTE3IDAgMjguNSAxMS41VDYwMC02MDBxMCAxNy0xMS41IDI4LjVUNTYwLTU2MEgyMDBabTAtMTYwcS0xNyAwLTI4LjUtMTEuNVQxNjAtNzYwcTAtMTcgMTEuNS0yOC41VDIwMC04MDBoMzYwcTE3IDAgMjguNSAxMS41VDYwMC03NjBxMCAxNy0xMS41IDI4LjVUNTYwLTcyMEgyMDBabTMyMCA1MjB2LTY2cTAtOCAzLTE1LjV0OS0xMy41bDIwOS0yMDhxOS05IDIwLTEzdDIyLTRxMTIgMCAyMyA0LjV0MjAgMTMuNWwzNyAzN3E4IDkgMTIuNSAyMHQ0LjUgMjJxMCAxMS00IDIyLjVUODYzLTM4MEw2NTUtMTcycS02IDYtMTMuNSA5dC0xNS41IDNoLTY2cS0xNyAwLTI4LjUtMTEuNVQ1MjAtMjAwWm0zMDAtMjIzLTM3LTM3IDM3IDM3Wk01ODAtMjIwaDM4bDEyMS0xMjItMTgtMTktMTktMTgtMTIyIDEyMXYzOFptMTQxLTE0MS0xOS0xOCAzNyAzNy0xOC0xOVoiLz48L3N2Zz4=");
  --icon-address-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik00ODAtMTg2cTEyMi0xMTIgMTgxLTIwMy41VDcyMC01NTJxMC0xMDktNjkuNS0xNzguNVQ0ODAtODAwcS0xMDEgMC0xNzAuNSA2OS41VDI0MC01NTJxMCA3MSA1OSAxNjIuNVQ0ODAtMTg2Wm0tMjggNzRxLTE0LTUtMjUtMTUtNjUtNjAtMTE1LTExN3QtODMuNS0xMTAuNXEtMzMuNS01My41LTUxLTEwM1QxNjAtNTUycTAtMTUwIDk2LjUtMjM5VDQ4MC04ODBxMTI3IDAgMjIzLjUgODlUODAwLTU1MnEwIDQ1LTE3LjUgOTQuNXQtNTEgMTAzUTY5OC0zMDEgNjQ4LTI0NFQ1MzMtMTI3cS0xMSAxMC0yNSAxNXQtMjggNXEtMTQgMC0yOC01Wm0yOC00NDhabTU2LjUgNTYuNVE1NjAtNTI3IDU2MC01NjB0LTIzLjUtNTYuNVE1MTMtNjQwIDQ4MC02NDB0LTU2LjUgMjMuNVE0MDAtNTkzIDQwMC01NjB0MjMuNSA1Ni41UTQ0Ny00ODAgNDgwLTQ4MHQ1Ni41LTIzLjVaIi8+PC9zdmc+");
  --icon-address-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik00ODAtMTg2cTEyMi0xMTIgMTgxLTIwMy41VDcyMC01NTJxMC0xMDktNjkuNS0xNzguNVQ0ODAtODAwcS0xMDEgMC0xNzAuNSA2OS41VDI0MC01NTJxMCA3MSA1OSAxNjIuNVQ0ODAtMTg2Wm0tMjggNzRxLTE0LTUtMjUtMTUtNjUtNjAtMTE1LTExN3QtODMuNS0xMTAuNXEtMzMuNS01My41LTUxLTEwM1QxNjAtNTUycTAtMTUwIDk2LjUtMjM5VDQ4MC04ODBxMTI3IDAgMjIzLjUgODlUODAwLTU1MnEwIDQ1LTE3LjUgOTQuNXQtNTEgMTAzUTY5OC0zMDEgNjQ4LTI0NFQ1MzMtMTI3cS0xMSAxMC0yNSAxNXQtMjggNXEtMTQgMC0yOC01Wm0yOC00NDhabTU2LjUgNTYuNVE1NjAtNTI3IDU2MC01NjB0LTIzLjUtNTYuNVE1MTMtNjQwIDQ4MC02NDB0LTU2LjUgMjMuNVE0MDAtNTkzIDQwMC01NjB0MjMuNSA1Ni41UTQ0Ny00ODAgNDgwLTQ4MHQ1Ni41LTIzLjVaIi8+PC9zdmc+");
  --icon-add-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik00NDAtNDQwSDI0MHEtMTcgMC0yOC41LTExLjVUMjAwLTQ4MHEwLTE3IDExLjUtMjguNVQyNDAtNTIwaDIwMHYtMjAwcTAtMTcgMTEuNS0yOC41VDQ4MC03NjBxMTcgMCAyOC41IDExLjVUNTIwLTcyMHYyMDBoMjAwcTE3IDAgMjguNSAxMS41VDc2MC00ODBxMCAxNy0xMS41IDI4LjVUNzIwLTQ0MEg1MjB2MjAwcTAgMTctMTEuNSAyOC41VDQ4MC0yMDBxLTE3IDAtMjguNS0xMS41VDQ0MC0yNDB2LTIwMFoiLz48L3N2Zz4=");
  --icon-alert-outline-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik0xMDktMTIwcS0xMSAwLTIwLTUuNVQ3NS0xNDBxLTUtOS01LjUtMTkuNVQ3NS0xODBsMzcwLTY0MHE2LTEwIDE1LjUtMTV0MTkuNS01cTEwIDAgMTkuNSA1dDE1LjUgMTVsMzcwIDY0MHE2IDEwIDUuNSAyMC41VDg4NS0xNDBxLTUgOS0xNCAxNC41dC0yMCA1LjVIMTA5Wm02OS04MGg2MDRMNDgwLTcyMCAxNzgtMjAwWm0zMzAuNS01MS41UTUyMC0yNjMgNTIwLTI4MHQtMTEuNS0yOC41UTQ5Ny0zMjAgNDgwLTMyMHQtMjguNSAxMS41UTQ0MC0yOTcgNDQwLTI4MHQxMS41IDI4LjVRNDYzLTI0MCA0ODAtMjQwdDI4LjUtMTEuNVptMC0xMjBRNTIwLTM4MyA1MjAtNDAwdi0xMjBxMC0xNy0xMS41LTI4LjVUNDgwLTU2MHEtMTcgMC0yOC41IDExLjVUNDQwLTUyMHYxMjBxMCAxNyAxMS41IDI4LjVUNDgwLTM2MHExNyAwIDI4LjUtMTEuNVpNNDgwLTQ2MFoiLz48L3N2Zz4=");
  --icon-alert-outline-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0xMDktMTIwcS0xMSAwLTIwLTUuNVQ3NS0xNDBxLTUtOS01LjUtMTkuNVQ3NS0xODBsMzcwLTY0MHE2LTEwIDE1LjUtMTV0MTkuNS01cTEwIDAgMTkuNSA1dDE1LjUgMTVsMzcwIDY0MHE2IDEwIDUuNSAyMC41VDg4NS0xNDBxLTUgOS0xNCAxNC41dC0yMCA1LjVIMTA5Wm02OS04MGg2MDRMNDgwLTcyMCAxNzgtMjAwWm0zMzAuNS01MS41UTUyMC0yNjMgNTIwLTI4MHQtMTEuNS0yOC41UTQ5Ny0zMjAgNDgwLTMyMHQtMjguNSAxMS41UTQ0MC0yOTcgNDQwLTI4MHQxMS41IDI4LjVRNDYzLTI0MCA0ODAtMjQwdDI4LjUtMTEuNVptMC0xMjBRNTIwLTM4MyA1MjAtNDAwdi0xMjBxMC0xNy0xMS41LTI4LjVUNDgwLTU2MHEtMTcgMC0yOC41IDExLjVUNDQwLTUyMHYxMjBxMCAxNyAxMS41IDI4LjVUNDgwLTM2MHExNyAwIDI4LjUtMTEuNVpNNDgwLTQ2MFoiLz48L3N2Zz4=");
  --icon-audio-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik0zOTUtNDM1cS0zNS0zNS0zNS04NXYtMjQwcTAtNTAgMzUtODV0ODUtMzVxNTAgMCA4NSAzNXQzNSA4NXYyNDBxMCA1MC0zNSA4NXQtODUgMzVxLTUwIDAtODUtMzVabTg1LTIwNVptLTQwIDQ4MHYtODNxLTkyLTEzLTE1Ny41LTc4VDIwMy00NzlxLTItMTcgOS0yOXQyOC0xMnExNyAwIDI4LjUgMTEuNVQyODQtNDgwcTE0IDcwIDY5LjUgMTE1VDQ4MC0zMjBxNzIgMCAxMjctNDUuNVQ2NzYtNDgwcTQtMTcgMTUuNS0yOC41VDcyMC01MjBxMTcgMCAyOCAxMnQ5IDI5cS0xNCA5MS03OSAxNTd0LTE1OCA3OXY4M3EwIDE3LTExLjUgMjguNVQ0ODAtMTIwcS0xNyAwLTI4LjUtMTEuNVQ0NDAtMTYwWm02OC41LTMzMS41UTUyMC01MDMgNTIwLTUyMHYtMjQwcTAtMTctMTEuNS0yOC41VDQ4MC04MDBxLTE3IDAtMjguNSAxMS41VDQ0MC03NjB2MjQwcTAgMTcgMTEuNSAyOC41VDQ4MC00ODBxMTcgMCAyOC41LTExLjVaIi8+PC9zdmc+");
  --icon-audio-off-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik02NzItMzc3cS0xNC04LTE4LTI0LjV0NC0zMC41cTctMTEgMTEuNS0yMy41VDY3Ni00ODFxNC0xNyAxNS41LTI4dDI4LjUtMTFxMTcgMCAyOCAxMnQ5IDI5cS0zIDIzLTEwLjUgNDVUNzI3LTM5MnEtOCAxNC0yNC41IDE4LjVUNjcyLTM3N1pNNDgwLTU5NFptMC0yODZxNTAgMCA4NSAzNXQzNSA4NXYxOTBxMCAyMC0xMi41IDMwVDU2MC01MzBxLTE1IDAtMjcuNS0xMC41VDUyMC01NzF2LTE4OXEwLTE3LTExLjUtMjguNVQ0ODAtODAwcS0xNyAwLTI4LjUgMTEuNVQ0NDAtNzYwdjMwcTAgMjAtMTIuNSAzMFQ0MDAtNjkwcS0xNSAwLTI3LjUtMTAuNVQzNjAtNzMxdi0yOXEwLTUwIDM1LTg1dDg1LTM1Wm0tNDAgNzIwdi04M3EtOTItMTItMTU3LjUtNzcuNVQyMDMtNDc5cS0yLTE3IDktMjl0MjgtMTJxMTcgMCAyOSAxMS41dDE1IDI4LjVxMTQgNzEgNjkgMTE1LjVUNDgwLTMyMHEzNCAwIDY0LjUtMTAuNVQ2MDAtMzYwbDU3IDU3cS0yOSAyMy02My41IDM5VDUyMC0yNDN2ODNxMCAxNy0xMS41IDI4LjVUNDgwLTEyMHEtMTcgMC0yOC41LTExLjVUNDQwLTE2MFptMzI0IDc2TDg0LTc2NHEtMTEtMTEtMTEtMjh0MTEtMjhxMTEtMTEgMjgtMTF0MjggMTFsNjgwIDY4MHExMSAxMSAxMSAyOHQtMTEgMjhxLTExIDExLTI4IDExdC0yOC0xMVoiLz48L3N2Zz4=");
  --icon-audio-off-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik02NzItMzc3cS0xNC04LTE4LTI0LjV0NC0zMC41cTctMTEgMTEuNS0yMy41VDY3Ni00ODFxNC0xNyAxNS41LTI4dDI4LjUtMTFxMTcgMCAyOCAxMnQ5IDI5cS0zIDIzLTEwLjUgNDVUNzI3LTM5MnEtOCAxNC0yNC41IDE4LjVUNjcyLTM3N1pNNDgwLTU5NFptMC0yODZxNTAgMCA4NSAzNXQzNSA4NXYxOTBxMCAyMC0xMi41IDMwVDU2MC01MzBxLTE1IDAtMjcuNS0xMC41VDUyMC01NzF2LTE4OXEwLTE3LTExLjUtMjguNVQ0ODAtODAwcS0xNyAwLTI4LjUgMTEuNVQ0NDAtNzYwdjMwcTAgMjAtMTIuNSAzMFQ0MDAtNjkwcS0xNSAwLTI3LjUtMTAuNVQzNjAtNzMxdi0yOXEwLTUwIDM1LTg1dDg1LTM1Wm0tNDAgNzIwdi04M3EtOTItMTItMTU3LjUtNzcuNVQyMDMtNDc5cS0yLTE3IDktMjl0MjgtMTJxMTcgMCAyOSAxMS41dDE1IDI4LjVxMTQgNzEgNjkgMTE1LjVUNDgwLTMyMHEzNCAwIDY0LjUtMTAuNVQ2MDAtMzYwbDU3IDU3cS0yOSAyMy02My41IDM5VDUyMC0yNDN2ODNxMCAxNy0xMS41IDI4LjVUNDgwLTEyMHEtMTcgMC0yOC41LTExLjVUNDQwLTE2MFptMzI0IDc2TDg0LTc2NHEtMTEtMTEtMTEtMjh0MTEtMjhxMTEtMTEgMjgtMTF0MjggMTFsNjgwIDY4MHExMSAxMSAxMSAyOHQtMTEgMjhxLTExIDExLTI4IDExdC0yOC0xMVoiLz48L3N2Zz4=");
  --icon-audio-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0zOTUtNDM1cS0zNS0zNS0zNS04NXYtMjQwcTAtNTAgMzUtODV0ODUtMzVxNTAgMCA4NSAzNXQzNSA4NXYyNDBxMCA1MC0zNSA4NXQtODUgMzVxLTUwIDAtODUtMzVabTg1LTIwNVptLTQwIDQ4MHYtODNxLTkyLTEzLTE1Ny41LTc4VDIwMy00NzlxLTItMTcgOS0yOXQyOC0xMnExNyAwIDI4LjUgMTEuNVQyODQtNDgwcTE0IDcwIDY5LjUgMTE1VDQ4MC0zMjBxNzIgMCAxMjctNDUuNVQ2NzYtNDgwcTQtMTcgMTUuNS0yOC41VDcyMC01MjBxMTcgMCAyOCAxMnQ5IDI5cS0xNCA5MS03OSAxNTd0LTE1OCA3OXY4M3EwIDE3LTExLjUgMjguNVQ0ODAtMTIwcS0xNyAwLTI4LjUtMTEuNVQ0NDAtMTYwWm02OC41LTMzMS41UTUyMC01MDMgNTIwLTUyMHYtMjQwcTAtMTctMTEuNS0yOC41VDQ4MC04MDBxLTE3IDAtMjguNSAxMS41VDQ0MC03NjB2MjQwcTAgMTcgMTEuNSAyOC41VDQ4MC00ODBxMTcgMCAyOC41LTExLjVaIi8+PC9zdmc+");
  --icon-calendar-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik0yMDAtODBxLTMzIDAtNTYuNS0yMy41VDEyMC0xNjB2LTU2MHEwLTMzIDIzLjUtNTYuNVQyMDAtODAwaDQwdi00MHEwLTE3IDExLjUtMjguNVQyODAtODgwcTE3IDAgMjguNSAxMS41VDMyMC04NDB2NDBoMzIwdi00MHEwLTE3IDExLjUtMjguNVQ2ODAtODgwcTE3IDAgMjguNSAxMS41VDcyMC04NDB2NDBoNDBxMzMgMCA1Ni41IDIzLjVUODQwLTcyMHY1NjBxMCAzMy0yMy41IDU2LjVUNzYwLTgwSDIwMFptMC04MGg1NjB2LTQwMEgyMDB2NDAwWm0wLTQ4MGg1NjB2LTgwSDIwMHY4MFptMCAwdi04MCA4MFoiLz48L3N2Zz4=");
  --icon-calendar-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0yMDAtODBxLTMzIDAtNTYuNS0yMy41VDEyMC0xNjB2LTU2MHEwLTMzIDIzLjUtNTYuNVQyMDAtODAwaDQwdi00MHEwLTE3IDExLjUtMjguNVQyODAtODgwcTE3IDAgMjguNSAxMS41VDMyMC04NDB2NDBoMzIwdi00MHEwLTE3IDExLjUtMjguNVQ2ODAtODgwcTE3IDAgMjguNSAxMS41VDcyMC04NDB2NDBoNDBxMzMgMCA1Ni41IDIzLjVUODQwLTcyMHY1NjBxMCAzMy0yMy41IDU2LjVUNzYwLTgwSDIwMFptMC04MGg1NjB2LTQwMEgyMDB2NDAwWm0wLTQ4MGg1NjB2LTgwSDIwMHY4MFptMCAwdi04MCA4MFoiLz48L3N2Zz4=");
  --icon-caret-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik00NjUtMzY0LjVxLTctMi41LTEzLTguNUwyNjgtNTU3cS0xMS0xMS0xMS0yOHQxMS0yOHExMS0xMSAyOC0xMXQyOCAxMWwxNTYgMTU2IDE1Ni0xNTZxMTEtMTEgMjgtMTF0MjggMTFxMTEgMTEgMTEgMjh0LTExIDI4TDUwOC0zNzNxLTYgNi0xMyA4LjV0LTE1IDIuNXEtOCAwLTE1LTIuNVoiLz48L3N2Zz4=");
  --icon-caret-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik00NjUtMzY0LjVxLTctMi41LTEzLTguNUwyNjgtNTU3cS0xMS0xMS0xMS0yOHQxMS0yOHExMS0xMSAyOC0xMXQyOCAxMWwxNTYgMTU2IDE1Ni0xNTZxMTEtMTEgMjgtMTF0MjggMTFxMTEgMTEgMTEgMjh0LTExIDI4TDUwOC0zNzNxLTYgNi0xMyA4LjV0LTE1IDIuNXEtOCAwLTE1LTIuNVoiLz48L3N2Zz4=");
  --icon-category-app-bundles-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik0xODMuNS0xODMuNVExNjAtMjA3IDE2MC0yNDB0MjMuNS01Ni41UTIwNy0zMjAgMjQwLTMyMHQ1Ni41IDIzLjVRMzIwLTI3MyAzMjAtMjQwdC0yMy41IDU2LjVRMjczLTE2MCAyNDAtMTYwdC01Ni41LTIzLjVabTI0MCAwUTQwMC0yMDcgNDAwLTI0MHQyMy41LTU2LjVRNDQ3LTMyMCA0ODAtMzIwdDU2LjUgMjMuNVE1NjAtMjczIDU2MC0yNDB0LTIzLjUgNTYuNVE1MTMtMTYwIDQ4MC0xNjB0LTU2LjUtMjMuNVptMjQwIDBRNjQwLTIwNyA2NDAtMjQwdDIzLjUtNTYuNVE2ODctMzIwIDcyMC0zMjB0NTYuNSAyMy41UTgwMC0yNzMgODAwLTI0MHQtMjMuNSA1Ni41UTc1My0xNjAgNzIwLTE2MHQtNTYuNS0yMy41Wm0tNDgwLTI0MFExNjAtNDQ3IDE2MC00ODB0MjMuNS01Ni41UTIwNy01NjAgMjQwLTU2MHQ1Ni41IDIzLjVRMzIwLTUxMyAzMjAtNDgwdC0yMy41IDU2LjVRMjczLTQwMCAyNDAtNDAwdC01Ni41LTIzLjVabTI0MCAwUTQwMC00NDcgNDAwLTQ4MHQyMy41LTU2LjVRNDQ3LTU2MCA0ODAtNTYwdDU2LjUgMjMuNVE1NjAtNTEzIDU2MC00ODB0LTIzLjUgNTYuNVE1MTMtNDAwIDQ4MC00MDB0LTU2LjUtMjMuNVptMjQwIDBRNjQwLTQ0NyA2NDAtNDgwdDIzLjUtNTYuNVE2ODctNTYwIDcyMC01NjB0NTYuNSAyMy41UTgwMC01MTMgODAwLTQ4MHQtMjMuNSA1Ni41UTc1My00MDAgNzIwLTQwMHQtNTYuNS0yMy41Wm0tNDgwLTI0MFExNjAtNjg3IDE2MC03MjB0MjMuNS01Ni41UTIwNy04MDAgMjQwLTgwMHQ1Ni41IDIzLjVRMzIwLTc1MyAzMjAtNzIwdC0yMy41IDU2LjVRMjczLTY0MCAyNDAtNjQwdC01Ni41LTIzLjVabTI0MCAwUTQwMC02ODcgNDAwLTcyMHQyMy41LTU2LjVRNDQ3LTgwMCA0ODAtODAwdDU2LjUgMjMuNVE1NjAtNzUzIDU2MC03MjB0LTIzLjUgNTYuNVE1MTMtNjQwIDQ4MC02NDB0LTU2LjUtMjMuNVptMjQwIDBRNjQwLTY4NyA2NDAtNzIwdDIzLjUtNTYuNVE2ODctODAwIDcyMC04MDB0NTYuNSAyMy41UTgwMC03NTMgODAwLTcyMHQtMjMuNSA1Ni41UTc1My02NDAgNzIwLTY0MHQtNTYuNS0yMy41WiIvPjwvc3ZnPg==");
  --icon-category-app-bundles-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0xODMuNS0xODMuNVExNjAtMjA3IDE2MC0yNDB0MjMuNS01Ni41UTIwNy0zMjAgMjQwLTMyMHQ1Ni41IDIzLjVRMzIwLTI3MyAzMjAtMjQwdC0yMy41IDU2LjVRMjczLTE2MCAyNDAtMTYwdC01Ni41LTIzLjVabTI0MCAwUTQwMC0yMDcgNDAwLTI0MHQyMy41LTU2LjVRNDQ3LTMyMCA0ODAtMzIwdDU2LjUgMjMuNVE1NjAtMjczIDU2MC0yNDB0LTIzLjUgNTYuNVE1MTMtMTYwIDQ4MC0xNjB0LTU2LjUtMjMuNVptMjQwIDBRNjQwLTIwNyA2NDAtMjQwdDIzLjUtNTYuNVE2ODctMzIwIDcyMC0zMjB0NTYuNSAyMy41UTgwMC0yNzMgODAwLTI0MHQtMjMuNSA1Ni41UTc1My0xNjAgNzIwLTE2MHQtNTYuNS0yMy41Wm0tNDgwLTI0MFExNjAtNDQ3IDE2MC00ODB0MjMuNS01Ni41UTIwNy01NjAgMjQwLTU2MHQ1Ni41IDIzLjVRMzIwLTUxMyAzMjAtNDgwdC0yMy41IDU2LjVRMjczLTQwMCAyNDAtNDAwdC01Ni41LTIzLjVabTI0MCAwUTQwMC00NDcgNDAwLTQ4MHQyMy41LTU2LjVRNDQ3LTU2MCA0ODAtNTYwdDU2LjUgMjMuNVE1NjAtNTEzIDU2MC00ODB0LTIzLjUgNTYuNVE1MTMtNDAwIDQ4MC00MDB0LTU2LjUtMjMuNVptMjQwIDBRNjQwLTQ0NyA2NDAtNDgwdDIzLjUtNTYuNVE2ODctNTYwIDcyMC01NjB0NTYuNSAyMy41UTgwMC01MTMgODAwLTQ4MHQtMjMuNSA1Ni41UTc1My00MDAgNzIwLTQwMHQtNTYuNS0yMy41Wm0tNDgwLTI0MFExNjAtNjg3IDE2MC03MjB0MjMuNS01Ni41UTIwNy04MDAgMjQwLTgwMHQ1Ni41IDIzLjVRMzIwLTc1MyAzMjAtNzIwdC0yMy41IDU2LjVRMjczLTY0MCAyNDAtNjQwdC01Ni41LTIzLjVabTI0MCAwUTQwMC02ODcgNDAwLTcyMHQyMy41LTU2LjVRNDQ3LTgwMCA0ODAtODAwdDU2LjUgMjMuNVE1NjAtNzUzIDU2MC03MjB0LTIzLjUgNTYuNVE1MTMtNjQwIDQ4MC02NDB0LTU2LjUtMjMuNVptMjQwIDBRNjQwLTY4NyA2NDAtNzIwdDIzLjUtNTYuNVE2ODctODAwIDcyMC04MDB0NTYuNSAyMy41UTgwMC03NTMgODAwLTcyMHQtMjMuNSA1Ni41UTc1My02NDAgNzIwLTY0MHQtNTYuNS0yMy41WiIvPjwvc3ZnPg==");
  --icon-category-auth-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik0yNDAtODBxLTMzIDAtNTYuNS0yMy41VDE2MC0xNjB2LTQwMHEwLTMzIDIzLjUtNTYuNVQyNDAtNjQwaDQwdi04MHEwLTgzIDU4LjUtMTQxLjVUNDgwLTkyMHE4MyAwIDE0MS41IDU4LjVUNjgwLTcyMHY4MGg0MHEzMyAwIDU2LjUgMjMuNVQ4MDAtNTYwdjQwMHEwIDMzLTIzLjUgNTYuNVQ3MjAtODBIMjQwWm0wLTgwaDQ4MHYtNDAwSDI0MHY0MDBabTI5Ni41LTE0My41UTU2MC0zMjcgNTYwLTM2MHQtMjMuNS01Ni41UTUxMy00NDAgNDgwLTQ0MHQtNTYuNSAyMy41UTQwMC0zOTMgNDAwLTM2MHQyMy41IDU2LjVRNDQ3LTI4MCA0ODAtMjgwdDU2LjUtMjMuNVpNMzYwLTY0MGgyNDB2LTgwcTAtNTAtMzUtODV0LTg1LTM1cS01MCAwLTg1IDM1dC0zNSA4NXY4MFpNMjQwLTE2MHYtNDAwIDQwMFoiLz48L3N2Zz4=");
  --icon-category-auth-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0yNDAtODBxLTMzIDAtNTYuNS0yMy41VDE2MC0xNjB2LTQwMHEwLTMzIDIzLjUtNTYuNVQyNDAtNjQwaDQwdi04MHEwLTgzIDU4LjUtMTQxLjVUNDgwLTkyMHE4MyAwIDE0MS41IDU4LjVUNjgwLTcyMHY4MGg0MHEzMyAwIDU2LjUgMjMuNVQ4MDAtNTYwdjQwMHEwIDMzLTIzLjUgNTYuNVQ3MjAtODBIMjQwWm0wLTgwaDQ4MHYtNDAwSDI0MHY0MDBabTI5Ni41LTE0My41UTU2MC0zMjcgNTYwLTM2MHQtMjMuNS01Ni41UTUxMy00NDAgNDgwLTQ0MHQtNTYuNSAyMy41UTQwMC0zOTMgNDAwLTM2MHQyMy41IDU2LjVRNDQ3LTI4MCA0ODAtMjgwdDU2LjUtMjMuNVpNMzYwLTY0MGgyNDB2LTgwcTAtNTAtMzUtODV0LTg1LTM1cS01MCAwLTg1IDM1dC0zNSA4NXY4MFpNMjQwLTE2MHYtNDAwIDQwMFoiLz48L3N2Zz4=");
  --icon-category-customization-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik00ODAtODBxLTgyIDAtMTU1LTMxLjV0LTEyNy41LTg2UTE0My0yNTIgMTExLjUtMzI1VDgwLTQ4MHEwLTgzIDMyLjUtMTU2dDg4LTEyN1EyNTYtODE3IDMzMC04NDguNVQ0ODgtODgwcTgwIDAgMTUxIDI3LjV0MTI0LjUgNzZxNTMuNSA0OC41IDg1IDExNVQ4ODAtNTE4cTAgMTE1LTcwIDE3Ni41VDY0MC0yODBoLTc0cS05IDAtMTIuNSA1dC0zLjUgMTFxMCAxMiAxNSAzNC41dDE1IDUxLjVxMCA1MC0yNy41IDc0VDQ4MC04MFptMC00MDBabS0xNzcgMjNxMTctMTcgMTctNDN0LTE3LTQzcS0xNy0xNy00My0xN3QtNDMgMTdxLTE3IDE3LTE3IDQzdDE3IDQzcTE3IDE3IDQzIDE3dDQzLTE3Wm0xMjAtMTYwcTE3LTE3IDE3LTQzdC0xNy00M3EtMTctMTctNDMtMTd0LTQzIDE3cS0xNyAxNy0xNyA0M3QxNyA0M3ExNyAxNyA0MyAxN3Q0My0xN1ptMjAwIDBxMTctMTcgMTctNDN0LTE3LTQzcS0xNy0xNy00My0xN3QtNDMgMTdxLTE3IDE3LTE3IDQzdDE3IDQzcTE3IDE3IDQzIDE3dDQzLTE3Wm0xMjAgMTYwcTE3LTE3IDE3LTQzdC0xNy00M3EtMTctMTctNDMtMTd0LTQzIDE3cS0xNyAxNy0xNyA0M3QxNyA0M3ExNyAxNyA0MyAxN3Q0My0xN1pNNDgwLTE2MHE5IDAgMTQuNS01dDUuNS0xM3EwLTE0LTE1LTMzdC0xNS01N3EwLTQyIDI5LTY3dDcxLTI1aDcwcTY2IDAgMTEzLTM4LjVUODAwLTUxOHEwLTEyMS05Mi41LTIwMS41VDQ4OC04MDBxLTEzNiAwLTIzMiA5M3QtOTYgMjI3cTAgMTMzIDkzLjUgMjI2LjVUNDgwLTE2MFoiLz48L3N2Zz4=");
  --icon-category-customization-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik00ODAtODBxLTgyIDAtMTU1LTMxLjV0LTEyNy41LTg2UTE0My0yNTIgMTExLjUtMzI1VDgwLTQ4MHEwLTgzIDMyLjUtMTU2dDg4LTEyN1EyNTYtODE3IDMzMC04NDguNVQ0ODgtODgwcTgwIDAgMTUxIDI3LjV0MTI0LjUgNzZxNTMuNSA0OC41IDg1IDExNVQ4ODAtNTE4cTAgMTE1LTcwIDE3Ni41VDY0MC0yODBoLTc0cS05IDAtMTIuNSA1dC0zLjUgMTFxMCAxMiAxNSAzNC41dDE1IDUxLjVxMCA1MC0yNy41IDc0VDQ4MC04MFptMC00MDBabS0xNzcgMjNxMTctMTcgMTctNDN0LTE3LTQzcS0xNy0xNy00My0xN3QtNDMgMTdxLTE3IDE3LTE3IDQzdDE3IDQzcTE3IDE3IDQzIDE3dDQzLTE3Wm0xMjAtMTYwcTE3LTE3IDE3LTQzdC0xNy00M3EtMTctMTctNDMtMTd0LTQzIDE3cS0xNyAxNy0xNyA0M3QxNyA0M3ExNyAxNyA0MyAxN3Q0My0xN1ptMjAwIDBxMTctMTcgMTctNDN0LTE3LTQzcS0xNy0xNy00My0xN3QtNDMgMTdxLTE3IDE3LTE3IDQzdDE3IDQzcTE3IDE3IDQzIDE3dDQzLTE3Wm0xMjAgMTYwcTE3LTE3IDE3LTQzdC0xNy00M3EtMTctMTctNDMtMTd0LTQzIDE3cS0xNyAxNy0xNyA0M3QxNyA0M3ExNyAxNyA0MyAxN3Q0My0xN1pNNDgwLTE2MHE5IDAgMTQuNS01dDUuNS0xM3EwLTE0LTE1LTMzdC0xNS01N3EwLTQyIDI5LTY3dDcxLTI1aDcwcTY2IDAgMTEzLTM4LjVUODAwLTUxOHEwLTEyMS05Mi41LTIwMS41VDQ4OC04MDBxLTEzNiAwLTIzMiA5M3QtOTYgMjI3cTAgMTMzIDkzLjUgMjI2LjVUNDgwLTE2MFoiLz48L3N2Zz4=");
  --icon-category-dashboard-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik01MjAtNjQwdi0xNjBxMC0xNyAxMS41LTI4LjVUNTYwLTg0MGgyNDBxMTcgMCAyOC41IDExLjVUODQwLTgwMHYxNjBxMCAxNy0xMS41IDI4LjVUODAwLTYwMEg1NjBxLTE3IDAtMjguNS0xMS41VDUyMC02NDBaTTEyMC00ODB2LTMyMHEwLTE3IDExLjUtMjguNVQxNjAtODQwaDI0MHExNyAwIDI4LjUgMTEuNVQ0NDAtODAwdjMyMHEwIDE3LTExLjUgMjguNVQ0MDAtNDQwSDE2MHEtMTcgMC0yOC41LTExLjVUMTIwLTQ4MFptNDAwIDMyMHYtMzIwcTAtMTcgMTEuNS0yOC41VDU2MC01MjBoMjQwcTE3IDAgMjguNSAxMS41VDg0MC00ODB2MzIwcTAgMTctMTEuNSAyOC41VDgwMC0xMjBINTYwcS0xNyAwLTI4LjUtMTEuNVQ1MjAtMTYwWm0tNDAwIDB2LTE2MHEwLTE3IDExLjUtMjguNVQxNjAtMzYwaDI0MHExNyAwIDI4LjUgMTEuNVQ0NDAtMzIwdjE2MHEwIDE3LTExLjUgMjguNVQ0MDAtMTIwSDE2MHEtMTcgMC0yOC41LTExLjVUMTIwLTE2MFptODAtMzYwaDE2MHYtMjQwSDIwMHYyNDBabTQwMCAzMjBoMTYwdi0yNDBINjAwdjI0MFptMC00ODBoMTYwdi04MEg2MDB2ODBaTTIwMC0yMDBoMTYwdi04MEgyMDB2ODBabTE2MC0zMjBabTI0MC0xNjBabTAgMjQwWk0zNjAtMjgwWiIvPjwvc3ZnPg==");
  --icon-category-dashboard-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik01MjAtNjQwdi0xNjBxMC0xNyAxMS41LTI4LjVUNTYwLTg0MGgyNDBxMTcgMCAyOC41IDExLjVUODQwLTgwMHYxNjBxMCAxNy0xMS41IDI4LjVUODAwLTYwMEg1NjBxLTE3IDAtMjguNS0xMS41VDUyMC02NDBaTTEyMC00ODB2LTMyMHEwLTE3IDExLjUtMjguNVQxNjAtODQwaDI0MHExNyAwIDI4LjUgMTEuNVQ0NDAtODAwdjMyMHEwIDE3LTExLjUgMjguNVQ0MDAtNDQwSDE2MHEtMTcgMC0yOC41LTExLjVUMTIwLTQ4MFptNDAwIDMyMHYtMzIwcTAtMTcgMTEuNS0yOC41VDU2MC01MjBoMjQwcTE3IDAgMjguNSAxMS41VDg0MC00ODB2MzIwcTAgMTctMTEuNSAyOC41VDgwMC0xMjBINTYwcS0xNyAwLTI4LjUtMTEuNVQ1MjAtMTYwWm0tNDAwIDB2LTE2MHEwLTE3IDExLjUtMjguNVQxNjAtMzYwaDI0MHExNyAwIDI4LjUgMTEuNVQ0NDAtMzIwdjE2MHEwIDE3LTExLjUgMjguNVQ0MDAtMTIwSDE2MHEtMTcgMC0yOC41LTExLjVUMTIwLTE2MFptODAtMzYwaDE2MHYtMjQwSDIwMHYyNDBabTQwMCAzMjBoMTYwdi0yNDBINjAwdjI0MFptMC00ODBoMTYwdi04MEg2MDB2ODBaTTIwMC0yMDBoMTYwdi04MEgyMDB2ODBabTE2MC0zMjBabTI0MC0xNjBabTAgMjQwWk0zNjAtMjgwWiIvPjwvc3ZnPg==");
  --icon-category-files-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik0xNjAtMTYwcS0zMyAwLTU2LjUtMjMuNVQ4MC0yNDB2LTQ4MHEwLTMzIDIzLjUtNTYuNVQxNjAtODAwaDIwN3ExNiAwIDMwLjUgNnQyNS41IDE3bDU3IDU3aDMyMHEzMyAwIDU2LjUgMjMuNVQ4ODAtNjQwdjQwMHEwIDMzLTIzLjUgNTYuNVQ4MDAtMTYwSDE2MFptMC04MGg2NDB2LTQwMEg0NDdsLTgwLTgwSDE2MHY0ODBabTAgMHYtNDgwIDQ4MFoiLz48L3N2Zz4=");
  --icon-category-files-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0xNjAtMTYwcS0zMyAwLTU2LjUtMjMuNVQ4MC0yNDB2LTQ4MHEwLTMzIDIzLjUtNTYuNVQxNjAtODAwaDIwN3ExNiAwIDMwLjUgNnQyNS41IDE3bDU3IDU3aDMyMHEzMyAwIDU2LjUgMjMuNVQ4ODAtNjQwdjQwMHEwIDMzLTIzLjUgNTYuNVQ4MDAtMTYwSDE2MFptMC04MGg2NDB2LTQwMEg0NDdsLTgwLTgwSDE2MHY0ODBabTAgMHYtNDgwIDQ4MFoiLz48L3N2Zz4=");
  --icon-category-games-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik0xODItMjAwcS01MSAwLTc5LTM1LjVUODItMzIybDQyLTMwMHE5LTYwIDUzLjUtOTlUMjgyLTc2MGgzOTZxNjAgMCAxMDQuNSAzOXQ1My41IDk5bDQyIDMwMHE3IDUxLTIxIDg2LjVUNzc4LTIwMHEtMjEgMC0zOS03LjVUNzA2LTIzMGwtOTAtOTBIMzQ0bC05MCA5MHEtMTUgMTUtMzMgMjIuNXQtMzkgNy41Wm0xNi04NiAxMTQtMTE0aDMzNmwxMTQgMTE0cTIgMiAxNiA2IDExIDAgMTcuNS02LjVUODAwLTMwNGwtNDQtMzA4cS00LTI5LTI2LTQ4LjVUNjc4LTY4MEgyODJxLTMwIDAtNTIgMTkuNVQyMDQtNjEybC00NCAzMDhxLTIgMTEgNC41IDE3LjVUMTgyLTI4MHEyIDAgMTYtNlptNTEwLjUtMTY1LjVRNzIwLTQ2MyA3MjAtNDgwdC0xMS41LTI4LjVRNjk3LTUyMCA2ODAtNTIwdC0yOC41IDExLjVRNjQwLTQ5NyA2NDAtNDgwdDExLjUgMjguNVE2NjMtNDQwIDY4MC00NDB0MjguNS0xMS41Wm0tODAtMTIwUTY0MC01ODMgNjQwLTYwMHQtMTEuNS0yOC41UTYxNy02NDAgNjAwLTY0MHQtMjguNSAxMS41UTU2MC02MTcgNTYwLTYwMHQxMS41IDI4LjVRNTgzLTU2MCA2MDAtNTYwdDI4LjUtMTEuNVpNNDgwLTQ4MFptLTE3MC0zMHY0MHEwIDEzIDguNSAyMS41VDM0MC00NDBxMTMgMCAyMS41LTguNVQzNzAtNDcwdi00MGg0MHExMyAwIDIxLjUtOC41VDQ0MC01NDBxMC0xMy04LjUtMjEuNVQ0MTAtNTcwaC00MHYtNDBxMC0xMy04LjUtMjEuNVQzNDAtNjQwcS0xMyAwLTIxLjUgOC41VDMxMC02MTB2NDBoLTQwcS0xMyAwLTIxLjUgOC41VDI0MC01NDBxMCAxMyA4LjUgMjEuNVQyNzAtNTEwaDQwWiIvPjwvc3ZnPg==");
  --icon-category-games-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0xODItMjAwcS01MSAwLTc5LTM1LjVUODItMzIybDQyLTMwMHE5LTYwIDUzLjUtOTlUMjgyLTc2MGgzOTZxNjAgMCAxMDQuNSAzOXQ1My41IDk5bDQyIDMwMHE3IDUxLTIxIDg2LjVUNzc4LTIwMHEtMjEgMC0zOS03LjVUNzA2LTIzMGwtOTAtOTBIMzQ0bC05MCA5MHEtMTUgMTUtMzMgMjIuNXQtMzkgNy41Wm0xNi04NiAxMTQtMTE0aDMzNmwxMTQgMTE0cTIgMiAxNiA2IDExIDAgMTcuNS02LjVUODAwLTMwNGwtNDQtMzA4cS00LTI5LTI2LTQ4LjVUNjc4LTY4MEgyODJxLTMwIDAtNTIgMTkuNVQyMDQtNjEybC00NCAzMDhxLTIgMTEgNC41IDE3LjVUMTgyLTI4MHEyIDAgMTYtNlptNTEwLjUtMTY1LjVRNzIwLTQ2MyA3MjAtNDgwdC0xMS41LTI4LjVRNjk3LTUyMCA2ODAtNTIwdC0yOC41IDExLjVRNjQwLTQ5NyA2NDAtNDgwdDExLjUgMjguNVE2NjMtNDQwIDY4MC00NDB0MjguNS0xMS41Wm0tODAtMTIwUTY0MC01ODMgNjQwLTYwMHQtMTEuNS0yOC41UTYxNy02NDAgNjAwLTY0MHQtMjguNSAxMS41UTU2MC02MTcgNTYwLTYwMHQxMS41IDI4LjVRNTgzLTU2MCA2MDAtNTYwdDI4LjUtMTEuNVpNNDgwLTQ4MFptLTE3MC0zMHY0MHEwIDEzIDguNSAyMS41VDM0MC00NDBxMTMgMCAyMS41LTguNVQzNzAtNDcwdi00MGg0MHExMyAwIDIxLjUtOC41VDQ0MC01NDBxMC0xMy04LjUtMjEuNVQ0MTAtNTcwaC00MHYtNDBxMC0xMy04LjUtMjEuNVQzNDAtNjQwcS0xMyAwLTIxLjUgOC41VDMxMC02MTB2NDBoLTQwcS0xMyAwLTIxLjUgOC41VDI0MC01NDBxMCAxMyA4LjUgMjEuNVQyNzAtNTEwaDQwWiIvPjwvc3ZnPg==");
  --icon-category-integration-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik0xNTUtNzVxLTM1LTM1LTM1LTg1dDM1LTg1cTM1LTM1IDg1LTM1IDE0IDAgMjYgM3QyMyA4bDU3LTcxcS0yOC0zMS0zOS03MHQtNS03OGwtODEtMjdxLTE3IDI1LTQzIDQwdC01OCAxNXEtNTAgMC04NS0zNVQwLTU4MHEwLTUwIDM1LTg1dDg1LTM1cTUwIDAgODUgMzV0MzUgODV2OGw4MSAyOHEyMC0zNiA1My41LTYxdDc1LjUtMzJ2LTg3cS0zOS0xMS02NC41LTQyLjVUMzYwLTg0MHEwLTUwIDM1LTg1dDg1LTM1cTUwIDAgODUgMzV0MzUgODVxMCA0Mi0yNiA3My41VDUxMC03MjR2ODdxNDIgNyA3NS41IDMydDUzLjUgNjFsODEtMjh2LThxMC01MCAzNS04NXQ4NS0zNXE1MCAwIDg1IDM1dDM1IDg1cTAgNTAtMzUgODV0LTg1IDM1cS0zMiAwLTU4LjUtMTVUNzM5LTUxNWwtODEgMjdxNiAzOS01IDc3LjVUNjE0LTM0MGw1NyA3MHExMS01IDIzLTcuNXQyNi0yLjVxNTAgMCA4NSAzNXQzNSA4NXEwIDUwLTM1IDg1dC04NSAzNXEtNTAgMC04NS0zNXQtMzUtODVxMC0yMCA2LjUtMzguNVQ2MjQtMjMybC01Ny03MXEtNDEgMjMtODcuNSAyM1QzOTItMzAzbC01NiA3MXExMSAxNSAxNy41IDMzLjVUMzYwLTE2MHEwIDUwLTM1IDg1dC04NSAzNXEtNTAgMC04NS0zNVptLTM1LTQ2NXExNyAwIDI4LjUtMTEuNVQxNjAtNTgwcTAtMTctMTEuNS0yOC41VDEyMC02MjBxLTE3IDAtMjguNSAxMS41VDgwLTU4MHEwIDE3IDExLjUgMjguNVQxMjAtNTQwWm0xNDguNSA0MDguNVEyODAtMTQzIDI4MC0xNjB0LTExLjUtMjguNVEyNTctMjAwIDI0MC0yMDB0LTI4LjUgMTEuNVEyMDAtMTc3IDIwMC0xNjB0MTEuNSAyOC41UTIyMy0xMjAgMjQwLTEyMHQyOC41LTExLjVabTI0MC02ODBRNTIwLTgyMyA1MjAtODQwdC0xMS41LTI4LjVRNDk3LTg4MCA0ODAtODgwdC0yOC41IDExLjVRNDQwLTg1NyA0NDAtODQwdDExLjUgMjguNVE0NjMtODAwIDQ4MC04MDB0MjguNS0xMS41Wk00ODAtMzYwcTQyIDAgNzEtMjl0MjktNzFxMC00Mi0yOS03MXQtNzEtMjlxLTQyIDAtNzEgMjl0LTI5IDcxcTAgNDIgMjkgNzF0NzEgMjlabTI2OC41IDIyOC41UTc2MC0xNDMgNzYwLTE2MHQtMTEuNS0yOC41UTczNy0yMDAgNzIwLTIwMHQtMjguNSAxMS41UTY4MC0xNzcgNjgwLTE2MHQxMS41IDI4LjVRNzAzLTEyMCA3MjAtMTIwdDI4LjUtMTEuNVptMTIwLTQyMFE4ODAtNTYzIDg4MC01ODB0LTExLjUtMjguNVE4NTctNjIwIDg0MC02MjB0LTI4LjUgMTEuNVE4MDAtNTk3IDgwMC01ODB0MTEuNSAyOC41UTgyMy01NDAgODQwLTU0MHQyOC41LTExLjVaTTQ4MC04NDBaTTEyMC01ODBabTM2MCAxMjBabTM2MC0xMjBaTTI0MC0xNjBabTQ4MCAwWiIvPjwvc3ZnPg==");
  --icon-category-integration-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0xNTUtNzVxLTM1LTM1LTM1LTg1dDM1LTg1cTM1LTM1IDg1LTM1IDE0IDAgMjYgM3QyMyA4bDU3LTcxcS0yOC0zMS0zOS03MHQtNS03OGwtODEtMjdxLTE3IDI1LTQzIDQwdC01OCAxNXEtNTAgMC04NS0zNVQwLTU4MHEwLTUwIDM1LTg1dDg1LTM1cTUwIDAgODUgMzV0MzUgODV2OGw4MSAyOHEyMC0zNiA1My41LTYxdDc1LjUtMzJ2LTg3cS0zOS0xMS02NC41LTQyLjVUMzYwLTg0MHEwLTUwIDM1LTg1dDg1LTM1cTUwIDAgODUgMzV0MzUgODVxMCA0Mi0yNiA3My41VDUxMC03MjR2ODdxNDIgNyA3NS41IDMydDUzLjUgNjFsODEtMjh2LThxMC01MCAzNS04NXQ4NS0zNXE1MCAwIDg1IDM1dDM1IDg1cTAgNTAtMzUgODV0LTg1IDM1cS0zMiAwLTU4LjUtMTVUNzM5LTUxNWwtODEgMjdxNiAzOS01IDc3LjVUNjE0LTM0MGw1NyA3MHExMS01IDIzLTcuNXQyNi0yLjVxNTAgMCA4NSAzNXQzNSA4NXEwIDUwLTM1IDg1dC04NSAzNXEtNTAgMC04NS0zNXQtMzUtODVxMC0yMCA2LjUtMzguNVQ2MjQtMjMybC01Ny03MXEtNDEgMjMtODcuNSAyM1QzOTItMzAzbC01NiA3MXExMSAxNSAxNy41IDMzLjVUMzYwLTE2MHEwIDUwLTM1IDg1dC04NSAzNXEtNTAgMC04NS0zNVptLTM1LTQ2NXExNyAwIDI4LjUtMTEuNVQxNjAtNTgwcTAtMTctMTEuNS0yOC41VDEyMC02MjBxLTE3IDAtMjguNSAxMS41VDgwLTU4MHEwIDE3IDExLjUgMjguNVQxMjAtNTQwWm0xNDguNSA0MDguNVEyODAtMTQzIDI4MC0xNjB0LTExLjUtMjguNVEyNTctMjAwIDI0MC0yMDB0LTI4LjUgMTEuNVEyMDAtMTc3IDIwMC0xNjB0MTEuNSAyOC41UTIyMy0xMjAgMjQwLTEyMHQyOC41LTExLjVabTI0MC02ODBRNTIwLTgyMyA1MjAtODQwdC0xMS41LTI4LjVRNDk3LTg4MCA0ODAtODgwdC0yOC41IDExLjVRNDQwLTg1NyA0NDAtODQwdDExLjUgMjguNVE0NjMtODAwIDQ4MC04MDB0MjguNS0xMS41Wk00ODAtMzYwcTQyIDAgNzEtMjl0MjktNzFxMC00Mi0yOS03MXQtNzEtMjlxLTQyIDAtNzEgMjl0LTI5IDcxcTAgNDIgMjkgNzF0NzEgMjlabTI2OC41IDIyOC41UTc2MC0xNDMgNzYwLTE2MHQtMTEuNS0yOC41UTczNy0yMDAgNzIwLTIwMHQtMjguNSAxMS41UTY4MC0xNzcgNjgwLTE2MHQxMS41IDI4LjVRNzAzLTEyMCA3MjAtMTIwdDI4LjUtMTEuNVptMTIwLTQyMFE4ODAtNTYzIDg4MC01ODB0LTExLjUtMjguNVE4NTctNjIwIDg0MC02MjB0LTI4LjUgMTEuNVE4MDAtNTk3IDgwMC01ODB0MTEuNSAyOC41UTgyMy01NDAgODQwLTU0MHQyOC41LTExLjVaTTQ4MC04NDBaTTEyMC01ODBabTM2MCAxMjBabTM2MC0xMjBaTTI0MC0xNjBabTQ4MCAwWiIvPjwvc3ZnPg==");
  --icon-category-monitoring-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik0xMzEuNS0xMzEuNVExMjAtMTQzIDEyMC0xNjB2LTQwcTAtMTcgMTEuNS0yOC41VDE2MC0yNDBxMTcgMCAyOC41IDExLjVUMjAwLTIwMHY0MHEwIDE3LTExLjUgMjguNVQxNjAtMTIwcS0xNyAwLTI4LjUtMTEuNVptMTYwIDBRMjgwLTE0MyAyODAtMTYwdi0yMjBxMC0xNyAxMS41LTI4LjVUMzIwLTQyMHExNyAwIDI4LjUgMTEuNVQzNjAtMzgwdjIyMHEwIDE3LTExLjUgMjguNVQzMjAtMTIwcS0xNyAwLTI4LjUtMTEuNVptMTYwIDBRNDQwLTE0MyA0NDAtMTYwdi0xNDBxMC0xNyAxMS41LTI4LjVUNDgwLTM0MHExNyAwIDI4LjUgMTEuNVQ1MjAtMzAwdjE0MHEwIDE3LTExLjUgMjguNVQ0ODAtMTIwcS0xNyAwLTI4LjUtMTEuNVptMTYwIDBRNjAwLTE0MyA2MDAtMTYwdi0yMDBxMC0xNyAxMS41LTI4LjVUNjQwLTQwMHExNyAwIDI4LjUgMTEuNVQ2ODAtMzYwdjIwMHEwIDE3LTExLjUgMjguNVQ2NDAtMTIwcS0xNyAwLTI4LjUtMTEuNVptMTYwIDBRNzYwLTE0MyA3NjAtMTYwdi0zNjBxMC0xNyAxMS41LTI4LjVUODAwLTU2MHExNyAwIDI4LjUgMTEuNVQ4NDAtNTIwdjM2MHEwIDE3LTExLjUgMjguNVQ4MDAtMTIwcS0xNyAwLTI4LjUtMTEuNVpNNTYwLTQ4MXEtMTYgMC0zMC41LTZUNTAzLTUwNEw0MDAtNjA3IDE4OC0zOTVxLTEyIDEyLTI4LjUgMTEuNVQxMzEtMzk2cS0xMS0xMi0xMC41LTI4LjVUMTMyLTQ1MmwyMTEtMjExcTEyLTEyIDI2LjUtMTcuNVQ0MDAtNjg2cTE2IDAgMzEgNS41dDI2IDE3LjVsMTAzIDEwMyAyMTItMjEycTEyLTEyIDI4LjUtMTEuNVQ4MjktNzcxcTExIDEyIDEwLjUgMjguNVQ4MjgtNzE1TDYxNy01MDRxLTExIDExLTI2IDE3dC0zMSA2WiIvPjwvc3ZnPg==");
  --icon-category-monitoring-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0xMzEuNS0xMzEuNVExMjAtMTQzIDEyMC0xNjB2LTQwcTAtMTcgMTEuNS0yOC41VDE2MC0yNDBxMTcgMCAyOC41IDExLjVUMjAwLTIwMHY0MHEwIDE3LTExLjUgMjguNVQxNjAtMTIwcS0xNyAwLTI4LjUtMTEuNVptMTYwIDBRMjgwLTE0MyAyODAtMTYwdi0yMjBxMC0xNyAxMS41LTI4LjVUMzIwLTQyMHExNyAwIDI4LjUgMTEuNVQzNjAtMzgwdjIyMHEwIDE3LTExLjUgMjguNVQzMjAtMTIwcS0xNyAwLTI4LjUtMTEuNVptMTYwIDBRNDQwLTE0MyA0NDAtMTYwdi0xNDBxMC0xNyAxMS41LTI4LjVUNDgwLTM0MHExNyAwIDI4LjUgMTEuNVQ1MjAtMzAwdjE0MHEwIDE3LTExLjUgMjguNVQ0ODAtMTIwcS0xNyAwLTI4LjUtMTEuNVptMTYwIDBRNjAwLTE0MyA2MDAtMTYwdi0yMDBxMC0xNyAxMS41LTI4LjVUNjQwLTQwMHExNyAwIDI4LjUgMTEuNVQ2ODAtMzYwdjIwMHEwIDE3LTExLjUgMjguNVQ2NDAtMTIwcS0xNyAwLTI4LjUtMTEuNVptMTYwIDBRNzYwLTE0MyA3NjAtMTYwdi0zNjBxMC0xNyAxMS41LTI4LjVUODAwLTU2MHExNyAwIDI4LjUgMTEuNVQ4NDAtNTIwdjM2MHEwIDE3LTExLjUgMjguNVQ4MDAtMTIwcS0xNyAwLTI4LjUtMTEuNVpNNTYwLTQ4MXEtMTYgMC0zMC41LTZUNTAzLTUwNEw0MDAtNjA3IDE4OC0zOTVxLTEyIDEyLTI4LjUgMTEuNVQxMzEtMzk2cS0xMS0xMi0xMC41LTI4LjVUMTMyLTQ1MmwyMTEtMjExcTEyLTEyIDI2LjUtMTcuNVQ0MDAtNjg2cTE2IDAgMzEgNS41dDI2IDE3LjVsMTAzIDEwMyAyMTItMjEycTEyLTEyIDI4LjUtMTEuNVQ4MjktNzcxcTExIDEyIDEwLjUgMjguNVQ4MjgtNzE1TDYxNy01MDRxLTExIDExLTI2IDE3dC0zMSA2WiIvPjwvc3ZnPg==");
  --icon-category-multimedia-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik0xMjAtMTIwcS0zMyAwLTU2LjUtMjMuNVQ0MC0yMDB2LTQ4MHEwLTE3IDExLjUtMjguNVQ4MC03MjBxMTcgMCAyOC41IDExLjVUMTIwLTY4MHY0ODBoNjQwcTE3IDAgMjguNSAxMS41VDgwMC0xNjBxMCAxNy0xMS41IDI4LjVUNzYwLTEyMEgxMjBabTE2MC0xNjBxLTMzIDAtNTYuNS0yMy41VDIwMC0zNjB2LTQ0MHEwLTMzIDIzLjUtNTYuNVQyODAtODgwaDE2N3ExNiAwIDMwLjUgNnQyNS41IDE3bDU3IDU3aDI4MHEzMyAwIDU2LjUgMjMuNVQ5MjAtNzIwdjM2MHEwIDMzLTIzLjUgNTYuNVQ4NDAtMjgwSDI4MFptMC04MGg1NjB2LTM2MEg1MjdsLTgwLTgwSDI4MHY0NDBabTAgMHYtNDQwIDQ0MFptMjUwLTE0MC00Ni02MHEtNi04LTE2LTh0LTE2IDhsLTY3IDg4cS04IDEwLTIuNSAyMXQxOC41IDExaDMxOHExMyAwIDE4LjUtMTF0LTIuNS0yMWwtOTctMTI3cS02LTgtMTYtOHQtMTYgOGwtNzYgOTlaIi8+PC9zdmc+");
  --icon-category-multimedia-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0xMjAtMTIwcS0zMyAwLTU2LjUtMjMuNVQ0MC0yMDB2LTQ4MHEwLTE3IDExLjUtMjguNVQ4MC03MjBxMTcgMCAyOC41IDExLjVUMTIwLTY4MHY0ODBoNjQwcTE3IDAgMjguNSAxMS41VDgwMC0xNjBxMCAxNy0xMS41IDI4LjVUNzYwLTEyMEgxMjBabTE2MC0xNjBxLTMzIDAtNTYuNS0yMy41VDIwMC0zNjB2LTQ0MHEwLTMzIDIzLjUtNTYuNVQyODAtODgwaDE2N3ExNiAwIDMwLjUgNnQyNS41IDE3bDU3IDU3aDI4MHEzMyAwIDU2LjUgMjMuNVQ5MjAtNzIwdjM2MHEwIDMzLTIzLjUgNTYuNVQ4NDAtMjgwSDI4MFptMC04MGg1NjB2LTM2MEg1MjdsLTgwLTgwSDI4MHY0NDBabTAgMHYtNDQwIDQ0MFptMjUwLTE0MC00Ni02MHEtNi04LTE2LTh0LTE2IDhsLTY3IDg4cS04IDEwLTIuNSAyMXQxOC41IDExaDMxOHExMyAwIDE4LjUtMTF0LTIuNS0yMWwtOTctMTI3cS02LTgtMTYtOHQtMTYgOGwtNzYgOTlaIi8+PC9zdmc+");
  --icon-category-office-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik0xNjAtMTIwcS0zMyAwLTU2LjUtMjMuNVQ4MC0yMDB2LTQ0MHEwLTMzIDIzLjUtNTYuNVQxNjAtNzIwaDE2MHYtODBxMC0zMyAyMy41LTU2LjVUNDAwLTg4MGgxNjBxMzMgMCA1Ni41IDIzLjVUNjQwLTgwMHY4MGgxNjBxMzMgMCA1Ni41IDIzLjVUODgwLTY0MHY0NDBxMCAzMy0yMy41IDU2LjVUODAwLTEyMEgxNjBabTI0MC02MDBoMTYwdi04MEg0MDB2ODBabTQwMCAzNjBINjAwdjQwcTAgMTctMTEuNSAyOC41VDU2MC0yODBINDAwcS0xNyAwLTI4LjUtMTEuNVQzNjAtMzIwdi00MEgxNjB2MTYwaDY0MHYtMTYwWm0tMzYwIDBoODB2LTgwaC04MHY4MFptLTI4MC04MGgyMDB2LTQwcTAtMTcgMTEuNS0yOC41VDQwMC01MjBoMTYwcTE3IDAgMjguNSAxMS41VDYwMC00ODB2NDBoMjAwdi0yMDBIMTYwdjIwMFptMzIwIDQwWiIvPjwvc3ZnPg==");
  --icon-category-office-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0xNjAtMTIwcS0zMyAwLTU2LjUtMjMuNVQ4MC0yMDB2LTQ0MHEwLTMzIDIzLjUtNTYuNVQxNjAtNzIwaDE2MHYtODBxMC0zMyAyMy41LTU2LjVUNDAwLTg4MGgxNjBxMzMgMCA1Ni41IDIzLjVUNjQwLTgwMHY4MGgxNjBxMzMgMCA1Ni41IDIzLjVUODgwLTY0MHY0NDBxMCAzMy0yMy41IDU2LjVUODAwLTEyMEgxNjBabTI0MC02MDBoMTYwdi04MEg0MDB2ODBabTQwMCAzNjBINjAwdjQwcTAgMTctMTEuNSAyOC41VDU2MC0yODBINDAwcS0xNyAwLTI4LjUtMTEuNVQzNjAtMzIwdi00MEgxNjB2MTYwaDY0MHYtMTYwWm0tMzYwIDBoODB2LTgwaC04MHY4MFptLTI4MC04MGgyMDB2LTQwcTAtMTcgMTEuNS0yOC41VDQwMC01MjBoMTYwcTE3IDAgMjguNSAxMS41VDYwMC00ODB2NDBoMjAwdi0yMDBIMTYwdjIwMFptMzIwIDQwWiIvPjwvc3ZnPg==");
  --icon-category-organization-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik02MDAtMjAwdi00MGgtODBxLTMzIDAtNTYuNS0yMy41VDQ0MC0zMjB2LTMyMGgtODB2NDBxMCAzMy0yMy41IDU2LjVUMjgwLTUyMEgxNjBxLTMzIDAtNTYuNS0yMy41VDgwLTYwMHYtMTYwcTAtMzMgMjMuNS01Ni41VDE2MC04NDBoMTIwcTMzIDAgNTYuNSAyMy41VDM2MC03NjB2NDBoMjQwdi00MHEwLTMzIDIzLjUtNTYuNVQ2ODAtODQwaDEyMHEzMyAwIDU2LjUgMjMuNVQ4ODAtNzYwdjE2MHEwIDMzLTIzLjUgNTYuNVQ4MDAtNTIwSDY4MHEtMzMgMC01Ni41LTIzLjVUNjAwLTYwMHYtNDBoLTgwdjMyMGg4MHYtNDBxMC0zMyAyMy41LTU2LjVUNjgwLTQ0MGgxMjBxMzMgMCA1Ni41IDIzLjVUODgwLTM2MHYxNjBxMCAzMy0yMy41IDU2LjVUODAwLTEyMEg2ODBxLTMzIDAtNTYuNS0yMy41VDYwMC0yMDBaTTE2MC03NjB2MTYwLTE2MFptNTIwIDQwMHYxNjAtMTYwWm0wLTQwMHYxNjAtMTYwWm0wIDE2MGgxMjB2LTE2MEg2ODB2MTYwWm0wIDQwMGgxMjB2LTE2MEg2ODB2MTYwWk0xNjAtNjAwaDEyMHYtMTYwSDE2MHYxNjBaIi8+PC9zdmc+");
  --icon-category-organization-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik02MDAtMjAwdi00MGgtODBxLTMzIDAtNTYuNS0yMy41VDQ0MC0zMjB2LTMyMGgtODB2NDBxMCAzMy0yMy41IDU2LjVUMjgwLTUyMEgxNjBxLTMzIDAtNTYuNS0yMy41VDgwLTYwMHYtMTYwcTAtMzMgMjMuNS01Ni41VDE2MC04NDBoMTIwcTMzIDAgNTYuNSAyMy41VDM2MC03NjB2NDBoMjQwdi00MHEwLTMzIDIzLjUtNTYuNVQ2ODAtODQwaDEyMHEzMyAwIDU2LjUgMjMuNVQ4ODAtNzYwdjE2MHEwIDMzLTIzLjUgNTYuNVQ4MDAtNTIwSDY4MHEtMzMgMC01Ni41LTIzLjVUNjAwLTYwMHYtNDBoLTgwdjMyMGg4MHYtNDBxMC0zMyAyMy41LTU2LjVUNjgwLTQ0MGgxMjBxMzMgMCA1Ni41IDIzLjVUODgwLTM2MHYxNjBxMCAzMy0yMy41IDU2LjVUODAwLTEyMEg2ODBxLTMzIDAtNTYuNS0yMy41VDYwMC0yMDBaTTE2MC03NjB2MTYwLTE2MFptNTIwIDQwMHYxNjAtMTYwWm0wLTQwMHYxNjAtMTYwWm0wIDE2MGgxMjB2LTE2MEg2ODB2MTYwWm0wIDQwMGgxMjB2LTE2MEg2ODB2MTYwWk0xNjAtNjAwaDEyMHYtMTYwSDE2MHYxNjBaIi8+PC9zdmc+");
  --icon-category-social-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik04NDAtMTM2cS04IDAtMTUtM3QtMTMtOWwtOTItOTJIMzIwcS0zMyAwLTU2LjUtMjMuNVQyNDAtMzIwdi00MGg0NDBxMzMgMCA1Ni41LTIzLjVUNzYwLTQ0MHYtMjgwaDQwcTMzIDAgNTYuNSAyMy41VDg4MC02NDB2NDYzcTAgMTgtMTIgMjkuNVQ4NDAtMTM2Wk0xNjAtNDczbDQ3LTQ3aDM5M3YtMjgwSDE2MHYzMjdabS00MCAxMzdxLTE2IDAtMjgtMTEuNVQ4MC0zNzd2LTQyM3EwLTMzIDIzLjUtNTYuNVQxNjAtODgwaDQ0MHEzMyAwIDU2LjUgMjMuNVQ2ODAtODAwdjI4MHEwIDMzLTIzLjUgNTYuNVQ2MDAtNDQwSDI0MGwtOTIgOTJxLTYgNi0xMyA5dC0xNSAzWm00MC0xODR2LTI4MCAyODBaIi8+PC9zdmc+");
  --icon-category-social-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik04NDAtMTM2cS04IDAtMTUtM3QtMTMtOWwtOTItOTJIMzIwcS0zMyAwLTU2LjUtMjMuNVQyNDAtMzIwdi00MGg0NDBxMzMgMCA1Ni41LTIzLjVUNzYwLTQ0MHYtMjgwaDQwcTMzIDAgNTYuNSAyMy41VDg4MC02NDB2NDYzcTAgMTgtMTIgMjkuNVQ4NDAtMTM2Wk0xNjAtNDczbDQ3LTQ3aDM5M3YtMjgwSDE2MHYzMjdabS00MCAxMzdxLTE2IDAtMjgtMTEuNVQ4MC0zNzd2LTQyM3EwLTMzIDIzLjUtNTYuNVQxNjAtODgwaDQ0MHEzMyAwIDU2LjUgMjMuNVQ2ODAtODAwdjI4MHEwIDMzLTIzLjUgNTYuNVQ2MDAtNDQwSDI0MGwtOTIgOTJxLTYgNi0xMyA5dC0xNSAzWm00MC0xODR2LTI4MCAyODBaIi8+PC9zdmc+");
  --icon-category-workflow-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik0xNjAtMTIwdi04MHEwLTMzIDIzLjUtNTYuNVQyNDAtMjgwaDIwdi04MGgtMjBxLTMzIDAtNTYuNS0yMy41VDE2MC00NDB2LTgwcTAtMzMgMjMuNS01Ni41VDI0MC02MDBoMjB2LTgwaC0yMHEtMzMgMC01Ni41LTIzLjVUMTYwLTc2MHYtODBxMC0zMyAyMy41LTU2LjVUMjQwLTkyMGgxMjBxMzMgMCA1Ni41IDIzLjVUNDQwLTg0MHY4MHEwIDMzLTIzLjUgNTYuNVQzNjAtNjgwaC0yMHY4MGgyMHEzMyAwIDU2LjUgMjMuNVQ0NDAtNTIwaDEyMHEwLTMzIDIzLjUtNTYuNVQ2NDAtNjAwaDEyMHEzMyAwIDU2LjUgMjMuNVQ4NDAtNTIwdjgwcTAgMzMtMjMuNSA1Ni41VDc2MC0zNjBINjQwcS0zMyAwLTU2LjUtMjMuNVQ1NjAtNDQwSDQ0MHEwIDMzLTIzLjUgNTYuNVQzNjAtMzYwaC0yMHY4MGgyMHEzMyAwIDU2LjUgMjMuNVQ0NDAtMjAwdjgwcTAgMzMtMjMuNSA1Ni41VDM2MC00MEgyNDBxLTMzIDAtNTYuNS0yMy41VDE2MC0xMjBabTgwIDBoMTIwdi04MEgyNDB2ODBabTAtMzIwaDEyMHYtODBIMjQwdjgwWm00MDAgMGgxMjB2LTgwSDY0MHY4MFpNMjQwLTc2MGgxMjB2LTgwSDI0MHY4MFptNjAtNDBabTAgMzIwWm00MDAgMFpNMzAwLTE2MFoiLz48L3N2Zz4=");
  --icon-category-workflow-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0xNjAtMTIwdi04MHEwLTMzIDIzLjUtNTYuNVQyNDAtMjgwaDIwdi04MGgtMjBxLTMzIDAtNTYuNS0yMy41VDE2MC00NDB2LTgwcTAtMzMgMjMuNS01Ni41VDI0MC02MDBoMjB2LTgwaC0yMHEtMzMgMC01Ni41LTIzLjVUMTYwLTc2MHYtODBxMC0zMyAyMy41LTU2LjVUMjQwLTkyMGgxMjBxMzMgMCA1Ni41IDIzLjVUNDQwLTg0MHY4MHEwIDMzLTIzLjUgNTYuNVQzNjAtNjgwaC0yMHY4MGgyMHEzMyAwIDU2LjUgMjMuNVQ0NDAtNTIwaDEyMHEwLTMzIDIzLjUtNTYuNVQ2NDAtNjAwaDEyMHEzMyAwIDU2LjUgMjMuNVQ4NDAtNTIwdjgwcTAgMzMtMjMuNSA1Ni41VDc2MC0zNjBINjQwcS0zMyAwLTU2LjUtMjMuNVQ1NjAtNDQwSDQ0MHEwIDMzLTIzLjUgNTYuNVQzNjAtMzYwaC0yMHY4MGgyMHEzMyAwIDU2LjUgMjMuNVQ0NDAtMjAwdjgwcTAgMzMtMjMuNSA1Ni41VDM2MC00MEgyNDBxLTMzIDAtNTYuNS0yMy41VDE2MC0xMjBabTgwIDBoMTIwdi04MEgyNDB2ODBabTAtMzIwaDEyMHYtODBIMjQwdjgwWm00MDAgMGgxMjB2LTgwSDY0MHY4MFpNMjQwLTc2MGgxMjB2LTgwSDI0MHY4MFptNjAtNDBabTAgMzIwWm00MDAgMFpNMzAwLTE2MFoiLz48L3N2Zz4=");
  --icon-change-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik00ODAtMTYwcS0xMzQgMC0yMjctOTN0LTkzLTIyN3EwLTEzNCA5My0yMjd0MjI3LTkzcTY5IDAgMTMyIDI4LjVUNzIwLTY5MHYtNzBxMC0xNyAxMS41LTI4LjVUNzYwLTgwMHExNyAwIDI4LjUgMTEuNVQ4MDAtNzYwdjIwMHEwIDE3LTExLjUgMjguNVQ3NjAtNTIwSDU2MHEtMTcgMC0yOC41LTExLjVUNTIwLTU2MHEwLTE3IDExLjUtMjguNVQ1NjAtNjAwaDEyOHEtMzItNTYtODcuNS04OFQ0ODAtNzIwcS0xMDAgMC0xNzAgNzB0LTcwIDE3MHEwIDEwMCA3MCAxNzB0MTcwIDcwcTY4IDAgMTI0LjUtMzQuNVQ2OTItMzY3cTgtMTQgMjIuNS0xOS41dDI5LjUtLjVxMTYgNSAyMyAyMXQtMSAzMHEtNDEgODAtMTE3IDEyOHQtMTY5IDQ4WiIvPjwvc3ZnPg==");
  --icon-change-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik00ODAtMTYwcS0xMzQgMC0yMjctOTN0LTkzLTIyN3EwLTEzNCA5My0yMjd0MjI3LTkzcTY5IDAgMTMyIDI4LjVUNzIwLTY5MHYtNzBxMC0xNyAxMS41LTI4LjVUNzYwLTgwMHExNyAwIDI4LjUgMTEuNVQ4MDAtNzYwdjIwMHEwIDE3LTExLjUgMjguNVQ3NjAtNTIwSDU2MHEtMTcgMC0yOC41LTExLjVUNTIwLTU2MHEwLTE3IDExLjUtMjguNVQ1NjAtNjAwaDEyOHEtMzItNTYtODcuNS04OFQ0ODAtNzIwcS0xMDAgMC0xNzAgNzB0LTcwIDE3MHEwIDEwMCA3MCAxNzB0MTcwIDcwcTY4IDAgMTI0LjUtMzQuNVQ2OTItMzY3cTgtMTQgMjIuNS0xOS41dDI5LjUtLjVxMTYgNSAyMyAyMXQtMSAzMHEtNDEgODAtMTE3IDEyOHQtMTY5IDQ4WiIvPjwvc3ZnPg==");
  --icon-checkmark-color-green: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiM2NzlhNDEiIGQ9Im0zODItMzU0IDMzOS0zMzlxMTItMTIgMjgtMTJ0MjggMTJxMTIgMTIgMTIgMjguNVQ3NzctNjM2TDQxMC0yNjhxLTEyIDEyLTI4IDEydC0yOC0xMkwxODItNDQwcS0xMi0xMi0xMS41LTI4LjVUMTgzLTQ5N3ExMi0xMiAyOC41LTEydDI4LjUgMTJsMTQyIDE0M1oiLz48L3N2Zz4=");
  --icon-checkmark-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Im0zODItMzU0IDMzOS0zMzlxMTItMTIgMjgtMTJ0MjggMTJxMTIgMTIgMTIgMjguNVQ3NzctNjM2TDQxMC0yNjhxLTEyIDEyLTI4IDEydC0yOC0xMkwxODItNDQwcS0xMi0xMi0xMS41LTI4LjVUMTgzLTQ5N3ExMi0xMiAyOC41LTEydDI4LjUgMTJsMTQyIDE0M1oiLz48L3N2Zz4=");
  --icon-checkmark-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Im0zODItMzU0IDMzOS0zMzlxMTItMTIgMjgtMTJ0MjggMTJxMTIgMTIgMTIgMjguNVQ3NzctNjM2TDQxMC0yNjhxLTEyIDEyLTI4IDEydC0yOC0xMkwxODItNDQwcS0xMi0xMi0xMS41LTI4LjVUMTgzLTQ5N3ExMi0xMiAyOC41LTEydDI4LjUgMTJsMTQyIDE0M1oiLz48L3N2Zz4=");
  --icon-circles-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik0zMjAtMzIwcTMzIDAgNTYuNS0yMy41VDQwMC00MDBxMC0zMy0yMy41LTU2LjVUMzIwLTQ4MHEtMzMgMC01Ni41IDIzLjVUMjQwLTQwMHEwIDMzIDIzLjUgNTYuNVQzMjAtMzIwWm0zNzYuNS0yMy41UTcyMC0zNjcgNzIwLTQwMHQtMjMuNS01Ni41UTY3My00ODAgNjQwLTQ4MHQtNTYuNSAyMy41UTU2MC00MzMgNTYwLTQwMHQyMy41IDU2LjVRNjA3LTMyMCA2NDAtMzIwdDU2LjUtMjMuNVptLTE2MC0yNDBRNTYwLTYwNyA1NjAtNjQwdC0yMy41LTU2LjVRNTEzLTcyMCA0ODAtNzIwdC01Ni41IDIzLjVRNDAwLTY3MyA0MDAtNjQwdDIzLjUgNTYuNVE0NDctNTYwIDQ4MC01NjB0NTYuNS0yMy41Wk00ODAtODBxLTgzIDAtMTU2LTMxLjVUMTk3LTE5N3EtNTQtNTQtODUuNS0xMjdUODAtNDgwcTAtODMgMzEuNS0xNTZUMTk3LTc2M3E1NC01NCAxMjctODUuNVQ0ODAtODgwcTgzIDAgMTU2IDMxLjVUNzYzLTc2M3E1NCA1NCA4NS41IDEyN1Q4ODAtNDgwcTAgODMtMzEuNSAxNTZUNzYzLTE5N3EtNTQgNTQtMTI3IDg1LjVUNDgwLTgwWm0wLTgwcTEzNCAwIDIyNy05M3Q5My0yMjdxMC0xMzQtOTMtMjI3dC0yMjctOTNxLTEzNCAwLTIyNyA5M3QtOTMgMjI3cTAgMTM0IDkzIDIyN3QyMjcgOTNabTAtMzIwWiIvPjwvc3ZnPg==");
  --icon-circles-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0zMjAtMzIwcTMzIDAgNTYuNS0yMy41VDQwMC00MDBxMC0zMy0yMy41LTU2LjVUMzIwLTQ4MHEtMzMgMC01Ni41IDIzLjVUMjQwLTQwMHEwIDMzIDIzLjUgNTYuNVQzMjAtMzIwWm0zNzYuNS0yMy41UTcyMC0zNjcgNzIwLTQwMHQtMjMuNS01Ni41UTY3My00ODAgNjQwLTQ4MHQtNTYuNSAyMy41UTU2MC00MzMgNTYwLTQwMHQyMy41IDU2LjVRNjA3LTMyMCA2NDAtMzIwdDU2LjUtMjMuNVptLTE2MC0yNDBRNTYwLTYwNyA1NjAtNjQwdC0yMy41LTU2LjVRNTEzLTcyMCA0ODAtNzIwdC01Ni41IDIzLjVRNDAwLTY3MyA0MDAtNjQwdDIzLjUgNTYuNVE0NDctNTYwIDQ4MC01NjB0NTYuNS0yMy41Wk00ODAtODBxLTgzIDAtMTU2LTMxLjVUMTk3LTE5N3EtNTQtNTQtODUuNS0xMjdUODAtNDgwcTAtODMgMzEuNS0xNTZUMTk3LTc2M3E1NC01NCAxMjctODUuNVQ0ODAtODgwcTgzIDAgMTU2IDMxLjVUNzYzLTc2M3E1NCA1NCA4NS41IDEyN1Q4ODAtNDgwcTAgODMtMzEuNSAxNTZUNzYzLTE5N3EtNTQgNTQtMTI3IDg1LjVUNDgwLTgwWm0wLTgwcTEzNCAwIDIyNy05M3Q5My0yMjdxMC0xMzQtOTMtMjI3dC0yMjctOTNxLTEzNCAwLTIyNyA5M3QtOTMgMjI3cTAgMTM0IDkzIDIyN3QyMjcgOTNabTAtMzIwWiIvPjwvc3ZnPg==");
  --icon-clippy-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik0yMDAtMTIwcS0zMyAwLTU2LjUtMjMuNVQxMjAtMjAwdi01NjBxMC0zMyAyMy41LTU2LjVUMjAwLTg0MGgxNjdxMTEtMzUgNDMtNTcuNXQ3MC0yMi41cTQwIDAgNzEuNSAyMi41VDU5NC04NDBoMTY2cTMzIDAgNTYuNSAyMy41VDg0MC03NjB2NTYwcTAgMzMtMjMuNSA1Ni41VDc2MC0xMjBIMjAwWm0wLTgwaDU2MHYtNTYwaC04MHY4MHEwIDE3LTExLjUgMjguNVQ2NDAtNjQwSDMyMHEtMTcgMC0yOC41LTExLjVUMjgwLTY4MHYtODBoLTgwdjU2MFptMzA4LjUtNTcxLjVRNTIwLTc4MyA1MjAtODAwdC0xMS41LTI4LjVRNDk3LTg0MCA0ODAtODQwdC0yOC41IDExLjVRNDQwLTgxNyA0NDAtODAwdDExLjUgMjguNVE0NjMtNzYwIDQ4MC03NjB0MjguNS0xMS41WiIvPjwvc3ZnPg==");
  --icon-clippy-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0yMDAtMTIwcS0zMyAwLTU2LjUtMjMuNVQxMjAtMjAwdi01NjBxMC0zMyAyMy41LTU2LjVUMjAwLTg0MGgxNjdxMTEtMzUgNDMtNTcuNXQ3MC0yMi41cTQwIDAgNzEuNSAyMi41VDU5NC04NDBoMTY2cTMzIDAgNTYuNSAyMy41VDg0MC03NjB2NTYwcTAgMzMtMjMuNSA1Ni41VDc2MC0xMjBIMjAwWm0wLTgwaDU2MHYtNTYwaC04MHY4MHEwIDE3LTExLjUgMjguNVQ2NDAtNjQwSDMyMHEtMTcgMC0yOC41LTExLjVUMjgwLTY4MHYtODBoLTgwdjU2MFptMzA4LjUtNTcxLjVRNTIwLTc4MyA1MjAtODAwdC0xMS41LTI4LjVRNDk3LTg0MCA0ODAtODQwdC0yOC41IDExLjVRNDQwLTgxNyA0NDAtODAwdDExLjUgMjguNVE0NjMtNzYwIDQ4MC03NjB0MjguNS0xMS41WiIvPjwvc3ZnPg==");
  --icon-close-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik00ODAtNDI0IDI4NC0yMjhxLTExIDExLTI4IDExdC0yOC0xMXEtMTEtMTEtMTEtMjh0MTEtMjhsMTk2LTE5Ni0xOTYtMTk2cS0xMS0xMS0xMS0yOHQxMS0yOHExMS0xMSAyOC0xMXQyOCAxMWwxOTYgMTk2IDE5Ni0xOTZxMTEtMTEgMjgtMTF0MjggMTFxMTEgMTEgMTEgMjh0LTExIDI4TDUzNi00ODBsMTk2IDE5NnExMSAxMSAxMSAyOHQtMTEgMjhxLTExIDExLTI4IDExdC0yOC0xMUw0ODAtNDI0WiIvPjwvc3ZnPg==");
  --icon-close-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik00ODAtNDI0IDI4NC0yMjhxLTExIDExLTI4IDExdC0yOC0xMXEtMTEtMTEtMTEtMjh0MTEtMjhsMTk2LTE5Ni0xOTYtMTk2cS0xMS0xMS0xMS0yOHQxMS0yOHExMS0xMSAyOC0xMXQyOCAxMWwxOTYgMTk2IDE5Ni0xOTZxMTEtMTEgMjgtMTF0MjggMTFxMTEgMTEgMTEgMjh0LTExIDI4TDUzNi00ODBsMTk2IDE5NnExMSAxMSAxMSAyOHQtMTEgMjhxLTExIDExLTI4IDExdC0yOC0xMUw0ODAtNDI0WiIvPjwvc3ZnPg==");
  --icon-comment-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik0yODAtNDAwaDQwMHExNyAwIDI4LjUtMTEuNVQ3MjAtNDQwcTAtMTctMTEuNS0yOC41VDY4MC00ODBIMjgwcS0xNyAwLTI4LjUgMTEuNVQyNDAtNDQwcTAgMTcgMTEuNSAyOC41VDI4MC00MDBabTAtMTIwaDQwMHExNyAwIDI4LjUtMTEuNVQ3MjAtNTYwcTAtMTctMTEuNS0yOC41VDY4MC02MDBIMjgwcS0xNyAwLTI4LjUgMTEuNVQyNDAtNTYwcTAgMTcgMTEuNSAyOC41VDI4MC01MjBabTAtMTIwaDQwMHExNyAwIDI4LjUtMTEuNVQ3MjAtNjgwcTAtMTctMTEuNS0yOC41VDY4MC03MjBIMjgwcS0xNyAwLTI4LjUgMTEuNVQyNDAtNjgwcTAgMTcgMTEuNSAyOC41VDI4MC02NDBaTTE2MC0yNDBxLTMzIDAtNTYuNS0yMy41VDgwLTMyMHYtNDgwcTAtMzMgMjMuNS01Ni41VDE2MC04ODBoNjQwcTMzIDAgNTYuNSAyMy41VDg4MC04MDB2NjIzcTAgMjctMjQuNSAzNy41VDgxMi0xNDhsLTkyLTkySDE2MFptNTk0LTgwIDQ2IDQ1di01MjVIMTYwdjQ4MGg1OTRabS01OTQgMHYtNDgwIDQ4MFoiLz48L3N2Zz4=");
  --icon-comment-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0yODAtNDAwaDQwMHExNyAwIDI4LjUtMTEuNVQ3MjAtNDQwcTAtMTctMTEuNS0yOC41VDY4MC00ODBIMjgwcS0xNyAwLTI4LjUgMTEuNVQyNDAtNDQwcTAgMTcgMTEuNSAyOC41VDI4MC00MDBabTAtMTIwaDQwMHExNyAwIDI4LjUtMTEuNVQ3MjAtNTYwcTAtMTctMTEuNS0yOC41VDY4MC02MDBIMjgwcS0xNyAwLTI4LjUgMTEuNVQyNDAtNTYwcTAgMTcgMTEuNSAyOC41VDI4MC01MjBabTAtMTIwaDQwMHExNyAwIDI4LjUtMTEuNVQ3MjAtNjgwcTAtMTctMTEuNS0yOC41VDY4MC03MjBIMjgwcS0xNyAwLTI4LjUgMTEuNVQyNDAtNjgwcTAgMTcgMTEuNSAyOC41VDI4MC02NDBaTTE2MC0yNDBxLTMzIDAtNTYuNS0yMy41VDgwLTMyMHYtNDgwcTAtMzMgMjMuNS01Ni41VDE2MC04ODBoNjQwcTMzIDAgNTYuNSAyMy41VDg4MC04MDB2NjIzcTAgMjctMjQuNSAzNy41VDgxMi0xNDhsLTkyLTkySDE2MFptNTk0LTgwIDQ2IDQ1di01MjVIMTYwdjQ4MGg1OTRabS01OTQgMHYtNDgwIDQ4MFoiLz48L3N2Zz4=");
  --icon-confirm-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Im00MjQtNDA4LTg2LTg2cS0xMS0xMS0yOC0xMXQtMjggMTFxLTExIDExLTExIDI4dDExIDI4bDExNCAxMTRxMTIgMTIgMjggMTJ0MjgtMTJsMjI2LTIyNnExMS0xMSAxMS0yOHQtMTEtMjhxLTExLTExLTI4LTExdC0yOCAxMUw0MjQtNDA4Wm01NiAzMjhxLTgzIDAtMTU2LTMxLjVUMTk3LTE5N3EtNTQtNTQtODUuNS0xMjdUODAtNDgwcTAtODMgMzEuNS0xNTZUMTk3LTc2M3E1NC01NCAxMjctODUuNVQ0ODAtODgwcTgzIDAgMTU2IDMxLjVUNzYzLTc2M3E1NCA1NCA4NS41IDEyN1Q4ODAtNDgwcTAgODMtMzEuNSAxNTZUNzYzLTE5N3EtNTQgNTQtMTI3IDg1LjVUNDgwLTgwWm0wLTgwcTEzNCAwIDIyNy05M3Q5My0yMjdxMC0xMzQtOTMtMjI3dC0yMjctOTNxLTEzNCAwLTIyNyA5M3QtOTMgMjI3cTAgMTM0IDkzIDIyN3QyMjcgOTNabTAtMzIwWiIvPjwvc3ZnPg==");
  --icon-confirm-fade-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Im00MjQtNDA4LTg2LTg2cS0xMS0xMS0yOC0xMXQtMjggMTFxLTExIDExLTExIDI4dDExIDI4bDExNCAxMTRxMTIgMTIgMjggMTJ0MjgtMTJsMjI2LTIyNnExMS0xMSAxMS0yOHQtMTEtMjhxLTExLTExLTI4LTExdC0yOCAxMUw0MjQtNDA4Wm01NiAzMjhxLTgzIDAtMTU2LTMxLjVUMTk3LTE5N3EtNTQtNTQtODUuNS0xMjdUODAtNDgwcTAtODMgMzEuNS0xNTZUMTk3LTc2M3E1NC01NCAxMjctODUuNVQ0ODAtODgwcTgzIDAgMTU2IDMxLjVUNzYzLTc2M3E1NCA1NCA4NS41IDEyN1Q4ODAtNDgwcTAgODMtMzEuNSAxNTZUNzYzLTE5N3EtNTQgNTQtMTI3IDg1LjVUNDgwLTgwWm0wLTgwcTEzNCAwIDIyNy05M3Q5My0yMjdxMC0xMzQtOTMtMjI3dC0yMjctOTNxLTEzNCAwLTIyNyA5M3QtOTMgMjI3cTAgMTM0IDkzIDIyN3QyMjcgOTNabTAtMzIwWiIvPjwvc3ZnPg==");
  --icon-confirm-fade-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Im00MjQtNDA4LTg2LTg2cS0xMS0xMS0yOC0xMXQtMjggMTFxLTExIDExLTExIDI4dDExIDI4bDExNCAxMTRxMTIgMTIgMjggMTJ0MjgtMTJsMjI2LTIyNnExMS0xMSAxMS0yOHQtMTEtMjhxLTExLTExLTI4LTExdC0yOCAxMUw0MjQtNDA4Wm01NiAzMjhxLTgzIDAtMTU2LTMxLjVUMTk3LTE5N3EtNTQtNTQtODUuNS0xMjdUODAtNDgwcTAtODMgMzEuNS0xNTZUMTk3LTc2M3E1NC01NCAxMjctODUuNVQ0ODAtODgwcTgzIDAgMTU2IDMxLjVUNzYzLTc2M3E1NCA1NCA4NS41IDEyN1Q4ODAtNDgwcTAgODMtMzEuNSAxNTZUNzYzLTE5N3EtNTQgNTQtMTI3IDg1LjVUNDgwLTgwWm0wLTgwcTEzNCAwIDIyNy05M3Q5My0yMjdxMC0xMzQtOTMtMjI3dC0yMjctOTNxLTEzNCAwLTIyNyA5M3QtOTMgMjI3cTAgMTM0IDkzIDIyN3QyMjcgOTNabTAtMzIwWiIvPjwvc3ZnPg==");
  --icon-confirm-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Im00MjQtNDA4LTg2LTg2cS0xMS0xMS0yOC0xMXQtMjggMTFxLTExIDExLTExIDI4dDExIDI4bDExNCAxMTRxMTIgMTIgMjggMTJ0MjgtMTJsMjI2LTIyNnExMS0xMSAxMS0yOHQtMTEtMjhxLTExLTExLTI4LTExdC0yOCAxMUw0MjQtNDA4Wm01NiAzMjhxLTgzIDAtMTU2LTMxLjVUMTk3LTE5N3EtNTQtNTQtODUuNS0xMjdUODAtNDgwcTAtODMgMzEuNS0xNTZUMTk3LTc2M3E1NC01NCAxMjctODUuNVQ0ODAtODgwcTgzIDAgMTU2IDMxLjVUNzYzLTc2M3E1NCA1NCA4NS41IDEyN1Q4ODAtNDgwcTAgODMtMzEuNSAxNTZUNzYzLTE5N3EtNTQgNTQtMTI3IDg1LjVUNDgwLTgwWm0wLTgwcTEzNCAwIDIyNy05M3Q5My0yMjdxMC0xMzQtOTMtMjI3dC0yMjctOTNxLTEzNCAwLTIyNyA5M3QtOTMgMjI3cTAgMTM0IDkzIDIyN3QyMjcgOTNabTAtMzIwWiIvPjwvc3ZnPg==");
  --icon-contacts-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik0yMDAtNDBxLTE3IDAtMjguNS0xMS41VDE2MC04MHEwLTE3IDExLjUtMjguNVQyMDAtMTIwaDU2MHExNyAwIDI4LjUgMTEuNVQ4MDAtODBxMCAxNy0xMS41IDI4LjVUNzYwLTQwSDIwMFptMC04MDBxLTE3IDAtMjguNS0xMS41VDE2MC04ODBxMC0xNyAxMS41LTI4LjVUMjAwLTkyMGg1NjBxMTcgMCAyOC41IDExLjVUODAwLTg4MHEwIDE3LTExLjUgMjguNVQ3NjAtODQwSDIwMFptMjgwIDQwMHE1MCAwIDg1LTM1dDM1LTg1cTAtNTAtMzUtODV0LTg1LTM1cS01MCAwLTg1IDM1dC0zNSA4NXEwIDUwIDM1IDg1dDg1IDM1Wk0xNjAtMTYwcS0zMyAwLTU2LjUtMjMuNVQ4MC0yNDB2LTQ4MHEwLTMzIDIzLjUtNTYuNVQxNjAtODAwaDY0MHEzMyAwIDU2LjUgMjMuNVQ4ODAtNzIwdjQ4MHEwIDMzLTIzLjUgNTYuNVQ4MDAtMTYwSDE2MFptNzAtODBxNDUtNTYgMTA5LTg4dDE0MS0zMnE3NyAwIDE0MSAzMnQxMDkgODhoNzB2LTQ4MEgxNjB2NDgwaDcwWm0xMTggMGgyNjRxLTI5LTIwLTYyLjUtMzBUNDgwLTI4MHEtMzYgMC02OS41IDEwVDM0OC0yNDBabTEwMy41LTI5MS41UTQ0MC01NDMgNDQwLTU2MHQxMS41LTI4LjVRNDYzLTYwMCA0ODAtNjAwdDI4LjUgMTEuNVE1MjAtNTc3IDUyMC01NjB0LTExLjUgMjguNVE0OTctNTIwIDQ4MC01MjB0LTI4LjUtMTEuNVpNNDgwLTQ4MFoiLz48L3N2Zz4=");
  --icon-contacts-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0yMDAtNDBxLTE3IDAtMjguNS0xMS41VDE2MC04MHEwLTE3IDExLjUtMjguNVQyMDAtMTIwaDU2MHExNyAwIDI4LjUgMTEuNVQ4MDAtODBxMCAxNy0xMS41IDI4LjVUNzYwLTQwSDIwMFptMC04MDBxLTE3IDAtMjguNS0xMS41VDE2MC04ODBxMC0xNyAxMS41LTI4LjVUMjAwLTkyMGg1NjBxMTcgMCAyOC41IDExLjVUODAwLTg4MHEwIDE3LTExLjUgMjguNVQ3NjAtODQwSDIwMFptMjgwIDQwMHE1MCAwIDg1LTM1dDM1LTg1cTAtNTAtMzUtODV0LTg1LTM1cS01MCAwLTg1IDM1dC0zNSA4NXEwIDUwIDM1IDg1dDg1IDM1Wk0xNjAtMTYwcS0zMyAwLTU2LjUtMjMuNVQ4MC0yNDB2LTQ4MHEwLTMzIDIzLjUtNTYuNVQxNjAtODAwaDY0MHEzMyAwIDU2LjUgMjMuNVQ4ODAtNzIwdjQ4MHEwIDMzLTIzLjUgNTYuNVQ4MDAtMTYwSDE2MFptNzAtODBxNDUtNTYgMTA5LTg4dDE0MS0zMnE3NyAwIDE0MSAzMnQxMDkgODhoNzB2LTQ4MEgxNjB2NDgwaDcwWm0xMTggMGgyNjRxLTI5LTIwLTYyLjUtMzBUNDgwLTI4MHEtMzYgMC02OS41IDEwVDM0OC0yNDBabTEwMy41LTI5MS41UTQ0MC01NDMgNDQwLTU2MHQxMS41LTI4LjVRNDYzLTYwMCA0ODAtNjAwdDI4LjUgMTEuNVE1MjAtNTc3IDUyMC01NjB0LTExLjUgMjguNVE0OTctNTIwIDQ4MC01MjB0LTI4LjUtMTEuNVpNNDgwLTQ4MFoiLz48L3N2Zz4=");
  --icon-delete-color-red: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNkMzJmMmYiIGQ9Ik0yODAtMTIwcS0zMyAwLTU2LjUtMjMuNVQyMDAtMjAwdi01MjBxLTE3IDAtMjguNS0xMS41VDE2MC03NjBxMC0xNyAxMS41LTI4LjVUMjAwLTgwMGgxNjBxMC0xNyAxMS41LTI4LjVUNDAwLTg0MGgxNjBxMTcgMCAyOC41IDExLjVUNjAwLTgwMGgxNjBxMTcgMCAyOC41IDExLjVUODAwLTc2MHEwIDE3LTExLjUgMjguNVQ3NjAtNzIwdjUyMHEwIDMzLTIzLjUgNTYuNVQ2ODAtMTIwSDI4MFptNDAwLTYwMEgyODB2NTIwaDQwMHYtNTIwWk00MjguNS0yOTEuNVE0NDAtMzAzIDQ0MC0zMjB2LTI4MHEwLTE3LTExLjUtMjguNVQ0MDAtNjQwcS0xNyAwLTI4LjUgMTEuNVQzNjAtNjAwdjI4MHEwIDE3IDExLjUgMjguNVQ0MDAtMjgwcTE3IDAgMjguNS0xMS41Wm0xNjAgMFE2MDAtMzAzIDYwMC0zMjB2LTI4MHEwLTE3LTExLjUtMjguNVQ1NjAtNjQwcS0xNyAwLTI4LjUgMTEuNVQ1MjAtNjAwdjI4MHEwIDE3IDExLjUgMjguNVQ1NjAtMjgwcTE3IDAgMjguNS0xMS41Wk0yODAtNzIwdjUyMC01MjBaIi8+PC9zdmc+");
  --icon-delete-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik0yODAtMTIwcS0zMyAwLTU2LjUtMjMuNVQyMDAtMjAwdi01MjBxLTE3IDAtMjguNS0xMS41VDE2MC03NjBxMC0xNyAxMS41LTI4LjVUMjAwLTgwMGgxNjBxMC0xNyAxMS41LTI4LjVUNDAwLTg0MGgxNjBxMTcgMCAyOC41IDExLjVUNjAwLTgwMGgxNjBxMTcgMCAyOC41IDExLjVUODAwLTc2MHEwIDE3LTExLjUgMjguNVQ3NjAtNzIwdjUyMHEwIDMzLTIzLjUgNTYuNVQ2ODAtMTIwSDI4MFptNDAwLTYwMEgyODB2NTIwaDQwMHYtNTIwWk00MjguNS0yOTEuNVE0NDAtMzAzIDQ0MC0zMjB2LTI4MHEwLTE3LTExLjUtMjguNVQ0MDAtNjQwcS0xNyAwLTI4LjUgMTEuNVQzNjAtNjAwdjI4MHEwIDE3IDExLjUgMjguNVQ0MDAtMjgwcTE3IDAgMjguNS0xMS41Wm0xNjAgMFE2MDAtMzAzIDYwMC0zMjB2LTI4MHEwLTE3LTExLjUtMjguNVQ1NjAtNjQwcS0xNyAwLTI4LjUgMTEuNVQ1MjAtNjAwdjI4MHEwIDE3IDExLjUgMjguNVQ1NjAtMjgwcTE3IDAgMjguNS0xMS41Wk0yODAtNzIwdjUyMC01MjBaIi8+PC9zdmc+");
  --icon-delete-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0yODAtMTIwcS0zMyAwLTU2LjUtMjMuNVQyMDAtMjAwdi01MjBxLTE3IDAtMjguNS0xMS41VDE2MC03NjBxMC0xNyAxMS41LTI4LjVUMjAwLTgwMGgxNjBxMC0xNyAxMS41LTI4LjVUNDAwLTg0MGgxNjBxMTcgMCAyOC41IDExLjVUNjAwLTgwMGgxNjBxMTcgMCAyOC41IDExLjVUODAwLTc2MHEwIDE3LTExLjUgMjguNVQ3NjAtNzIwdjUyMHEwIDMzLTIzLjUgNTYuNVQ2ODAtMTIwSDI4MFptNDAwLTYwMEgyODB2NTIwaDQwMHYtNTIwWk00MjguNS0yOTEuNVE0NDAtMzAzIDQ0MC0zMjB2LTI4MHEwLTE3LTExLjUtMjguNVQ0MDAtNjQwcS0xNyAwLTI4LjUgMTEuNVQzNjAtNjAwdjI4MHEwIDE3IDExLjUgMjguNVQ0MDAtMjgwcTE3IDAgMjguNS0xMS41Wm0xNjAgMFE2MDAtMzAzIDYwMC0zMjB2LTI4MHEwLTE3LTExLjUtMjguNVQ1NjAtNjQwcS0xNyAwLTI4LjUgMTEuNVQ1MjAtNjAwdjI4MHEwIDE3IDExLjUgMjguNVQ1NjAtMjgwcTE3IDAgMjguNS0xMS41Wk0yODAtNzIwdjUyMC01MjBaIi8+PC9zdmc+");
  --icon-desktop-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik00MDAtMjAwdi04MEgxNjBxLTMzIDAtNTYuNS0yMy41VDgwLTM2MHYtNDAwcTAtMzMgMjMuNS01Ni41VDE2MC04NDBoNjQwcTMzIDAgNTYuNSAyMy41VDg4MC03NjB2NDAwcTAgMzMtMjMuNSA1Ni41VDgwMC0yODBINTYwdjgwaDQwcTE3IDAgMjguNSAxMS41VDY0MC0xNjBxMCAxNy0xMS41IDI4LjVUNjAwLTEyMEgzNjBxLTE3IDAtMjguNS0xMS41VDMyMC0xNjBxMC0xNyAxMS41LTI4LjVUMzYwLTIwMGg0MFpNMTYwLTM2MGg2NDB2LTQwMEgxNjB2NDAwWm0wIDB2LTQwMCA0MDBaIi8+PC9zdmc+");
  --icon-desktop-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik00MDAtMjAwdi04MEgxNjBxLTMzIDAtNTYuNS0yMy41VDgwLTM2MHYtNDAwcTAtMzMgMjMuNS01Ni41VDE2MC04NDBoNjQwcTMzIDAgNTYuNSAyMy41VDg4MC03NjB2NDAwcTAgMzMtMjMuNSA1Ni41VDgwMC0yODBINTYwdjgwaDQwcTE3IDAgMjguNSAxMS41VDY0MC0xNjBxMCAxNy0xMS41IDI4LjVUNjAwLTEyMEgzNjBxLTE3IDAtMjguNS0xMS41VDMyMC0xNjBxMC0xNyAxMS41LTI4LjVUMzYwLTIwMGg0MFpNMTYwLTM2MGg2NDB2LTQwMEgxNjB2NDAwWm0wIDB2LTQwMCA0MDBaIi8+PC9zdmc+");
  --icon-details-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik01MDguNS0yOTEuNVE1MjAtMzAzIDUyMC0zMjB2LTE2MHEwLTE3LTExLjUtMjguNVQ0ODAtNTIwcS0xNyAwLTI4LjUgMTEuNVQ0NDAtNDgwdjE2MHEwIDE3IDExLjUgMjguNVQ0ODAtMjgwcTE3IDAgMjguNS0xMS41Wm0wLTMyMFE1MjAtNjIzIDUyMC02NDB0LTExLjUtMjguNVE0OTctNjgwIDQ4MC02ODB0LTI4LjUgMTEuNVE0NDAtNjU3IDQ0MC02NDB0MTEuNSAyOC41UTQ2My02MDAgNDgwLTYwMHQyOC41LTExLjVaTTQ4MC04MHEtODMgMC0xNTYtMzEuNVQxOTctMTk3cS01NC01NC04NS41LTEyN1Q4MC00ODBxMC04MyAzMS41LTE1NlQxOTctNzYzcTU0LTU0IDEyNy04NS41VDQ4MC04ODBxODMgMCAxNTYgMzEuNVQ3NjMtNzYzcTU0IDU0IDg1LjUgMTI3VDg4MC00ODBxMCA4My0zMS41IDE1NlQ3NjMtMTk3cS01NCA1NC0xMjcgODUuNVQ0ODAtODBabTAtODBxMTM0IDAgMjI3LTkzdDkzLTIyN3EwLTEzNC05My0yMjd0LTIyNy05M3EtMTM0IDAtMjI3IDkzdC05MyAyMjdxMCAxMzQgOTMgMjI3dDIyNyA5M1ptMC0zMjBaIi8+PC9zdmc+");
  --icon-details-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik01MDguNS0yOTEuNVE1MjAtMzAzIDUyMC0zMjB2LTE2MHEwLTE3LTExLjUtMjguNVQ0ODAtNTIwcS0xNyAwLTI4LjUgMTEuNVQ0NDAtNDgwdjE2MHEwIDE3IDExLjUgMjguNVQ0ODAtMjgwcTE3IDAgMjguNS0xMS41Wm0wLTMyMFE1MjAtNjIzIDUyMC02NDB0LTExLjUtMjguNVE0OTctNjgwIDQ4MC02ODB0LTI4LjUgMTEuNVE0NDAtNjU3IDQ0MC02NDB0MTEuNSAyOC41UTQ2My02MDAgNDgwLTYwMHQyOC41LTExLjVaTTQ4MC04MHEtODMgMC0xNTYtMzEuNVQxOTctMTk3cS01NC01NC04NS41LTEyN1Q4MC00ODBxMC04MyAzMS41LTE1NlQxOTctNzYzcTU0LTU0IDEyNy04NS41VDQ4MC04ODBxODMgMCAxNTYgMzEuNVQ3NjMtNzYzcTU0IDU0IDg1LjUgMTI3VDg4MC00ODBxMCA4My0zMS41IDE1NlQ3NjMtMTk3cS01NCA1NC0xMjcgODUuNVQ0ODAtODBabTAtODBxMTM0IDAgMjI3LTkzdDkzLTIyN3EwLTEzNC05My0yMjd0LTIyNy05M3EtMTM0IDAtMjI3IDkzdC05MyAyMjdxMCAxMzQgOTMgMjI3dDIyNyA5M1ptMC0zMjBaIi8+PC9zdmc+");
  --icon-disabled-user-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Im03NjMtODQtNzctNzZIMjQwcS0zMyAwLTU2LjUtMjMuNVQxNjAtMjQwdi0zMnEwLTM0IDE3LjUtNjIuNVQyMjQtMzc4cTQ1LTIzIDkxLjUtMzd0OTQuNS0yMUw4My03NjNxLTEyLTEyLTExLjUtMjguNVQ4NC04MjBxMTItMTIgMjguNS0xMnQyOC41IDEybDY3OSA2ODBxMTIgMTIgMTIgMjh0LTEyIDI4cS0xMiAxMi0yOC41IDEyVDc2My04NFpNMjQwLTI0MGgzNjZMNDg2LTM2MGgtNnEtNTYgMC0xMTEgMTMuNVQyNjAtMzA2cS05IDUtMTQuNSAxNHQtNS41IDIwdjMyWm00OTYtMTM4cTI5IDE0IDQ2IDQyLjV0MTggNjEuNUw2NjYtNDA4cTE4IDcgMzUuNSAxNHQzNC41IDE2Wk01NjgtNTA2bC01OS01OXEyMy05IDM3LTI5LjV0MTQtNDUuNXEwLTMzLTIzLjUtNTYuNVQ0ODAtNzIwcS0yNSAwLTQ1LjUgMTRUNDA1LTY2OWwtNTktNTlxMjMtMzQgNTgtNTN0NzYtMTlxNjYgMCAxMTMgNDd0NDcgMTEzcTAgNDEtMTkgNzZ0LTUzIDU4Wm0zOCAyNjZIMjQwaDM2NlpNNDU3LTYxN1oiLz48L3N2Zz4=");
  --icon-disabled-users-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik03OTEtNTcgNjIzLTIyNGg1N3EwIDI2LTE5IDQ1dC00NSAxOUgxMjBxLTMzIDAtNTYuNS0yMy41VDQwLTI0MHYtMzJxMC0zNCAxNy41LTYyLjVUMTA0LTM3OHE2Mi0zMSAxMjYtNDYuNVQzNjAtNDQwcTEyIDAgMjQuNS41VDQwOS00MzhsLTQyLTQyaC03cS02NiAwLTExMy00N3QtNDctMTEzdi03TDU1LTc5MnEtMTItMTItMTItMjguNVQ1NS04NDlxMTItMTIgMjguNS0xMnQyOC41IDEybDczNiA3MzZxMTIgMTIgMTIgMjh0LTEyIDI4cS0xMiAxMi0yOC41IDEyVDc5MS01N1pNNjY2LTQzNHE1MSA2IDk2IDIwLjV0ODQgMzUuNXEzNiAyMCA1NSA0NC41dDE5IDUzLjV2MTIwaC01TDc1NS0zMjBxLTktMzMtMzEuNS02Mi41VDY2Ni00MzRabS0zMDYgNzRxLTU2IDAtMTExIDEzLjVUMTQwLTMwNnEtOSA1LTE0LjUgMTR0LTUuNSAyMHYzMmg0ODB2LTdsLTg3LTg3cS0zOC0xMy03Ni41LTE5LjVUMzYwLTM2MFptMjAyLTE1M3ExOS0yOCAyOC41LTYwdDkuNS02N3EwLTQyLTE0LjUtODFUNTQ0LTc5MnExNC01IDI4LTYuNXQyOC0xLjVxNjYgMCAxMTMgNDd0NDcgMTEzcTAgNjYtNDkuNSAxMTNUNTk1LTQ4MGwtMzMtMzNabS01OC01OC02NC02NHYtNXEwLTMzLTIzLjUtNTYuNVQzNjAtNzIwaC01bC02NC02NHExNi04IDMzLTEydDM2LTRxNjYgMCAxMTMgNDd0NDcgMTEzcTAgMTktNCAzNnQtMTIgMzNaTTM2NS0yNDBabTMzLTQzOFoiLz48L3N2Zz4=");
  --icon-disabled-users-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik03OTEtNTcgNjIzLTIyNGg1N3EwIDI2LTE5IDQ1dC00NSAxOUgxMjBxLTMzIDAtNTYuNS0yMy41VDQwLTI0MHYtMzJxMC0zNCAxNy41LTYyLjVUMTA0LTM3OHE2Mi0zMSAxMjYtNDYuNVQzNjAtNDQwcTEyIDAgMjQuNS41VDQwOS00MzhsLTQyLTQyaC03cS02NiAwLTExMy00N3QtNDctMTEzdi03TDU1LTc5MnEtMTItMTItMTItMjguNVQ1NS04NDlxMTItMTIgMjguNS0xMnQyOC41IDEybDczNiA3MzZxMTIgMTIgMTIgMjh0LTEyIDI4cS0xMiAxMi0yOC41IDEyVDc5MS01N1pNNjY2LTQzNHE1MSA2IDk2IDIwLjV0ODQgMzUuNXEzNiAyMCA1NSA0NC41dDE5IDUzLjV2MTIwaC01TDc1NS0zMjBxLTktMzMtMzEuNS02Mi41VDY2Ni00MzRabS0zMDYgNzRxLTU2IDAtMTExIDEzLjVUMTQwLTMwNnEtOSA1LTE0LjUgMTR0LTUuNSAyMHYzMmg0ODB2LTdsLTg3LTg3cS0zOC0xMy03Ni41LTE5LjVUMzYwLTM2MFptMjAyLTE1M3ExOS0yOCAyOC41LTYwdDkuNS02N3EwLTQyLTE0LjUtODFUNTQ0LTc5MnExNC01IDI4LTYuNXQyOC0xLjVxNjYgMCAxMTMgNDd0NDcgMTEzcTAgNjYtNDkuNSAxMTNUNTk1LTQ4MGwtMzMtMzNabS01OC01OC02NC02NHYtNXEwLTMzLTIzLjUtNTYuNVQzNjAtNzIwaC01bC02NC02NHExNi04IDMzLTEydDM2LTRxNjYgMCAxMTMgNDd0NDcgMTEzcTAgMTktNCAzNnQtMTIgMzNaTTM2NS0yNDBabTMzLTQzOFoiLz48L3N2Zz4=");
  --icon-disabled-user-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Im03NjMtODQtNzctNzZIMjQwcS0zMyAwLTU2LjUtMjMuNVQxNjAtMjQwdi0zMnEwLTM0IDE3LjUtNjIuNVQyMjQtMzc4cTQ1LTIzIDkxLjUtMzd0OTQuNS0yMUw4My03NjNxLTEyLTEyLTExLjUtMjguNVQ4NC04MjBxMTItMTIgMjguNS0xMnQyOC41IDEybDY3OSA2ODBxMTIgMTIgMTIgMjh0LTEyIDI4cS0xMiAxMi0yOC41IDEyVDc2My04NFpNMjQwLTI0MGgzNjZMNDg2LTM2MGgtNnEtNTYgMC0xMTEgMTMuNVQyNjAtMzA2cS05IDUtMTQuNSAxNHQtNS41IDIwdjMyWm00OTYtMTM4cTI5IDE0IDQ2IDQyLjV0MTggNjEuNUw2NjYtNDA4cTE4IDcgMzUuNSAxNHQzNC41IDE2Wk01NjgtNTA2bC01OS01OXEyMy05IDM3LTI5LjV0MTQtNDUuNXEwLTMzLTIzLjUtNTYuNVQ0ODAtNzIwcS0yNSAwLTQ1LjUgMTRUNDA1LTY2OWwtNTktNTlxMjMtMzQgNTgtNTN0NzYtMTlxNjYgMCAxMTMgNDd0NDcgMTEzcTAgNDEtMTkgNzZ0LTUzIDU4Wm0zOCAyNjZIMjQwaDM2NlpNNDU3LTYxN1oiLz48L3N2Zz4=");
  --icon-download-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik00NjUtMzM5LjVxLTctMi41LTEzLTguNUwzMDgtNDkycS0xMi0xMi0xMS41LTI4dDExLjUtMjhxMTItMTIgMjguNS0xMi41VDM2NS01NDlsNzUgNzV2LTI4NnEwLTE3IDExLjUtMjguNVQ0ODAtODAwcTE3IDAgMjguNSAxMS41VDUyMC03NjB2Mjg2bDc1LTc1cTEyLTEyIDI4LjUtMTEuNVQ2NTItNTQ4cTExIDEyIDExLjUgMjhUNjUyLTQ5Mkw1MDgtMzQ4cS02IDYtMTMgOC41dC0xNSAyLjVxLTggMC0xNS0yLjVaTTI0MC0xNjBxLTMzIDAtNTYuNS0yMy41VDE2MC0yNDB2LTgwcTAtMTcgMTEuNS0yOC41VDIwMC0zNjBxMTcgMCAyOC41IDExLjVUMjQwLTMyMHY4MGg0ODB2LTgwcTAtMTcgMTEuNS0yOC41VDc2MC0zNjBxMTcgMCAyOC41IDExLjVUODAwLTMyMHY4MHEwIDMzLTIzLjUgNTYuNVQ3MjAtMTYwSDI0MFoiLz48L3N2Zz4=");
  --icon-download-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik00NjUtMzM5LjVxLTctMi41LTEzLTguNUwzMDgtNDkycS0xMi0xMi0xMS41LTI4dDExLjUtMjhxMTItMTIgMjguNS0xMi41VDM2NS01NDlsNzUgNzV2LTI4NnEwLTE3IDExLjUtMjguNVQ0ODAtODAwcTE3IDAgMjguNSAxMS41VDUyMC03NjB2Mjg2bDc1LTc1cTEyLTEyIDI4LjUtMTEuNVQ2NTItNTQ4cTExIDEyIDExLjUgMjhUNjUyLTQ5Mkw1MDgtMzQ4cS02IDYtMTMgOC41dC0xNSAyLjVxLTggMC0xNS0yLjVaTTI0MC0xNjBxLTMzIDAtNTYuNS0yMy41VDE2MC0yNDB2LTgwcTAtMTcgMTEuNS0yOC41VDIwMC0zNjBxMTcgMCAyOC41IDExLjVUMjQwLTMyMHY4MGg0ODB2LTgwcTAtMTcgMTEuNS0yOC41VDc2MC0zNjBxMTcgMCAyOC41IDExLjVUODAwLTMyMHY4MHEwIDMzLTIzLjUgNTYuNVQ3MjAtMTYwSDI0MFoiLz48L3N2Zz4=");
  --icon-edit-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik0yMDAtMjAwaDU3bDM5MS0zOTEtNTctNTctMzkxIDM5MXY1N1ptLTQwIDgwcS0xNyAwLTI4LjUtMTEuNVQxMjAtMTYwdi05N3EwLTE2IDYtMzAuNXQxNy0yNS41bDUwNS01MDRxMTItMTEgMjYuNS0xN3QzMC41LTZxMTYgMCAzMSA2dDI2IDE4bDU1IDU2cTEyIDExIDE3LjUgMjZ0NS41IDMwcTAgMTYtNS41IDMwLjVUODE3LTY0N0wzMTMtMTQzcS0xMSAxMS0yNS41IDE3dC0zMC41IDZoLTk3Wm02MDAtNTg0LTU2LTU2IDU2IDU2Wm0tMTQxIDg1LTI4LTI5IDU3IDU3LTI5LTI4WiIvPjwvc3ZnPg==");
  --icon-edit-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0yMDAtMjAwaDU3bDM5MS0zOTEtNTctNTctMzkxIDM5MXY1N1ptLTQwIDgwcS0xNyAwLTI4LjUtMTEuNVQxMjAtMTYwdi05N3EwLTE2IDYtMzAuNXQxNy0yNS41bDUwNS01MDRxMTItMTEgMjYuNS0xN3QzMC41LTZxMTYgMCAzMSA2dDI2IDE4bDU1IDU2cTEyIDExIDE3LjUgMjZ0NS41IDMwcTAgMTYtNS41IDMwLjVUODE3LTY0N0wzMTMtMTQzcS0xMSAxMS0yNS41IDE3dC0zMC41IDZoLTk3Wm02MDAtNTg0LTU2LTU2IDU2IDU2Wm0tMTQxIDg1LTI4LTI5IDU3IDU3LTI5LTI4WiIvPjwvc3ZnPg==");
  --icon-encryption-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik0yNDAtODBxLTMzIDAtNTYuNS0yMy41VDE2MC0xNjB2LTQwMHEwLTMzIDIzLjUtNTYuNVQyNDAtNjQwaDQwdi04MHEwLTgzIDU4LjUtMTQxLjVUNDgwLTkyMHE4MyAwIDE0MS41IDU4LjVUNjgwLTcyMHY4MGg0MHEzMyAwIDU2LjUgMjMuNVQ4MDAtNTYwdjQwMHEwIDMzLTIzLjUgNTYuNVQ3MjAtODBIMjQwWm0wLTgwaDQ4MHYtNDAwSDI0MHY0MDBabTI5Ni41LTE0My41UTU2MC0zMjcgNTYwLTM2MHQtMjMuNS01Ni41UTUxMy00NDAgNDgwLTQ0MHQtNTYuNSAyMy41UTQwMC0zOTMgNDAwLTM2MHQyMy41IDU2LjVRNDQ3LTI4MCA0ODAtMjgwdDU2LjUtMjMuNVpNMzYwLTY0MGgyNDB2LTgwcTAtNTAtMzUtODV0LTg1LTM1cS01MCAwLTg1IDM1dC0zNSA4NXY4MFpNMjQwLTE2MHYtNDAwIDQwMFoiLz48L3N2Zz4=");
  --icon-encryption-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0yNDAtODBxLTMzIDAtNTYuNS0yMy41VDE2MC0xNjB2LTQwMHEwLTMzIDIzLjUtNTYuNVQyNDAtNjQwaDQwdi04MHEwLTgzIDU4LjUtMTQxLjVUNDgwLTkyMHE4MyAwIDE0MS41IDU4LjVUNjgwLTcyMHY4MGg0MHEzMyAwIDU2LjUgMjMuNVQ4MDAtNTYwdjQwMHEwIDMzLTIzLjUgNTYuNVQ3MjAtODBIMjQwWm0wLTgwaDQ4MHYtNDAwSDI0MHY0MDBabTI5Ni41LTE0My41UTU2MC0zMjcgNTYwLTM2MHQtMjMuNS01Ni41UTUxMy00NDAgNDgwLTQ0MHQtNTYuNSAyMy41UTQwMC0zOTMgNDAwLTM2MHQyMy41IDU2LjVRNDQ3LTI4MCA0ODAtMjgwdDU2LjUtMjMuNVpNMzYwLTY0MGgyNDB2LTgwcTAtNTAtMzUtODV0LTg1LTM1cS01MCAwLTg1IDM1dC0zNSA4NXY4MFpNMjQwLTE2MHYtNDAwIDQwMFoiLz48L3N2Zz4=");
  --icon-error-color-red: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNkMzJmMmYiIGQ9Ik01MDguNS0yOTEuNVE1MjAtMzAzIDUyMC0zMjB0LTExLjUtMjguNVE0OTctMzYwIDQ4MC0zNjB0LTI4LjUgMTEuNVE0NDAtMzM3IDQ0MC0zMjB0MTEuNSAyOC41UTQ2My0yODAgNDgwLTI4MHQyOC41LTExLjVabTAtMTYwUTUyMC00NjMgNTIwLTQ4MHYtMTYwcTAtMTctMTEuNS0yOC41VDQ4MC02ODBxLTE3IDAtMjguNSAxMS41VDQ0MC02NDB2MTYwcTAgMTcgMTEuNSAyOC41VDQ4MC00NDBxMTcgMCAyOC41LTExLjVaTTQ4MC04MHEtODMgMC0xNTYtMzEuNVQxOTctMTk3cS01NC01NC04NS41LTEyN1Q4MC00ODBxMC04MyAzMS41LTE1NlQxOTctNzYzcTU0LTU0IDEyNy04NS41VDQ4MC04ODBxODMgMCAxNTYgMzEuNVQ3NjMtNzYzcTU0IDU0IDg1LjUgMTI3VDg4MC00ODBxMCA4My0zMS41IDE1NlQ3NjMtMTk3cS01NCA1NC0xMjcgODUuNVQ0ODAtODBabTAtODBxMTM0IDAgMjI3LTkzdDkzLTIyN3EwLTEzNC05My0yMjd0LTIyNy05M3EtMTM0IDAtMjI3IDkzdC05MyAyMjdxMCAxMzQgOTMgMjI3dDIyNyA5M1ptMC0zMjBaIi8+PC9zdmc+");
  --icon-error-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik01MDguNS0yOTEuNVE1MjAtMzAzIDUyMC0zMjB0LTExLjUtMjguNVE0OTctMzYwIDQ4MC0zNjB0LTI4LjUgMTEuNVE0NDAtMzM3IDQ0MC0zMjB0MTEuNSAyOC41UTQ2My0yODAgNDgwLTI4MHQyOC41LTExLjVabTAtMTYwUTUyMC00NjMgNTIwLTQ4MHYtMTYwcTAtMTctMTEuNS0yOC41VDQ4MC02ODBxLTE3IDAtMjguNSAxMS41VDQ0MC02NDB2MTYwcTAgMTcgMTEuNSAyOC41VDQ4MC00NDBxMTcgMCAyOC41LTExLjVaTTQ4MC04MHEtODMgMC0xNTYtMzEuNVQxOTctMTk3cS01NC01NC04NS41LTEyN1Q4MC00ODBxMC04MyAzMS41LTE1NlQxOTctNzYzcTU0LTU0IDEyNy04NS41VDQ4MC04ODBxODMgMCAxNTYgMzEuNVQ3NjMtNzYzcTU0IDU0IDg1LjUgMTI3VDg4MC00ODBxMCA4My0zMS41IDE1NlQ3NjMtMTk3cS01NCA1NC0xMjcgODUuNVQ0ODAtODBabTAtODBxMTM0IDAgMjI3LTkzdDkzLTIyN3EwLTEzNC05My0yMjd0LTIyNy05M3EtMTM0IDAtMjI3IDkzdC05MyAyMjdxMCAxMzQgOTMgMjI3dDIyNyA5M1ptMC0zMjBaIi8+PC9zdmc+");
  --icon-error-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik01MDguNS0yOTEuNVE1MjAtMzAzIDUyMC0zMjB0LTExLjUtMjguNVE0OTctMzYwIDQ4MC0zNjB0LTI4LjUgMTEuNVE0NDAtMzM3IDQ0MC0zMjB0MTEuNSAyOC41UTQ2My0yODAgNDgwLTI4MHQyOC41LTExLjVabTAtMTYwUTUyMC00NjMgNTIwLTQ4MHYtMTYwcTAtMTctMTEuNS0yOC41VDQ4MC02ODBxLTE3IDAtMjguNSAxMS41VDQ0MC02NDB2MTYwcTAgMTcgMTEuNSAyOC41VDQ4MC00NDBxMTcgMCAyOC41LTExLjVaTTQ4MC04MHEtODMgMC0xNTYtMzEuNVQxOTctMTk3cS01NC01NC04NS41LTEyN1Q4MC00ODBxMC04MyAzMS41LTE1NlQxOTctNzYzcTU0LTU0IDEyNy04NS41VDQ4MC04ODBxODMgMCAxNTYgMzEuNVQ3NjMtNzYzcTU0IDU0IDg1LjUgMTI3VDg4MC00ODBxMCA4My0zMS41IDE1NlQ3NjMtMTk3cS01NCA1NC0xMjcgODUuNVQ0ODAtODBabTAtODBxMTM0IDAgMjI3LTkzdDkzLTIyN3EwLTEzNC05My0yMjd0LTIyNy05M3EtMTM0IDAtMjI3IDkzdC05MyAyMjdxMCAxMzQgOTMgMjI3dDIyNyA5M1ptMC0zMjBaIi8+PC9zdmc+");
  --icon-external-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik0yMDAtMTIwcS0zMyAwLTU2LjUtMjMuNVQxMjAtMjAwdi01NjBxMC0zMyAyMy41LTU2LjVUMjAwLTg0MGgyNDBxMTcgMCAyOC41IDExLjVUNDgwLTgwMHEwIDE3LTExLjUgMjguNVQ0NDAtNzYwSDIwMHY1NjBoNTYwdi0yNDBxMC0xNyAxMS41LTI4LjVUODAwLTQ4MHExNyAwIDI4LjUgMTEuNVQ4NDAtNDQwdjI0MHEwIDMzLTIzLjUgNTYuNVQ3NjAtMTIwSDIwMFptNTYwLTU4NEw0MTYtMzYwcS0xMSAxMS0yOCAxMXQtMjgtMTFxLTExLTExLTExLTI4dDExLTI4bDM0NC0zNDRINjAwcS0xNyAwLTI4LjUtMTEuNVQ1NjAtODAwcTAtMTcgMTEuNS0yOC41VDYwMC04NDBoMjAwcTE3IDAgMjguNSAxMS41VDg0MC04MDB2MjAwcTAgMTctMTEuNSAyOC41VDgwMC01NjBxLTE3IDAtMjguNS0xMS41VDc2MC02MDB2LTEwNFoiLz48L3N2Zz4=");
  --icon-external-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0yMDAtMTIwcS0zMyAwLTU2LjUtMjMuNVQxMjAtMjAwdi01NjBxMC0zMyAyMy41LTU2LjVUMjAwLTg0MGgyNDBxMTcgMCAyOC41IDExLjVUNDgwLTgwMHEwIDE3LTExLjUgMjguNVQ0NDAtNzYwSDIwMHY1NjBoNTYwdi0yNDBxMC0xNyAxMS41LTI4LjVUODAwLTQ4MHExNyAwIDI4LjUgMTEuNVQ4NDAtNDQwdjI0MHEwIDMzLTIzLjUgNTYuNVQ3NjAtMTIwSDIwMFptNTYwLTU4NEw0MTYtMzYwcS0xMSAxMS0yOCAxMXQtMjgtMTFxLTExLTExLTExLTI4dDExLTI4bDM0NC0zNDRINjAwcS0xNyAwLTI4LjUtMTEuNVQ1NjAtODAwcTAtMTcgMTEuNS0yOC41VDYwMC04NDBoMjAwcTE3IDAgMjguNSAxMS41VDg0MC04MDB2MjAwcTAgMTctMTEuNSAyOC41VDgwMC01NjBxLTE3IDAtMjguNS0xMS41VDc2MC02MDB2LTEwNFoiLz48L3N2Zz4=");
  --icon-favorite-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Im0zNTQtMjg3IDEyNi03NiAxMjYgNzctMzMtMTQ0IDExMS05Ni0xNDYtMTMtNTgtMTM2LTU4IDEzNS0xNDYgMTMgMTExIDk3LTMzIDE0M1ptMTI2IDE4TDMxNC0xNjlxLTExIDctMjMgNnQtMjEtOHEtOS03LTE0LTE3LjV0LTItMjMuNWw0NC0xODktMTQ3LTEyN3EtMTAtOS0xMi41LTIwLjVUMTQwLTU3MXE0LTExIDEyLTE4dDIyLTlsMTk0LTE3IDc1LTE3OHE1LTEyIDE1LjUtMTh0MjEuNS02cTExIDAgMjEuNSA2dDE1LjUgMThsNzUgMTc4IDE5NCAxN3ExNCAyIDIyIDl0MTIgMThxNCAxMSAxLjUgMjIuNVQ4MDktNTI4TDY2Mi00MDFsNDQgMTg5cTMgMTMtMiAyMy41VDY5MC0xNzFxLTkgNy0yMSA4dC0yMy02TDQ4MC0yNjlabTAtMjAxWiIvPjwvc3ZnPg==");
  --icon-favorite-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Im0zNTQtMjg3IDEyNi03NiAxMjYgNzctMzMtMTQ0IDExMS05Ni0xNDYtMTMtNTgtMTM2LTU4IDEzNS0xNDYgMTMgMTExIDk3LTMzIDE0M1ptMTI2IDE4TDMxNC0xNjlxLTExIDctMjMgNnQtMjEtOHEtOS03LTE0LTE3LjV0LTItMjMuNWw0NC0xODktMTQ3LTEyN3EtMTAtOS0xMi41LTIwLjVUMTQwLTU3MXE0LTExIDEyLTE4dDIyLTlsMTk0LTE3IDc1LTE3OHE1LTEyIDE1LjUtMTh0MjEuNS02cTExIDAgMjEuNSA2dDE1LjUgMThsNzUgMTc4IDE5NCAxN3ExNCAyIDIyIDl0MTIgMThxNCAxMSAxLjUgMjIuNVQ4MDktNTI4TDY2Mi00MDFsNDQgMTg5cTMgMTMtMiAyMy41VDY5MC0xNzFxLTkgNy0yMSA4dC0yMy02TDQ4MC0yNjlabTAtMjAxWiIvPjwvc3ZnPg==");
  --icon-file-grey: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiM5YWEwYTYiIGQ9Ik0yNDAtODBxLTMzIDAtNTYuNS0yMy41VDE2MC0xNjB2LTY0MHEwLTMzIDIzLjUtNTYuNVQyNDAtODgwaDI4N3ExNiAwIDMwLjUgNnQyNS41IDE3bDE5NCAxOTRxMTEgMTEgMTcgMjUuNXQ2IDMwLjV2NDQ3cTAgMzMtMjMuNSA1Ni41VDcyMC04MEgyNDBabTI4MC01NjB2LTE2MEgyNDB2NjQwaDQ4MHYtNDQwSDU2MHEtMTcgMC0yOC41LTExLjVUNTIwLTY0MFpNMjQwLTgwMHYyMDAtMjAwIDY0MC02NDBaIi8+PC9zdmc+");
  --icon-files-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik0xNjAtMTYwcS0zMyAwLTU2LjUtMjMuNVQ4MC0yNDB2LTQ4MHEwLTMzIDIzLjUtNTYuNVQxNjAtODAwaDIwN3ExNiAwIDMwLjUgNnQyNS41IDE3bDU3IDU3aDMyMHEzMyAwIDU2LjUgMjMuNVQ4ODAtNjQwdjQwMHEwIDMzLTIzLjUgNTYuNVQ4MDAtMTYwSDE2MFptMC04MGg2NDB2LTQwMEg0NDdsLTgwLTgwSDE2MHY0ODBabTAgMHYtNDgwIDQ4MFoiLz48L3N2Zz4=");
  --icon-files-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0xNjAtMTYwcS0zMyAwLTU2LjUtMjMuNVQ4MC0yNDB2LTQ4MHEwLTMzIDIzLjUtNTYuNVQxNjAtODAwaDIwN3ExNiAwIDMwLjUgNnQyNS41IDE3bDU3IDU3aDMyMHEzMyAwIDU2LjUgMjMuNVQ4ODAtNjQwdjQwMHEwIDMzLTIzLjUgNTYuNVQ4MDAtMTYwSDE2MFptMC04MGg2NDB2LTQwMEg0NDdsLTgwLTgwSDE2MHY0ODBabTAgMHYtNDgwIDQ4MFoiLz48L3N2Zz4=");
  --icon-file-text-black: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMwMDAwMDAiIGQ9Ik0zNjAtMjQwaDI0MHExNyAwIDI4LjUtMTEuNVQ2NDAtMjgwcTAtMTctMTEuNS0yOC41VDYwMC0zMjBIMzYwcS0xNyAwLTI4LjUgMTEuNVQzMjAtMjgwcTAgMTcgMTEuNSAyOC41VDM2MC0yNDBabTAtMTYwaDI0MHExNyAwIDI4LjUtMTEuNVQ2NDAtNDQwcTAtMTctMTEuNS0yOC41VDYwMC00ODBIMzYwcS0xNyAwLTI4LjUgMTEuNVQzMjAtNDQwcTAgMTcgMTEuNSAyOC41VDM2MC00MDBaTTI0MC04MHEtMzMgMC01Ni41LTIzLjVUMTYwLTE2MHYtNjQwcTAtMzMgMjMuNS01Ni41VDI0MC04ODBoMjg3cTE2IDAgMzAuNSA2dDI1LjUgMTdsMTk0IDE5NHExMSAxMSAxNyAyNS41dDYgMzAuNXY0NDdxMCAzMy0yMy41IDU2LjVUNzIwLTgwSDI0MFptMjgwLTU2MHYtMTYwSDI0MHY2NDBoNDgwdi00NDBINTYwcS0xNyAwLTI4LjUtMTEuNVQ1MjAtNjQwWk0yNDAtODAwdjIwMC0yMDAgNjQwLTY0MFoiLz48L3N2Zz4=");
  --icon-filetype-file-grey: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiM5YWEwYTYiIGQ9Ik0yNDAtODBxLTMzIDAtNTYuNS0yMy41VDE2MC0xNjB2LTY0MHEwLTMzIDIzLjUtNTYuNVQyNDAtODgwaDI4N3ExNiAwIDMwLjUgNnQyNS41IDE3bDE5NCAxOTRxMTEgMTEgMTcgMjUuNXQ2IDMwLjV2NDQ3cTAgMzMtMjMuNSA1Ni41VDcyMC04MEgyNDBabTI4MC01NjB2LTE2MEgyNDB2NjQwaDQ4MHYtNDQwSDU2MHEtMTcgMC0yOC41LTExLjVUNTIwLTY0MFpNMjQwLTgwMHYyMDAtMjAwIDY0MC02NDBaIi8+PC9zdmc+");
  --icon-filetype-folder-drag-accept-primary: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiM2NzlhNDEiIGQ9Ik0xNjAtMTYwcS0zMyAwLTU2LjUtMjMuNVQ4MC0yNDB2LTQ4MHEwLTMzIDIzLjUtNTYuNVQxNjAtODAwaDIwN3ExNiAwIDMwLjUgNnQyNS41IDE3bDU3IDU3aDMyMHEzMyAwIDU2LjUgMjMuNVQ4ODAtNjQwdjQwMHEwIDMzLTIzLjUgNTYuNVQ4MDAtMTYwSDE2MFptMC04MGg2NDB2LTQwMEg0NDdsLTgwLTgwSDE2MHY0ODBabTAgMHYtNDgwIDQ4MFoiLz48L3N2Zz4=");
  --icon-filetype-folder-primary: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiM2NzlhNDEiIGQ9Ik0xNjAtMTYwcS0zMyAwLTU2LjUtMjMuNVQ4MC0yNDB2LTQ4MHEwLTMzIDIzLjUtNTYuNVQxNjAtODAwaDIwN3ExNiAwIDMwLjUgNnQyNS41IDE3bDU3IDU3aDMyMHEzMyAwIDU2LjUgMjMuNVQ4ODAtNjQwdjQwMHEwIDMzLTIzLjUgNTYuNVQ4MDAtMTYwSDE2MFptMC04MGg2NDB2LTQwMEg0NDdsLTgwLTgwSDE2MHY0ODBabTAgMHYtNDgwIDQ4MFoiLz48L3N2Zz4=");
  --icon-filetype-text-grey: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiM5YWEwYTYiIGQ9Ik0zNjAtMjQwaDI0MHExNyAwIDI4LjUtMTEuNVQ2NDAtMjgwcTAtMTctMTEuNS0yOC41VDYwMC0zMjBIMzYwcS0xNyAwLTI4LjUgMTEuNVQzMjAtMjgwcTAgMTcgMTEuNSAyOC41VDM2MC0yNDBabTAtMTYwaDI0MHExNyAwIDI4LjUtMTEuNVQ2NDAtNDQwcTAtMTctMTEuNS0yOC41VDYwMC00ODBIMzYwcS0xNyAwLTI4LjUgMTEuNVQzMjAtNDQwcTAgMTcgMTEuNSAyOC41VDM2MC00MDBaTTI0MC04MHEtMzMgMC01Ni41LTIzLjVUMTYwLTE2MHYtNjQwcTAtMzMgMjMuNS01Ni41VDI0MC04ODBoMjg3cTE2IDAgMzAuNSA2dDI1LjUgMTdsMTk0IDE5NHExMSAxMSAxNyAyNS41dDYgMzAuNXY0NDdxMCAzMy0yMy41IDU2LjVUNzIwLTgwSDI0MFptMjgwLTU2MHYtMTYwSDI0MHY2NDBoNDgwdi00NDBINTYwcS0xNyAwLTI4LjUtMTEuNVQ1MjAtNjQwWk0yNDAtODAwdjIwMC0yMDAgNjQwLTY0MFoiLz48L3N2Zz4=");
  --icon-filter-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik00NDAtMjQwcS0xNyAwLTI4LjUtMTEuNVQ0MDAtMjgwcTAtMTcgMTEuNS0yOC41VDQ0MC0zMjBoODBxMTcgMCAyOC41IDExLjVUNTYwLTI4MHEwIDE3LTExLjUgMjguNVQ1MjAtMjQwaC04MFpNMjgwLTQ0MHEtMTcgMC0yOC41LTExLjVUMjQwLTQ4MHEwLTE3IDExLjUtMjguNVQyODAtNTIwaDQwMHExNyAwIDI4LjUgMTEuNVQ3MjAtNDgwcTAgMTctMTEuNSAyOC41VDY4MC00NDBIMjgwWk0xNjAtNjQwcS0xNyAwLTI4LjUtMTEuNVQxMjAtNjgwcTAtMTcgMTEuNS0yOC41VDE2MC03MjBoNjQwcTE3IDAgMjguNSAxMS41VDg0MC02ODBxMCAxNy0xMS41IDI4LjVUODAwLTY0MEgxNjBaIi8+PC9zdmc+");
  --icon-filter-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik00NDAtMjQwcS0xNyAwLTI4LjUtMTEuNVQ0MDAtMjgwcTAtMTcgMTEuNS0yOC41VDQ0MC0zMjBoODBxMTcgMCAyOC41IDExLjVUNTYwLTI4MHEwIDE3LTExLjUgMjguNVQ1MjAtMjQwaC04MFpNMjgwLTQ0MHEtMTcgMC0yOC41LTExLjVUMjQwLTQ4MHEwLTE3IDExLjUtMjguNVQyODAtNTIwaDQwMHExNyAwIDI4LjUgMTEuNVQ3MjAtNDgwcTAgMTctMTEuNSAyOC41VDY4MC00NDBIMjgwWk0xNjAtNjQwcS0xNyAwLTI4LjUtMTEuNVQxMjAtNjgwcTAtMTcgMTEuNS0yOC41VDE2MC03MjBoNjQwcTE3IDAgMjguNSAxMS41VDg0MC02ODBxMCAxNy0xMS41IDI4LjVUODAwLTY0MEgxNjBaIi8+PC9zdmc+");
  --icon-folder-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik0xNjAtMTYwcS0zMyAwLTU2LjUtMjMuNVQ4MC0yNDB2LTQ4MHEwLTMzIDIzLjUtNTYuNVQxNjAtODAwaDIwN3ExNiAwIDMwLjUgNnQyNS41IDE3bDU3IDU3aDMyMHEzMyAwIDU2LjUgMjMuNVQ4ODAtNjQwdjQwMHEwIDMzLTIzLjUgNTYuNVQ4MDAtMTYwSDE2MFptMC04MGg2NDB2LTQwMEg0NDdsLTgwLTgwSDE2MHY0ODBabTAgMHYtNDgwIDQ4MFoiLz48L3N2Zz4=");
  --icon-folder-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0xNjAtMTYwcS0zMyAwLTU2LjUtMjMuNVQ4MC0yNDB2LTQ4MHEwLTMzIDIzLjUtNTYuNVQxNjAtODAwaDIwN3ExNiAwIDMwLjUgNnQyNS41IDE3bDU3IDU3aDMyMHEzMyAwIDU2LjUgMjMuNVQ4ODAtNjQwdjQwMHEwIDMzLTIzLjUgNTYuNVQ4MDAtMTYwSDE2MFptMC04MGg2NDB2LTQwMEg0NDdsLTgwLTgwSDE2MHY0ODBabTAgMHYtNDgwIDQ4MFoiLz48L3N2Zz4=");
  --icon-fullscreen-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik0yMDAtMjAwaDgwcTE3IDAgMjguNSAxMS41VDMyMC0xNjBxMCAxNy0xMS41IDI4LjVUMjgwLTEyMEgxNjBxLTE3IDAtMjguNS0xMS41VDEyMC0xNjB2LTEyMHEwLTE3IDExLjUtMjguNVQxNjAtMzIwcTE3IDAgMjguNSAxMS41VDIwMC0yODB2ODBabTU2MCAwdi04MHEwLTE3IDExLjUtMjguNVQ4MDAtMzIwcTE3IDAgMjguNSAxMS41VDg0MC0yODB2MTIwcTAgMTctMTEuNSAyOC41VDgwMC0xMjBINjgwcS0xNyAwLTI4LjUtMTEuNVQ2NDAtMTYwcTAtMTcgMTEuNS0yOC41VDY4MC0yMDBoODBaTTIwMC03NjB2ODBxMCAxNy0xMS41IDI4LjVUMTYwLTY0MHEtMTcgMC0yOC41LTExLjVUMTIwLTY4MHYtMTIwcTAtMTcgMTEuNS0yOC41VDE2MC04NDBoMTIwcTE3IDAgMjguNSAxMS41VDMyMC04MDBxMCAxNy0xMS41IDI4LjVUMjgwLTc2MGgtODBabTU2MCAwaC04MHEtMTcgMC0yOC41LTExLjVUNjQwLTgwMHEwLTE3IDExLjUtMjguNVQ2ODAtODQwaDEyMHExNyAwIDI4LjUgMTEuNVQ4NDAtODAwdjEyMHEwIDE3LTExLjUgMjguNVQ4MDAtNjQwcS0xNyAwLTI4LjUtMTEuNVQ3NjAtNjgwdi04MFoiLz48L3N2Zz4=");
  --icon-fullscreen-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0yMDAtMjAwaDgwcTE3IDAgMjguNSAxMS41VDMyMC0xNjBxMCAxNy0xMS41IDI4LjVUMjgwLTEyMEgxNjBxLTE3IDAtMjguNS0xMS41VDEyMC0xNjB2LTEyMHEwLTE3IDExLjUtMjguNVQxNjAtMzIwcTE3IDAgMjguNSAxMS41VDIwMC0yODB2ODBabTU2MCAwdi04MHEwLTE3IDExLjUtMjguNVQ4MDAtMzIwcTE3IDAgMjguNSAxMS41VDg0MC0yODB2MTIwcTAgMTctMTEuNSAyOC41VDgwMC0xMjBINjgwcS0xNyAwLTI4LjUtMTEuNVQ2NDAtMTYwcTAtMTcgMTEuNS0yOC41VDY4MC0yMDBoODBaTTIwMC03NjB2ODBxMCAxNy0xMS41IDI4LjVUMTYwLTY0MHEtMTcgMC0yOC41LTExLjVUMTIwLTY4MHYtMTIwcTAtMTcgMTEuNS0yOC41VDE2MC04NDBoMTIwcTE3IDAgMjguNSAxMS41VDMyMC04MDBxMCAxNy0xMS41IDI4LjVUMjgwLTc2MGgtODBabTU2MCAwaC04MHEtMTcgMC0yOC41LTExLjVUNjQwLTgwMHEwLTE3IDExLjUtMjguNVQ2ODAtODQwaDEyMHExNyAwIDI4LjUgMTEuNVQ4NDAtODAwdjEyMHEwIDE3LTExLjUgMjguNVQ4MDAtNjQwcS0xNyAwLTI4LjUtMTEuNVQ3NjAtNjgwdi04MFoiLz48L3N2Zz4=");
  --icon-group-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik00MC0yNzJxMC0zNCAxNy41LTYyLjVUMTA0LTM3OHE2Mi0zMSAxMjYtNDYuNVQzNjAtNDQwcTY2IDAgMTMwIDE1LjVUNjE2LTM3OHEyOSAxNSA0Ni41IDQzLjVUNjgwLTI3MnYzMnEwIDMzLTIzLjUgNTYuNVQ2MDAtMTYwSDEyMHEtMzMgMC01Ni41LTIzLjVUNDAtMjQwdi0zMlptODAwIDExMkg3MzhxMTEtMTggMTYuNS0zOC41VDc2MC0yNDB2LTQwcTAtNDQtMjQuNS04NC41VDY2Ni00MzRxNTEgNiA5NiAyMC41dDg0IDM1LjVxMzYgMjAgNTUgNDQuNXQxOSA1My41djQwcTAgMzMtMjMuNSA1Ni41VDg0MC0xNjBaTTI0Ny01MjdxLTQ3LTQ3LTQ3LTExM3Q0Ny0xMTNxNDctNDcgMTEzLTQ3dDExMyA0N3E0NyA0NyA0NyAxMTN0LTQ3IDExM3EtNDcgNDctMTEzIDQ3dC0xMTMtNDdabTQ2NiAwcS00NyA0Ny0xMTMgNDctMTEgMC0yOC0yLjV0LTI4LTUuNXEyNy0zMiA0MS41LTcxdDE0LjUtODFxMC00Mi0xNC41LTgxVDU0NC03OTJxMTQtNSAyOC02LjV0MjgtMS41cTY2IDAgMTEzIDQ3dDQ3IDExM3EwIDY2LTQ3IDExM1pNMTIwLTI0MGg0ODB2LTMycTAtMTEtNS41LTIwVDU4MC0zMDZxLTU0LTI3LTEwOS00MC41VDM2MC0zNjBxLTU2IDAtMTExIDEzLjVUMTQwLTMwNnEtOSA1LTE0LjUgMTR0LTUuNSAyMHYzMlptMjk2LjUtMzQzLjVRNDQwLTYwNyA0NDAtNjQwdC0yMy41LTU2LjVRMzkzLTcyMCAzNjAtNzIwdC01Ni41IDIzLjVRMjgwLTY3MyAyODAtNjQwdDIzLjUgNTYuNVEzMjctNTYwIDM2MC01NjB0NTYuNS0yMy41Wk0zNjAtMjQwWm0wLTQwMFoiLz48L3N2Zz4=");
  --icon-group-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik00MC0yNzJxMC0zNCAxNy41LTYyLjVUMTA0LTM3OHE2Mi0zMSAxMjYtNDYuNVQzNjAtNDQwcTY2IDAgMTMwIDE1LjVUNjE2LTM3OHEyOSAxNSA0Ni41IDQzLjVUNjgwLTI3MnYzMnEwIDMzLTIzLjUgNTYuNVQ2MDAtMTYwSDEyMHEtMzMgMC01Ni41LTIzLjVUNDAtMjQwdi0zMlptODAwIDExMkg3MzhxMTEtMTggMTYuNS0zOC41VDc2MC0yNDB2LTQwcTAtNDQtMjQuNS04NC41VDY2Ni00MzRxNTEgNiA5NiAyMC41dDg0IDM1LjVxMzYgMjAgNTUgNDQuNXQxOSA1My41djQwcTAgMzMtMjMuNSA1Ni41VDg0MC0xNjBaTTI0Ny01MjdxLTQ3LTQ3LTQ3LTExM3Q0Ny0xMTNxNDctNDcgMTEzLTQ3dDExMyA0N3E0NyA0NyA0NyAxMTN0LTQ3IDExM3EtNDcgNDctMTEzIDQ3dC0xMTMtNDdabTQ2NiAwcS00NyA0Ny0xMTMgNDctMTEgMC0yOC0yLjV0LTI4LTUuNXEyNy0zMiA0MS41LTcxdDE0LjUtODFxMC00Mi0xNC41LTgxVDU0NC03OTJxMTQtNSAyOC02LjV0MjgtMS41cTY2IDAgMTEzIDQ3dDQ3IDExM3EwIDY2LTQ3IDExM1pNMTIwLTI0MGg0ODB2LTMycTAtMTEtNS41LTIwVDU4MC0zMDZxLTU0LTI3LTEwOS00MC41VDM2MC0zNjBxLTU2IDAtMTExIDEzLjVUMTQwLTMwNnEtOSA1LTE0LjUgMTR0LTUuNSAyMHYzMlptMjk2LjUtMzQzLjVRNDQwLTYwNyA0NDAtNjQwdC0yMy41LTU2LjVRMzkzLTcyMCAzNjAtNzIwdC01Ni41IDIzLjVRMjgwLTY3MyAyODAtNjQwdDIzLjUgNTYuNVEzMjctNTYwIDM2MC01NjB0NTYuNS0yMy41Wk0zNjAtMjQwWm0wLTQwMFoiLz48L3N2Zz4=");
  --icon-history-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik00ODAtMTIwcS0xMjYgMC0yMjMtNzYuNVQxMzEtMzkycS00LTE1IDYtMjcuNXQyNy0xNC41cTE2LTIgMjkgNnQxOCAyNHEyNCA5MCA5OSAxNDd0MTcwIDU3cTExNyAwIDE5OC41LTgxLjVUNzYwLTQ4MHEwLTExNy04MS41LTE5OC41VDQ4MC03NjBxLTY5IDAtMTI5IDMydC0xMDEgODhoNzBxMTcgMCAyOC41IDExLjVUMzYwLTYwMHEwIDE3LTExLjUgMjguNVQzMjAtNTYwSDE2MHEtMTcgMC0yOC41LTExLjVUMTIwLTYwMHYtMTYwcTAtMTcgMTEuNS0yOC41VDE2MC04MDBxMTcgMCAyOC41IDExLjVUMjAwLTc2MHY1NHE1MS02NCAxMjQuNS05OVQ0ODAtODQwcTc1IDAgMTQwLjUgMjguNXQxMTQgNzdxNDguNSA0OC41IDc3IDExNFQ4NDAtNDgwcTAgNzUtMjguNSAxNDAuNXQtNzcgMTE0cS00OC41IDQ4LjUtMTE0IDc3VDQ4MC0xMjBabTQwLTM3NiAxMDAgMTAwcTExIDExIDExIDI4dC0xMSAyOHEtMTEgMTEtMjggMTF0LTI4LTExTDQ1Mi00NTJxLTYtNi05LTEzLjV0LTMtMTUuNXYtMTU5cTAtMTcgMTEuNS0yOC41VDQ4MC02ODBxMTcgMCAyOC41IDExLjVUNTIwLTY0MHYxNDRaIi8+PC9zdmc+");
  --icon-history-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik00ODAtMTIwcS0xMjYgMC0yMjMtNzYuNVQxMzEtMzkycS00LTE1IDYtMjcuNXQyNy0xNC41cTE2LTIgMjkgNnQxOCAyNHEyNCA5MCA5OSAxNDd0MTcwIDU3cTExNyAwIDE5OC41LTgxLjVUNzYwLTQ4MHEwLTExNy04MS41LTE5OC41VDQ4MC03NjBxLTY5IDAtMTI5IDMydC0xMDEgODhoNzBxMTcgMCAyOC41IDExLjVUMzYwLTYwMHEwIDE3LTExLjUgMjguNVQzMjAtNTYwSDE2MHEtMTcgMC0yOC41LTExLjVUMTIwLTYwMHYtMTYwcTAtMTcgMTEuNS0yOC41VDE2MC04MDBxMTcgMCAyOC41IDExLjVUMjAwLTc2MHY1NHE1MS02NCAxMjQuNS05OVQ0ODAtODQwcTc1IDAgMTQwLjUgMjguNXQxMTQgNzdxNDguNSA0OC41IDc3IDExNFQ4NDAtNDgwcTAgNzUtMjguNSAxNDAuNXQtNzcgMTE0cS00OC41IDQ4LjUtMTE0IDc3VDQ4MC0xMjBabTQwLTM3NiAxMDAgMTAwcTExIDExIDExIDI4dC0xMSAyOHEtMTEgMTEtMjggMTF0LTI4LTExTDQ1Mi00NTJxLTYtNi05LTEzLjV0LTMtMTUuNXYtMTU5cTAtMTcgMTEuNS0yOC41VDQ4MC02ODBxMTcgMCAyOC41IDExLjVUNTIwLTY0MHYxNDRaIi8+PC9zdmc+");
  --icon-home-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik0yNDAtMjAwaDEyMHYtMjAwcTAtMTcgMTEuNS0yOC41VDQwMC00NDBoMTYwcTE3IDAgMjguNSAxMS41VDYwMC00MDB2MjAwaDEyMHYtMzYwTDQ4MC03NDAgMjQwLTU2MHYzNjBabS04MCAwdi0zNjBxMC0xOSA4LjUtMzZ0MjMuNS0yOGwyNDAtMTgwcTIxLTE2IDQ4LTE2dDQ4IDE2bDI0MCAxODBxMTUgMTEgMjMuNSAyOHQ4LjUgMzZ2MzYwcTAgMzMtMjMuNSA1Ni41VDcyMC0xMjBINTYwcS0xNyAwLTI4LjUtMTEuNVQ1MjAtMTYwdi0yMDBoLTgwdjIwMHEwIDE3LTExLjUgMjguNVQ0MDAtMTIwSDI0MHEtMzMgMC01Ni41LTIzLjVUMTYwLTIwMFptMzIwLTI3MFoiLz48L3N2Zz4=");
  --icon-home-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0yNDAtMjAwaDEyMHYtMjAwcTAtMTcgMTEuNS0yOC41VDQwMC00NDBoMTYwcTE3IDAgMjguNSAxMS41VDYwMC00MDB2MjAwaDEyMHYtMzYwTDQ4MC03NDAgMjQwLTU2MHYzNjBabS04MCAwdi0zNjBxMC0xOSA4LjUtMzZ0MjMuNS0yOGwyNDAtMTgwcTIxLTE2IDQ4LTE2dDQ4IDE2bDI0MCAxODBxMTUgMTEgMjMuNSAyOHQ4LjUgMzZ2MzYwcTAgMzMtMjMuNSA1Ni41VDcyMC0xMjBINTYwcS0xNyAwLTI4LjUtMTEuNVQ1MjAtMTYwdi0yMDBoLTgwdjIwMHEwIDE3LTExLjUgMjguNVQ0MDAtMTIwSDI0MHEtMzMgMC01Ni41LTIzLjVUMTYwLTIwMFptMzIwLTI3MFoiLz48L3N2Zz4=");
  --icon-info-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik01MDguNS0yOTEuNVE1MjAtMzAzIDUyMC0zMjB2LTE2MHEwLTE3LTExLjUtMjguNVQ0ODAtNTIwcS0xNyAwLTI4LjUgMTEuNVQ0NDAtNDgwdjE2MHEwIDE3IDExLjUgMjguNVQ0ODAtMjgwcTE3IDAgMjguNS0xMS41Wm0wLTMyMFE1MjAtNjIzIDUyMC02NDB0LTExLjUtMjguNVE0OTctNjgwIDQ4MC02ODB0LTI4LjUgMTEuNVE0NDAtNjU3IDQ0MC02NDB0MTEuNSAyOC41UTQ2My02MDAgNDgwLTYwMHQyOC41LTExLjVaTTQ4MC04MHEtODMgMC0xNTYtMzEuNVQxOTctMTk3cS01NC01NC04NS41LTEyN1Q4MC00ODBxMC04MyAzMS41LTE1NlQxOTctNzYzcTU0LTU0IDEyNy04NS41VDQ4MC04ODBxODMgMCAxNTYgMzEuNVQ3NjMtNzYzcTU0IDU0IDg1LjUgMTI3VDg4MC00ODBxMCA4My0zMS41IDE1NlQ3NjMtMTk3cS01NCA1NC0xMjcgODUuNVQ0ODAtODBabTAtODBxMTM0IDAgMjI3LTkzdDkzLTIyN3EwLTEzNC05My0yMjd0LTIyNy05M3EtMTM0IDAtMjI3IDkzdC05MyAyMjdxMCAxMzQgOTMgMjI3dDIyNyA5M1ptMC0zMjBaIi8+PC9zdmc+");
  --icon-info-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik01MDguNS0yOTEuNVE1MjAtMzAzIDUyMC0zMjB2LTE2MHEwLTE3LTExLjUtMjguNVQ0ODAtNTIwcS0xNyAwLTI4LjUgMTEuNVQ0NDAtNDgwdjE2MHEwIDE3IDExLjUgMjguNVQ0ODAtMjgwcTE3IDAgMjguNS0xMS41Wm0wLTMyMFE1MjAtNjIzIDUyMC02NDB0LTExLjUtMjguNVE0OTctNjgwIDQ4MC02ODB0LTI4LjUgMTEuNVE0NDAtNjU3IDQ0MC02NDB0MTEuNSAyOC41UTQ2My02MDAgNDgwLTYwMHQyOC41LTExLjVaTTQ4MC04MHEtODMgMC0xNTYtMzEuNVQxOTctMTk3cS01NC01NC04NS41LTEyN1Q4MC00ODBxMC04MyAzMS41LTE1NlQxOTctNzYzcTU0LTU0IDEyNy04NS41VDQ4MC04ODBxODMgMCAxNTYgMzEuNVQ3NjMtNzYzcTU0IDU0IDg1LjUgMTI3VDg4MC00ODBxMCA4My0zMS41IDE1NlQ3NjMtMTk3cS01NCA1NC0xMjcgODUuNVQ0ODAtODBabTAtODBxMTM0IDAgMjI3LTkzdDkzLTIyN3EwLTEzNC05My0yMjd0LTIyNy05M3EtMTM0IDAtMjI3IDkzdC05MyAyMjdxMCAxMzQgOTMgMjI3dDIyNyA5M1ptMC0zMjBaIi8+PC9zdmc+");
  --icon-link-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik0yODAtMjgwcS04MyAwLTE0MS41LTU4LjVUODAtNDgwcTAtODMgNTguNS0xNDEuNVQyODAtNjgwaDEyMHExNyAwIDI4LjUgMTEuNVQ0NDAtNjQwcTAgMTctMTEuNSAyOC41VDQwMC02MDBIMjgwcS01MCAwLTg1IDM1dC0zNSA4NXEwIDUwIDM1IDg1dDg1IDM1aDEyMHExNyAwIDI4LjUgMTEuNVQ0NDAtMzIwcTAgMTctMTEuNSAyOC41VDQwMC0yODBIMjgwWm04MC0xNjBxLTE3IDAtMjguNS0xMS41VDMyMC00ODBxMC0xNyAxMS41LTI4LjVUMzYwLTUyMGgyNDBxMTcgMCAyOC41IDExLjVUNjQwLTQ4MHEwIDE3LTExLjUgMjguNVQ2MDAtNDQwSDM2MFptMjAwIDE2MHEtMTcgMC0yOC41LTExLjVUNTIwLTMyMHEwLTE3IDExLjUtMjguNVQ1NjAtMzYwaDEyMHE1MCAwIDg1LTM1dDM1LTg1cTAtNTAtMzUtODV0LTg1LTM1SDU2MHEtMTcgMC0yOC41LTExLjVUNTIwLTY0MHEwLTE3IDExLjUtMjguNVQ1NjAtNjgwaDEyMHE4MyAwIDE0MS41IDU4LjVUODgwLTQ4MHEwIDgzLTU4LjUgMTQxLjVUNjgwLTI4MEg1NjBaIi8+PC9zdmc+");
  --icon-link-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0yODAtMjgwcS04MyAwLTE0MS41LTU4LjVUODAtNDgwcTAtODMgNTguNS0xNDEuNVQyODAtNjgwaDEyMHExNyAwIDI4LjUgMTEuNVQ0NDAtNjQwcTAgMTctMTEuNSAyOC41VDQwMC02MDBIMjgwcS01MCAwLTg1IDM1dC0zNSA4NXEwIDUwIDM1IDg1dDg1IDM1aDEyMHExNyAwIDI4LjUgMTEuNVQ0NDAtMzIwcTAgMTctMTEuNSAyOC41VDQwMC0yODBIMjgwWm04MC0xNjBxLTE3IDAtMjguNS0xMS41VDMyMC00ODBxMC0xNyAxMS41LTI4LjVUMzYwLTUyMGgyNDBxMTcgMCAyOC41IDExLjVUNjQwLTQ4MHEwIDE3LTExLjUgMjguNVQ2MDAtNDQwSDM2MFptMjAwIDE2MHEtMTcgMC0yOC41LTExLjVUNTIwLTMyMHEwLTE3IDExLjUtMjguNVQ1NjAtMzYwaDEyMHE1MCAwIDg1LTM1dDM1LTg1cTAtNTAtMzUtODV0LTg1LTM1SDU2MHEtMTcgMC0yOC41LTExLjVUNTIwLTY0MHEwLTE3IDExLjUtMjguNVQ1NjAtNjgwaDEyMHE4MyAwIDE0MS41IDU4LjVUODgwLTQ4MHEwIDgzLTU4LjUgMTQxLjVUNjgwLTI4MEg1NjBaIi8+PC9zdmc+");
  --icon-logout-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik0yMDAtMTIwcS0zMyAwLTU2LjUtMjMuNVQxMjAtMjAwdi01NjBxMC0zMyAyMy41LTU2LjVUMjAwLTg0MGgyNDBxMTcgMCAyOC41IDExLjVUNDgwLTgwMHEwIDE3LTExLjUgMjguNVQ0NDAtNzYwSDIwMHY1NjBoMjQwcTE3IDAgMjguNSAxMS41VDQ4MC0xNjBxMCAxNy0xMS41IDI4LjVUNDQwLTEyMEgyMDBabTQ4Ny0zMjBINDAwcS0xNyAwLTI4LjUtMTEuNVQzNjAtNDgwcTAtMTcgMTEuNS0yOC41VDQwMC01MjBoMjg3bC03NS03NXEtMTEtMTEtMTEtMjd0MTEtMjhxMTEtMTIgMjgtMTIuNXQyOSAxMS41bDE0MyAxNDNxMTIgMTIgMTIgMjh0LTEyIDI4TDY2OS0zMDlxLTEyIDEyLTI4LjUgMTEuNVQ2MTItMzEwcS0xMS0xMi0xMC41LTI4LjVUNjEzLTM2Nmw3NC03NFoiLz48L3N2Zz4=");
  --icon-logout-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0yMDAtMTIwcS0zMyAwLTU2LjUtMjMuNVQxMjAtMjAwdi01NjBxMC0zMyAyMy41LTU2LjVUMjAwLTg0MGgyNDBxMTcgMCAyOC41IDExLjVUNDgwLTgwMHEwIDE3LTExLjUgMjguNVQ0NDAtNzYwSDIwMHY1NjBoMjQwcTE3IDAgMjguNSAxMS41VDQ4MC0xNjBxMCAxNy0xMS41IDI4LjVUNDQwLTEyMEgyMDBabTQ4Ny0zMjBINDAwcS0xNyAwLTI4LjUtMTEuNVQzNjAtNDgwcTAtMTcgMTEuNS0yOC41VDQwMC01MjBoMjg3bC03NS03NXEtMTEtMTEtMTEtMjd0MTEtMjhxMTEtMTIgMjgtMTIuNXQyOSAxMS41bDE0MyAxNDNxMTIgMTIgMTIgMjh0LTEyIDI4TDY2OS0zMDlxLTEyIDEyLTI4LjUgMTEuNVQ2MTItMzEwcS0xMS0xMi0xMC41LTI4LjVUNjEzLTM2Nmw3NC03NFoiLz48L3N2Zz4=");
  --icon-mail-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik0xNjAtMTYwcS0zMyAwLTU2LjUtMjMuNVQ4MC0yNDB2LTQ4MHEwLTMzIDIzLjUtNTYuNVQxNjAtODAwaDY0MHEzMyAwIDU2LjUgMjMuNVQ4ODAtNzIwdjQ4MHEwIDMzLTIzLjUgNTYuNVQ4MDAtMTYwSDE2MFptNjQwLTQ4MEw1MDEtNDUzcS01IDMtMTAuNSA0LjVUNDgwLTQ0N3EtNSAwLTEwLjUtMS41VDQ1OS00NTNMMTYwLTY0MHY0MDBoNjQwdi00MDBaTTQ4MC01MjBsMzIwLTIwMEgxNjBsMzIwIDIwMFpNMTYwLTY0MHYxMC01OSAxLTMyIDMyLS41IDU4LjUtMTAgNDAwLTQwMFoiLz48L3N2Zz4=");
  --icon-mail-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0xNjAtMTYwcS0zMyAwLTU2LjUtMjMuNVQ4MC0yNDB2LTQ4MHEwLTMzIDIzLjUtNTYuNVQxNjAtODAwaDY0MHEzMyAwIDU2LjUgMjMuNVQ4ODAtNzIwdjQ4MHEwIDMzLTIzLjUgNTYuNVQ4MDAtMTYwSDE2MFptNjQwLTQ4MEw1MDEtNDUzcS01IDMtMTAuNSA0LjVUNDgwLTQ0N3EtNSAwLTEwLjUtMS41VDQ1OS00NTNMMTYwLTY0MHY0MDBoNjQwdi00MDBaTTQ4MC01MjBsMzIwLTIwMEgxNjBsMzIwIDIwMFpNMTYwLTY0MHYxMC01OSAxLTMyIDMyLS41IDU4LjUtMTAgNDAwLTQwMFoiLz48L3N2Zz4=");
  --icon-menu-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik0xNjAtMjQwcS0xNyAwLTI4LjUtMTEuNVQxMjAtMjgwcTAtMTcgMTEuNS0yOC41VDE2MC0zMjBoNjQwcTE3IDAgMjguNSAxMS41VDg0MC0yODBxMCAxNy0xMS41IDI4LjVUODAwLTI0MEgxNjBabTAtMjAwcS0xNyAwLTI4LjUtMTEuNVQxMjAtNDgwcTAtMTcgMTEuNS0yOC41VDE2MC01MjBoNjQwcTE3IDAgMjguNSAxMS41VDg0MC00ODBxMCAxNy0xMS41IDI4LjVUODAwLTQ0MEgxNjBabTAtMjAwcS0xNyAwLTI4LjUtMTEuNVQxMjAtNjgwcTAtMTcgMTEuNS0yOC41VDE2MC03MjBoNjQwcTE3IDAgMjguNSAxMS41VDg0MC02ODBxMCAxNy0xMS41IDI4LjVUODAwLTY0MEgxNjBaIi8+PC9zdmc+");
  --icon-menu-sidebar-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik0xNjAtMTYwcS0zMyAwLTU2LjUtMjMuNVQ4MC0yNDB2LTQ4MHEwLTMzIDIzLjUtNTYuNVQxNjAtODAwaDY0MHEzMyAwIDU2LjUgMjMuNVQ4ODAtNzIwdjQ4MHEwIDMzLTIzLjUgNTYuNVQ4MDAtMTYwSDE2MFptNTQwLTQ1M2gxMDB2LTEwN0g3MDB2MTA3Wm0wIDE4NmgxMDB2LTEwNkg3MDB2MTA2Wk0xNjAtMjQwaDQ2MHYtNDgwSDE2MHY0ODBabTU0MCAwaDEwMHYtMTA3SDcwMHYxMDdaIi8+PC9zdmc+");
  --icon-menu-sidebar-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0xNjAtMTYwcS0zMyAwLTU2LjUtMjMuNVQ4MC0yNDB2LTQ4MHEwLTMzIDIzLjUtNTYuNVQxNjAtODAwaDY0MHEzMyAwIDU2LjUgMjMuNVQ4ODAtNzIwdjQ4MHEwIDMzLTIzLjUgNTYuNVQ4MDAtMTYwSDE2MFptNTQwLTQ1M2gxMDB2LTEwN0g3MDB2MTA3Wm0wIDE4NmgxMDB2LTEwNkg3MDB2MTA2Wk0xNjAtMjQwaDQ2MHYtNDgwSDE2MHY0ODBabTU0MCAwaDEwMHYtMTA3SDcwMHYxMDdaIi8+PC9zdmc+");
  --icon-menu-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0xNjAtMjQwcS0xNyAwLTI4LjUtMTEuNVQxMjAtMjgwcTAtMTcgMTEuNS0yOC41VDE2MC0zMjBoNjQwcTE3IDAgMjguNSAxMS41VDg0MC0yODBxMCAxNy0xMS41IDI4LjVUODAwLTI0MEgxNjBabTAtMjAwcS0xNyAwLTI4LjUtMTEuNVQxMjAtNDgwcTAtMTcgMTEuNS0yOC41VDE2MC01MjBoNjQwcTE3IDAgMjguNSAxMS41VDg0MC00ODBxMCAxNy0xMS41IDI4LjVUODAwLTQ0MEgxNjBabTAtMjAwcS0xNyAwLTI4LjUtMTEuNVQxMjAtNjgwcTAtMTcgMTEuNS0yOC41VDE2MC03MjBoNjQwcTE3IDAgMjguNSAxMS41VDg0MC02ODBxMCAxNy0xMS41IDI4LjVUODAwLTY0MEgxNjBaIi8+PC9zdmc+");
  --icon-more-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik0yNDAtNDAwcS0zMyAwLTU2LjUtMjMuNVQxNjAtNDgwcTAtMzMgMjMuNS01Ni41VDI0MC01NjBxMzMgMCA1Ni41IDIzLjVUMzIwLTQ4MHEwIDMzLTIzLjUgNTYuNVQyNDAtNDAwWm0yNDAgMHEtMzMgMC01Ni41LTIzLjVUNDAwLTQ4MHEwLTMzIDIzLjUtNTYuNVQ0ODAtNTYwcTMzIDAgNTYuNSAyMy41VDU2MC00ODBxMCAzMy0yMy41IDU2LjVUNDgwLTQwMFptMjQwIDBxLTMzIDAtNTYuNS0yMy41VDY0MC00ODBxMC0zMyAyMy41LTU2LjVUNzIwLTU2MHEzMyAwIDU2LjUgMjMuNVQ4MDAtNDgwcTAgMzMtMjMuNSA1Ni41VDcyMC00MDBaIi8+PC9zdmc+");
  --icon-more-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0yNDAtNDAwcS0zMyAwLTU2LjUtMjMuNVQxNjAtNDgwcTAtMzMgMjMuNS01Ni41VDI0MC01NjBxMzMgMCA1Ni41IDIzLjVUMzIwLTQ4MHEwIDMzLTIzLjUgNTYuNVQyNDAtNDAwWm0yNDAgMHEtMzMgMC01Ni41LTIzLjVUNDAwLTQ4MHEwLTMzIDIzLjUtNTYuNVQ0ODAtNTYwcTMzIDAgNTYuNSAyMy41VDU2MC00ODBxMCAzMy0yMy41IDU2LjVUNDgwLTQwMFptMjQwIDBxLTMzIDAtNTYuNS0yMy41VDY0MC00ODBxMC0zMyAyMy41LTU2LjVUNzIwLTU2MHEzMyAwIDU2LjUgMjMuNVQ4MDAtNDgwcTAgMzMtMjMuNSA1Ni41VDcyMC00MDBaIi8+PC9zdmc+");
  --icon-music-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik0yODctMTY3cS00Ny00Ny00Ny0xMTN0NDctMTEzcTQ3LTQ3IDExMy00NyAyMyAwIDQyLjUgNS41VDQ4MC00MTh2LTM4MnEwLTE3IDExLjUtMjguNVQ1MjAtODQwaDE2MHExNyAwIDI4LjUgMTEuNVQ3MjAtODAwdjgwcTAgMTctMTEuNSAyOC41VDY4MC02ODBINTYwdjQwMHEwIDY2LTQ3IDExM3QtMTEzIDQ3cS02NiAwLTExMy00N1oiLz48L3N2Zz4=");
  --icon-music-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0yODctMTY3cS00Ny00Ny00Ny0xMTN0NDctMTEzcTQ3LTQ3IDExMy00NyAyMyAwIDQyLjUgNS41VDQ4MC00MTh2LTM4MnEwLTE3IDExLjUtMjguNVQ1MjAtODQwaDE2MHExNyAwIDI4LjUgMTEuNVQ3MjAtODAwdjgwcTAgMTctMTEuNSAyOC41VDY4MC02ODBINTYwdjQwMHEwIDY2LTQ3IDExM3QtMTEzIDQ3cS02NiAwLTExMy00N1oiLz48L3N2Zz4=");
  --icon-password-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik0yMjMuNS00MjMuNVEyMDAtNDQ3IDIwMC00ODB0MjMuNS01Ni41UTI0Ny01NjAgMjgwLTU2MHQ1Ni41IDIzLjVRMzYwLTUxMyAzNjAtNDgwdC0yMy41IDU2LjVRMzEzLTQwMCAyODAtNDAwdC01Ni41LTIzLjVaTTI4MC0yNDBxLTEwMCAwLTE3MC03MFQ0MC00ODBxMC0xMDAgNzAtMTcwdDE3MC03MHE2NyAwIDEyMS41IDMzdDg2LjUgODdoMzM1cTggMCAxNS41IDN0MTMuNSA5bDgwIDgwcTYgNiA4LjUgMTN0Mi41IDE1cTAgOC0yLjUgMTV0LTguNSAxM0w4MDUtMzI1cS01IDUtMTIgOHQtMTQgNHEtNyAxLTE0LTF0LTEzLTdsLTUyLTM5LTU3IDQzcS01IDQtMTEgNnQtMTIgMnEtNiAwLTEyLjUtMnQtMTEuNS02bC02MS00M2gtNDdxLTMyIDU0LTg2LjUgODdUMjgwLTI0MFptMC04MHE1NiAwIDk4LjUtMzR0NTYuNS04NmgxMjVsNTggNDF2LjUtLjVsODItNjEgNzEgNTUgNzUtNzVoLS41LjVsLTQwLTQwdi0uNS41SDQzNXEtMTQtNTItNTYuNS04NlQyODAtNjQwcS02NiAwLTExMyA0N3QtNDcgMTEzcTAgNjYgNDcgMTEzdDExMyA0N1oiLz48L3N2Zz4=");
  --icon-password-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0yMjMuNS00MjMuNVEyMDAtNDQ3IDIwMC00ODB0MjMuNS01Ni41UTI0Ny01NjAgMjgwLTU2MHQ1Ni41IDIzLjVRMzYwLTUxMyAzNjAtNDgwdC0yMy41IDU2LjVRMzEzLTQwMCAyODAtNDAwdC01Ni41LTIzLjVaTTI4MC0yNDBxLTEwMCAwLTE3MC03MFQ0MC00ODBxMC0xMDAgNzAtMTcwdDE3MC03MHE2NyAwIDEyMS41IDMzdDg2LjUgODdoMzM1cTggMCAxNS41IDN0MTMuNSA5bDgwIDgwcTYgNiA4LjUgMTN0Mi41IDE1cTAgOC0yLjUgMTV0LTguNSAxM0w4MDUtMzI1cS01IDUtMTIgOHQtMTQgNHEtNyAxLTE0LTF0LTEzLTdsLTUyLTM5LTU3IDQzcS01IDQtMTEgNnQtMTIgMnEtNiAwLTEyLjUtMnQtMTEuNS02bC02MS00M2gtNDdxLTMyIDU0LTg2LjUgODdUMjgwLTI0MFptMC04MHE1NiAwIDk4LjUtMzR0NTYuNS04NmgxMjVsNTggNDF2LjUtLjVsODItNjEgNzEgNTUgNzUtNzVoLS41LjVsLTQwLTQwdi0uNS41SDQzNXEtMTQtNTItNTYuNS04NlQyODAtNjQwcS02NiAwLTExMyA0N3QtNDcgMTEzcTAgNjYgNDcgMTEzdDExMyA0N1oiLz48L3N2Zz4=");
  --icon-pause-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik02MDAtMjAwcS0zMyAwLTU2LjUtMjMuNVQ1MjAtMjgwdi00MDBxMC0zMyAyMy41LTU2LjVUNjAwLTc2MGg4MHEzMyAwIDU2LjUgMjMuNVQ3NjAtNjgwdjQwMHEwIDMzLTIzLjUgNTYuNVQ2ODAtMjAwaC04MFptLTMyMCAwcS0zMyAwLTU2LjUtMjMuNVQyMDAtMjgwdi00MDBxMC0zMyAyMy41LTU2LjVUMjgwLTc2MGg4MHEzMyAwIDU2LjUgMjMuNVQ0NDAtNjgwdjQwMHEwIDMzLTIzLjUgNTYuNVQzNjAtMjAwaC04MFptMzIwLTgwaDgwdi00MDBoLTgwdjQwMFptLTMyMCAwaDgwdi00MDBoLTgwdjQwMFptMC00MDB2NDAwLTQwMFptMzIwIDB2NDAwLTQwMFoiLz48L3N2Zz4=");
  --icon-pause-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik02MDAtMjAwcS0zMyAwLTU2LjUtMjMuNVQ1MjAtMjgwdi00MDBxMC0zMyAyMy41LTU2LjVUNjAwLTc2MGg4MHEzMyAwIDU2LjUgMjMuNVQ3NjAtNjgwdjQwMHEwIDMzLTIzLjUgNTYuNVQ2ODAtMjAwaC04MFptLTMyMCAwcS0zMyAwLTU2LjUtMjMuNVQyMDAtMjgwdi00MDBxMC0zMyAyMy41LTU2LjVUMjgwLTc2MGg4MHEzMyAwIDU2LjUgMjMuNVQ0NDAtNjgwdjQwMHEwIDMzLTIzLjUgNTYuNVQzNjAtMjAwaC04MFptMzIwLTgwaDgwdi00MDBoLTgwdjQwMFptLTMyMCAwaDgwdi00MDBoLTgwdjQwMFptMC00MDB2NDAwLTQwMFptMzIwIDB2NDAwLTQwMFoiLz48L3N2Zz4=");
  --icon-phone-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik03OTgtMTIwcS0xMjUgMC0yNDctNTQuNVQzMjktMzI5UTIyOS00MjkgMTc0LjUtNTUxVDEyMC03OThxMC0xOCAxMi0zMHQzMC0xMmgxNjJxMTQgMCAyNSA5LjV0MTMgMjIuNWwyNiAxNDBxMiAxNi0xIDI3dC0xMSAxOWwtOTcgOThxMjAgMzcgNDcuNSA3MS41VDM4Ny0zODZxMzEgMzEgNjUgNTcuNXQ3MiA0OC41bDk0LTk0cTktOSAyMy41LTEzLjVUNjcwLTM5MGwxMzggMjhxMTQgNCAyMyAxNC41dDkgMjMuNXYxNjJxMCAxOC0xMiAzMHQtMzAgMTJaTTI0MS02MDBsNjYtNjYtMTctOTRoLTg5cTUgNDEgMTQgODF0MjYgNzlabTM1OCAzNThxMzkgMTcgNzkuNSAyN3Q4MS41IDEzdi04OGwtOTQtMTktNjcgNjdaTTI0MS02MDBabTM1OCAzNThaIi8+PC9zdmc+");
  --icon-phone-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik03OTgtMTIwcS0xMjUgMC0yNDctNTQuNVQzMjktMzI5UTIyOS00MjkgMTc0LjUtNTUxVDEyMC03OThxMC0xOCAxMi0zMHQzMC0xMmgxNjJxMTQgMCAyNSA5LjV0MTMgMjIuNWwyNiAxNDBxMiAxNi0xIDI3dC0xMSAxOWwtOTcgOThxMjAgMzcgNDcuNSA3MS41VDM4Ny0zODZxMzEgMzEgNjUgNTcuNXQ3MiA0OC41bDk0LTk0cTktOSAyMy41LTEzLjVUNjcwLTM5MGwxMzggMjhxMTQgNCAyMyAxNC41dDkgMjMuNXYxNjJxMCAxOC0xMiAzMHQtMzAgMTJaTTI0MS02MDBsNjYtNjYtMTctOTRoLTg5cTUgNDEgMTQgODF0MjYgNzlabTM1OCAzNThxMzkgMTcgNzkuNSAyN3Q4MS41IDEzdi04OGwtOTQtMTktNjcgNjdaTTI0MS02MDBabTM1OCAzNThaIi8+PC9zdmc+");
  --icon-picture-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik0yMDAtMTIwcS0zMyAwLTU2LjUtMjMuNVQxMjAtMjAwdi01NjBxMC0zMyAyMy41LTU2LjVUMjAwLTg0MGg1NjBxMzMgMCA1Ni41IDIzLjVUODQwLTc2MHY1NjBxMCAzMy0yMy41IDU2LjVUNzYwLTEyMEgyMDBabTAtODBoNTYwdi01NjBIMjAwdjU2MFptMCAwdi01NjAgNTYwWm04MC04MGg0MDBxMTIgMCAxOC0xMXQtMi0yMUw1ODYtNDU5cS02LTgtMTYtOHQtMTYgOEw0NTAtMzIwbC03NC05OXEtNi04LTE2LTh0LTE2IDhsLTgwIDEwN3EtOCAxMC0yIDIxdDE4IDExWiIvPjwvc3ZnPg==");
  --icon-picture-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0yMDAtMTIwcS0zMyAwLTU2LjUtMjMuNVQxMjAtMjAwdi01NjBxMC0zMyAyMy41LTU2LjVUMjAwLTg0MGg1NjBxMzMgMCA1Ni41IDIzLjVUODQwLTc2MHY1NjBxMCAzMy0yMy41IDU2LjVUNzYwLTEyMEgyMDBabTAtODBoNTYwdi01NjBIMjAwdjU2MFptMCAwdi01NjAgNTYwWm04MC04MGg0MDBxMTIgMCAxOC0xMXQtMi0yMUw1ODYtNDU5cS02LTgtMTYtOHQtMTYgOEw0NTAtMzIwbC03NC05OXEtNi04LTE2LTh0LTE2IDhsLTgwIDEwN3EtOCAxMC0yIDIxdDE4IDExWiIvPjwvc3ZnPg==");
  --icon-play-add-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik0xNjAtMzIwcS0xNyAwLTI4LjUtMTEuNVQxMjAtMzYwcTAtMTcgMTEuNS0yOC41VDE2MC00MDBoMjAwcTE3IDAgMjguNSAxMS41VDQwMC0zNjBxMCAxNy0xMS41IDI4LjVUMzYwLTMyMEgxNjBabTAtMTYwcS0xNyAwLTI4LjUtMTEuNVQxMjAtNTIwcTAtMTcgMTEuNS0yOC41VDE2MC01NjBoMzYwcTE3IDAgMjguNSAxMS41VDU2MC01MjBxMCAxNy0xMS41IDI4LjVUNTIwLTQ4MEgxNjBabTAtMTYwcS0xNyAwLTI4LjUtMTEuNVQxMjAtNjgwcTAtMTcgMTEuNS0yOC41VDE2MC03MjBoMzYwcTE3IDAgMjguNSAxMS41VDU2MC02ODBxMCAxNy0xMS41IDI4LjVUNTIwLTY0MEgxNjBabTQ5MS41IDQ2OC41UTY0MC0xODMgNjQwLTIwMHYtMTIwSDUyMHEtMTcgMC0yOC41LTExLjVUNDgwLTM2MHEwLTE3IDExLjUtMjguNVQ1MjAtNDAwaDEyMHYtMTIwcTAtMTcgMTEuNS0yOC41VDY4MC01NjBxMTcgMCAyOC41IDExLjVUNzIwLTUyMHYxMjBoMTIwcTE3IDAgMjguNSAxMS41VDg4MC0zNjBxMCAxNy0xMS41IDI4LjVUODQwLTMyMEg3MjB2MTIwcTAgMTctMTEuNSAyOC41VDY4MC0xNjBxLTE3IDAtMjguNS0xMS41WiIvPjwvc3ZnPg==");
  --icon-play-add-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0xNjAtMzIwcS0xNyAwLTI4LjUtMTEuNVQxMjAtMzYwcTAtMTcgMTEuNS0yOC41VDE2MC00MDBoMjAwcTE3IDAgMjguNSAxMS41VDQwMC0zNjBxMCAxNy0xMS41IDI4LjVUMzYwLTMyMEgxNjBabTAtMTYwcS0xNyAwLTI4LjUtMTEuNVQxMjAtNTIwcTAtMTcgMTEuNS0yOC41VDE2MC01NjBoMzYwcTE3IDAgMjguNSAxMS41VDU2MC01MjBxMCAxNy0xMS41IDI4LjVUNTIwLTQ4MEgxNjBabTAtMTYwcS0xNyAwLTI4LjUtMTEuNVQxMjAtNjgwcTAtMTcgMTEuNS0yOC41VDE2MC03MjBoMzYwcTE3IDAgMjguNSAxMS41VDU2MC02ODBxMCAxNy0xMS41IDI4LjVUNTIwLTY0MEgxNjBabTQ5MS41IDQ2OC41UTY0MC0xODMgNjQwLTIwMHYtMTIwSDUyMHEtMTcgMC0yOC41LTExLjVUNDgwLTM2MHEwLTE3IDExLjUtMjguNVQ1MjAtNDAwaDEyMHYtMTIwcTAtMTcgMTEuNS0yOC41VDY4MC01NjBxMTcgMCAyOC41IDExLjVUNzIwLTUyMHYxMjBoMTIwcTE3IDAgMjguNSAxMS41VDg4MC0zNjBxMCAxNy0xMS41IDI4LjVUODQwLTMyMEg3MjB2MTIwcTAgMTctMTEuNSAyOC41VDY4MC0xNjBxLTE3IDAtMjguNS0xMS41WiIvPjwvc3ZnPg==");
  --icon-play-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik0zMjAtMjczdi00MTRxMC0xNyAxMi0yOC41dDI4LTExLjVxNSAwIDEwLjUgMS41VDM4MS03MjFsMzI2IDIwN3E5IDYgMTMuNSAxNXQ0LjUgMTlxMCAxMC00LjUgMTlUNzA3LTQ0NkwzODEtMjM5cS01IDMtMTAuNSA0LjVUMzYwLTIzM3EtMTYgMC0yOC0xMS41VDMyMC0yNzNabTgwLTIwN1ptMCAxMzQgMjEwLTEzNC0yMTAtMTM0djI2OFoiLz48L3N2Zz4=");
  --icon-play-next-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik02NjAtMjgwdi00MDBxMC0xNyAxMS41LTI4LjVUNzAwLTcyMHExNyAwIDI4LjUgMTEuNVQ3NDAtNjgwdjQwMHEwIDE3LTExLjUgMjguNVQ3MDAtMjQwcS0xNyAwLTI4LjUtMTEuNVQ2NjAtMjgwWm0tNDQwLTM1di0zMzBxMC0xOCAxMi0yOXQyOC0xMXE1IDAgMTEgMXQxMSA1bDI0OCAxNjZxOSA2IDEzLjUgMTQuNVQ1NDgtNDgwcTAgMTAtNC41IDE4LjVUNTMwLTQ0N0wyODItMjgxcS01IDQtMTEgNXQtMTEgMXEtMTYgMC0yOC0xMXQtMTItMjlabTgwLTE2NVptMCA5MCAxMzYtOTAtMTM2LTkwdjE4MFoiLz48L3N2Zz4=");
  --icon-play-next-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik02NjAtMjgwdi00MDBxMC0xNyAxMS41LTI4LjVUNzAwLTcyMHExNyAwIDI4LjUgMTEuNVQ3NDAtNjgwdjQwMHEwIDE3LTExLjUgMjguNVQ3MDAtMjQwcS0xNyAwLTI4LjUtMTEuNVQ2NjAtMjgwWm0tNDQwLTM1di0zMzBxMC0xOCAxMi0yOXQyOC0xMXE1IDAgMTEgMXQxMSA1bDI0OCAxNjZxOSA2IDEzLjUgMTQuNVQ1NDgtNDgwcTAgMTAtNC41IDE4LjVUNTMwLTQ0N0wyODItMjgxcS01IDQtMTEgNXQtMTEgMXEtMTYgMC0yOC0xMXQtMTItMjlabTgwLTE2NVptMCA5MCAxMzYtOTAtMTM2LTkwdjE4MFoiLz48L3N2Zz4=");
  --icon-play-previous-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik0yMjAtMjgwdi00MDBxMC0xNyAxMS41LTI4LjVUMjYwLTcyMHExNyAwIDI4LjUgMTEuNVQzMDAtNjgwdjQwMHEwIDE3LTExLjUgMjguNVQyNjAtMjQwcS0xNyAwLTI4LjUtMTEuNVQyMjAtMjgwWm00NTgtMUw0MzAtNDQ3cS05LTYtMTMuNS0xNC41VDQxMi00ODBxMC0xMCA0LjUtMTguNVQ0MzAtNTEzbDI0OC0xNjZxNS00IDExLTV0MTEtMXExNiAwIDI4IDExdDEyIDI5djMzMHEwIDE4LTEyIDI5dC0yOCAxMXEtNSAwLTExLTF0LTExLTVabS0xOC0xOTlabTAgOTB2LTE4MGwtMTM2IDkwIDEzNiA5MFoiLz48L3N2Zz4=");
  --icon-play-previous-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0yMjAtMjgwdi00MDBxMC0xNyAxMS41LTI4LjVUMjYwLTcyMHExNyAwIDI4LjUgMTEuNVQzMDAtNjgwdjQwMHEwIDE3LTExLjUgMjguNVQyNjAtMjQwcS0xNyAwLTI4LjUtMTEuNVQyMjAtMjgwWm00NTgtMUw0MzAtNDQ3cS05LTYtMTMuNS0xNC41VDQxMi00ODBxMC0xMCA0LjUtMTguNVQ0MzAtNTEzbDI0OC0xNjZxNS00IDExLTV0MTEtMXExNiAwIDI4IDExdDEyIDI5djMzMHEwIDE4LTEyIDI5dC0yOCAxMXEtNSAwLTExLTF0LTExLTVabS0xOC0xOTlabTAgOTB2LTE4MGwtMTM2IDkwIDEzNiA5MFoiLz48L3N2Zz4=");
  --icon-play-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0zMjAtMjczdi00MTRxMC0xNyAxMi0yOC41dDI4LTExLjVxNSAwIDEwLjUgMS41VDM4MS03MjFsMzI2IDIwN3E5IDYgMTMuNSAxNXQ0LjUgMTlxMCAxMC00LjUgMTlUNzA3LTQ0NkwzODEtMjM5cS01IDMtMTAuNSA0LjVUMzYwLTIzM3EtMTYgMC0yOC0xMS41VDMyMC0yNzNabTgwLTIwN1ptMCAxMzQgMjEwLTEzNC0yMTAtMTM0djI2OFoiLz48L3N2Zz4=");
  --icon-projects-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik02MDAtMjAwdi00MGgtODBxLTMzIDAtNTYuNS0yMy41VDQ0MC0zMjB2LTMyMGgtODB2NDBxMCAzMy0yMy41IDU2LjVUMjgwLTUyMEgxNjBxLTMzIDAtNTYuNS0yMy41VDgwLTYwMHYtMTYwcTAtMzMgMjMuNS01Ni41VDE2MC04NDBoMTIwcTMzIDAgNTYuNSAyMy41VDM2MC03NjB2NDBoMjQwdi00MHEwLTMzIDIzLjUtNTYuNVQ2ODAtODQwaDEyMHEzMyAwIDU2LjUgMjMuNVQ4ODAtNzYwdjE2MHEwIDMzLTIzLjUgNTYuNVQ4MDAtNTIwSDY4MHEtMzMgMC01Ni41LTIzLjVUNjAwLTYwMHYtNDBoLTgwdjMyMGg4MHYtNDBxMC0zMyAyMy41LTU2LjVUNjgwLTQ0MGgxMjBxMzMgMCA1Ni41IDIzLjVUODgwLTM2MHYxNjBxMCAzMy0yMy41IDU2LjVUODAwLTEyMEg2ODBxLTMzIDAtNTYuNS0yMy41VDYwMC0yMDBaTTE2MC03NjB2MTYwLTE2MFptNTIwIDQwMHYxNjAtMTYwWm0wLTQwMHYxNjAtMTYwWm0wIDE2MGgxMjB2LTE2MEg2ODB2MTYwWm0wIDQwMGgxMjB2LTE2MEg2ODB2MTYwWk0xNjAtNjAwaDEyMHYtMTYwSDE2MHYxNjBaIi8+PC9zdmc+");
  --icon-projects-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik02MDAtMjAwdi00MGgtODBxLTMzIDAtNTYuNS0yMy41VDQ0MC0zMjB2LTMyMGgtODB2NDBxMCAzMy0yMy41IDU2LjVUMjgwLTUyMEgxNjBxLTMzIDAtNTYuNS0yMy41VDgwLTYwMHYtMTYwcTAtMzMgMjMuNS01Ni41VDE2MC04NDBoMTIwcTMzIDAgNTYuNSAyMy41VDM2MC03NjB2NDBoMjQwdi00MHEwLTMzIDIzLjUtNTYuNVQ2ODAtODQwaDEyMHEzMyAwIDU2LjUgMjMuNVQ4ODAtNzYwdjE2MHEwIDMzLTIzLjUgNTYuNVQ4MDAtNTIwSDY4MHEtMzMgMC01Ni41LTIzLjVUNjAwLTYwMHYtNDBoLTgwdjMyMGg4MHYtNDBxMC0zMyAyMy41LTU2LjVUNjgwLTQ0MGgxMjBxMzMgMCA1Ni41IDIzLjVUODgwLTM2MHYxNjBxMCAzMy0yMy41IDU2LjVUODAwLTEyMEg2ODBxLTMzIDAtNTYuNS0yMy41VDYwMC0yMDBaTTE2MC03NjB2MTYwLTE2MFptNTIwIDQwMHYxNjAtMTYwWm0wLTQwMHYxNjAtMTYwWm0wIDE2MGgxMjB2LTE2MEg2ODB2MTYwWm0wIDQwMGgxMjB2LTE2MEg2ODB2MTYwWk0xNjAtNjAwaDEyMHYtMTYwSDE2MHYxNjBaIi8+PC9zdmc+");
  --icon-public-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik0zMjUtMTExLjVxLTczLTMxLjUtMTI3LjUtODZ0LTg2LTEyNy41UTgwLTM5OCA4MC00ODAuNXQzMS41LTE1NXEzMS41LTcyLjUgODYtMTI3dDEyNy41LTg2UTM5OC04ODAgNDgwLjUtODgwdDE1NSAzMS41cTcyLjUgMzEuNSAxMjcgODZ0ODYgMTI3UTg4MC01NjMgODgwLTQ4MC41VDg0OC41LTMyNXEtMzEuNSA3My04NiAxMjcuNXQtMTI3IDg2UTU2My04MCA0ODAuNS04MFQzMjUtMTExLjVaTTQ4MC0xNjJxMjYtMzYgNDUtNzV0MzEtODNINDA0cTEyIDQ0IDMxIDgzdDQ1IDc1Wm0tMTA0LTE2cS0xOC0zMy0zMS41LTY4LjVUMzIyLTMyMEgyMDRxMjkgNTAgNzIuNSA4N3Q5OS41IDU1Wm0yMDggMHE1Ni0xOCA5OS41LTU1dDcyLjUtODdINjM4cS05IDM4LTIyLjUgNzMuNVQ1ODQtMTc4Wk0xNzAtNDAwaDEzNnEtMy0yMC00LjUtMzkuNVQzMDAtNDgwcTAtMjEgMS41LTQwLjVUMzA2LTU2MEgxNzBxLTUgMjAtNy41IDM5LjVUMTYwLTQ4MHEwIDIxIDIuNSA0MC41VDE3MC00MDBabTIxNiAwaDE4OHEzLTIwIDQuNS0zOS41VDU4MC00ODBxMC0yMS0xLjUtNDAuNVQ1NzQtNTYwSDM4NnEtMyAyMC00LjUgMzkuNVQzODAtNDgwcTAgMjEgMS41IDQwLjVUMzg2LTQwMFptMjY4IDBoMTM2cTUtMjAgNy41LTM5LjVUODAwLTQ4MHEwLTIxLTIuNS00MC41VDc5MC01NjBINjU0cTMgMjAgNC41IDM5LjVUNjYwLTQ4MHEwIDIxLTEuNSA0MC41VDY1NC00MDBabS0xNi0yNDBoMTE4cS0yOS01MC03Mi41LTg3VDU4NC03ODJxMTggMzMgMzEuNSA2OC41VDYzOC02NDBabS0yMzQgMGgxNTJxLTEyLTQ0LTMxLTgzdC00NS03NXEtMjYgMzYtNDUgNzV0LTMxIDgzWm0tMjAwIDBoMTE4cTktMzggMjIuNS03My41VDM3Ni03ODJxLTU2IDE4LTk5LjUgNTVUMjA0LTY0MFoiLz48L3N2Zz4=");
  --icon-public-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0zMjUtMTExLjVxLTczLTMxLjUtMTI3LjUtODZ0LTg2LTEyNy41UTgwLTM5OCA4MC00ODAuNXQzMS41LTE1NXEzMS41LTcyLjUgODYtMTI3dDEyNy41LTg2UTM5OC04ODAgNDgwLjUtODgwdDE1NSAzMS41cTcyLjUgMzEuNSAxMjcgODZ0ODYgMTI3UTg4MC01NjMgODgwLTQ4MC41VDg0OC41LTMyNXEtMzEuNSA3My04NiAxMjcuNXQtMTI3IDg2UTU2My04MCA0ODAuNS04MFQzMjUtMTExLjVaTTQ4MC0xNjJxMjYtMzYgNDUtNzV0MzEtODNINDA0cTEyIDQ0IDMxIDgzdDQ1IDc1Wm0tMTA0LTE2cS0xOC0zMy0zMS41LTY4LjVUMzIyLTMyMEgyMDRxMjkgNTAgNzIuNSA4N3Q5OS41IDU1Wm0yMDggMHE1Ni0xOCA5OS41LTU1dDcyLjUtODdINjM4cS05IDM4LTIyLjUgNzMuNVQ1ODQtMTc4Wk0xNzAtNDAwaDEzNnEtMy0yMC00LjUtMzkuNVQzMDAtNDgwcTAtMjEgMS41LTQwLjVUMzA2LTU2MEgxNzBxLTUgMjAtNy41IDM5LjVUMTYwLTQ4MHEwIDIxIDIuNSA0MC41VDE3MC00MDBabTIxNiAwaDE4OHEzLTIwIDQuNS0zOS41VDU4MC00ODBxMC0yMS0xLjUtNDAuNVQ1NzQtNTYwSDM4NnEtMyAyMC00LjUgMzkuNVQzODAtNDgwcTAgMjEgMS41IDQwLjVUMzg2LTQwMFptMjY4IDBoMTM2cTUtMjAgNy41LTM5LjVUODAwLTQ4MHEwLTIxLTIuNS00MC41VDc5MC01NjBINjU0cTMgMjAgNC41IDM5LjVUNjYwLTQ4MHEwIDIxLTEuNSA0MC41VDY1NC00MDBabS0xNi0yNDBoMTE4cS0yOS01MC03Mi41LTg3VDU4NC03ODJxMTggMzMgMzEuNSA2OC41VDYzOC02NDBabS0yMzQgMGgxNTJxLTEyLTQ0LTMxLTgzdC00NS03NXEtMjYgMzYtNDUgNzV0LTMxIDgzWm0tMjAwIDBoMTE4cTktMzggMjIuNS03My41VDM3Ni03ODJxLTU2IDE4LTk5LjUgNTVUMjA0LTY0MFoiLz48L3N2Zz4=");
  --icon-quota-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik0yMDAtMTYwcS0zMyAwLTU2LjUtMjMuNVQxMjAtMjQwcTAtMzMgMjMuNS01Ni41VDIwMC0zMjBoNTYwcTMzIDAgNTYuNSAyMy41VDg0MC0yNDBxMCAzMy0yMy41IDU2LjVUNzYwLTE2MEgyMDBabTAtNDgwcS0zMyAwLTU2LjUtMjMuNVQxMjAtNzIwcTAtMzMgMjMuNS01Ni41VDIwMC04MDBoNTYwcTMzIDAgNTYuNSAyMy41VDg0MC03MjBxMCAzMy0yMy41IDU2LjVUNzYwLTY0MEgyMDBabTAgMjQwcS0zMyAwLTU2LjUtMjMuNVQxMjAtNDgwcTAtMzMgMjMuNS01Ni41VDIwMC01NjBoNTYwcTMzIDAgNTYuNSAyMy41VDg0MC00ODBxMCAzMy0yMy41IDU2LjVUNzYwLTQwMEgyMDBabTY4LjUtMjkxLjVRMjgwLTcwMyAyODAtNzIwdC0xMS41LTI4LjVRMjU3LTc2MCAyNDAtNzYwdC0yOC41IDExLjVRMjAwLTczNyAyMDAtNzIwdDExLjUgMjguNVEyMjMtNjgwIDI0MC02ODB0MjguNS0xMS41Wm0wIDI0MFEyODAtNDYzIDI4MC00ODB0LTExLjUtMjguNVEyNTctNTIwIDI0MC01MjB0LTI4LjUgMTEuNVEyMDAtNDk3IDIwMC00ODB0MTEuNSAyOC41UTIyMy00NDAgMjQwLTQ0MHQyOC41LTExLjVabTAgMjQwUTI4MC0yMjMgMjgwLTI0MHQtMTEuNS0yOC41UTI1Ny0yODAgMjQwLTI4MHQtMjguNSAxMS41UTIwMC0yNTcgMjAwLTI0MHQxMS41IDI4LjVRMjIzLTIwMCAyNDAtMjAwdDI4LjUtMTEuNVoiLz48L3N2Zz4=");
  --icon-quota-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0yMDAtMTYwcS0zMyAwLTU2LjUtMjMuNVQxMjAtMjQwcTAtMzMgMjMuNS01Ni41VDIwMC0zMjBoNTYwcTMzIDAgNTYuNSAyMy41VDg0MC0yNDBxMCAzMy0yMy41IDU2LjVUNzYwLTE2MEgyMDBabTAtNDgwcS0zMyAwLTU2LjUtMjMuNVQxMjAtNzIwcTAtMzMgMjMuNS01Ni41VDIwMC04MDBoNTYwcTMzIDAgNTYuNSAyMy41VDg0MC03MjBxMCAzMy0yMy41IDU2LjVUNzYwLTY0MEgyMDBabTAgMjQwcS0zMyAwLTU2LjUtMjMuNVQxMjAtNDgwcTAtMzMgMjMuNS01Ni41VDIwMC01NjBoNTYwcTMzIDAgNTYuNSAyMy41VDg0MC00ODBxMCAzMy0yMy41IDU2LjVUNzYwLTQwMEgyMDBabTY4LjUtMjkxLjVRMjgwLTcwMyAyODAtNzIwdC0xMS41LTI4LjVRMjU3LTc2MCAyNDAtNzYwdC0yOC41IDExLjVRMjAwLTczNyAyMDAtNzIwdDExLjUgMjguNVEyMjMtNjgwIDI0MC02ODB0MjguNS0xMS41Wm0wIDI0MFEyODAtNDYzIDI4MC00ODB0LTExLjUtMjguNVEyNTctNTIwIDI0MC01MjB0LTI4LjUgMTEuNVEyMDAtNDk3IDIwMC00ODB0MTEuNSAyOC41UTIyMy00NDAgMjQwLTQ0MHQyOC41LTExLjVabTAgMjQwUTI4MC0yMjMgMjgwLTI0MHQtMTEuNS0yOC41UTI1Ny0yODAgMjQwLTI4MHQtMjguNSAxMS41UTIwMC0yNTcgMjAwLTI0MHQxMS41IDI4LjVRMjIzLTIwMCAyNDAtMjAwdDI4LjUtMTEuNVoiLz48L3N2Zz4=");
  --icon-recent-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik01MjAtNDk2di0xNDRxMC0xNy0xMS41LTI4LjVUNDgwLTY4MHEtMTcgMC0yOC41IDExLjVUNDQwLTY0MHYxNTlxMCA4IDMgMTUuNXQ5IDEzLjVsMTMyIDEzMnExMSAxMSAyOCAxMXQyOC0xMXExMS0xMSAxMS0yOHQtMTEtMjhMNTIwLTQ5NlpNNDgwLTgwcS04MyAwLTE1Ni0zMS41VDE5Ny0xOTdxLTU0LTU0LTg1LjUtMTI3VDgwLTQ4MHEwLTgzIDMxLjUtMTU2VDE5Ny03NjNxNTQtNTQgMTI3LTg1LjVUNDgwLTg4MHE4MyAwIDE1NiAzMS41VDc2My03NjNxNTQgNTQgODUuNSAxMjdUODgwLTQ4MHEwIDgzLTMxLjUgMTU2VDc2My0xOTdxLTU0IDU0LTEyNyA4NS41VDQ4MC04MFptMC00MDBabTAgMzIwcTEzMyAwIDIyNi41LTkzLjVUODAwLTQ4MHEwLTEzMy05My41LTIyNi41VDQ4MC04MDBxLTEzMyAwLTIyNi41IDkzLjVUMTYwLTQ4MHEwIDEzMyA5My41IDIyNi41VDQ4MC0xNjBaIi8+PC9zdmc+");
  --icon-recent-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik01MjAtNDk2di0xNDRxMC0xNy0xMS41LTI4LjVUNDgwLTY4MHEtMTcgMC0yOC41IDExLjVUNDQwLTY0MHYxNTlxMCA4IDMgMTUuNXQ5IDEzLjVsMTMyIDEzMnExMSAxMSAyOCAxMXQyOC0xMXExMS0xMSAxMS0yOHQtMTEtMjhMNTIwLTQ5NlpNNDgwLTgwcS04MyAwLTE1Ni0zMS41VDE5Ny0xOTdxLTU0LTU0LTg1LjUtMTI3VDgwLTQ4MHEwLTgzIDMxLjUtMTU2VDE5Ny03NjNxNTQtNTQgMTI3LTg1LjVUNDgwLTg4MHE4MyAwIDE1NiAzMS41VDc2My03NjNxNTQgNTQgODUuNSAxMjdUODgwLTQ4MHEwIDgzLTMxLjUgMTU2VDc2My0xOTdxLTU0IDU0LTEyNyA4NS41VDQ4MC04MFptMC00MDBabTAgMzIwcTEzMyAwIDIyNi41LTkzLjVUODAwLTQ4MHEwLTEzMy05My41LTIyNi41VDQ4MC04MDBxLTEzMyAwLTIyNi41IDkzLjVUMTYwLTQ4MHEwIDEzMyA5My41IDIyNi41VDQ4MC0xNjBaIi8+PC9zdmc+");
  --icon-rename-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Im00MDAtMTIwIDE2MC0xNjBoMjQwcTMzIDAgNTYuNSAyMy41VDg4MC0yMDBxMCAzMy0yMy41IDU2LjVUODAwLTEyMEg0MDBabS0yNDAtODBoNTdsMzkxLTM5MS01Ny01Ny0zOTEgMzkxdjU3Wm0tODAgNDB2LTk3cTAtMTYgNi0zMC41dDE3LTI1LjVsNTA1LTUwNHExMi0xMSAyNi41LTE3dDMwLjUtNnExNiAwIDMxIDZ0MjYgMThsNTUgNTZxMTIgMTEgMTcuNSAyNnQ1LjUgMzBxMCAxNi01LjUgMzAuNVQ3NzctNjQ3TDI3My0xNDNxLTExIDExLTI1LjUgMTd0LTMwLjUgNmgtOTdxLTE3IDAtMjguNS0xMS41VDgwLTE2MFptNjQwLTU0NC01Ni01NiA1NiA1NlptLTE0MSA4NS0yOC0yOSA1NyA1Ny0yOS0yOFoiLz48L3N2Zz4=");
  --icon-rename-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Im00MDAtMTIwIDE2MC0xNjBoMjQwcTMzIDAgNTYuNSAyMy41VDg4MC0yMDBxMCAzMy0yMy41IDU2LjVUODAwLTEyMEg0MDBabS0yNDAtODBoNTdsMzkxLTM5MS01Ny01Ny0zOTEgMzkxdjU3Wm0tODAgNDB2LTk3cTAtMTYgNi0zMC41dDE3LTI1LjVsNTA1LTUwNHExMi0xMSAyNi41LTE3dDMwLjUtNnExNiAwIDMxIDZ0MjYgMThsNTUgNTZxMTIgMTEgMTcuNSAyNnQ1LjUgMzBxMCAxNi01LjUgMzAuNVQ3NzctNjQ3TDI3My0xNDNxLTExIDExLTI1LjUgMTd0LTMwLjUgNmgtOTdxLTE3IDAtMjguNS0xMS41VDgwLTE2MFptNjQwLTU0NC01Ni01NiA1NiA1NlptLTE0MSA4NS0yOC0yOSA1NyA1Ny0yOS0yOFoiLz48L3N2Zz4=");
  --icon-screen-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik0xNjAtMjQwcS0zMyAwLTU2LjUtMjMuNVQ4MC0zMjB2LTQ0MHEwLTMzIDIzLjUtNTYuNVQxNjAtODQwaDY0MHEzMyAwIDU2LjUgMjMuNVQ4ODAtNzYwdjQ0MHEwIDMzLTIzLjUgNTYuNVQ4MDAtMjQwSDY4MGwyOCAyOHE2IDYgOSAxMy41dDMgMTUuNXYyM3EwIDE3LTExLjUgMjguNVQ2ODAtMTIwSDI4MHEtMTcgMC0yOC41LTExLjVUMjQwLTE2MHYtMjNxMC04IDMtMTUuNXQ5LTEzLjVsMjgtMjhIMTYwWm0wLTgwaDY0MHYtNDQwSDE2MHY0NDBabTAgMHYtNDQwIDQ0MFoiLz48L3N2Zz4=");
  --icon-screen-off-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Im0xMjctODMzIDczIDczaC00MHY0NDBoMzY4TDU2LTc5MnEtMTEtMTEtMTEtMjh0MTEtMjhxMTEtMTEgMjgtMTF0MjggMTFsNzM2IDczNnExMSAxMSAxMSAyOHQtMTEgMjhxLTExIDExLTI4IDExdC0yOC0xMUw2MDgtMjQwaC00OHY4MGg0MHExNyAwIDI4LjUgMTEuNVQ2NDAtMTIwcTAgMTctMTEuNSAyOC41VDYwMC04MEgzNjBxLTE3IDAtMjguNS0xMS41VDMyMC0xMjBxMC0xNyAxMS41LTI4LjVUMzYwLTE2MGg0MHYtODBIMTYwcS0zMyAwLTU2LjUtMjMuNVQ4MC0zMjB2LTQ0MHEwLTM3IDIzLjUtNTVsMjMuNS0xOFptNzUzIDczdjQyMHEwIDIwLTEyLjUgMzBUODQwLTMwMHEtMTUgMC0yNy41LTEwLjVUODAwLTM0MXYtNDE5SDM2MHEtMjAgMC0zMC0xMi41VDMyMC04MDBxMC0xNSAxMC0yNy41dDMwLTEyLjVoNDQwcTMzIDAgNTYuNSAyMy41VDg4MC03NjBaTTU1Ny01MTdabS0yMTMgMTNaIi8+PC9zdmc+");
  --icon-screen-off-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Im0xMjctODMzIDczIDczaC00MHY0NDBoMzY4TDU2LTc5MnEtMTEtMTEtMTEtMjh0MTEtMjhxMTEtMTEgMjgtMTF0MjggMTFsNzM2IDczNnExMSAxMSAxMSAyOHQtMTEgMjhxLTExIDExLTI4IDExdC0yOC0xMUw2MDgtMjQwaC00OHY4MGg0MHExNyAwIDI4LjUgMTEuNVQ2NDAtMTIwcTAgMTctMTEuNSAyOC41VDYwMC04MEgzNjBxLTE3IDAtMjguNS0xMS41VDMyMC0xMjBxMC0xNyAxMS41LTI4LjVUMzYwLTE2MGg0MHYtODBIMTYwcS0zMyAwLTU2LjUtMjMuNVQ4MC0zMjB2LTQ0MHEwLTM3IDIzLjUtNTVsMjMuNS0xOFptNzUzIDczdjQyMHEwIDIwLTEyLjUgMzBUODQwLTMwMHEtMTUgMC0yNy41LTEwLjVUODAwLTM0MXYtNDE5SDM2MHEtMjAgMC0zMC0xMi41VDMyMC04MDBxMC0xNSAxMC0yNy41dDMwLTEyLjVoNDQwcTMzIDAgNTYuNSAyMy41VDg4MC03NjBaTTU1Ny01MTdabS0yMTMgMTNaIi8+PC9zdmc+");
  --icon-screen-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0xNjAtMjQwcS0zMyAwLTU2LjUtMjMuNVQ4MC0zMjB2LTQ0MHEwLTMzIDIzLjUtNTYuNVQxNjAtODQwaDY0MHEzMyAwIDU2LjUgMjMuNVQ4ODAtNzYwdjQ0MHEwIDMzLTIzLjUgNTYuNVQ4MDAtMjQwSDY4MGwyOCAyOHE2IDYgOSAxMy41dDMgMTUuNXYyM3EwIDE3LTExLjUgMjguNVQ2ODAtMTIwSDI4MHEtMTcgMC0yOC41LTExLjVUMjQwLTE2MHYtMjNxMC04IDMtMTUuNXQ5LTEzLjVsMjgtMjhIMTYwWm0wLTgwaDY0MHYtNDQwSDE2MHY0NDBabTAgMHYtNDQwIDQ0MFoiLz48L3N2Zz4=");
  --icon-search-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik0zODAtMzIwcS0xMDkgMC0xODQuNS03NS41VDEyMC01ODBxMC0xMDkgNzUuNS0xODQuNVQzODAtODQwcTEwOSAwIDE4NC41IDc1LjVUNjQwLTU4MHEwIDQ0LTE0IDgzdC0zOCA2OWwyMjQgMjI0cTExIDExIDExIDI4dC0xMSAyOHEtMTEgMTEtMjggMTF0LTI4LTExTDUzMi0zNzJxLTMwIDI0LTY5IDM4dC04MyAxNFptMC04MHE3NSAwIDEyNy41LTUyLjVUNTYwLTU4MHEwLTc1LTUyLjUtMTI3LjVUMzgwLTc2MHEtNzUgMC0xMjcuNSA1Mi41VDIwMC01ODBxMCA3NSA1Mi41IDEyNy41VDM4MC00MDBaIi8+PC9zdmc+");
  --icon-search-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0zODAtMzIwcS0xMDkgMC0xODQuNS03NS41VDEyMC01ODBxMC0xMDkgNzUuNS0xODQuNVQzODAtODQwcTEwOSAwIDE4NC41IDc1LjVUNjQwLTU4MHEwIDQ0LTE0IDgzdC0zOCA2OWwyMjQgMjI0cTExIDExIDExIDI4dC0xMSAyOHEtMTEgMTEtMjggMTF0LTI4LTExTDUzMi0zNzJxLTMwIDI0LTY5IDM4dC04MyAxNFptMC04MHE3NSAwIDEyNy41LTUyLjVUNTYwLTU4MHEwLTc1LTUyLjUtMTI3LjVUMzgwLTc2MHEtNzUgMC0xMjcuNSA1Mi41VDIwMC01ODBxMCA3NSA1Mi41IDEyNy41VDM4MC00MDBaIi8+PC9zdmc+");
  --icon-settings-black: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMwMDAwMDAiIGQ9Ik00MzMtODBxLTI3IDAtNDYuNS0xOFQzNjMtMTQybC05LTY2cS0xMy01LTI0LjUtMTJUMzA3LTIzNWwtNjIgMjZxLTI1IDExLTUwIDJ0LTM5LTMybC00Ny04MnEtMTQtMjMtOC00OXQyNy00M2w1My00MHEtMS03LTEtMTMuNXYtMjdxMC02LjUgMS0xMy41bC01My00MHEtMjEtMTctMjctNDN0OC00OWw0Ny04MnExNC0yMyAzOS0zMnQ1MCAybDYyIDI2cTExLTggMjMtMTV0MjQtMTJsOS02NnE0LTI2IDIzLjUtNDR0NDYuNS0xOGg5NHEyNyAwIDQ2LjUgMTh0MjMuNSA0NGw5IDY2cTEzIDUgMjQuNSAxMnQyMi41IDE1bDYyLTI2cTI1LTExIDUwLTJ0MzkgMzJsNDcgODJxMTQgMjMgOCA0OXQtMjcgNDNsLTUzIDQwcTEgNyAxIDEzLjV2MjdxMCA2LjUtMiAxMy41bDUzIDQwcTIxIDE3IDI3IDQzdC04IDQ5bC00OCA4MnEtMTQgMjMtMzkgMzJ0LTUwLTJsLTYwLTI2cS0xMSA4LTIzIDE1dC0yNCAxMmwtOSA2NnEtNCAyNi0yMy41IDQ0VDUyNy04MGgtOTRabTctODBoNzlsMTQtMTA2cTMxLTggNTcuNS0yMy41VDYzOS0zMjdsOTkgNDEgMzktNjgtODYtNjVxNS0xNCA3LTI5LjV0Mi0zMS41cTAtMTYtMi0zMS41dC03LTI5LjVsODYtNjUtMzktNjgtOTkgNDJxLTIyLTIzLTQ4LjUtMzguNVQ1MzMtNjk0bC0xMy0xMDZoLTc5bC0xNCAxMDZxLTMxIDgtNTcuNSAyMy41VDMyMS02MzNsLTk5LTQxLTM5IDY4IDg2IDY0cS01IDE1LTcgMzB0LTIgMzJxMCAxNiAyIDMxdDcgMzBsLTg2IDY1IDM5IDY4IDk5LTQycTIyIDIzIDQ4LjUgMzguNVQ0MjctMjY2bDEzIDEwNlptNDItMTgwcTU4IDAgOTktNDF0NDEtOTlxMC01OC00MS05OXQtOTktNDFxLTU5IDAtOTkuNSA0MVQzNDItNDgwcTAgNTggNDAuNSA5OXQ5OS41IDQxWm0tMi0xNDBaIi8+PC9zdmc+");
  --icon-settings-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik00MzMtODBxLTI3IDAtNDYuNS0xOFQzNjMtMTQybC05LTY2cS0xMy01LTI0LjUtMTJUMzA3LTIzNWwtNjIgMjZxLTI1IDExLTUwIDJ0LTM5LTMybC00Ny04MnEtMTQtMjMtOC00OXQyNy00M2w1My00MHEtMS03LTEtMTMuNXYtMjdxMC02LjUgMS0xMy41bC01My00MHEtMjEtMTctMjctNDN0OC00OWw0Ny04MnExNC0yMyAzOS0zMnQ1MCAybDYyIDI2cTExLTggMjMtMTV0MjQtMTJsOS02NnE0LTI2IDIzLjUtNDR0NDYuNS0xOGg5NHEyNyAwIDQ2LjUgMTh0MjMuNSA0NGw5IDY2cTEzIDUgMjQuNSAxMnQyMi41IDE1bDYyLTI2cTI1LTExIDUwLTJ0MzkgMzJsNDcgODJxMTQgMjMgOCA0OXQtMjcgNDNsLTUzIDQwcTEgNyAxIDEzLjV2MjdxMCA2LjUtMiAxMy41bDUzIDQwcTIxIDE3IDI3IDQzdC04IDQ5bC00OCA4MnEtMTQgMjMtMzkgMzJ0LTUwLTJsLTYwLTI2cS0xMSA4LTIzIDE1dC0yNCAxMmwtOSA2NnEtNCAyNi0yMy41IDQ0VDUyNy04MGgtOTRabTctODBoNzlsMTQtMTA2cTMxLTggNTcuNS0yMy41VDYzOS0zMjdsOTkgNDEgMzktNjgtODYtNjVxNS0xNCA3LTI5LjV0Mi0zMS41cTAtMTYtMi0zMS41dC03LTI5LjVsODYtNjUtMzktNjgtOTkgNDJxLTIyLTIzLTQ4LjUtMzguNVQ1MzMtNjk0bC0xMy0xMDZoLTc5bC0xNCAxMDZxLTMxIDgtNTcuNSAyMy41VDMyMS02MzNsLTk5LTQxLTM5IDY4IDg2IDY0cS01IDE1LTcgMzB0LTIgMzJxMCAxNiAyIDMxdDcgMzBsLTg2IDY1IDM5IDY4IDk5LTQycTIyIDIzIDQ4LjUgMzguNVQ0MjctMjY2bDEzIDEwNlptNDItMTgwcTU4IDAgOTktNDF0NDEtOTlxMC01OC00MS05OXQtOTktNDFxLTU5IDAtOTkuNSA0MVQzNDItNDgwcTAgNTggNDAuNSA5OXQ5OS41IDQxWm0tMi0xNDBaIi8+PC9zdmc+");
  --icon-settings-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik00MzMtODBxLTI3IDAtNDYuNS0xOFQzNjMtMTQybC05LTY2cS0xMy01LTI0LjUtMTJUMzA3LTIzNWwtNjIgMjZxLTI1IDExLTUwIDJ0LTM5LTMybC00Ny04MnEtMTQtMjMtOC00OXQyNy00M2w1My00MHEtMS03LTEtMTMuNXYtMjdxMC02LjUgMS0xMy41bC01My00MHEtMjEtMTctMjctNDN0OC00OWw0Ny04MnExNC0yMyAzOS0zMnQ1MCAybDYyIDI2cTExLTggMjMtMTV0MjQtMTJsOS02NnE0LTI2IDIzLjUtNDR0NDYuNS0xOGg5NHEyNyAwIDQ2LjUgMTh0MjMuNSA0NGw5IDY2cTEzIDUgMjQuNSAxMnQyMi41IDE1bDYyLTI2cTI1LTExIDUwLTJ0MzkgMzJsNDcgODJxMTQgMjMgOCA0OXQtMjcgNDNsLTUzIDQwcTEgNyAxIDEzLjV2MjdxMCA2LjUtMiAxMy41bDUzIDQwcTIxIDE3IDI3IDQzdC04IDQ5bC00OCA4MnEtMTQgMjMtMzkgMzJ0LTUwLTJsLTYwLTI2cS0xMSA4LTIzIDE1dC0yNCAxMmwtOSA2NnEtNCAyNi0yMy41IDQ0VDUyNy04MGgtOTRabTctODBoNzlsMTQtMTA2cTMxLTggNTcuNS0yMy41VDYzOS0zMjdsOTkgNDEgMzktNjgtODYtNjVxNS0xNCA3LTI5LjV0Mi0zMS41cTAtMTYtMi0zMS41dC03LTI5LjVsODYtNjUtMzktNjgtOTkgNDJxLTIyLTIzLTQ4LjUtMzguNVQ1MzMtNjk0bC0xMy0xMDZoLTc5bC0xNCAxMDZxLTMxIDgtNTcuNSAyMy41VDMyMS02MzNsLTk5LTQxLTM5IDY4IDg2IDY0cS01IDE1LTcgMzB0LTIgMzJxMCAxNiAyIDMxdDcgMzBsLTg2IDY1IDM5IDY4IDk5LTQycTIyIDIzIDQ4LjUgMzguNVQ0MjctMjY2bDEzIDEwNlptNDItMTgwcTU4IDAgOTktNDF0NDEtOTlxMC01OC00MS05OXQtOTktNDFxLTU5IDAtOTkuNSA0MVQzNDItNDgwcTAgNTggNDAuNSA5OXQ5OS41IDQxWm0tMi0xNDBaIi8+PC9zdmc+");
  --icon-share-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik02ODAtODBxLTUwIDAtODUtMzV0LTM1LTg1cTAtNiAzLTI4TDI4Mi0zOTJxLTE2IDE1LTM3IDIzLjV0LTQ1IDguNXEtNTAgMC04NS0zNXQtMzUtODVxMC01MCAzNS04NXQ4NS0zNXEyNCAwIDQ1IDguNXQzNyAyMy41bDI4MS0xNjRxLTItNy0yLjUtMTMuNVQ1NjAtNzYwcTAtNTAgMzUtODV0ODUtMzVxNTAgMCA4NSAzNXQzNSA4NXEwIDUwLTM1IDg1dC04NSAzNXEtMjQgMC00NS04LjVUNTk4LTY3MkwzMTctNTA4cTIgNyAyLjUgMTMuNXQuNSAxNC41cTAgOC0uNSAxNC41VDMxNy00NTJsMjgxIDE2NHExNi0xNSAzNy0yMy41dDQ1LTguNXE1MCAwIDg1IDM1dDM1IDg1cTAgNTAtMzUgODV0LTg1IDM1Wm0wLTgwcTE3IDAgMjguNS0xMS41VDcyMC0yMDBxMC0xNy0xMS41LTI4LjVUNjgwLTI0MHEtMTcgMC0yOC41IDExLjVUNjQwLTIwMHEwIDE3IDExLjUgMjguNVQ2ODAtMTYwWk0yMDAtNDQwcTE3IDAgMjguNS0xMS41VDI0MC00ODBxMC0xNy0xMS41LTI4LjVUMjAwLTUyMHEtMTcgMC0yOC41IDExLjVUMTYwLTQ4MHEwIDE3IDExLjUgMjguNVQyMDAtNDQwWm01MDguNS0yOTEuNVE3MjAtNzQzIDcyMC03NjB0LTExLjUtMjguNVE2OTctODAwIDY4MC04MDB0LTI4LjUgMTEuNVE2NDAtNzc3IDY0MC03NjB0MTEuNSAyOC41UTY2My03MjAgNjgwLTcyMHQyOC41LTExLjVaTTY4MC0yMDBaTTIwMC00ODBabTQ4MC0yODBaIi8+PC9zdmc+");
  --icon-shared-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik00MC0yNzJxMC0zNCAxNy41LTYyLjVUMTA0LTM3OHE2Mi0zMSAxMjYtNDYuNVQzNjAtNDQwcTY2IDAgMTMwIDE1LjVUNjE2LTM3OHEyOSAxNSA0Ni41IDQzLjVUNjgwLTI3MnYzMnEwIDMzLTIzLjUgNTYuNVQ2MDAtMTYwSDEyMHEtMzMgMC01Ni41LTIzLjVUNDAtMjQwdi0zMlptODAwIDExMkg3MzhxMTEtMTggMTYuNS0zOC41VDc2MC0yNDB2LTQwcTAtNDQtMjQuNS04NC41VDY2Ni00MzRxNTEgNiA5NiAyMC41dDg0IDM1LjVxMzYgMjAgNTUgNDQuNXQxOSA1My41djQwcTAgMzMtMjMuNSA1Ni41VDg0MC0xNjBaTTI0Ny01MjdxLTQ3LTQ3LTQ3LTExM3Q0Ny0xMTNxNDctNDcgMTEzLTQ3dDExMyA0N3E0NyA0NyA0NyAxMTN0LTQ3IDExM3EtNDcgNDctMTEzIDQ3dC0xMTMtNDdabTQ2NiAwcS00NyA0Ny0xMTMgNDctMTEgMC0yOC0yLjV0LTI4LTUuNXEyNy0zMiA0MS41LTcxdDE0LjUtODFxMC00Mi0xNC41LTgxVDU0NC03OTJxMTQtNSAyOC02LjV0MjgtMS41cTY2IDAgMTEzIDQ3dDQ3IDExM3EwIDY2LTQ3IDExM1pNMTIwLTI0MGg0ODB2LTMycTAtMTEtNS41LTIwVDU4MC0zMDZxLTU0LTI3LTEwOS00MC41VDM2MC0zNjBxLTU2IDAtMTExIDEzLjVUMTQwLTMwNnEtOSA1LTE0LjUgMTR0LTUuNSAyMHYzMlptMjk2LjUtMzQzLjVRNDQwLTYwNyA0NDAtNjQwdC0yMy41LTU2LjVRMzkzLTcyMCAzNjAtNzIwdC01Ni41IDIzLjVRMjgwLTY3MyAyODAtNjQwdDIzLjUgNTYuNVEzMjctNTYwIDM2MC01NjB0NTYuNS0yMy41Wk0zNjAtMjQwWm0wLTQwMFoiLz48L3N2Zz4=");
  --icon-shared-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik00MC0yNzJxMC0zNCAxNy41LTYyLjVUMTA0LTM3OHE2Mi0zMSAxMjYtNDYuNVQzNjAtNDQwcTY2IDAgMTMwIDE1LjVUNjE2LTM3OHEyOSAxNSA0Ni41IDQzLjVUNjgwLTI3MnYzMnEwIDMzLTIzLjUgNTYuNVQ2MDAtMTYwSDEyMHEtMzMgMC01Ni41LTIzLjVUNDAtMjQwdi0zMlptODAwIDExMkg3MzhxMTEtMTggMTYuNS0zOC41VDc2MC0yNDB2LTQwcTAtNDQtMjQuNS04NC41VDY2Ni00MzRxNTEgNiA5NiAyMC41dDg0IDM1LjVxMzYgMjAgNTUgNDQuNXQxOSA1My41djQwcTAgMzMtMjMuNSA1Ni41VDg0MC0xNjBaTTI0Ny01MjdxLTQ3LTQ3LTQ3LTExM3Q0Ny0xMTNxNDctNDcgMTEzLTQ3dDExMyA0N3E0NyA0NyA0NyAxMTN0LTQ3IDExM3EtNDcgNDctMTEzIDQ3dC0xMTMtNDdabTQ2NiAwcS00NyA0Ny0xMTMgNDctMTEgMC0yOC0yLjV0LTI4LTUuNXEyNy0zMiA0MS41LTcxdDE0LjUtODFxMC00Mi0xNC41LTgxVDU0NC03OTJxMTQtNSAyOC02LjV0MjgtMS41cTY2IDAgMTEzIDQ3dDQ3IDExM3EwIDY2LTQ3IDExM1pNMTIwLTI0MGg0ODB2LTMycTAtMTEtNS41LTIwVDU4MC0zMDZxLTU0LTI3LTEwOS00MC41VDM2MC0zNjBxLTU2IDAtMTExIDEzLjVUMTQwLTMwNnEtOSA1LTE0LjUgMTR0LTUuNSAyMHYzMlptMjk2LjUtMzQzLjVRNDQwLTYwNyA0NDAtNjQwdC0yMy41LTU2LjVRMzkzLTcyMCAzNjAtNzIwdC01Ni41IDIzLjVRMjgwLTY3MyAyODAtNjQwdDIzLjUgNTYuNVEzMjctNTYwIDM2MC01NjB0NTYuNS0yMy41Wk0zNjAtMjQwWm0wLTQwMFoiLz48L3N2Zz4=");
  --icon-share-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik02ODAtODBxLTUwIDAtODUtMzV0LTM1LTg1cTAtNiAzLTI4TDI4Mi0zOTJxLTE2IDE1LTM3IDIzLjV0LTQ1IDguNXEtNTAgMC04NS0zNXQtMzUtODVxMC01MCAzNS04NXQ4NS0zNXEyNCAwIDQ1IDguNXQzNyAyMy41bDI4MS0xNjRxLTItNy0yLjUtMTMuNVQ1NjAtNzYwcTAtNTAgMzUtODV0ODUtMzVxNTAgMCA4NSAzNXQzNSA4NXEwIDUwLTM1IDg1dC04NSAzNXEtMjQgMC00NS04LjVUNTk4LTY3MkwzMTctNTA4cTIgNyAyLjUgMTMuNXQuNSAxNC41cTAgOC0uNSAxNC41VDMxNy00NTJsMjgxIDE2NHExNi0xNSAzNy0yMy41dDQ1LTguNXE1MCAwIDg1IDM1dDM1IDg1cTAgNTAtMzUgODV0LTg1IDM1Wm0wLTgwcTE3IDAgMjguNS0xMS41VDcyMC0yMDBxMC0xNy0xMS41LTI4LjVUNjgwLTI0MHEtMTcgMC0yOC41IDExLjVUNjQwLTIwMHEwIDE3IDExLjUgMjguNVQ2ODAtMTYwWk0yMDAtNDQwcTE3IDAgMjguNS0xMS41VDI0MC00ODBxMC0xNy0xMS41LTI4LjVUMjAwLTUyMHEtMTcgMC0yOC41IDExLjVUMTYwLTQ4MHEwIDE3IDExLjUgMjguNVQyMDAtNDQwWm01MDguNS0yOTEuNVE3MjAtNzQzIDcyMC03NjB0LTExLjUtMjguNVE2OTctODAwIDY4MC04MDB0LTI4LjUgMTEuNVE2NDAtNzc3IDY0MC03NjB0MTEuNSAyOC41UTY2My03MjAgNjgwLTcyMHQyOC41LTExLjVaTTY4MC0yMDBaTTIwMC00ODBabTQ4MC0yODBaIi8+PC9zdmc+");
  --icon-sound-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik03NjAtNDgxcTAtODMtNDQtMTUxLjVUNTk4LTczNXEtMTUtNy0yMi0yMS41dC0yLTI5LjVxNi0xNiAyMS41LTIzdDMxLjUgMHE5NyA0MyAxNTUgMTMxLjVUODQwLTQ4MXEwIDEwOC01OCAxOTYuNVQ2MjctMTUzcS0xNiA3LTMxLjUgMFQ1NzQtMTc2cS01LTE1IDItMjkuNXQyMi0yMS41cTc0LTM0IDExOC0xMDIuNVQ3NjAtNDgxWk0yODAtMzYwSDE2MHEtMTcgMC0yOC41LTExLjVUMTIwLTQwMHYtMTYwcTAtMTcgMTEuNS0yOC41VDE2MC02MDBoMTIwbDEzMi0xMzJxMTktMTkgNDMuNS04LjVUNDgwLTcwM3Y0NDZxMCAyNy0yNC41IDM3LjVUNDEyLTIyOEwyODAtMzYwWm0zODAtMTIwcTAgNDItMTkgNzkuNVQ1OTEtMzM5cS0xMCA2LTIwLjUuNVQ1NjAtMzU2di0yNTBxMC0xMiAxMC41LTE3LjV0MjAuNS41cTMxIDI1IDUwIDYzdDE5IDgwWk00MDAtNjA2bC04NiA4NkgyMDB2ODBoMTE0bDg2IDg2di0yNTJaTTMwMC00ODBaIi8+PC9zdmc+");
  --icon-sound-off-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik02NzEtMTc3cS0xMSA3LTIyIDEzdC0yMyAxMXEtMTUgNy0zMC41IDBUNTc0LTE3NnEtNi0xNSAxLjUtMjkuNVQ1OTgtMjI3cTQtMiA3LjUtNHQ3LjUtNEw0ODAtMzY4djExMXEwIDI3LTI0LjUgMzcuNVQ0MTItMjI4TDI4MC0zNjBIMTYwcS0xNyAwLTI4LjUtMTEuNVQxMjAtNDAwdi0xNjBxMC0xNyAxMS41LTI4LjVUMTYwLTYwMGg4OEw4NC03NjRxLTExLTExLTExLTI4dDExLTI4cTExLTExIDI4LTExdDI4IDExbDY4MCA2ODBxMTEgMTEgMTEgMjh0LTExIDI4cS0xMSAxMS0yOCAxMXQtMjgtMTFsLTkzLTkzWm04OS0zMDRxMC04My00NC0xNTEuNVQ1OTgtNzM1cS0xNS03LTIyLTIxLjV0LTItMjkuNXE2LTE2IDIxLjUtMjN0MzEuNSAwcTk3IDQzIDE1NSAxMzF0NTggMTk3cTAgMzMtNiA2NS41VDgxNy0zNTNxLTggMjItMjQuNSAyNy41dC0zMC41LjVxLTE0LTUtMjIuNS0xOHQtLjUtMzBxMTEtMjYgMTYtNTIuNXQ1LTU1LjVaTTU5MS02MjNxMzMgMjEgNTEgNjN0MTggODB2MTBxMCA1LTEgMTAtMiAxMy0xNCAxN3QtMjItNmwtNTEtNTFxLTYtNi05LTEzLjV0LTMtMTUuNXYtNzdxMC0xMiAxMC41LTE3LjV0MjAuNS41Wm0tMjAxLTU5cS02LTYtNi0xNHQ2LTE0bDIyLTIycTE5LTE5IDQzLjUtOC41VDQ4MC03MDN2NjNxMCAxNC0xMiAxOXQtMjItNWwtNTYtNTZabTEwIDMyOHYtOTRsLTcyLTcySDIwMHY4MGgxMTRsODYgODZabS0zNi0xMzBaIi8+PC9zdmc+");
  --icon-sound-off-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik02NzEtMTc3cS0xMSA3LTIyIDEzdC0yMyAxMXEtMTUgNy0zMC41IDBUNTc0LTE3NnEtNi0xNSAxLjUtMjkuNVQ1OTgtMjI3cTQtMiA3LjUtNHQ3LjUtNEw0ODAtMzY4djExMXEwIDI3LTI0LjUgMzcuNVQ0MTItMjI4TDI4MC0zNjBIMTYwcS0xNyAwLTI4LjUtMTEuNVQxMjAtNDAwdi0xNjBxMC0xNyAxMS41LTI4LjVUMTYwLTYwMGg4OEw4NC03NjRxLTExLTExLTExLTI4dDExLTI4cTExLTExIDI4LTExdDI4IDExbDY4MCA2ODBxMTEgMTEgMTEgMjh0LTExIDI4cS0xMSAxMS0yOCAxMXQtMjgtMTFsLTkzLTkzWm04OS0zMDRxMC04My00NC0xNTEuNVQ1OTgtNzM1cS0xNS03LTIyLTIxLjV0LTItMjkuNXE2LTE2IDIxLjUtMjN0MzEuNSAwcTk3IDQzIDE1NSAxMzF0NTggMTk3cTAgMzMtNiA2NS41VDgxNy0zNTNxLTggMjItMjQuNSAyNy41dC0zMC41LjVxLTE0LTUtMjIuNS0xOHQtLjUtMzBxMTEtMjYgMTYtNTIuNXQ1LTU1LjVaTTU5MS02MjNxMzMgMjEgNTEgNjN0MTggODB2MTBxMCA1LTEgMTAtMiAxMy0xNCAxN3QtMjItNmwtNTEtNTFxLTYtNi05LTEzLjV0LTMtMTUuNXYtNzdxMC0xMiAxMC41LTE3LjV0MjAuNS41Wm0tMjAxLTU5cS02LTYtNi0xNHQ2LTE0bDIyLTIycTE5LTE5IDQzLjUtOC41VDQ4MC03MDN2NjNxMCAxNC0xMiAxOXQtMjItNWwtNTYtNTZabTEwIDMyOHYtOTRsLTcyLTcySDIwMHY4MGgxMTRsODYgODZabS0zNi0xMzBaIi8+PC9zdmc+");
  --icon-sound-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik03NjAtNDgxcTAtODMtNDQtMTUxLjVUNTk4LTczNXEtMTUtNy0yMi0yMS41dC0yLTI5LjVxNi0xNiAyMS41LTIzdDMxLjUgMHE5NyA0MyAxNTUgMTMxLjVUODQwLTQ4MXEwIDEwOC01OCAxOTYuNVQ2MjctMTUzcS0xNiA3LTMxLjUgMFQ1NzQtMTc2cS01LTE1IDItMjkuNXQyMi0yMS41cTc0LTM0IDExOC0xMDIuNVQ3NjAtNDgxWk0yODAtMzYwSDE2MHEtMTcgMC0yOC41LTExLjVUMTIwLTQwMHYtMTYwcTAtMTcgMTEuNS0yOC41VDE2MC02MDBoMTIwbDEzMi0xMzJxMTktMTkgNDMuNS04LjVUNDgwLTcwM3Y0NDZxMCAyNy0yNC41IDM3LjVUNDEyLTIyOEwyODAtMzYwWm0zODAtMTIwcTAgNDItMTkgNzkuNVQ1OTEtMzM5cS0xMCA2LTIwLjUuNVQ1NjAtMzU2di0yNTBxMC0xMiAxMC41LTE3LjV0MjAuNS41cTMxIDI1IDUwIDYzdDE5IDgwWk00MDAtNjA2bC04NiA4NkgyMDB2ODBoMTE0bDg2IDg2di0yNTJaTTMwMC00ODBaIi8+PC9zdmc+");
  --icon-star-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Im0zNTQtMjg3IDEyNi03NiAxMjYgNzctMzMtMTQ0IDExMS05Ni0xNDYtMTMtNTgtMTM2LTU4IDEzNS0xNDYgMTMgMTExIDk3LTMzIDE0M1ptMTI2IDE4TDMxNC0xNjlxLTExIDctMjMgNnQtMjEtOHEtOS03LTE0LTE3LjV0LTItMjMuNWw0NC0xODktMTQ3LTEyN3EtMTAtOS0xMi41LTIwLjVUMTQwLTU3MXE0LTExIDEyLTE4dDIyLTlsMTk0LTE3IDc1LTE3OHE1LTEyIDE1LjUtMTh0MjEuNS02cTExIDAgMjEuNSA2dDE1LjUgMThsNzUgMTc4IDE5NCAxN3ExNCAyIDIyIDl0MTIgMThxNCAxMSAxLjUgMjIuNVQ4MDktNTI4TDY2Mi00MDFsNDQgMTg5cTMgMTMtMiAyMy41VDY5MC0xNzFxLTkgNy0yMSA4dC0yMy02TDQ4MC0yNjlabTAtMjAxWiIvPjwvc3ZnPg==");
  --icon-star-grey: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiM5YWEwYTYiIGQ9Im0zNTQtMjg3IDEyNi03NiAxMjYgNzctMzMtMTQ0IDExMS05Ni0xNDYtMTMtNTgtMTM2LTU4IDEzNS0xNDYgMTMgMTExIDk3LTMzIDE0M1ptMTI2IDE4TDMxNC0xNjlxLTExIDctMjMgNnQtMjEtOHEtOS03LTE0LTE3LjV0LTItMjMuNWw0NC0xODktMTQ3LTEyN3EtMTAtOS0xMi41LTIwLjVUMTQwLTU3MXE0LTExIDEyLTE4dDIyLTlsMTk0LTE3IDc1LTE3OHE1LTEyIDE1LjUtMTh0MjEuNS02cTExIDAgMjEuNSA2dDE1LjUgMThsNzUgMTc4IDE5NCAxN3ExNCAyIDIyIDl0MTIgMThxNCAxMSAxLjUgMjIuNVQ4MDktNTI4TDY2Mi00MDFsNDQgMTg5cTMgMTMtMiAyMy41VDY5MC0xNzFxLTkgNy0yMSA4dC0yMy02TDQ4MC0yNjlabTAtMjAxWiIvPjwvc3ZnPg==");
  --icon-starred: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Im0zNTQtMjg3IDEyNi03NiAxMjYgNzctMzMtMTQ0IDExMS05Ni0xNDYtMTMtNTgtMTM2LTU4IDEzNS0xNDYgMTMgMTExIDk3LTMzIDE0M1ptMTI2IDE4TDMxNC0xNjlxLTExIDctMjMgNnQtMjEtOHEtOS03LTE0LTE3LjV0LTItMjMuNWw0NC0xODktMTQ3LTEyN3EtMTAtOS0xMi41LTIwLjVUMTQwLTU3MXE0LTExIDEyLTE4dDIyLTlsMTk0LTE3IDc1LTE3OHE1LTEyIDE1LjUtMTh0MjEuNS02cTExIDAgMjEuNSA2dDE1LjUgMThsNzUgMTc4IDE5NCAxN3ExNCAyIDIyIDl0MTIgMThxNCAxMSAxLjUgMjIuNVQ4MDktNTI4TDY2Mi00MDFsNDQgMTg5cTMgMTMtMiAyMy41VDY5MC0xNzFxLTkgNy0yMSA4dC0yMy02TDQ4MC0yNjlabTAtMjAxWiIvPjwvc3ZnPg==");
  --icon-starred-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Im0zNTQtMjg3IDEyNi03NiAxMjYgNzctMzMtMTQ0IDExMS05Ni0xNDYtMTMtNTgtMTM2LTU4IDEzNS0xNDYgMTMgMTExIDk3LTMzIDE0M1ptMTI2IDE4TDMxNC0xNjlxLTExIDctMjMgNnQtMjEtOHEtOS03LTE0LTE3LjV0LTItMjMuNWw0NC0xODktMTQ3LTEyN3EtMTAtOS0xMi41LTIwLjVUMTQwLTU3MXE0LTExIDEyLTE4dDIyLTlsMTk0LTE3IDc1LTE3OHE1LTEyIDE1LjUtMTh0MjEuNS02cTExIDAgMjEuNSA2dDE1LjUgMThsNzUgMTc4IDE5NCAxN3ExNCAyIDIyIDl0MTIgMThxNCAxMSAxLjUgMjIuNVQ4MDktNTI4TDY2Mi00MDFsNDQgMTg5cTMgMTMtMiAyMy41VDY5MC0xNzFxLTkgNy0yMSA4dC0yMy02TDQ4MC0yNjlabTAtMjAxWiIvPjwvc3ZnPg==");
  --icon-starred-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Im0zNTQtMjg3IDEyNi03NiAxMjYgNzctMzMtMTQ0IDExMS05Ni0xNDYtMTMtNTgtMTM2LTU4IDEzNS0xNDYgMTMgMTExIDk3LTMzIDE0M1ptMTI2IDE4TDMxNC0xNjlxLTExIDctMjMgNnQtMjEtOHEtOS03LTE0LTE3LjV0LTItMjMuNWw0NC0xODktMTQ3LTEyN3EtMTAtOS0xMi41LTIwLjVUMTQwLTU3MXE0LTExIDEyLTE4dDIyLTlsMTk0LTE3IDc1LTE3OHE1LTEyIDE1LjUtMTh0MjEuNS02cTExIDAgMjEuNSA2dDE1LjUgMThsNzUgMTc4IDE5NCAxN3ExNCAyIDIyIDl0MTIgMThxNCAxMSAxLjUgMjIuNVQ4MDktNTI4TDY2Mi00MDFsNDQgMTg5cTMgMTMtMiAyMy41VDY5MC0xNzFxLTkgNy0yMSA4dC0yMy02TDQ4MC0yNjlabTAtMjAxWiIvPjwvc3ZnPg==");
  --icon-starred-yellow: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmOWE4MjUiIGQ9Im0zNTQtMjg3IDEyNi03NiAxMjYgNzctMzMtMTQ0IDExMS05Ni0xNDYtMTMtNTgtMTM2LTU4IDEzNS0xNDYgMTMgMTExIDk3LTMzIDE0M1ptMTI2IDE4TDMxNC0xNjlxLTExIDctMjMgNnQtMjEtOHEtOS03LTE0LTE3LjV0LTItMjMuNWw0NC0xODktMTQ3LTEyN3EtMTAtOS0xMi41LTIwLjVUMTQwLTU3MXE0LTExIDEyLTE4dDIyLTlsMTk0LTE3IDc1LTE3OHE1LTEyIDE1LjUtMTh0MjEuNS02cTExIDAgMjEuNSA2dDE1LjUgMThsNzUgMTc4IDE5NCAxN3ExNCAyIDIyIDl0MTIgMThxNCAxMSAxLjUgMjIuNVQ4MDktNTI4TDY2Mi00MDFsNDQgMTg5cTMgMTMtMiAyMy41VDY5MC0xNzFxLTkgNy0yMSA4dC0yMy02TDQ4MC0yNjlabTAtMjAxWiIvPjwvc3ZnPg==");
  --icon-star-rounded-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Im0zNTQtMjg3IDEyNi03NiAxMjYgNzctMzMtMTQ0IDExMS05Ni0xNDYtMTMtNTgtMTM2LTU4IDEzNS0xNDYgMTMgMTExIDk3LTMzIDE0M1ptMTI2IDE4TDMxNC0xNjlxLTExIDctMjMgNnQtMjEtOHEtOS03LTE0LTE3LjV0LTItMjMuNWw0NC0xODktMTQ3LTEyN3EtMTAtOS0xMi41LTIwLjVUMTQwLTU3MXE0LTExIDEyLTE4dDIyLTlsMTk0LTE3IDc1LTE3OHE1LTEyIDE1LjUtMTh0MjEuNS02cTExIDAgMjEuNSA2dDE1LjUgMThsNzUgMTc4IDE5NCAxN3ExNCAyIDIyIDl0MTIgMThxNCAxMSAxLjUgMjIuNVQ4MDktNTI4TDY2Mi00MDFsNDQgMTg5cTMgMTMtMiAyMy41VDY5MC0xNzFxLTkgNy0yMSA4dC0yMy02TDQ4MC0yNjlabTAtMjAxWiIvPjwvc3ZnPg==");
  --icon-star-rounded-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Im0zNTQtMjg3IDEyNi03NiAxMjYgNzctMzMtMTQ0IDExMS05Ni0xNDYtMTMtNTgtMTM2LTU4IDEzNS0xNDYgMTMgMTExIDk3LTMzIDE0M1ptMTI2IDE4TDMxNC0xNjlxLTExIDctMjMgNnQtMjEtOHEtOS03LTE0LTE3LjV0LTItMjMuNWw0NC0xODktMTQ3LTEyN3EtMTAtOS0xMi41LTIwLjVUMTQwLTU3MXE0LTExIDEyLTE4dDIyLTlsMTk0LTE3IDc1LTE3OHE1LTEyIDE1LjUtMTh0MjEuNS02cTExIDAgMjEuNSA2dDE1LjUgMThsNzUgMTc4IDE5NCAxN3ExNCAyIDIyIDl0MTIgMThxNCAxMSAxLjUgMjIuNVQ4MDktNTI4TDY2Mi00MDFsNDQgMTg5cTMgMTMtMiAyMy41VDY5MC0xNzFxLTkgNy0yMSA4dC0yMy02TDQ4MC0yNjlabTAtMjAxWiIvPjwvc3ZnPg==");
  --icon-star-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Im0zNTQtMjg3IDEyNi03NiAxMjYgNzctMzMtMTQ0IDExMS05Ni0xNDYtMTMtNTgtMTM2LTU4IDEzNS0xNDYgMTMgMTExIDk3LTMzIDE0M1ptMTI2IDE4TDMxNC0xNjlxLTExIDctMjMgNnQtMjEtOHEtOS03LTE0LTE3LjV0LTItMjMuNWw0NC0xODktMTQ3LTEyN3EtMTAtOS0xMi41LTIwLjVUMTQwLTU3MXE0LTExIDEyLTE4dDIyLTlsMTk0LTE3IDc1LTE3OHE1LTEyIDE1LjUtMTh0MjEuNS02cTExIDAgMjEuNSA2dDE1LjUgMThsNzUgMTc4IDE5NCAxN3ExNCAyIDIyIDl0MTIgMThxNCAxMSAxLjUgMjIuNVQ4MDktNTI4TDY2Mi00MDFsNDQgMTg5cTMgMTMtMiAyMy41VDY5MC0xNzFxLTkgNy0yMSA4dC0yMy02TDQ4MC0yNjlabTAtMjAxWiIvPjwvc3ZnPg==");
  --icon-tablet-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik0xMjAtMTYwcS0zMyAwLTU2LjUtMjMuNVQ0MC0yNDB2LTQ4MHEwLTMzIDIzLjUtNTYuNVQxMjAtODAwaDcyMHEzMyAwIDU2LjUgMjMuNVQ5MjAtNzIwdjQ4MHEwIDMzLTIzLjUgNTYuNVQ4NDAtMTYwSDEyMFptNDAtNTYwaC00MHY0ODBoNDB2LTQ4MFptODAgNDgwaDQ4MHYtNDgwSDI0MHY0ODBabTU2MC00ODB2NDgwaDQwdi00ODBoLTQwWm0wIDBoNDAtNDBabS02NDAgMGgtNDAgNDBaIi8+PC9zdmc+");
  --icon-tablet-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0xMjAtMTYwcS0zMyAwLTU2LjUtMjMuNVQ0MC0yNDB2LTQ4MHEwLTMzIDIzLjUtNTYuNVQxMjAtODAwaDcyMHEzMyAwIDU2LjUgMjMuNVQ5MjAtNzIwdjQ4MHEwIDMzLTIzLjUgNTYuNVQ4NDAtMTYwSDEyMFptNDAtNTYwaC00MHY0ODBoNDB2LTQ4MFptODAgNDgwaDQ4MHYtNDgwSDI0MHY0ODBabTU2MC00ODB2NDgwaDQwdi00ODBoLTQwWm0wIDBoNDAtNDBabS02NDAgMGgtNDAgNDBaIi8+PC9zdmc+");
  --icon-tag-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik0xNjAtMTYwcS0zMyAwLTU2LjUtMjMuNVQ4MC0yNDB2LTQ4MHEwLTMzIDIzLjUtNTYuNVQxNjAtODAwaDQ0MHExOSAwIDM2IDguNXQyOCAyMy41bDE4MCAyNDBxMTYgMjEgMTYgNDh0LTE2IDQ4TDY2NC0xOTJxLTExIDE1LTI4IDIzLjV0LTM2IDguNUgxNjBabTAtODBoNDQwbDE4MC0yNDAtMTgwLTI0MEgxNjB2NDgwWm0zMTAtMjQwWiIvPjwvc3ZnPg==");
  --icon-tag-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0xNjAtMTYwcS0zMyAwLTU2LjUtMjMuNVQ4MC0yNDB2LTQ4MHEwLTMzIDIzLjUtNTYuNVQxNjAtODAwaDQ0MHExOSAwIDM2IDguNXQyOCAyMy41bDE4MCAyNDBxMTYgMjEgMTYgNDh0LTE2IDQ4TDY2NC0xOTJxLTExIDE1LTI4IDIzLjV0LTM2IDguNUgxNjBabTAtODBoNDQwbDE4MC0yNDAtMTgwLTI0MEgxNjB2NDgwWm0zMTAtMjQwWiIvPjwvc3ZnPg==");
  --icon-talk-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Im0yNDAtMjQwLTkyIDkycS0xOSAxOS00My41IDguNVQ4MC0xNzd2LTYyM3EwLTMzIDIzLjUtNTYuNVQxNjAtODgwaDY0MHEzMyAwIDU2LjUgMjMuNVQ4ODAtODAwdjQ4MHEwIDMzLTIzLjUgNTYuNVQ4MDAtMjQwSDI0MFptLTM0LTgwaDU5NHYtNDgwSDE2MHY1MjVsNDYtNDVabS00NiAwdi00ODAgNDgwWm0xMjAtODBoMjQwcTE3IDAgMjguNS0xMS41VDU2MC00NDBxMC0xNy0xMS41LTI4LjVUNTIwLTQ4MEgyODBxLTE3IDAtMjguNSAxMS41VDI0MC00NDBxMCAxNyAxMS41IDI4LjVUMjgwLTQwMFptMC0xMjBoNDAwcTE3IDAgMjguNS0xMS41VDcyMC01NjBxMC0xNy0xMS41LTI4LjVUNjgwLTYwMEgyODBxLTE3IDAtMjguNSAxMS41VDI0MC01NjBxMCAxNyAxMS41IDI4LjVUMjgwLTUyMFptMC0xMjBoNDAwcTE3IDAgMjguNS0xMS41VDcyMC02ODBxMC0xNy0xMS41LTI4LjVUNjgwLTcyMEgyODBxLTE3IDAtMjguNSAxMS41VDI0MC02ODBxMCAxNyAxMS41IDI4LjVUMjgwLTY0MFoiLz48L3N2Zz4=");
  --icon-talk-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Im0yNDAtMjQwLTkyIDkycS0xOSAxOS00My41IDguNVQ4MC0xNzd2LTYyM3EwLTMzIDIzLjUtNTYuNVQxNjAtODgwaDY0MHEzMyAwIDU2LjUgMjMuNVQ4ODAtODAwdjQ4MHEwIDMzLTIzLjUgNTYuNVQ4MDAtMjQwSDI0MFptLTM0LTgwaDU5NHYtNDgwSDE2MHY1MjVsNDYtNDVabS00NiAwdi00ODAgNDgwWm0xMjAtODBoMjQwcTE3IDAgMjguNS0xMS41VDU2MC00NDBxMC0xNy0xMS41LTI4LjVUNTIwLTQ4MEgyODBxLTE3IDAtMjguNSAxMS41VDI0MC00NDBxMCAxNyAxMS41IDI4LjVUMjgwLTQwMFptMC0xMjBoNDAwcTE3IDAgMjguNS0xMS41VDcyMC01NjBxMC0xNy0xMS41LTI4LjVUNjgwLTYwMEgyODBxLTE3IDAtMjguNSAxMS41VDI0MC01NjBxMCAxNyAxMS41IDI4LjVUMjgwLTUyMFptMC0xMjBoNDAwcTE3IDAgMjguNS0xMS41VDcyMC02ODBxMC0xNy0xMS41LTI4LjVUNjgwLTcyMEgyODBxLTE3IDAtMjguNSAxMS41VDI0MC02ODBxMCAxNyAxMS41IDI4LjVUMjgwLTY0MFoiLz48L3N2Zz4=");
  --icon-teams-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik00MC0yNDBxLTE3IDAtMjguNS0xMS41VDAtMjgwdi0yM3EwLTQzIDQ0LTcwdDExNi0yN3ExMyAwIDI1IC41dDIzIDIuNXEtMTQgMjEtMjEgNDR0LTcgNDh2NjVINDBabTI0MCAwcS0xNyAwLTI4LjUtMTEuNVQyNDAtMjgwdi0yNXEwLTMyIDE3LjUtNTguNVQzMDctNDEwcTMyLTIwIDc2LjUtMzB0OTYuNS0xMHE1MyAwIDk3LjUgMTB0NzYuNSAzMHEzMiAyMCA0OSA0Ni41dDE3IDU4LjV2MjVxMCAxNy0xMS41IDI4LjVUNjgwLTI0MEgyODBabTUwMCAwdi02NXEwLTI2LTYuNS00OVQ3NTQtMzk3cTExLTIgMjIuNS0yLjV0MjMuNS0uNXE3MiAwIDExNiAyNi41dDQ0IDcwLjV2MjNxMCAxNy0xMS41IDI4LjVUOTIwLTI0MEg3ODBabS00NTUtODBoMzExcS0xMC0yMC01NS41LTM1VDQ4MC0zNzBxLTU1IDAtMTAwLjUgMTVUMzI1LTMyMFpNMTYwLTQ0MHEtMzMgMC01Ni41LTIzLjVUODAtNTIwcTAtMzQgMjMuNS01N3Q1Ni41LTIzcTM0IDAgNTcgMjN0MjMgNTdxMCAzMy0yMyA1Ni41VDE2MC00NDBabTY0MCAwcS0zMyAwLTU2LjUtMjMuNVQ3MjAtNTIwcTAtMzQgMjMuNS01N3Q1Ni41LTIzcTM0IDAgNTcgMjN0MjMgNTdxMCAzMy0yMyA1Ni41VDgwMC00NDBabS0zMjAtNDBxLTUwIDAtODUtMzV0LTM1LTg1cTAtNTEgMzUtODUuNXQ4NS0zNC41cTUxIDAgODUuNSAzNC41VDYwMC02MDBxMCA1MC0zNC41IDg1VDQ4MC00ODBabTAtODBxMTcgMCAyOC41LTExLjVUNTIwLTYwMHEwLTE3LTExLjUtMjguNVQ0ODAtNjQwcS0xNyAwLTI4LjUgMTEuNVQ0NDAtNjAwcTAgMTcgMTEuNSAyOC41VDQ4MC01NjBabTEgMjQwWm0tMS0yODBaIi8+PC9zdmc+");
  --icon-teams-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik00MC0yNDBxLTE3IDAtMjguNS0xMS41VDAtMjgwdi0yM3EwLTQzIDQ0LTcwdDExNi0yN3ExMyAwIDI1IC41dDIzIDIuNXEtMTQgMjEtMjEgNDR0LTcgNDh2NjVINDBabTI0MCAwcS0xNyAwLTI4LjUtMTEuNVQyNDAtMjgwdi0yNXEwLTMyIDE3LjUtNTguNVQzMDctNDEwcTMyLTIwIDc2LjUtMzB0OTYuNS0xMHE1MyAwIDk3LjUgMTB0NzYuNSAzMHEzMiAyMCA0OSA0Ni41dDE3IDU4LjV2MjVxMCAxNy0xMS41IDI4LjVUNjgwLTI0MEgyODBabTUwMCAwdi02NXEwLTI2LTYuNS00OVQ3NTQtMzk3cTExLTIgMjIuNS0yLjV0MjMuNS0uNXE3MiAwIDExNiAyNi41dDQ0IDcwLjV2MjNxMCAxNy0xMS41IDI4LjVUOTIwLTI0MEg3ODBabS00NTUtODBoMzExcS0xMC0yMC01NS41LTM1VDQ4MC0zNzBxLTU1IDAtMTAwLjUgMTVUMzI1LTMyMFpNMTYwLTQ0MHEtMzMgMC01Ni41LTIzLjVUODAtNTIwcTAtMzQgMjMuNS01N3Q1Ni41LTIzcTM0IDAgNTcgMjN0MjMgNTdxMCAzMy0yMyA1Ni41VDE2MC00NDBabTY0MCAwcS0zMyAwLTU2LjUtMjMuNVQ3MjAtNTIwcTAtMzQgMjMuNS01N3Q1Ni41LTIzcTM0IDAgNTcgMjN0MjMgNTdxMCAzMy0yMyA1Ni41VDgwMC00NDBabS0zMjAtNDBxLTUwIDAtODUtMzV0LTM1LTg1cTAtNTEgMzUtODUuNXQ4NS0zNC41cTUxIDAgODUuNSAzNC41VDYwMC02MDBxMCA1MC0zNC41IDg1VDQ4MC00ODBabTAtODBxMTcgMCAyOC41LTExLjVUNTIwLTYwMHEwLTE3LTExLjUtMjguNVQ0ODAtNjQwcS0xNyAwLTI4LjUgMTEuNVQ0NDAtNjAwcTAgMTcgMTEuNSAyOC41VDQ4MC01NjBabTEgMjQwWm0tMS0yODBaIi8+PC9zdmc+");
  --icon-template-add-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik00NDAtMzYwdjgwcTAgMTcgMTEuNSAyOC41VDQ4MC0yNDBxMTcgMCAyOC41LTExLjVUNTIwLTI4MHYtODBoODBxMTcgMCAyOC41LTExLjVUNjQwLTQwMHEwLTE3LTExLjUtMjguNVQ2MDAtNDQwaC04MHYtODBxMC0xNy0xMS41LTI4LjVUNDgwLTU2MHEtMTcgMC0yOC41IDExLjVUNDQwLTUyMHY4MGgtODBxLTE3IDAtMjguNSAxMS41VDMyMC00MDBxMCAxNyAxMS41IDI4LjVUMzYwLTM2MGg4MFpNMjQwLTgwcS0zMyAwLTU2LjUtMjMuNVQxNjAtMTYwdi02NDBxMC0zMyAyMy41LTU2LjVUMjQwLTg4MGgyODdxMTYgMCAzMC41IDZ0MjUuNSAxN2wxOTQgMTk0cTExIDExIDE3IDI1LjV0NiAzMC41djQ0N3EwIDMzLTIzLjUgNTYuNVQ3MjAtODBIMjQwWm0yODAtNTYwdi0xNjBIMjQwdjY0MGg0ODB2LTQ0MEg1NjBxLTE3IDAtMjguNS0xMS41VDUyMC02NDBaTTI0MC04MDB2MjAwLTIwMCA2NDAtNjQwWiIvPjwvc3ZnPg==");
  --icon-template-add-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik00NDAtMzYwdjgwcTAgMTcgMTEuNSAyOC41VDQ4MC0yNDBxMTcgMCAyOC41LTExLjVUNTIwLTI4MHYtODBoODBxMTcgMCAyOC41LTExLjVUNjQwLTQwMHEwLTE3LTExLjUtMjguNVQ2MDAtNDQwaC04MHYtODBxMC0xNy0xMS41LTI4LjVUNDgwLTU2MHEtMTcgMC0yOC41IDExLjVUNDQwLTUyMHY4MGgtODBxLTE3IDAtMjguNSAxMS41VDMyMC00MDBxMCAxNyAxMS41IDI4LjVUMzYwLTM2MGg4MFpNMjQwLTgwcS0zMyAwLTU2LjUtMjMuNVQxNjAtMTYwdi02NDBxMC0zMyAyMy41LTU2LjVUMjQwLTg4MGgyODdxMTYgMCAzMC41IDZ0MjUuNSAxN2wxOTQgMTk0cTExIDExIDE3IDI1LjV0NiAzMC41djQ0N3EwIDMzLTIzLjUgNTYuNVQ3MjAtODBIMjQwWm0yODAtNTYwdi0xNjBIMjQwdjY0MGg0ODB2LTQ0MEg1NjBxLTE3IDAtMjguNS0xMS41VDUyMC02NDBaTTI0MC04MDB2MjAwLTIwMCA2NDAtNjQwWiIvPjwvc3ZnPg==");
  --icon-timezone-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik01MjAtNDk2di0xNDRxMC0xNy0xMS41LTI4LjVUNDgwLTY4MHEtMTcgMC0yOC41IDExLjVUNDQwLTY0MHYxNTlxMCA4IDMgMTUuNXQ5IDEzLjVsMTMyIDEzMnExMSAxMSAyOCAxMXQyOC0xMXExMS0xMSAxMS0yOHQtMTEtMjhMNTIwLTQ5NlpNNDgwLTgwcS04MyAwLTE1Ni0zMS41VDE5Ny0xOTdxLTU0LTU0LTg1LjUtMTI3VDgwLTQ4MHEwLTgzIDMxLjUtMTU2VDE5Ny03NjNxNTQtNTQgMTI3LTg1LjVUNDgwLTg4MHE4MyAwIDE1NiAzMS41VDc2My03NjNxNTQgNTQgODUuNSAxMjdUODgwLTQ4MHEwIDgzLTMxLjUgMTU2VDc2My0xOTdxLTU0IDU0LTEyNyA4NS41VDQ4MC04MFptMC00MDBabTAgMzIwcTEzMyAwIDIyNi41LTkzLjVUODAwLTQ4MHEwLTEzMy05My41LTIyNi41VDQ4MC04MDBxLTEzMyAwLTIyNi41IDkzLjVUMTYwLTQ4MHEwIDEzMyA5My41IDIyNi41VDQ4MC0xNjBaIi8+PC9zdmc+");
  --icon-timezone-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik01MjAtNDk2di0xNDRxMC0xNy0xMS41LTI4LjVUNDgwLTY4MHEtMTcgMC0yOC41IDExLjVUNDQwLTY0MHYxNTlxMCA4IDMgMTUuNXQ5IDEzLjVsMTMyIDEzMnExMSAxMSAyOCAxMXQyOC0xMXExMS0xMSAxMS0yOHQtMTEtMjhMNTIwLTQ5NlpNNDgwLTgwcS04MyAwLTE1Ni0zMS41VDE5Ny0xOTdxLTU0LTU0LTg1LjUtMTI3VDgwLTQ4MHEwLTgzIDMxLjUtMTU2VDE5Ny03NjNxNTQtNTQgMTI3LTg1LjVUNDgwLTg4MHE4MyAwIDE1NiAzMS41VDc2My03NjNxNTQgNTQgODUuNSAxMjdUODgwLTQ4MHEwIDgzLTMxLjUgMTU2VDc2My0xOTdxLTU0IDU0LTEyNyA4NS41VDQ4MC04MFptMC00MDBabTAgMzIwcTEzMyAwIDIyNi41LTkzLjVUODAwLTQ4MHEwLTEzMy05My41LTIyNi41VDQ4MC04MDBxLTEzMyAwLTIyNi41IDkzLjVUMTYwLTQ4MHEwIDEzMyA5My41IDIyNi41VDQ4MC0xNjBaIi8+PC9zdmc+");
  --icon-toggle-background-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik0yMDAtMTIwcS0zMyAwLTU2LjUtMjMuNVQxMjAtMjAwdi0yMDBxMC0xNyAxMS41LTI4LjVUMTYwLTQ0MHExNyAwIDI4LjUgMTEuNVQyMDAtNDAwdjIwMGgyMDBxMTcgMCAyOC41IDExLjVUNDQwLTE2MHEwIDE3LTExLjUgMjguNVQ0MDAtMTIwSDIwMFptNTYwIDBINTYwcS0xNyAwLTI4LjUtMTEuNVQ1MjAtMTYwcTAtMTcgMTEuNS0yOC41VDU2MC0yMDBoMjAwdi0yMDBxMC0xNyAxMS41LTI4LjVUODAwLTQ0MHExNyAwIDI4LjUgMTEuNVQ4NDAtNDAwdjIwMHEwIDMzLTIzLjUgNTYuNVQ3NjAtMTIwWk00NTAtMzIwbDEwNC0xMzlxNi04IDE2LTh0MTYgOGwxMTAgMTQ3cTggMTAgMiAyMXQtMTggMTFIMjgwcS0xMiAwLTE4LTExdDItMjFsODAtMTA3cTYtOCAxNi04dDE2IDhsNzQgOTlaTTEyMC03NjBxMC0zMyAyMy41LTU2LjVUMjAwLTg0MGgyMDBxMTcgMCAyOC41IDExLjVUNDQwLTgwMHEwIDE3LTExLjUgMjguNVQ0MDAtNzYwSDIwMHYyMDBxMCAxNy0xMS41IDI4LjVUMTYwLTUyMHEtMTcgMC0yOC41LTExLjVUMTIwLTU2MHYtMjAwWm03MjAgMHYyMDBxMCAxNy0xMS41IDI4LjVUODAwLTUyMHEtMTcgMC0yOC41LTExLjVUNzYwLTU2MHYtMjAwSDU2MHEtMTcgMC0yOC41LTExLjVUNTIwLTgwMHEwLTE3IDExLjUtMjguNVQ1NjAtODQwaDIwMHEzMyAwIDU2LjUgMjMuNVQ4NDAtNzYwWk01NzctNTc3cS0xNy0xNy0xNy00M3QxNy00M3ExNy0xNyA0My0xN3Q0MyAxN3ExNyAxNyAxNyA0M3QtMTcgNDNxLTE3IDE3LTQzIDE3dC00My0xN1oiLz48L3N2Zz4=");
  --icon-toggle-background-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0yMDAtMTIwcS0zMyAwLTU2LjUtMjMuNVQxMjAtMjAwdi0yMDBxMC0xNyAxMS41LTI4LjVUMTYwLTQ0MHExNyAwIDI4LjUgMTEuNVQyMDAtNDAwdjIwMGgyMDBxMTcgMCAyOC41IDExLjVUNDQwLTE2MHEwIDE3LTExLjUgMjguNVQ0MDAtMTIwSDIwMFptNTYwIDBINTYwcS0xNyAwLTI4LjUtMTEuNVQ1MjAtMTYwcTAtMTcgMTEuNS0yOC41VDU2MC0yMDBoMjAwdi0yMDBxMC0xNyAxMS41LTI4LjVUODAwLTQ0MHExNyAwIDI4LjUgMTEuNVQ4NDAtNDAwdjIwMHEwIDMzLTIzLjUgNTYuNVQ3NjAtMTIwWk00NTAtMzIwbDEwNC0xMzlxNi04IDE2LTh0MTYgOGwxMTAgMTQ3cTggMTAgMiAyMXQtMTggMTFIMjgwcS0xMiAwLTE4LTExdDItMjFsODAtMTA3cTYtOCAxNi04dDE2IDhsNzQgOTlaTTEyMC03NjBxMC0zMyAyMy41LTU2LjVUMjAwLTg0MGgyMDBxMTcgMCAyOC41IDExLjVUNDQwLTgwMHEwIDE3LTExLjUgMjguNVQ0MDAtNzYwSDIwMHYyMDBxMCAxNy0xMS41IDI4LjVUMTYwLTUyMHEtMTcgMC0yOC41LTExLjVUMTIwLTU2MHYtMjAwWm03MjAgMHYyMDBxMCAxNy0xMS41IDI4LjVUODAwLTUyMHEtMTcgMC0yOC41LTExLjVUNzYwLTU2MHYtMjAwSDU2MHEtMTcgMC0yOC41LTExLjVUNTIwLTgwMHEwLTE3IDExLjUtMjguNVQ1NjAtODQwaDIwMHEzMyAwIDU2LjUgMjMuNVQ4NDAtNzYwWk01NzctNTc3cS0xNy0xNy0xNy00M3QxNy00M3ExNy0xNyA0My0xN3Q0MyAxN3ExNyAxNyAxNyA0M3QtMTcgNDNxLTE3IDE3LTQzIDE3dC00My0xN1oiLz48L3N2Zz4=");
  --icon-toggle-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik0yODAtMjQwcS0xMDAgMC0xNzAtNzBUNDAtNDgwcTAtMTAwIDcwLTE3MHQxNzAtNzBoNDAwcTEwMCAwIDE3MCA3MHQ3MCAxNzBxMCAxMDAtNzAgMTcwdC0xNzAgNzBIMjgwWm0wLTgwaDQwMHE2NiAwIDExMy00N3Q0Ny0xMTNxMC02Ni00Ny0xMTN0LTExMy00N0gyODBxLTY2IDAtMTEzIDQ3dC00NyAxMTNxMCA2NiA0NyAxMTN0MTEzIDQ3Wm00ODUtNzVxMzUtMzUgMzUtODV0LTM1LTg1cS0zNS0zNS04NS0zNXQtODUgMzVxLTM1IDM1LTM1IDg1dDM1IDg1cTM1IDM1IDg1IDM1dDg1LTM1Wm0tMjg1LTg1WiIvPjwvc3ZnPg==");
  --icon-toggle-filelist-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik0zMjAtNjAwcS0xNyAwLTI4LjUtMTEuNVQyODAtNjQwcTAtMTcgMTEuNS0yOC41VDMyMC02ODBoNDgwcTE3IDAgMjguNSAxMS41VDg0MC02NDBxMCAxNy0xMS41IDI4LjVUODAwLTYwMEgzMjBabTAgMTYwcS0xNyAwLTI4LjUtMTEuNVQyODAtNDgwcTAtMTcgMTEuNS0yOC41VDMyMC01MjBoNDgwcTE3IDAgMjguNSAxMS41VDg0MC00ODBxMCAxNy0xMS41IDI4LjVUODAwLTQ0MEgzMjBabTAgMTYwcS0xNyAwLTI4LjUtMTEuNVQyODAtMzIwcTAtMTcgMTEuNS0yOC41VDMyMC0zNjBoNDgwcTE3IDAgMjguNSAxMS41VDg0MC0zMjBxMCAxNy0xMS41IDI4LjVUODAwLTI4MEgzMjBaTTE2MC02MDBxLTE3IDAtMjguNS0xMS41VDEyMC02NDBxMC0xNyAxMS41LTI4LjVUMTYwLTY4MHExNyAwIDI4LjUgMTEuNVQyMDAtNjQwcTAgMTctMTEuNSAyOC41VDE2MC02MDBabTAgMTYwcS0xNyAwLTI4LjUtMTEuNVQxMjAtNDgwcTAtMTcgMTEuNS0yOC41VDE2MC01MjBxMTcgMCAyOC41IDExLjVUMjAwLTQ4MHEwIDE3LTExLjUgMjguNVQxNjAtNDQwWm0wIDE2MHEtMTcgMC0yOC41LTExLjVUMTIwLTMyMHEwLTE3IDExLjUtMjguNVQxNjAtMzYwcTE3IDAgMjguNSAxMS41VDIwMC0zMjBxMCAxNy0xMS41IDI4LjVUMTYwLTI4MFoiLz48L3N2Zz4=");
  --icon-toggle-filelist-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0zMjAtNjAwcS0xNyAwLTI4LjUtMTEuNVQyODAtNjQwcTAtMTcgMTEuNS0yOC41VDMyMC02ODBoNDgwcTE3IDAgMjguNSAxMS41VDg0MC02NDBxMCAxNy0xMS41IDI4LjVUODAwLTYwMEgzMjBabTAgMTYwcS0xNyAwLTI4LjUtMTEuNVQyODAtNDgwcTAtMTcgMTEuNS0yOC41VDMyMC01MjBoNDgwcTE3IDAgMjguNSAxMS41VDg0MC00ODBxMCAxNy0xMS41IDI4LjVUODAwLTQ0MEgzMjBabTAgMTYwcS0xNyAwLTI4LjUtMTEuNVQyODAtMzIwcTAtMTcgMTEuNS0yOC41VDMyMC0zNjBoNDgwcTE3IDAgMjguNSAxMS41VDg0MC0zMjBxMCAxNy0xMS41IDI4LjVUODAwLTI4MEgzMjBaTTE2MC02MDBxLTE3IDAtMjguNS0xMS41VDEyMC02NDBxMC0xNyAxMS41LTI4LjVUMTYwLTY4MHExNyAwIDI4LjUgMTEuNVQyMDAtNjQwcTAgMTctMTEuNSAyOC41VDE2MC02MDBabTAgMTYwcS0xNyAwLTI4LjUtMTEuNVQxMjAtNDgwcTAtMTcgMTEuNS0yOC41VDE2MC01MjBxMTcgMCAyOC41IDExLjVUMjAwLTQ4MHEwIDE3LTExLjUgMjguNVQxNjAtNDQwWm0wIDE2MHEtMTcgMC0yOC41LTExLjVUMTIwLTMyMHEwLTE3IDExLjUtMjguNVQxNjAtMzYwcTE3IDAgMjguNSAxMS41VDIwMC0zMjBxMCAxNy0xMS41IDI4LjVUMTYwLTI4MFoiLz48L3N2Zz4=");
  --icon-toggle-pictures-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik0yMDAtMTIwcS0zMyAwLTU2LjUtMjMuNVQxMjAtMjAwdi01NjBxMC0zMyAyMy41LTU2LjVUMjAwLTg0MGg1NjBxMzMgMCA1Ni41IDIzLjVUODQwLTc2MHY1NjBxMCAzMy0yMy41IDU2LjVUNzYwLTEyMEgyMDBabTAtODBoNTYwdi01NjBIMjAwdjU2MFptMCAwdi01NjAgNTYwWm04MC04MGg0MDBxMTIgMCAxOC0xMXQtMi0yMUw1ODYtNDU5cS02LTgtMTYtOHQtMTYgOEw0NTAtMzIwbC03NC05OXEtNi04LTE2LTh0LTE2IDhsLTgwIDEwN3EtOCAxMC0yIDIxdDE4IDExWiIvPjwvc3ZnPg==");
  --icon-toggle-pictures-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0yMDAtMTIwcS0zMyAwLTU2LjUtMjMuNVQxMjAtMjAwdi01NjBxMC0zMyAyMy41LTU2LjVUMjAwLTg0MGg1NjBxMzMgMCA1Ni41IDIzLjVUODQwLTc2MHY1NjBxMCAzMy0yMy41IDU2LjVUNzYwLTEyMEgyMDBabTAtODBoNTYwdi01NjBIMjAwdjU2MFptMCAwdi01NjAgNTYwWm04MC04MGg0MDBxMTIgMCAxOC0xMXQtMi0yMUw1ODYtNDU5cS02LTgtMTYtOHQtMTYgOEw0NTAtMzIwbC03NC05OXEtNi04LTE2LTh0LTE2IDhsLTgwIDEwN3EtOCAxMC0yIDIxdDE4IDExWiIvPjwvc3ZnPg==");
  --icon-toggle-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0yODAtMjQwcS0xMDAgMC0xNzAtNzBUNDAtNDgwcTAtMTAwIDcwLTE3MHQxNzAtNzBoNDAwcTEwMCAwIDE3MCA3MHQ3MCAxNzBxMCAxMDAtNzAgMTcwdC0xNzAgNzBIMjgwWm0wLTgwaDQwMHE2NiAwIDExMy00N3Q0Ny0xMTNxMC02Ni00Ny0xMTN0LTExMy00N0gyODBxLTY2IDAtMTEzIDQ3dC00NyAxMTNxMCA2NiA0NyAxMTN0MTEzIDQ3Wm00ODUtNzVxMzUtMzUgMzUtODV0LTM1LTg1cS0zNS0zNS04NS0zNXQtODUgMzVxLTM1IDM1LTM1IDg1dDM1IDg1cTM1IDM1IDg1IDM1dDg1LTM1Wm0tMjg1LTg1WiIvPjwvc3ZnPg==");
  --icon-triangle-e-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik01MDQtNDgwIDM0OC02MzZxLTExLTExLTExLTI4dDExLTI4cTExLTExIDI4LTExdDI4IDExbDE4NCAxODRxNiA2IDguNSAxM3QyLjUgMTVxMCA4LTIuNSAxNXQtOC41IDEzTDQwNC0yNjhxLTExIDExLTI4IDExdC0yOC0xMXEtMTEtMTEtMTEtMjh0MTEtMjhsMTU2LTE1NloiLz48L3N2Zz4=");
  --icon-triangle-e-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik01MDQtNDgwIDM0OC02MzZxLTExLTExLTExLTI4dDExLTI4cTExLTExIDI4LTExdDI4IDExbDE4NCAxODRxNiA2IDguNSAxM3QyLjUgMTVxMCA4LTIuNSAxNXQtOC41IDEzTDQwNC0yNjhxLTExIDExLTI4IDExdC0yOC0xMXEtMTEtMTEtMTEtMjh0MTEtMjhsMTU2LTE1NloiLz48L3N2Zz4=");
  --icon-triangle-n-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik00ODAtNTI5IDMyNC0zNzNxLTExIDExLTI4IDExdC0yOC0xMXEtMTEtMTEtMTEtMjh0MTEtMjhsMTg0LTE4NHE2LTYgMTMtOC41dDE1LTIuNXE4IDAgMTUgMi41dDEzIDguNWwxODQgMTg0cTExIDExIDExIDI4dC0xMSAyOHEtMTEgMTEtMjggMTF0LTI4LTExTDQ4MC01MjlaIi8+PC9zdmc+");
  --icon-triangle-n-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik00ODAtNTI5IDMyNC0zNzNxLTExIDExLTI4IDExdC0yOC0xMXEtMTEtMTEtMTEtMjh0MTEtMjhsMTg0LTE4NHE2LTYgMTMtOC41dDE1LTIuNXE4IDAgMTUgMi41dDEzIDguNWwxODQgMTg0cTExIDExIDExIDI4dC0xMSAyOHEtMTEgMTEtMjggMTF0LTI4LTExTDQ4MC01MjlaIi8+PC9zdmc+");
  --icon-triangle-s-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik00NjUtMzY0LjVxLTctMi41LTEzLTguNUwyNjgtNTU3cS0xMS0xMS0xMS0yOHQxMS0yOHExMS0xMSAyOC0xMXQyOCAxMWwxNTYgMTU2IDE1Ni0xNTZxMTEtMTEgMjgtMTF0MjggMTFxMTEgMTEgMTEgMjh0LTExIDI4TDUwOC0zNzNxLTYgNi0xMyA4LjV0LTE1IDIuNXEtOCAwLTE1LTIuNVoiLz48L3N2Zz4=");
  --icon-triangle-s-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik00NjUtMzY0LjVxLTctMi41LTEzLTguNUwyNjgtNTU3cS0xMS0xMS0xMS0yOHQxMS0yOHExMS0xMSAyOC0xMXQyOCAxMWwxNTYgMTU2IDE1Ni0xNTZxMTEtMTEgMjgtMTF0MjggMTFxMTEgMTEgMTEgMjh0LTExIDI4TDUwOC0zNzNxLTYgNi0xMyA4LjV0LTE1IDIuNXEtOCAwLTE1LTIuNVoiLz48L3N2Zz4=");
  --icon-unshare-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Im02MjUtNDQ5LTcxLTcxaDQ2cTE3IDAgMjguNSAxMS41VDY0MC00ODBxMCAxMC00IDE4dC0xMSAxM1pNODIwLTg0cS0xMSAxMS0yOCAxMXQtMjgtMTFMODQtNzY0cS0xMS0xMS0xMS0yOHQxMS0yOHExMS0xMSAyOC0xMXQyOCAxMWw2ODAgNjgwcTExIDExIDExIDI4dC0xMSAyOFpNMjgwLTI4MHEtODMgMC0xNDEuNS01OC41VDgwLTQ4MHEwLTY5IDQyLTEyM3QxMDgtNzFsNzQgNzRoLTI0cS01MCAwLTg1IDM1dC0zNSA4NXEwIDUwIDM1IDg1dDg1IDM1aDEyMHExNyAwIDI4LjUgMTEuNVQ0NDAtMzIwcTAgMTctMTEuNSAyOC41VDQwMC0yODBIMjgwWm04MC0xNjBxLTE3IDAtMjguNS0xMS41VDMyMC00ODBxMC0xNyAxMS41LTI4LjVUMzYwLTUyMGgyNWw3OSA4MEgzNjBabTM4MCAxMTJxLTktMTQtNi41LTMwdDE2LjUtMjVxMjMtMTcgMzYuNS00MnQxMy41LTU1cTAtNTAtMzUtODV0LTg1LTM1SDU2MHEtMTcgMC0yOC41LTExLjVUNTIwLTY0MHEwLTE3IDExLjUtMjguNVQ1NjAtNjgwaDEyMHE4MyAwIDE0MS41IDU4LjVUODgwLTQ4MHEwIDQ5LTIyLjUgOTEuNVQ3OTUtMzE4cS0xNCA5LTMwIDYuNVQ3NDAtMzI4WiIvPjwvc3ZnPg==");
  --icon-unshare-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Im02MjUtNDQ5LTcxLTcxaDQ2cTE3IDAgMjguNSAxMS41VDY0MC00ODBxMCAxMC00IDE4dC0xMSAxM1pNODIwLTg0cS0xMSAxMS0yOCAxMXQtMjgtMTFMODQtNzY0cS0xMS0xMS0xMS0yOHQxMS0yOHExMS0xMSAyOC0xMXQyOCAxMWw2ODAgNjgwcTExIDExIDExIDI4dC0xMSAyOFpNMjgwLTI4MHEtODMgMC0xNDEuNS01OC41VDgwLTQ4MHEwLTY5IDQyLTEyM3QxMDgtNzFsNzQgNzRoLTI0cS01MCAwLTg1IDM1dC0zNSA4NXEwIDUwIDM1IDg1dDg1IDM1aDEyMHExNyAwIDI4LjUgMTEuNVQ0NDAtMzIwcTAgMTctMTEuNSAyOC41VDQwMC0yODBIMjgwWm04MC0xNjBxLTE3IDAtMjguNS0xMS41VDMyMC00ODBxMC0xNyAxMS41LTI4LjVUMzYwLTUyMGgyNWw3OSA4MEgzNjBabTM4MCAxMTJxLTktMTQtNi41LTMwdDE2LjUtMjVxMjMtMTcgMzYuNS00MnQxMy41LTU1cTAtNTAtMzUtODV0LTg1LTM1SDU2MHEtMTcgMC0yOC41LTExLjVUNTIwLTY0MHEwLTE3IDExLjUtMjguNVQ1NjAtNjgwaDEyMHE4MyAwIDE0MS41IDU4LjVUODgwLTQ4MHEwIDQ5LTIyLjUgOTEuNVQ3OTUtMzE4cS0xNCA5LTMwIDYuNVQ3NDAtMzI4WiIvPjwvc3ZnPg==");
  --icon-upload-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik0yNDAtMTYwcS0zMyAwLTU2LjUtMjMuNVQxNjAtMjQwdi04MHEwLTE3IDExLjUtMjguNVQyMDAtMzYwcTE3IDAgMjguNSAxMS41VDI0MC0zMjB2ODBoNDgwdi04MHEwLTE3IDExLjUtMjguNVQ3NjAtMzYwcTE3IDAgMjguNSAxMS41VDgwMC0zMjB2ODBxMCAzMy0yMy41IDU2LjVUNzIwLTE2MEgyNDBabTIwMC00ODYtNzUgNzVxLTEyIDEyLTI4LjUgMTEuNVQzMDgtNTcycS0xMS0xMi0xMS41LTI4dDExLjUtMjhsMTQ0LTE0NHE2LTYgMTMtOC41dDE1LTIuNXE4IDAgMTUgMi41dDEzIDguNWwxNDQgMTQ0cTEyIDEyIDExLjUgMjhUNjUyLTU3MnEtMTIgMTItMjguNSAxMi41VDU5NS01NzFsLTc1LTc1djI4NnEwIDE3LTExLjUgMjguNVQ0ODAtMzIwcS0xNyAwLTI4LjUtMTEuNVQ0NDAtMzYwdi0yODZaIi8+PC9zdmc+");
  --icon-upload-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0yNDAtMTYwcS0zMyAwLTU2LjUtMjMuNVQxNjAtMjQwdi04MHEwLTE3IDExLjUtMjguNVQyMDAtMzYwcTE3IDAgMjguNSAxMS41VDI0MC0zMjB2ODBoNDgwdi04MHEwLTE3IDExLjUtMjguNVQ3NjAtMzYwcTE3IDAgMjguNSAxMS41VDgwMC0zMjB2ODBxMCAzMy0yMy41IDU2LjVUNzIwLTE2MEgyNDBabTIwMC00ODYtNzUgNzVxLTEyIDEyLTI4LjUgMTEuNVQzMDgtNTcycS0xMS0xMi0xMS41LTI4dDExLjUtMjhsMTQ0LTE0NHE2LTYgMTMtOC41dDE1LTIuNXE4IDAgMTUgMi41dDEzIDguNWwxNDQgMTQ0cTEyIDEyIDExLjUgMjhUNjUyLTU3MnEtMTIgMTItMjguNSAxMi41VDU5NS01NzFsLTc1LTc1djI4NnEwIDE3LTExLjUgMjguNVQ0ODAtMzIwcS0xNyAwLTI4LjUtMTEuNVQ0NDAtMzYwdi0yODZaIi8+PC9zdmc+");
  --icon-user-admin-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik0yODctNTI3cS00Ny00Ny00Ny0xMTN0NDctMTEzcTQ3LTQ3IDExMy00N3QxMTMgNDdxNDcgNDcgNDcgMTEzdC00NyAxMTNxLTQ3IDQ3LTExMyA0N3QtMTEzLTQ3Wk04MC0yNDB2LTMycTAtMzMgMTctNjJ0NDctNDRxNTgtMjkgMTIwLTQ1LjVUMzkxLTQ0MHExNyAwIDI4LjUgMTJ0MTEuNSAyOXEwIDE3LTExLjUgMjguNVQzOTEtMzU5cS01NiAwLTEwOC41IDE0VDE4MC0zMDZxLTEwIDUtMTUgMTR0LTUgMjB2MzJoMjMxcTE3IDAgMjguNSAxMS41VDQzMS0yMDBxMCAxNy0xMS41IDI4LjVUMzkxLTE2MEgxNjBxLTMzIDAtNTYuNS0yMy41VDgwLTI0MFptNTU0IDg4LTYtMjhxLTEyLTUtMjIuNS0xMC41VDU4NC0yMDRsLTI5IDlxLTEzIDQtMjUuNS0xVDUxMC0yMTJsLTgtMTRxLTctMTItNS0yNnQxMy0yM2wyMi0xOXEtMi0xNC0yLTI2dDItMjZsLTIyLTE5cS0xMS05LTEzLTIyLjV0NS0yNS41bDktMTVxNy0xMSAxOS0xNnQyNS0xbDI5IDlxMTEtOCAyMS41LTEzLjVUNjI4LTQ2MGw2LTI5cTMtMTQgMTMuNS0yMi41VDY3Mi01MjBoMTZxMTQgMCAyNC41IDl0MTMuNSAyM2w2IDI4cTEyIDUgMjIuNSAxMXQyMS41IDE1bDI3LTlxMTQtNSAyNyAwdDIwIDE3bDggMTRxNyAxMiA1IDI2dC0xMyAyM2wtMjIgMTlxMiAxMiAyIDI1dC0yIDI1bDIyIDE5cTExIDkgMTMgMjIuNXQtNSAyNS41bC05IDE1cS03IDExLTE5IDE2dC0yNSAxbC0yOS05cS0xMSA4LTIxLjUgMTMuNVQ3MzItMTgwbC02IDI5cS0zIDE0LTEzLjUgMjIuNVQ2ODgtMTIwaC0xNnEtMTQgMC0yNC41LTlUNjM0LTE1MlptMTAyLjUtMTExLjVRNzYwLTI4NyA3NjAtMzIwdC0yMy41LTU2LjVRNzEzLTQwMCA2ODAtNDAwdC01Ni41IDIzLjVRNjAwLTM1MyA2MDAtMzIwdDIzLjUgNTYuNVE2NDctMjQwIDY4MC0yNDB0NTYuNS0yMy41Wm0tMjgwLTMyMFE0ODAtNjA3IDQ4MC02NDB0LTIzLjUtNTYuNVE0MzMtNzIwIDQwMC03MjB0LTU2LjUgMjMuNVEzMjAtNjczIDMyMC02NDB0MjMuNSA1Ni41UTM2Ny01NjAgNDAwLTU2MHQ1Ni41LTIzLjVaTTQwMC02NDBabTEyIDQwMFoiLz48L3N2Zz4=");
  --icon-user-admin-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0yODctNTI3cS00Ny00Ny00Ny0xMTN0NDctMTEzcTQ3LTQ3IDExMy00N3QxMTMgNDdxNDcgNDcgNDcgMTEzdC00NyAxMTNxLTQ3IDQ3LTExMyA0N3QtMTEzLTQ3Wk04MC0yNDB2LTMycTAtMzMgMTctNjJ0NDctNDRxNTgtMjkgMTIwLTQ1LjVUMzkxLTQ0MHExNyAwIDI4LjUgMTJ0MTEuNSAyOXEwIDE3LTExLjUgMjguNVQzOTEtMzU5cS01NiAwLTEwOC41IDE0VDE4MC0zMDZxLTEwIDUtMTUgMTR0LTUgMjB2MzJoMjMxcTE3IDAgMjguNSAxMS41VDQzMS0yMDBxMCAxNy0xMS41IDI4LjVUMzkxLTE2MEgxNjBxLTMzIDAtNTYuNS0yMy41VDgwLTI0MFptNTU0IDg4LTYtMjhxLTEyLTUtMjIuNS0xMC41VDU4NC0yMDRsLTI5IDlxLTEzIDQtMjUuNS0xVDUxMC0yMTJsLTgtMTRxLTctMTItNS0yNnQxMy0yM2wyMi0xOXEtMi0xNC0yLTI2dDItMjZsLTIyLTE5cS0xMS05LTEzLTIyLjV0NS0yNS41bDktMTVxNy0xMSAxOS0xNnQyNS0xbDI5IDlxMTEtOCAyMS41LTEzLjVUNjI4LTQ2MGw2LTI5cTMtMTQgMTMuNS0yMi41VDY3Mi01MjBoMTZxMTQgMCAyNC41IDl0MTMuNSAyM2w2IDI4cTEyIDUgMjIuNSAxMXQyMS41IDE1bDI3LTlxMTQtNSAyNyAwdDIwIDE3bDggMTRxNyAxMiA1IDI2dC0xMyAyM2wtMjIgMTlxMiAxMiAyIDI1dC0yIDI1bDIyIDE5cTExIDkgMTMgMjIuNXQtNSAyNS41bC05IDE1cS03IDExLTE5IDE2dC0yNSAxbC0yOS05cS0xMSA4LTIxLjUgMTMuNVQ3MzItMTgwbC02IDI5cS0zIDE0LTEzLjUgMjIuNVQ2ODgtMTIwaC0xNnEtMTQgMC0yNC41LTlUNjM0LTE1MlptMTAyLjUtMTExLjVRNzYwLTI4NyA3NjAtMzIwdC0yMy41LTU2LjVRNzEzLTQwMCA2ODAtNDAwdC01Ni41IDIzLjVRNjAwLTM1MyA2MDAtMzIwdDIzLjUgNTYuNVE2NDctMjQwIDY4MC0yNDB0NTYuNS0yMy41Wm0tMjgwLTMyMFE0ODAtNjA3IDQ4MC02NDB0LTIzLjUtNTYuNVE0MzMtNzIwIDQwMC03MjB0LTU2LjUgMjMuNVEzMjAtNjczIDMyMC02NDB0MjMuNSA1Ni41UTM2Ny01NjAgNDAwLTU2MHQ1Ni41LTIzLjVaTTQwMC02NDBabTEyIDQwMFoiLz48L3N2Zz4=");
  --icon-user-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik0zNjctNTI3cS00Ny00Ny00Ny0xMTN0NDctMTEzcTQ3LTQ3IDExMy00N3QxMTMgNDdxNDcgNDcgNDcgMTEzdC00NyAxMTNxLTQ3IDQ3LTExMyA0N3QtMTEzLTQ3Wk0xNjAtMjQwdi0zMnEwLTM0IDE3LjUtNjIuNVQyMjQtMzc4cTYyLTMxIDEyNi00Ni41VDQ4MC00NDBxNjYgMCAxMzAgMTUuNVQ3MzYtMzc4cTI5IDE1IDQ2LjUgNDMuNVQ4MDAtMjcydjMycTAgMzMtMjMuNSA1Ni41VDcyMC0xNjBIMjQwcS0zMyAwLTU2LjUtMjMuNVQxNjAtMjQwWm04MCAwaDQ4MHYtMzJxMC0xMS01LjUtMjBUNzAwLTMwNnEtNTQtMjctMTA5LTQwLjVUNDgwLTM2MHEtNTYgMC0xMTEgMTMuNVQyNjAtMzA2cS05IDUtMTQuNSAxNHQtNS41IDIwdjMyWm0yOTYuNS0zNDMuNVE1NjAtNjA3IDU2MC02NDB0LTIzLjUtNTYuNVE1MTMtNzIwIDQ4MC03MjB0LTU2LjUgMjMuNVE0MDAtNjczIDQwMC02NDB0MjMuNSA1Ni41UTQ0Ny01NjAgNDgwLTU2MHQ1Ni41LTIzLjVaTTQ4MC02NDBabTAgNDAwWiIvPjwvc3ZnPg==");
  --icon-user-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0zNjctNTI3cS00Ny00Ny00Ny0xMTN0NDctMTEzcTQ3LTQ3IDExMy00N3QxMTMgNDdxNDcgNDcgNDcgMTEzdC00NyAxMTNxLTQ3IDQ3LTExMyA0N3QtMTEzLTQ3Wk0xNjAtMjQwdi0zMnEwLTM0IDE3LjUtNjIuNVQyMjQtMzc4cTYyLTMxIDEyNi00Ni41VDQ4MC00NDBxNjYgMCAxMzAgMTUuNVQ3MzYtMzc4cTI5IDE1IDQ2LjUgNDMuNVQ4MDAtMjcydjMycTAgMzMtMjMuNSA1Ni41VDcyMC0xNjBIMjQwcS0zMyAwLTU2LjUtMjMuNVQxNjAtMjQwWm04MCAwaDQ4MHYtMzJxMC0xMS01LjUtMjBUNzAwLTMwNnEtNTQtMjctMTA5LTQwLjVUNDgwLTM2MHEtNTYgMC0xMTEgMTMuNVQyNjAtMzA2cS05IDUtMTQuNSAxNHQtNS41IDIwdjMyWm0yOTYuNS0zNDMuNVE1NjAtNjA3IDU2MC02NDB0LTIzLjUtNTYuNVE1MTMtNzIwIDQ4MC03MjB0LTU2LjUgMjMuNVE0MDAtNjczIDQwMC02NDB0MjMuNSA1Ni41UTQ0Ny01NjAgNDgwLTU2MHQ1Ni41LTIzLjVaTTQ4MC02NDBabTAgNDAwWiIvPjwvc3ZnPg==");
  --icon-video-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik0xNjAtMTYwcS0zMyAwLTU2LjUtMjMuNVQ4MC0yNDB2LTQ4MHEwLTMzIDIzLjUtNTYuNVQxNjAtODAwaDQ4MHEzMyAwIDU2LjUgMjMuNVQ3MjAtNzIwdjE4MGwxMjYtMTI2cTEwLTEwIDIyLTV0MTIgMTl2MzQ0cTAgMTQtMTIgMTl0LTIyLTVMNzIwLTQyMHYxODBxMCAzMy0yMy41IDU2LjVUNjQwLTE2MEgxNjBabTAtODBoNDgwdi00ODBIMTYwdjQ4MFptMCAwdi00ODAgNDgwWiIvPjwvc3ZnPg==");
  --icon-video-off-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Im03MjAtNTQwIDEyNi0xMjZxMTAtMTAgMjItNXQxMiAxOXYzNDRxMCAxNC0xMiAxOXQtMjItNUw3MjAtNDIwcTAgMTctMTEuNSAyOC41VDY4MC0zODBxLTE3IDAtMjguNS0xMS41VDY0MC00MjB2LTMwMEgzNjBxLTIwIDAtMzAtMTIuNVQzMjAtNzYwcTAtMTUgMTAtMjcuNXQzMC0xMi41aDI4MHEzMyAwIDU2LjUgMjMuNVQ3MjAtNzIwdjE4MFptNzQgNDg2TDU0LTc5NHEtMTEtMTEtMTEtMjh0MTEtMjhxMTEtMTEgMjgtMTF0MjggMTFsNzQwIDc0MHExMSAxMSAxMSAyOHQtMTEgMjhxLTExIDExLTI4IDExdC0yOC0xMVpNNDk4LTU3NVpNMzgyLTQ2NFpNMTYwLTgwMGw4MCA4MGgtODB2NDgwaDQ4MHYtODBsODAgODBxMCAzMy0yMy41IDU2LjVUNjQwLTE2MEgxNjBxLTMzIDAtNTYuNS0yMy41VDgwLTI0MHYtNDgwcTAtMzMgMjMuNS01Ni41VDE2MC04MDBaIi8+PC9zdmc+");
  --icon-video-off-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Im03MjAtNTQwIDEyNi0xMjZxMTAtMTAgMjItNXQxMiAxOXYzNDRxMCAxNC0xMiAxOXQtMjItNUw3MjAtNDIwcTAgMTctMTEuNSAyOC41VDY4MC0zODBxLTE3IDAtMjguNS0xMS41VDY0MC00MjB2LTMwMEgzNjBxLTIwIDAtMzAtMTIuNVQzMjAtNzYwcTAtMTUgMTAtMjcuNXQzMC0xMi41aDI4MHEzMyAwIDU2LjUgMjMuNVQ3MjAtNzIwdjE4MFptNzQgNDg2TDU0LTc5NHEtMTEtMTEtMTEtMjh0MTEtMjhxMTEtMTEgMjgtMTF0MjggMTFsNzQwIDc0MHExMSAxMSAxMSAyOHQtMTEgMjhxLTExIDExLTI4IDExdC0yOC0xMVpNNDk4LTU3NVpNMzgyLTQ2NFpNMTYwLTgwMGw4MCA4MGgtODB2NDgwaDQ4MHYtODBsODAgODBxMCAzMy0yMy41IDU2LjVUNjQwLTE2MEgxNjBxLTMzIDAtNTYuNS0yMy41VDgwLTI0MHYtNDgwcTAtMzMgMjMuNS01Ni41VDE2MC04MDBaIi8+PC9zdmc+");
  --icon-video-switch-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik0zMTItNDQwaDE3NmwtMTYgMTZxLTExIDExLTExIDI4dDExIDI4cTExIDExIDI4IDExdDI4LTExbDg0LTg0cTYtNiA4LjUtMTN0Mi41LTE1cTAtOC0yLjUtMTV0LTguNS0xM2wtODQtODRxLTExLTExLTI4LTExdC0yOCAxMXEtMTEgMTEtMTEgMjh0MTEgMjhsMTYgMTZIMzEybDE2LTE2cTExLTExIDExLTI4dC0xMS0yOHEtMTEtMTEtMjgtMTF0LTI4IDExbC04NCA4NHEtNiA2LTguNSAxM3QtMi41IDE1cTAgOCAyLjUgMTV0OC41IDEzbDg0IDg0cTExIDExIDI4IDExdDI4LTExcTExLTExIDExLTI4dC0xMS0yOGwtMTYtMTZaTTE2MC0xNjBxLTMzIDAtNTYuNS0yMy41VDgwLTI0MHYtNDgwcTAtMzMgMjMuNS01Ni41VDE2MC04MDBoNDgwcTMzIDAgNTYuNSAyMy41VDcyMC03MjB2MTgwbDEyNi0xMjZxMTAtMTAgMjItNXQxMiAxOXYzNDRxMCAxNC0xMiAxOXQtMjItNUw3MjAtNDIwdjE4MHEwIDMzLTIzLjUgNTYuNVQ2NDAtMTYwSDE2MFptMC04MGg0ODB2LTQ4MEgxNjB2NDgwWm0wIDB2LTQ4MCA0ODBaIi8+PC9zdmc+");
  --icon-video-switch-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0zMTItNDQwaDE3NmwtMTYgMTZxLTExIDExLTExIDI4dDExIDI4cTExIDExIDI4IDExdDI4LTExbDg0LTg0cTYtNiA4LjUtMTN0Mi41LTE1cTAtOC0yLjUtMTV0LTguNS0xM2wtODQtODRxLTExLTExLTI4LTExdC0yOCAxMXEtMTEgMTEtMTEgMjh0MTEgMjhsMTYgMTZIMzEybDE2LTE2cTExLTExIDExLTI4dC0xMS0yOHEtMTEtMTEtMjgtMTF0LTI4IDExbC04NCA4NHEtNiA2LTguNSAxM3QtMi41IDE1cTAgOCAyLjUgMTV0OC41IDEzbDg0IDg0cTExIDExIDI4IDExdDI4LTExcTExLTExIDExLTI4dC0xMS0yOGwtMTYtMTZaTTE2MC0xNjBxLTMzIDAtNTYuNS0yMy41VDgwLTI0MHYtNDgwcTAtMzMgMjMuNS01Ni41VDE2MC04MDBoNDgwcTMzIDAgNTYuNSAyMy41VDcyMC03MjB2MTgwbDEyNi0xMjZxMTAtMTAgMjItNXQxMiAxOXYzNDRxMCAxNC0xMiAxOXQtMjItNUw3MjAtNDIwdjE4MHEwIDMzLTIzLjUgNTYuNVQ2NDAtMTYwSDE2MFptMC04MGg0ODB2LTQ4MEgxNjB2NDgwWm0wIDB2LTQ4MCA0ODBaIi8+PC9zdmc+");
  --icon-video-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0xNjAtMTYwcS0zMyAwLTU2LjUtMjMuNVQ4MC0yNDB2LTQ4MHEwLTMzIDIzLjUtNTYuNVQxNjAtODAwaDQ4MHEzMyAwIDU2LjUgMjMuNVQ3MjAtNzIwdjE4MGwxMjYtMTI2cTEwLTEwIDIyLTV0MTIgMTl2MzQ0cTAgMTQtMTIgMTl0LTIyLTVMNzIwLTQyMHYxODBxMCAzMy0yMy41IDU2LjVUNjQwLTE2MEgxNjBabTAtODBoNDgwdi00ODBIMTYwdjQ4MFptMCAwdi00ODAgNDgwWiIvPjwvc3ZnPg==");
  --icon-view-close-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik00ODAtNDI0IDI4NC0yMjhxLTExIDExLTI4IDExdC0yOC0xMXEtMTEtMTEtMTEtMjh0MTEtMjhsMTk2LTE5Ni0xOTYtMTk2cS0xMS0xMS0xMS0yOHQxMS0yOHExMS0xMSAyOC0xMXQyOCAxMWwxOTYgMTk2IDE5Ni0xOTZxMTEtMTEgMjgtMTF0MjggMTFxMTEgMTEgMTEgMjh0LTExIDI4TDUzNi00ODBsMTk2IDE5NnExMSAxMSAxMSAyOHQtMTEgMjhxLTExIDExLTI4IDExdC0yOC0xMUw0ODAtNDI0WiIvPjwvc3ZnPg==");
  --icon-view-close-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik00ODAtNDI0IDI4NC0yMjhxLTExIDExLTI4IDExdC0yOC0xMXEtMTEtMTEtMTEtMjh0MTEtMjhsMTk2LTE5Ni0xOTYtMTk2cS0xMS0xMS0xMS0yOHQxMS0yOHExMS0xMSAyOC0xMXQyOCAxMWwxOTYgMTk2IDE5Ni0xOTZxMTEtMTEgMjgtMTF0MjggMTFxMTEgMTEgMTEgMjh0LTExIDI4TDUzNi00ODBsMTk2IDE5NnExMSAxMSAxMSAyOHQtMTEgMjhxLTExIDExLTI4IDExdC0yOC0xMUw0ODAtNDI0WiIvPjwvc3ZnPg==");
  --icon-view-download-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik00NjUtMzM5LjVxLTctMi41LTEzLTguNUwzMDgtNDkycS0xMi0xMi0xMS41LTI4dDExLjUtMjhxMTItMTIgMjguNS0xMi41VDM2NS01NDlsNzUgNzV2LTI4NnEwLTE3IDExLjUtMjguNVQ0ODAtODAwcTE3IDAgMjguNSAxMS41VDUyMC03NjB2Mjg2bDc1LTc1cTEyLTEyIDI4LjUtMTEuNVQ2NTItNTQ4cTExIDEyIDExLjUgMjhUNjUyLTQ5Mkw1MDgtMzQ4cS02IDYtMTMgOC41dC0xNSAyLjVxLTggMC0xNS0yLjVaTTI0MC0xNjBxLTMzIDAtNTYuNS0yMy41VDE2MC0yNDB2LTgwcTAtMTcgMTEuNS0yOC41VDIwMC0zNjBxMTcgMCAyOC41IDExLjVUMjQwLTMyMHY4MGg0ODB2LTgwcTAtMTcgMTEuNS0yOC41VDc2MC0zNjBxMTcgMCAyOC41IDExLjVUODAwLTMyMHY4MHEwIDMzLTIzLjUgNTYuNVQ3MjAtMTYwSDI0MFoiLz48L3N2Zz4=");
  --icon-view-download-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik00NjUtMzM5LjVxLTctMi41LTEzLTguNUwzMDgtNDkycS0xMi0xMi0xMS41LTI4dDExLjUtMjhxMTItMTIgMjguNS0xMi41VDM2NS01NDlsNzUgNzV2LTI4NnEwLTE3IDExLjUtMjguNVQ0ODAtODAwcTE3IDAgMjguNSAxMS41VDUyMC03NjB2Mjg2bDc1LTc1cTEyLTEyIDI4LjUtMTEuNVQ2NTItNTQ4cTExIDEyIDExLjUgMjhUNjUyLTQ5Mkw1MDgtMzQ4cS02IDYtMTMgOC41dC0xNSAyLjVxLTggMC0xNS0yLjVaTTI0MC0xNjBxLTMzIDAtNTYuNS0yMy41VDE2MC0yNDB2LTgwcTAtMTcgMTEuNS0yOC41VDIwMC0zNjBxMTcgMCAyOC41IDExLjVUMjQwLTMyMHY4MGg0ODB2LTgwcTAtMTcgMTEuNS0yOC41VDc2MC0zNjBxMTcgMCAyOC41IDExLjVUODAwLTMyMHY4MHEwIDMzLTIzLjUgNTYuNVQ3MjAtMTYwSDI0MFoiLz48L3N2Zz4=");
  --icon-view-next-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik01MDQtNDgwIDM0OC02MzZxLTExLTExLTExLTI4dDExLTI4cTExLTExIDI4LTExdDI4IDExbDE4NCAxODRxNiA2IDguNSAxM3QyLjUgMTVxMCA4LTIuNSAxNXQtOC41IDEzTDQwNC0yNjhxLTExIDExLTI4IDExdC0yOC0xMXEtMTEtMTEtMTEtMjh0MTEtMjhsMTU2LTE1NloiLz48L3N2Zz4=");
  --icon-view-next-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik01MDQtNDgwIDM0OC02MzZxLTExLTExLTExLTI4dDExLTI4cTExLTExIDI4LTExdDI4IDExbDE4NCAxODRxNiA2IDguNSAxM3QyLjUgMTVxMCA4LTIuNSAxNXQtOC41IDEzTDQwNC0yNjhxLTExIDExLTI4IDExdC0yOC0xMXEtMTEtMTEtMTEtMjh0MTEtMjhsMTU2LTE1NloiLz48L3N2Zz4=");
  --icon-view-pause-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik02MDAtMjAwcS0zMyAwLTU2LjUtMjMuNVQ1MjAtMjgwdi00MDBxMC0zMyAyMy41LTU2LjVUNjAwLTc2MGg4MHEzMyAwIDU2LjUgMjMuNVQ3NjAtNjgwdjQwMHEwIDMzLTIzLjUgNTYuNVQ2ODAtMjAwaC04MFptLTMyMCAwcS0zMyAwLTU2LjUtMjMuNVQyMDAtMjgwdi00MDBxMC0zMyAyMy41LTU2LjVUMjgwLTc2MGg4MHEzMyAwIDU2LjUgMjMuNVQ0NDAtNjgwdjQwMHEwIDMzLTIzLjUgNTYuNVQzNjAtMjAwaC04MFptMzIwLTgwaDgwdi00MDBoLTgwdjQwMFptLTMyMCAwaDgwdi00MDBoLTgwdjQwMFptMC00MDB2NDAwLTQwMFptMzIwIDB2NDAwLTQwMFoiLz48L3N2Zz4=");
  --icon-view-pause-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik02MDAtMjAwcS0zMyAwLTU2LjUtMjMuNVQ1MjAtMjgwdi00MDBxMC0zMyAyMy41LTU2LjVUNjAwLTc2MGg4MHEzMyAwIDU2LjUgMjMuNVQ3NjAtNjgwdjQwMHEwIDMzLTIzLjUgNTYuNVQ2ODAtMjAwaC04MFptLTMyMCAwcS0zMyAwLTU2LjUtMjMuNVQyMDAtMjgwdi00MDBxMC0zMyAyMy41LTU2LjVUMjgwLTc2MGg4MHEzMyAwIDU2LjUgMjMuNVQ0NDAtNjgwdjQwMHEwIDMzLTIzLjUgNTYuNVQzNjAtMjAwaC04MFptMzIwLTgwaDgwdi00MDBoLTgwdjQwMFptLTMyMCAwaDgwdi00MDBoLTgwdjQwMFptMC00MDB2NDAwLTQwMFptMzIwIDB2NDAwLTQwMFoiLz48L3N2Zz4=");
  --icon-view-play-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Ik0zMjAtMjczdi00MTRxMC0xNyAxMi0yOC41dDI4LTExLjVxNSAwIDEwLjUgMS41VDM4MS03MjFsMzI2IDIwN3E5IDYgMTMuNSAxNXQ0LjUgMTlxMCAxMC00LjUgMTlUNzA3LTQ0NkwzODEtMjM5cS01IDMtMTAuNSA0LjVUMzYwLTIzM3EtMTYgMC0yOC0xMS41VDMyMC0yNzNabTgwLTIwN1ptMCAxMzQgMjEwLTEzNC0yMTAtMTM0djI2OFoiLz48L3N2Zz4=");
  --icon-view-play-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0zMjAtMjczdi00MTRxMC0xNyAxMi0yOC41dDI4LTExLjVxNSAwIDEwLjUgMS41VDM4MS03MjFsMzI2IDIwN3E5IDYgMTMuNSAxNXQ0LjUgMTlxMCAxMC00LjUgMTlUNzA3LTQ0NkwzODEtMjM5cS01IDMtMTAuNSA0LjVUMzYwLTIzM3EtMTYgMC0yOC0xMS41VDMyMC0yNzNabTgwLTIwN1ptMCAxMzQgMjEwLTEzNC0yMTAtMTM0djI2OFoiLz48L3N2Zz4=");
  --icon-view-previous-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiMzYzQwNDMiIGQ9Im00MzItNDgwIDE1NiAxNTZxMTEgMTEgMTEgMjh0LTExIDI4cS0xMSAxMS0yOCAxMXQtMjgtMTFMMzQ4LTQ1MnEtNi02LTguNS0xM3QtMi41LTE1cTAtOCAyLjUtMTV0OC41LTEzbDE4NC0xODRxMTEtMTEgMjgtMTF0MjggMTFxMTEgMTEgMTEgMjh0LTExIDI4TDQzMi00ODBaIi8+PC9zdmc+");
  --icon-view-previous-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Im00MzItNDgwIDE1NiAxNTZxMTEgMTEgMTEgMjh0LTExIDI4cS0xMSAxMS0yOCAxMXQtMjgtMTFMMzQ4LTQ1MnEtNi02LTguNS0xM3QtMi41LTE1cTAtOCAyLjUtMTV0OC41LTEzbDE4NC0xODRxMTEtMTEgMjgtMTF0MjggMTFxMTEgMTEgMTEgMjh0LTExIDI4TDQzMi00ODBaIi8+PC9zdmc+");
}

/* ================================================================
   FILETYPE ICON SIZING — Match folder icon size in all views
   ================================================================ */

/*
 * DOM structure for file icons:
 *   span.files-list__row-icon
 *     > span.files-list__row-icon-preview-container
 *         > img.files-list__row-icon-preview          (ALL files — mime & preview)
 *     > span.folder-icon / span.folder-open-icon      (folders — inline SVG)
 *
 * Mime icons have src containing "mimeicon" — use img[src*="mimeicon"]
 * Image previews should fill the container naturally.
 */

/* --- Grid view: mime-type icons — fill container like folder icons --- */
.files-list--grid .files-list__row-icon img.files-list__row-icon-preview[src*="mimeicon"],
.files-list--grid .files-list__row-icon img.files-list__row-icon-preview[src*="mimeIcon"] {
	width: 100% !important;
	height: 100% !important;
	object-fit: contain !important;
	object-position: center !important;
}

/* --- Grid view: image preview thumbnails — fill the container --- */
.files-list--grid .files-list__row-icon img.files-list__row-icon-preview:not([src*="mimeicon"]):not([src*="mimeIcon"]) {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: center !important;
}

/* --- Grid view: preview container — ensure it fills icon area --- */
.files-list--grid .files-list__row-icon .files-list__row-icon-preview-container {
	width: 100% !important;
	height: 100% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

/* --- Grid view: non-folder SVG span icons (MDI icons) --- */
.files-list--grid .files-list__row-icon span:not(.folder-icon):not(.folder-open-icon):not(.files-list__row-icon-favorite):not(.files-list__row-icon-preview-container) svg {
	width: 60% !important;
	height: 60% !important;
}

/* --- List view: mime-type icons — match --icon-preview-size --- */
.files-list:not(.files-list--grid) .files-list__row-icon img.files-list__row-icon-preview[src*="mimeicon"],
.files-list:not(.files-list--grid) .files-list__row-icon img.files-list__row-icon-preview[src*="mimeIcon"] {
	width: var(--icon-preview-size, 32px) !important;
	height: var(--icon-preview-size, 32px) !important;
	object-fit: contain !important;
}

/* --- List view: image preview thumbnails --- */
.files-list:not(.files-list--grid) .files-list__row-icon img.files-list__row-icon-preview:not([src*="mimeicon"]):not([src*="mimeIcon"]) {
	width: var(--icon-preview-size, 32px) !important;
	height: var(--icon-preview-size, 32px) !important;
	object-fit: cover !important;
	object-position: center !important;
}

/* --- List view: preview container --- */
.files-list:not(.files-list--grid) .files-list__row-icon .files-list__row-icon-preview-container {
	width: var(--icon-preview-size, 32px) !important;
	height: var(--icon-preview-size, 32px) !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

/* --- List view: non-folder SVG span icons --- */
.files-list:not(.files-list--grid) .files-list__row-icon span:not(.folder-icon):not(.folder-open-icon):not(.files-list__row-icon-favorite):not(.files-list__row-icon-preview-container) svg {
	width: var(--icon-preview-size, 32px) !important;
	height: var(--icon-preview-size, 32px) !important;
}

/* --- Center folder icon spans in grid view --- */
.files-list--grid .files-list__row-icon span.folder-icon,
.files-list--grid .files-list__row-icon span.folder-open-icon,
.files-list--grid .files-list__row-icon span.folder-shared-icon,
.files-list--grid .files-list__row-icon span.folder-encrypted-icon,
.files-list--grid .files-list__row-icon span.folder-starred-icon,
.files-list--grid .files-list__row-icon span.folder-public-icon,
.files-list--grid .files-list__row-icon span.folder-external-icon {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

/* --- Center non-folder icon spans in grid view --- */
.files-list--grid .files-list__row-icon span:not(.folder-icon):not(.folder-open-icon):not(.folder-shared-icon):not(.folder-encrypted-icon):not(.folder-starred-icon):not(.folder-public-icon):not(.folder-external-icon):not(.files-list__row-icon-favorite):not(.files-list__row-icon-preview-container) {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

/* Breadcrumb filetype icons */
.breadcrumb .files-list__row-icon img {
	width: 24px !important;
	height: 24px !important;
}

/* File picker dialog icons */
.file-picker .row-icon img,
.oc-dialog .filelist .filename .thumbnail img {
	width: 32px !important;
	height: 32px !important;
	object-fit: contain !important;
}


/* ================================================================
   FIX: Talk chat input bar — restore default pill/rounded shape
   Talk Vue scoped CSS uses [data-v-*] selectors loaded after theme.
   We match with attribute selectors + !important to win specificity.
   ================================================================ */
.rich-contenteditable__input[contenteditable],
.rich-contenteditable__input[contenteditable=true],
.rich-contenteditable__input[contenteditable=false],
.rich-contenteditable__input.rich-contenteditable__input--disabled,
.rich-contenteditable__input.rich-contenteditable__input--empty {
	border-radius: 28px !important;
}





/* ============================================================
   CloudSpace — Navbar / Sidebar / App-menu fixes (2026-06-15)
   ============================================================ */

/* (1) App menu (waffle popup) — force ALL app icons to solid white.
   brightness(0) flattens any source color to black, invert(1) -> white. */
.app-menu__grid .app-item .app-item__icon,
.app-menu__list .app-item .app-item__icon,
.app-menu .app-item .app-item__icon {
	filter: brightness(0) invert(1) !important;
}

/* (2) Active left-sidebar entry — UNIFORM across all apps:
   keep the translucent green background, make icon + text BLACK. */
.app-navigation-entry.active,
.app-navigation-entry--active,
.app-navigation-entry[aria-current="page"] {
	background-color: rgba(103, 154, 65, 0.15) !important;
}
.app-navigation-entry.active:hover,
.app-navigation-entry--active:hover,
.app-navigation-entry[aria-current="page"]:hover {
	background-color: rgba(103, 154, 65, 0.22) !important;
}
/* active text -> black */
.app-navigation-entry.active .app-navigation-entry-link,
.app-navigation-entry.active .app-navigation-entry-button,
.app-navigation-entry.active .app-navigation-entry__name,
.app-navigation-entry--active .app-navigation-entry-link,
.app-navigation-entry--active .app-navigation-entry-button,
.app-navigation-entry--active .app-navigation-entry__name,
.app-navigation-entry[aria-current="page"] .app-navigation-entry-link,
.app-navigation-entry[aria-current="page"] .app-navigation-entry-button,
.app-navigation-entry[aria-current="page"] .app-navigation-entry__name {
	color: #000000 !important;
}
/* active inline-SVG icon -> black */
.app-navigation-entry.active .app-navigation-entry-icon svg,
.app-navigation-entry.active .app-navigation-entry-icon svg path,
.app-navigation-entry--active .app-navigation-entry-icon svg,
.app-navigation-entry--active .app-navigation-entry-icon svg path,
.app-navigation-entry[aria-current="page"] .app-navigation-entry-icon svg,
.app-navigation-entry[aria-current="page"] .app-navigation-entry-icon svg path {
	fill: #000000 !important;
}
.app-navigation-entry.active .app-navigation-entry-icon .icon-vue,
.app-navigation-entry.active .app-navigation-entry-icon .icon-vue span,
.app-navigation-entry--active .app-navigation-entry-icon .icon-vue,
.app-navigation-entry--active .app-navigation-entry-icon .icon-vue span,
.app-navigation-entry[aria-current="page"] .app-navigation-entry-icon .icon-vue,
.app-navigation-entry[aria-current="page"] .app-navigation-entry-icon .icon-vue span {
	color: #000000 !important;
}
/* active legacy background-image icons -> black */
.app-navigation-entry.active .app-navigation-entry-icon [class^="icon-"],
.app-navigation-entry.active .app-navigation-entry-icon [class*=" icon-"],
.app-navigation-entry--active .app-navigation-entry-icon [class^="icon-"],
.app-navigation-entry--active .app-navigation-entry-icon [class*=" icon-"],
.app-navigation-entry[aria-current="page"] .app-navigation-entry-icon [class^="icon-"],
.app-navigation-entry[aria-current="page"] .app-navigation-entry-icon [class*=" icon-"] {
	filter: brightness(0) !important;
}

/* (3) Header current-app (icon + title beside the app-menu waffle) -> GREEN.
   brightness(0) saturate(100%) flattens source, then tint to ~#679a41. */
.app-menu__current-app .app-menu__current-app-name,
.app-menu__current-app .button-vue__text,
.app-menu__current-app {
	color: #679a41 !important;
}
.app-menu__current-app .app-menu__current-app-icon {
	filter: brightness(0) saturate(100%) invert(52%) sepia(31%) saturate(720%) hue-rotate(46deg) brightness(94%) contrast(88%) !important;
}

/* (3b) Header current-app — higher specificity (#header) to beat Vue scoped [data-v] rules */
#header .app-menu__current-app .app-menu__current-app-name,
#header .app-menu__current-app .button-vue__text,
#header .app-menu__current-app .button-vue__text span,
#header .app-menu__current-app {
	color: #679a41 !important;
}
#header .app-menu__current-app .app-menu__current-app-icon,
#header .app-menu__current-app .button-vue__icon img {
	filter: brightness(0) saturate(100%) invert(52%) sepia(31%) saturate(720%) hue-rotate(46deg) brightness(94%) contrast(88%) !important;
}

/* ============================================================
   CloudSpace — UNIFIED LEFT SIDEBAR (all apps)  2026-06-15
   Normal:         icon + text  -> BLACK
   Hover & Active: light-green background, icon + text -> #679a41
   Covers standard NcAppNavigation items AND Talk's custom rows.
   ============================================================ */

/* ---------- A. STANDARD nav items (Files, Activity, Photos, Settings) ---------- */

/* A1. NORMAL (non-active) -> black. High specificity to beat theme green rule. */
.app-navigation-entry:not(.active):not(.app-navigation-entry--active):not([aria-current="page"]) .app-navigation-entry-link,
.app-navigation-entry:not(.active):not(.app-navigation-entry--active):not([aria-current="page"]) .app-navigation-entry-button,
.app-navigation-entry:not(.active):not(.app-navigation-entry--active):not([aria-current="page"]) .app-navigation-entry__name {
	color: #000000 !important;
}
.app-navigation-entry:not(.active):not(.app-navigation-entry--active):not([aria-current="page"]) .app-navigation-entry-icon svg,
.app-navigation-entry:not(.active):not(.app-navigation-entry--active):not([aria-current="page"]) .app-navigation-entry-icon svg path {
	fill: #000000 !important;
}
.app-navigation-entry:not(.active):not(.app-navigation-entry--active):not([aria-current="page"]) .app-navigation-entry-icon .icon-vue,
.app-navigation-entry:not(.active):not(.app-navigation-entry--active):not([aria-current="page"]) .app-navigation-entry-icon .icon-vue span {
	color: #000000 !important;
}
.app-navigation-entry:not(.active):not(.app-navigation-entry--active):not([aria-current="page"]) .app-navigation-entry-icon [class^="icon-"],
.app-navigation-entry:not(.active):not(.app-navigation-entry--active):not([aria-current="page"]) .app-navigation-entry-icon [class*=" icon-"] {
	filter: brightness(0) !important;
}

/* A2. HOVER (non-active) -> light-green bg + green icon/text */
.app-navigation-entry:not(.active):not(.app-navigation-entry--active):not([aria-current="page"]):hover,
.app-navigation-entry:not(.active):not(.app-navigation-entry--active):not([aria-current="page"]) .app-navigation-entry-link:hover,
.app-navigation-entry:not(.active):not(.app-navigation-entry--active):not([aria-current="page"]) .app-navigation-entry-button:hover {
	background-color: rgba(103, 154, 65, 0.15) !important;
}
.app-navigation-entry:not(.active):not(.app-navigation-entry--active):not([aria-current="page"]):hover .app-navigation-entry-link,
.app-navigation-entry:not(.active):not(.app-navigation-entry--active):not([aria-current="page"]):hover .app-navigation-entry__name {
	color: #679a41 !important;
}
.app-navigation-entry:not(.active):not(.app-navigation-entry--active):not([aria-current="page"]):hover .app-navigation-entry-icon svg,
.app-navigation-entry:not(.active):not(.app-navigation-entry--active):not([aria-current="page"]):hover .app-navigation-entry-icon svg path {
	fill: #679a41 !important;
}
.app-navigation-entry:not(.active):not(.app-navigation-entry--active):not([aria-current="page"]):hover .app-navigation-entry-icon .icon-vue,
.app-navigation-entry:not(.active):not(.app-navigation-entry--active):not([aria-current="page"]):hover .app-navigation-entry-icon .icon-vue span {
	color: #679a41 !important;
}

/* A3. ACTIVE -> light-green bg + green icon/text */
.app-navigation-entry.active,
.app-navigation-entry--active,
.app-navigation-entry[aria-current="page"] {
	background-color: rgba(103, 154, 65, 0.15) !important;
}
.app-navigation-entry.active:hover,
.app-navigation-entry--active:hover,
.app-navigation-entry[aria-current="page"]:hover {
	background-color: rgba(103, 154, 65, 0.22) !important;
}
.app-navigation-entry.active .app-navigation-entry-link,
.app-navigation-entry.active .app-navigation-entry-button,
.app-navigation-entry.active .app-navigation-entry__name,
.app-navigation-entry--active .app-navigation-entry-link,
.app-navigation-entry--active .app-navigation-entry-button,
.app-navigation-entry--active .app-navigation-entry__name,
.app-navigation-entry[aria-current="page"] .app-navigation-entry-link,
.app-navigation-entry[aria-current="page"] .app-navigation-entry-button,
.app-navigation-entry[aria-current="page"] .app-navigation-entry__name {
	color: #679a41 !important;
}
.app-navigation-entry.active .app-navigation-entry-icon svg,
.app-navigation-entry.active .app-navigation-entry-icon svg path,
.app-navigation-entry--active .app-navigation-entry-icon svg,
.app-navigation-entry--active .app-navigation-entry-icon svg path,
.app-navigation-entry[aria-current="page"] .app-navigation-entry-icon svg,
.app-navigation-entry[aria-current="page"] .app-navigation-entry-icon svg path {
	fill: #679a41 !important;
}
.app-navigation-entry.active .app-navigation-entry-icon .icon-vue,
.app-navigation-entry.active .app-navigation-entry-icon .icon-vue span,
.app-navigation-entry--active .app-navigation-entry-icon .icon-vue,
.app-navigation-entry--active .app-navigation-entry-icon .icon-vue span,
.app-navigation-entry[aria-current="page"] .app-navigation-entry-icon .icon-vue,
.app-navigation-entry[aria-current="page"] .app-navigation-entry-icon .icon-vue span {
	color: #679a41 !important;
}
.app-navigation-entry.active .app-navigation-entry-icon [class^="icon-"],
.app-navigation-entry.active .app-navigation-entry-icon [class*=" icon-"],
.app-navigation-entry[aria-current="page"] .app-navigation-entry-icon [class^="icon-"],
.app-navigation-entry[aria-current="page"] .app-navigation-entry-icon [class*=" icon-"] {
	filter: brightness(0) saturate(100%) invert(52%) sepia(31%) saturate(720%) hue-rotate(46deg) brightness(94%) contrast(88%) !important;
}

/* ---------- B. TALK custom conversation rows (.list-item__anchor) ---------- */
/* Avatars (img.avatar) are intentionally NOT recolored. Only text + bg + glyph icons. */

/* B1. NORMAL -> black text + black nav glyph icons (not avatars) */
.app-navigation .list-item__anchor .list-item-content__name,
.app-navigation .list-item__anchor .list-item-content__name .text {
	color: #000000 !important;
}
.app-navigation .list-item__anchor .conversation-icon .material-design-icon svg,
.app-navigation .list-item__anchor .conversation-icon .material-design-icon svg path {
	fill: #000000 !important;
}

/* B2. HOVER -> light-green bg + green text */
.app-navigation .list-item__anchor:hover,
.app-navigation .list-item__wrapper:hover .list-item__anchor {
	background-color: rgba(103, 154, 65, 0.15) !important;
}
.app-navigation .list-item__anchor:hover .list-item-content__name,
.app-navigation .list-item__anchor:hover .list-item-content__name .text,
.app-navigation .list-item__wrapper:hover .list-item-content__name {
	color: #679a41 !important;
}
.app-navigation .list-item__anchor:hover .conversation-icon .material-design-icon svg,
.app-navigation .list-item__anchor:hover .conversation-icon .material-design-icon svg path {
	fill: #679a41 !important;
}

/* B3. ACTIVE -> light-green bg + green text */
.app-navigation .list-item__anchor.active,
.app-navigation .list-item--active .list-item__anchor,
.app-navigation .list-item__wrapper.active .list-item__anchor {
	background-color: rgba(103, 154, 65, 0.15) !important;
}
.app-navigation .list-item__anchor.active .list-item-content__name,
.app-navigation .list-item__anchor.active .list-item-content__name .text,
.app-navigation .list-item--active .list-item-content__name {
	color: #679a41 !important;
}
.app-navigation .list-item__anchor.active .conversation-icon .material-design-icon svg,
.app-navigation .list-item__anchor.active .conversation-icon .material-design-icon svg path {
	fill: #679a41 !important;
}

/* ============================================================
   CloudSpace — Sidebar material-design-icon color fix (Photos etc.)
   These icons are colored via currentColor (the `color` property),
   not `fill`. Set color on the icon wrapper + .material-design-icon
   for all three states. 2026-06-15
   ============================================================ */

/* NORMAL (non-active) -> black */
.app-navigation-entry:not(.active):not(.app-navigation-entry--active):not([aria-current="page"]) .app-navigation-entry-icon,
.app-navigation-entry:not(.active):not(.app-navigation-entry--active):not([aria-current="page"]) .app-navigation-entry-icon .material-design-icon,
.app-navigation-entry:not(.active):not(.app-navigation-entry--active):not([aria-current="page"]) .app-navigation-entry-icon .material-design-icon svg,
.app-navigation-entry:not(.active):not(.app-navigation-entry--active):not([aria-current="page"]) .app-navigation-entry-icon .material-design-icon svg path {
	color: #000000 !important;
	fill: #000000 !important;
}

/* HOVER (non-active) -> green */
.app-navigation-entry:not(.active):not(.app-navigation-entry--active):not([aria-current="page"]):hover .app-navigation-entry-icon,
.app-navigation-entry:not(.active):not(.app-navigation-entry--active):not([aria-current="page"]):hover .app-navigation-entry-icon .material-design-icon,
.app-navigation-entry:not(.active):not(.app-navigation-entry--active):not([aria-current="page"]):hover .app-navigation-entry-icon .material-design-icon svg,
.app-navigation-entry:not(.active):not(.app-navigation-entry--active):not([aria-current="page"]):hover .app-navigation-entry-icon .material-design-icon svg path {
	color: #679a41 !important;
	fill: #679a41 !important;
}

/* ACTIVE -> green. Use link/button in selector to match theme's white-rule specificity (later wins). */
.app-navigation-entry.active .app-navigation-entry-link .app-navigation-entry-icon,
.app-navigation-entry.active .app-navigation-entry-button .app-navigation-entry-icon,
.app-navigation-entry--active .app-navigation-entry-link .app-navigation-entry-icon,
.app-navigation-entry[aria-current="page"] .app-navigation-entry-link .app-navigation-entry-icon,
.app-navigation-entry[aria-current="page"] .app-navigation-entry-button .app-navigation-entry-icon,
.app-navigation-entry.active .app-navigation-entry-link .app-navigation-entry-icon .material-design-icon,
.app-navigation-entry[aria-current="page"] .app-navigation-entry-link .app-navigation-entry-icon .material-design-icon,
.app-navigation-entry.active .app-navigation-entry-link .app-navigation-entry-icon .material-design-icon svg,
.app-navigation-entry.active .app-navigation-entry-link .app-navigation-entry-icon .material-design-icon svg path,
.app-navigation-entry[aria-current="page"] .app-navigation-entry-link .app-navigation-entry-icon .material-design-icon svg,
.app-navigation-entry[aria-current="page"] .app-navigation-entry-link .app-navigation-entry-icon .material-design-icon svg path {
	color: #679a41 !important;
	fill: #679a41 !important;
}

/* ============================================================
   CloudSpace — Sidebar Material Symbols ligature icons (::before)
   Some entries (e.g. Photos "All media" image-icon) render the icon
   as a font ligature on .material-design-icon::before, NOT the svg
   (svg is display:none). Color the pseudo-element directly. 2026-06-15
   ============================================================ */

/* NORMAL (non-active) -> black */
.app-navigation-entry:not(.active):not(.app-navigation-entry--active):not([aria-current="page"]) .app-navigation-entry-icon .material-design-icon::before {
	color: #000000 !important;
}

/* HOVER (non-active) -> green */
.app-navigation-entry:not(.active):not(.app-navigation-entry--active):not([aria-current="page"]):hover .app-navigation-entry-icon .material-design-icon::before {
	color: #679a41 !important;
}

/* ACTIVE -> green (link/button in selector to beat theme white rule) */
.app-navigation-entry.active .app-navigation-entry-link .app-navigation-entry-icon .material-design-icon::before,
.app-navigation-entry.active .app-navigation-entry-button .app-navigation-entry-icon .material-design-icon::before,
.app-navigation-entry--active .app-navigation-entry-link .app-navigation-entry-icon .material-design-icon::before,
.app-navigation-entry[aria-current="page"] .app-navigation-entry-link .app-navigation-entry-icon .material-design-icon::before,
.app-navigation-entry[aria-current="page"] .app-navigation-entry-button .app-navigation-entry-icon .material-design-icon::before {
	color: #679a41 !important;
}

/* ============================================================
   CloudSpace — Share / NcSelect dropdown enhancement  2026-06-15
   Adds elevation to the floating options menu, green-themed
   highlight + chevron, clearer option text & hover.
   ============================================================ */

/* Floating options menu: add elevation + subtle green border so it
   reads as a layer above the content (was flat, no shadow/border). */
.vs__dropdown-menu {
	box-shadow: 0 10px 28px rgba(41, 60, 81, 0.14), 0 2px 8px rgba(41, 60, 81, 0.08) !important;
	border: 1px solid rgba(103, 154, 65, 0.25) !important;
	border-top: none !important;
	border-radius: 0 0 12px 12px !important;
	background-color: #ffffff !important;
}

/* Closed field: clearer hover (green border) */
.vs__dropdown-toggle {
	transition: border-color 0.15s ease, box-shadow 0.15s ease !important;
}
.v-select:not(.vs--open):hover .vs__dropdown-toggle {
	border-color: rgba(103, 154, 65, 0.55) !important;
}

/* Options: clearer text + comfortable rows */
.vs__dropdown-option {
	color: #293c51 !important;
	border-radius: 8px !important;
}

/* Highlighted / hovered option: stronger green bg + green text */
.vs__dropdown-option--highlight,
.vs__dropdown-option:hover {
	background-color: rgba(103, 154, 65, 0.18) !important;
	color: #3d6b24 !important;
}

/* Selected option */
.vs__dropdown-option--selected {
	background-color: rgba(103, 154, 65, 0.28) !important;
	color: #3d6b24 !important;
	font-weight: 600 !important;
}

/* Chevron / open indicator -> green */
.vs__open-indicator,
.vs__actions svg,
.vs__actions .vs__open-indicator path {
	color: #679a41 !important;
	fill: #679a41 !important;
}

/* Clear (x) button on hover -> green */
.vs__clear:hover,
.vs__clear:hover svg {
	color: #679a41 !important;
	fill: #679a41 !important;
}

/* ============================================================
   CloudSpace — Share dropdown enhancement (specificity fix)
   Theme already scopes dropdown rules under body#body-user
   (specificity 1,1,1). Match that prefix so these win. 2026-06-15
   ============================================================ */

body#body-user .vs__dropdown-menu,
body#body-settings .vs__dropdown-menu,
body#body-public .vs__dropdown-menu {
	box-shadow: 0 10px 28px rgba(41, 60, 81, 0.14), 0 2px 8px rgba(41, 60, 81, 0.08) !important;
	border: 1px solid rgba(103, 154, 65, 0.25) !important;
	border-top: none !important;
	border-radius: 0 0 12px 12px !important;
	background-color: #ffffff !important;
}

body#body-user .vs__dropdown-option--highlight,
body#body-user .vs__dropdown-option:hover,
body#body-settings .vs__dropdown-option--highlight,
body#body-settings .vs__dropdown-option:hover,
body#body-public .vs__dropdown-option--highlight,
body#body-public .vs__dropdown-option:hover {
	background-color: rgba(103, 154, 65, 0.18) !important;
	color: #3d6b24 !important;
}

body#body-user .vs__dropdown-option--selected,
body#body-settings .vs__dropdown-option--selected,
body#body-public .vs__dropdown-option--selected {
	background-color: rgba(103, 154, 65, 0.28) !important;
	color: #3d6b24 !important;
	font-weight: 600 !important;
}

/* ============================================================
   CloudSpace — Right-sidebar tab buttons (Sharing / Activity)
   Enhance: elevation on active pill, themed hover on inactive,
   smooth transitions.  2026-06-15
   ============================================================ */

/* Smooth state transitions for both tabs */
.app-sidebar-tabs__tab .checkbox-radio-switch__content {
	transition: background-color 0.18s ease, color 0.18s ease,
		box-shadow 0.18s ease, transform 0.15s ease !important;
}

/* ACTIVE pill: keep green, add soft elevation + tiny lift */
.app-sidebar-tabs__tab.checkbox-radio-switch--checked .checkbox-radio-switch__content {
	background-color: #679a41 !important;
	box-shadow: 0 4px 14px rgba(103, 154, 65, 0.38) !important;
}
.app-sidebar-tabs__tab.checkbox-radio-switch--checked:hover .checkbox-radio-switch__content {
	background-color: #5d8b3a !important;
	box-shadow: 0 6px 18px rgba(103, 154, 65, 0.45) !important;
}

/* INACTIVE tab: subtle light-green hover + green text/icon (was no feedback) */
.app-sidebar-tabs__tab:not(.checkbox-radio-switch--checked) .checkbox-radio-switch__content {
	background-color: transparent !important;
}
.app-sidebar-tabs__tab:not(.checkbox-radio-switch--checked):hover .checkbox-radio-switch__content {
	background-color: rgba(103, 154, 65, 0.12) !important;
	transform: translateY(-1px) !important;
}
.app-sidebar-tabs__tab:not(.checkbox-radio-switch--checked):hover .checkbox-content__text,
.app-sidebar-tabs__tab:not(.checkbox-radio-switch--checked):hover .checkbox-content__icon,
.app-sidebar-tabs__tab:not(.checkbox-radio-switch--checked):hover .checkbox-content__icon svg,
.app-sidebar-tabs__tab:not(.checkbox-radio-switch--checked):hover .checkbox-content__icon .material-design-icon {
	color: #679a41 !important;
	fill: #679a41 !important;
}

/* Keyboard focus ring (accessibility) */
.app-sidebar-tabs__tab .checkbox-radio-switch__input:focus-visible + .checkbox-radio-switch__content {
	outline: 2px solid #679a41 !important;
	outline-offset: 2px !important;
}

/* ============================================================
   CloudSpace — sidebar tab inactive hover fix
   The resting/hover bg lives on the .checkbox-radio-switch WRAPPER,
   not the inner content. Target the wrapper. 2026-06-15
   ============================================================ */

/* Inactive tab hover -> light-green tint on the wrapper */
.app-sidebar-tabs__tab.checkbox-radio-switch:not(.checkbox-radio-switch--checked):hover {
	background-color: rgba(103, 154, 65, 0.14) !important;
}
.app-sidebar-tabs__tab.checkbox-radio-switch:not(.checkbox-radio-switch--checked):hover .checkbox-radio-switch__content {
	background-color: transparent !important;
}
/* Inactive hover text + icon -> green */
.app-sidebar-tabs__tab.checkbox-radio-switch:not(.checkbox-radio-switch--checked):hover .checkbox-content__text,
.app-sidebar-tabs__tab.checkbox-radio-switch:not(.checkbox-radio-switch--checked):hover .checkbox-content__icon,
.app-sidebar-tabs__tab.checkbox-radio-switch:not(.checkbox-radio-switch--checked):hover .checkbox-content__icon svg,
.app-sidebar-tabs__tab.checkbox-radio-switch:not(.checkbox-radio-switch--checked):hover .checkbox-content__icon svg path {
	color: #679a41 !important;
	fill: #679a41 !important;
}

/* ============================================================
   CloudSpace — sidebar tab inactive hover (final, specificity)
   Theme has: body#body-user .app-sidebar-tabs__tab:not(.active):hover
              .checkbox-radio-switch__content { background:#f3f4f6 }
   Override with same body#body-user prefix -> green tint. 2026-06-15
   ============================================================ */

body#body-user .app-sidebar-tabs__tab:not(.active):hover .checkbox-radio-switch__content,
body#body-settings .app-sidebar-tabs__tab:not(.active):hover .checkbox-radio-switch__content,
body#body-public .app-sidebar-tabs__tab:not(.active):hover .checkbox-radio-switch__content {
	background-color: rgba(103, 154, 65, 0.14) !important;
}

/* hover text + icon -> green */
body#body-user .app-sidebar-tabs__tab:not(.active):hover .checkbox-content__text,
body#body-user .app-sidebar-tabs__tab:not(.active):hover .checkbox-content__icon,
body#body-user .app-sidebar-tabs__tab:not(.active):hover .checkbox-content__icon svg,
body#body-user .app-sidebar-tabs__tab:not(.active):hover .checkbox-content__icon svg path,
body#body-settings .app-sidebar-tabs__tab:not(.active):hover .checkbox-content__text,
body#body-settings .app-sidebar-tabs__tab:not(.active):hover .checkbox-content__icon svg path {
	color: #679a41 !important;
	fill: #679a41 !important;
}

/* ============================================================
   CloudSpace — Empty dropdown state (NcSelect "no options")
   Was: cramped centered gray text, 0 padding.
   Now: padded, with a friendly green people icon above. 2026-06-15
   ============================================================ */

body#body-user .vs__no-options,
body#body-settings .vs__no-options,
body#body-public .vs__no-options {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 4px !important;
	padding: 22px 16px 20px !important;
	height: auto !important;
	color: #6b7280 !important;
	font-size: 13.5px !important;
	line-height: 1.45 !important;
	text-align: center !important;
	white-space: normal !important;
}

/* Icon above the message (mask = font-independent, tinted brand green) */
body#body-user .vs__no-options::before,
body#body-settings .vs__no-options::before,
body#body-public .vs__no-options::before {
	content: "" !important;
	display: block !important;
	width: 38px !important;
	height: 38px !important;
	margin-bottom: 6px !important;
	background-color: rgba(103, 154, 65, 0.5) !important;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16,13C15.71,13 15.38,13 15.03,13.05C16.19,13.89 17,15 17,16.5V19H23V16.5C23,14.17 18.33,13 16,13M8,13C5.67,13 1,14.17 1,16.5V19H15V16.5C15,14.17 10.33,13 8,13M8,11A3,3 0 0,0 11,8A3,3 0 0,0 8,5A3,3 0 0,0 5,8A3,3 0 0,0 8,11M16,11A3,3 0 0,0 19,8A3,3 0 0,0 16,5C15.71,5 15.42,5.04 15.14,5.09C15.68,5.85 16,6.79 16,7.79C16,8.79 15.68,9.73 15.14,10.5C15.42,10.95 15.71,11 16,11Z'/%3E%3C/svg%3E") center / contain no-repeat !important;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16,13C15.71,13 15.38,13 15.03,13.05C16.19,13.89 17,15 17,16.5V19H23V16.5C23,14.17 18.33,13 16,13M8,13C5.67,13 1,14.17 1,16.5V19H15V16.5C15,14.17 10.33,13 8,13M8,11A3,3 0 0,0 11,8A3,3 0 0,0 8,5A3,3 0 0,0 5,8A3,3 0 0,0 8,11M16,11A3,3 0 0,0 19,8A3,3 0 0,0 16,5C15.71,5 15.42,5.04 15.14,5.09C15.68,5.85 16,6.79 16,7.79C16,8.79 15.68,9.73 15.14,10.5C15.42,10.95 15.71,11 16,11Z'/%3E%3C/svg%3E") center / contain no-repeat !important;
}