/* normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Text-level semantics
   ========================================================================== */

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Forms
   ========================================================================== */

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Generated by tasks/icons.js from vendors/lucide/icons. Do not edit. */
/* Lucide, ISC licensed, see vendors/lucide/LICENSE */

:root {
	--icon-a-arrow-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='m14 12 4 4 4-4' /%3E%3Cpath d='M18 16V7' /%3E%3Cpath d='m2 16 4.039-9.69a.5.5 0 0 1 .923 0L11 16' /%3E%3Cpath d='M3.304 13h6.392' /%3E%3C/svg%3E");
	--icon-archive: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Crect width='20' height='5' x='2' y='3' rx='1' /%3E%3Cpath d='M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8' /%3E%3Cpath d='M10 12h4' /%3E%3C/svg%3E");
	--icon-arrow-down-a-z: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='m3 16 4 4 4-4' /%3E%3Cpath d='M7 20V4' /%3E%3Cpath d='M20 8h-5' /%3E%3Cpath d='M15 10V6.5a2.5 2.5 0 0 1 5 0V10' /%3E%3Cpath d='M15 14h5l-5 6h5' /%3E%3C/svg%3E");
	--icon-arrow-down-wide-narrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='m3 16 4 4 4-4' /%3E%3Cpath d='M7 20V4' /%3E%3Cpath d='M11 4h10' /%3E%3Cpath d='M11 8h7' /%3E%3Cpath d='M11 12h4' /%3E%3C/svg%3E");
	--icon-arrow-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M12 5v14' /%3E%3Cpath d='m19 12-7 7-7-7' /%3E%3C/svg%3E");
	--icon-arrow-left-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M8 3 4 7l4 4' /%3E%3Cpath d='M4 7h16' /%3E%3Cpath d='m16 21 4-4-4-4' /%3E%3Cpath d='M20 17H4' /%3E%3C/svg%3E");
	--icon-arrow-left: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='m12 19-7-7 7-7' /%3E%3Cpath d='M19 12H5' /%3E%3C/svg%3E");
	--icon-arrow-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M5 12h14' /%3E%3Cpath d='m12 5 7 7-7 7' /%3E%3C/svg%3E");
	--icon-arrow-up-a-z: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='m3 8 4-4 4 4' /%3E%3Cpath d='M7 4v16' /%3E%3Cpath d='M20 8h-5' /%3E%3Cpath d='M15 10V6.5a2.5 2.5 0 0 1 5 0V10' /%3E%3Cpath d='M15 14h5l-5 6h5' /%3E%3C/svg%3E");
	--icon-arrow-up-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='m21 16-4 4-4-4' /%3E%3Cpath d='M17 20V4' /%3E%3Cpath d='m3 8 4-4 4 4' /%3E%3Cpath d='M7 4v16' /%3E%3C/svg%3E");
	--icon-arrow-up-narrow-wide: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='m3 8 4-4 4 4' /%3E%3Cpath d='M7 4v16' /%3E%3Cpath d='M11 12h4' /%3E%3Cpath d='M11 16h7' /%3E%3Cpath d='M11 20h10' /%3E%3C/svg%3E");
	--icon-arrow-up: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='m5 12 7-7 7 7' /%3E%3Cpath d='M12 19V5' /%3E%3C/svg%3E");
	--icon-at-sign: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Ccircle cx='12' cy='12' r='4' /%3E%3Cpath d='M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-4 8' /%3E%3C/svg%3E");
	--icon-ban: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Ccircle cx='12' cy='12' r='10' /%3E%3Cpath d='M4.929 4.929 19.07 19.071' /%3E%3C/svg%3E");
	--icon-between-horizontal-end: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Crect width='13' height='7' x='3' y='3' rx='1' /%3E%3Cpath d='m22 15-3-3 3-3' /%3E%3Crect width='13' height='7' x='3' y='14' rx='1' /%3E%3C/svg%3E");
	--icon-between-horizontal-start: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Crect width='13' height='7' x='8' y='3' rx='1' /%3E%3Cpath d='m2 9 3 3-3 3' /%3E%3Crect width='13' height='7' x='8' y='14' rx='1' /%3E%3C/svg%3E");
	--icon-between-vertical-end: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Crect width='7' height='13' x='3' y='3' rx='1' /%3E%3Cpath d='m9 22 3-3 3 3' /%3E%3Crect width='7' height='13' x='14' y='3' rx='1' /%3E%3C/svg%3E");
	--icon-between-vertical-start: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Crect width='7' height='13' x='3' y='8' rx='1' /%3E%3Cpath d='m15 2-3 3-3-3' /%3E%3Crect width='7' height='13' x='14' y='8' rx='1' /%3E%3C/svg%3E");
	--icon-cake: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M20 21v-8a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v8' /%3E%3Cpath d='M4 16s.5-1 2-1 2.5 2 4 2 2.5-2 4-2 2.5 2 4 2 2-1 2-1' /%3E%3Cpath d='M2 21h20' /%3E%3Cpath d='M7 8v3' /%3E%3Cpath d='M12 8v3' /%3E%3Cpath d='M17 8v3' /%3E%3Cpath d='M7 4h.01' /%3E%3Cpath d='M12 4h.01' /%3E%3Cpath d='M17 4h.01' /%3E%3C/svg%3E");
	--icon-calendar-arrow-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='m14 17 4 4 4-4' /%3E%3Cpath d='M16 2v3' /%3E%3Cpath d='M18 13v8' /%3E%3Cpath d='M21 10.354V5a2 2 0 00-2-2H5a2 2 0 00-2 2v14a2 2 0 002 2h7.343' /%3E%3Cpath d='M3 9h18' /%3E%3Cpath d='M8 2v3' /%3E%3C/svg%3E");
	--icon-calendar-arrow-up: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='m14 17 4-4 4 4' /%3E%3Cpath d='M16 2v3' /%3E%3Cpath d='M18 21v-8' /%3E%3Cpath d='M21 10.343V5a2 2 0 00-2-2H5a2 2 0 00-2 2v14a2 2 0 002 2h9' /%3E%3Cpath d='M3 9h18' /%3E%3Cpath d='M8 2v3' /%3E%3C/svg%3E");
	--icon-calendar: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M8 2v3' /%3E%3Cpath d='M16 2v3' /%3E%3Crect x='3' y='3' width='18' height='18' rx='2' /%3E%3Cpath d='M3 9h18' /%3E%3C/svg%3E");
	--icon-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M20 6 9 17l-5-5' /%3E%3C/svg%3E");
	--icon-chevron-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='m6 9 6 6 6-6' /%3E%3C/svg%3E");
	--icon-chevron-left: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='m15 18-6-6 6-6' /%3E%3C/svg%3E");
	--icon-chevron-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='m9 18 6-6-6-6' /%3E%3C/svg%3E");
	--icon-circle-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Ccircle cx='12' cy='12' r='10' /%3E%3Cpath d='m9 12 2 2 4-4' /%3E%3C/svg%3E");
	--icon-circle-dot: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Ccircle cx='12' cy='12' r='10' /%3E%3Ccircle cx='12' cy='12' r='1' /%3E%3C/svg%3E");
	--icon-circle-help: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Ccircle cx='12' cy='12' r='10' /%3E%3Cpath d='M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3' /%3E%3Cpath d='M12 17h.01' /%3E%3C/svg%3E");
	--icon-circle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Ccircle cx='12' cy='12' r='10' /%3E%3C/svg%3E");
	--icon-clock-arrow-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M12 6v6l2 1' /%3E%3Cpath d='M12.337 21.994a10 10 0 1 1 9.588-8.767' /%3E%3Cpath d='m14 18 4 4 4-4' /%3E%3Cpath d='M18 14v8' /%3E%3C/svg%3E");
	--icon-clock-arrow-up: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M12 6v6l1.56.78' /%3E%3Cpath d='M13.227 21.925a10 10 0 1 1 8.767-9.588' /%3E%3Cpath d='m14 18 4-4 4 4' /%3E%3Cpath d='M18 22v-8' /%3E%3C/svg%3E");
	--icon-clock: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Ccircle cx='12' cy='12' r='10' /%3E%3Cpath d='M12 6v6l4 2' /%3E%3C/svg%3E");
	--icon-cloud-upload: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M12 13v8' /%3E%3Cpath d='M4 14.899A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.5 8.242' /%3E%3Cpath d='m8 17 4-4 4 4' /%3E%3C/svg%3E");
	--icon-cloud: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z' /%3E%3C/svg%3E");
	--icon-code: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='m16 18 6-6-6-6' /%3E%3Cpath d='m8 6-6 6 6 6' /%3E%3C/svg%3E");
	--icon-contact: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M16 2v2' /%3E%3Cpath d='M7 21v-2a2 2 0 012-2h6a2 2 0 012 2v2' /%3E%3Cpath d='M8 2v2' /%3E%3Ccircle cx='12' cy='10' r='3' /%3E%3Crect x='3' y='3' width='18' height='18' rx='2' /%3E%3C/svg%3E");
	--icon-copy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Crect width='14' height='14' x='8' y='8' rx='2' ry='2' /%3E%3Cpath d='M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2' /%3E%3C/svg%3E");
	--icon-corner-down-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='m15 10 5 5-5 5' /%3E%3Cpath d='M4 4v7a4 4 0 0 0 4 4h12' /%3E%3C/svg%3E");
	--icon-download: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M12 15V3' /%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4' /%3E%3Cpath d='m7 10 5 5 5-5' /%3E%3C/svg%3E");
	--icon-eraser: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M21 21H8a2 2 0 0 1-1.42-.587l-3.994-3.999a2 2 0 0 1 0-2.828l10-10a2 2 0 0 1 2.829 0l5.999 6a2 2 0 0 1 0 2.828L12.834 21' /%3E%3Cpath d='m5.082 11.09 8.828 8.828' /%3E%3C/svg%3E");
	--icon-eye-off: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49' /%3E%3Cpath d='M14.084 14.158a3 3 0 0 1-4.242-4.242' /%3E%3Cpath d='M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143' /%3E%3Cpath d='m2 2 20 20' /%3E%3C/svg%3E");
	--icon-eye: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0' /%3E%3Ccircle cx='12' cy='12' r='3' /%3E%3C/svg%3E");
	--icon-file-archive: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M13.659 22H18a2 2 0 0 0 2-2V8a2.4 2.4 0 0 0-.706-1.706l-3.588-3.588A2.4 2.4 0 0 0 14 2H6a2 2 0 0 0-2 2v11.5' /%3E%3Cpath d='M14 2v5a1 1 0 0 0 1 1h5' /%3E%3Cpath d='M8 12v-1' /%3E%3Cpath d='M8 18v-2' /%3E%3Cpath d='M8 7V6' /%3E%3Ccircle cx='8' cy='20' r='2' /%3E%3C/svg%3E");
	--icon-file-code: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z' /%3E%3Cpath d='M14 2v5a1 1 0 0 0 1 1h5' /%3E%3Cpath d='M10 12.5 8 15l2 2.5' /%3E%3Cpath d='m14 12.5 2 2.5-2 2.5' /%3E%3C/svg%3E");
	--icon-file-text: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z' /%3E%3Cpath d='M14 2v5a1 1 0 0 0 1 1h5' /%3E%3Cpath d='M10 9H8' /%3E%3Cpath d='M16 13H8' /%3E%3Cpath d='M16 17H8' /%3E%3C/svg%3E");
	--icon-file: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z' /%3E%3Cpath d='M14 2v5a1 1 0 0 0 1 1h5' /%3E%3C/svg%3E");
	--icon-flame: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M12 3q1 4 4 6.5t3 5.5a1 1 0 0 1-14 0 5 5 0 0 1 1-3 1 1 0 0 0 5 0c0-2-1.5-3-1.5-5q0-2 2.5-4' /%3E%3C/svg%3E");
	--icon-folder-input: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M2 9V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H20a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-1' /%3E%3Cpath d='M2 13h10' /%3E%3Cpath d='m9 16 3-3-3-3' /%3E%3C/svg%3E");
	--icon-folder-open: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2' /%3E%3C/svg%3E");
	--icon-folder-plus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M12 10v6' /%3E%3Cpath d='M9 13h6' /%3E%3Cpath d='M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z' /%3E%3C/svg%3E");
	--icon-folder: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z' /%3E%3C/svg%3E");
	--icon-forward: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='m15 17 5-5-5-5' /%3E%3Cpath d='M4 18v-2a4 4 0 0 1 4-4h12' /%3E%3C/svg%3E");
	--icon-funnel: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M10 20a1 1 0 0 0 .553.895l2 1A1 1 0 0 0 14 21v-7a2 2 0 0 1 .517-1.341L21.74 4.67A1 1 0 0 0 21 3H3a1 1 0 0 0-.742 1.67l7.225 7.989A2 2 0 0 1 10 14z' /%3E%3C/svg%3E");
	--icon-globe: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Ccircle cx='12' cy='12' r='10' /%3E%3Cpath d='M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20' /%3E%3Cpath d='M2 12h20' /%3E%3C/svg%3E");
	--icon-grid-2x2-x: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M12 3v17a1 1 0 0 1-1 1H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v6a1 1 0 0 1-1 1H3' /%3E%3Cpath d='m16 16 5 5' /%3E%3Cpath d='m16 21 5-5' /%3E%3C/svg%3E");
	--icon-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Crect width='18' height='18' x='3' y='3' rx='2' ry='2' /%3E%3Ccircle cx='9' cy='9' r='2' /%3E%3Cpath d='m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21' /%3E%3C/svg%3E");
	--icon-inbox: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpolyline points='22 12 16 12 14 15 10 15 8 12 2 12' /%3E%3Cpath d='M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z' /%3E%3C/svg%3E");
	--icon-indent-decrease: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M21 5H11' /%3E%3Cpath d='M21 12H11' /%3E%3Cpath d='M21 19H11' /%3E%3Cpath d='m7 8-4 4 4 4' /%3E%3C/svg%3E");
	--icon-indent-increase: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M21 5H11' /%3E%3Cpath d='M21 12H11' /%3E%3Cpath d='M21 19H11' /%3E%3Cpath d='m3 8 4 4-4 4' /%3E%3C/svg%3E");
	--icon-info: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Ccircle cx='12' cy='12' r='10' /%3E%3Cpath d='M12 16v-4' /%3E%3Cpath d='M12 8h.01' /%3E%3C/svg%3E");
	--icon-key: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='m15.5 7.5 2.3 2.3a1 1 0 0 0 1.4 0l2.1-2.1a1 1 0 0 0 0-1.4L19 4' /%3E%3Cpath d='m21 2-9.6 9.6' /%3E%3Ccircle cx='7.5' cy='15.5' r='5.5' /%3E%3C/svg%3E");
	--icon-link: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71' /%3E%3Cpath d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71' /%3E%3C/svg%3E");
	--icon-lock-open: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Crect width='18' height='11' x='3' y='11' rx='2' ry='2' /%3E%3Cpath d='M7 11V7a5 5 0 0 1 9.9-1' /%3E%3C/svg%3E");
	--icon-lock: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Crect width='18' height='11' x='3' y='11' rx='2' ry='2' /%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4' /%3E%3C/svg%3E");
	--icon-log-out: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='m16 17 5-5-5-5' /%3E%3Cpath d='M21 12H9' /%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4' /%3E%3C/svg%3E");
	--icon-mail-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M22 13V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v12c0 1.1.9 2 2 2h8' /%3E%3Cpath d='m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7' /%3E%3Cpath d='m16 19 2 2 4-4' /%3E%3C/svg%3E");
	--icon-mail-open: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M21.2 8.4c.5.38.8.97.8 1.6v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V10a2 2 0 0 1 .8-1.6l8-6a2 2 0 0 1 2.4 0l8 6Z' /%3E%3Cpath d='m22 10-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 10' /%3E%3C/svg%3E");
	--icon-mail: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7' /%3E%3Crect x='2' y='4' width='20' height='16' rx='2' /%3E%3C/svg%3E");
	--icon-map-pin: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0' /%3E%3Ccircle cx='12' cy='10' r='3' /%3E%3C/svg%3E");
	--icon-maximize-2: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M15 3h6v6' /%3E%3Cpath d='m21 3-7 7' /%3E%3Cpath d='m3 21 7-7' /%3E%3Cpath d='M9 21H3v-6' /%3E%3C/svg%3E");
	--icon-menu: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M4 5h16' /%3E%3Cpath d='M4 12h16' /%3E%3Cpath d='M4 19h16' /%3E%3C/svg%3E");
	--icon-message-circle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719' /%3E%3C/svg%3E");
	--icon-minimize-2: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='m14 10 7-7' /%3E%3Cpath d='M20 10h-6V4' /%3E%3Cpath d='m3 21 7-7' /%3E%3Cpath d='M4 14h6v6' /%3E%3C/svg%3E");
	--icon-monitor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Crect width='20' height='14' x='2' y='3' rx='2' /%3E%3Cline x1='8' x2='16' y1='21' y2='21' /%3E%3Cline x1='12' x2='12' y1='17' y2='21' /%3E%3C/svg%3E");
	--icon-moon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401' /%3E%3C/svg%3E");
	--icon-package: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z' /%3E%3Cpath d='M12 22V12' /%3E%3Cpolyline points='3.29 7 12 12 20.71 7' /%3E%3Cpath d='m7.5 4.27 9 5.15' /%3E%3C/svg%3E");
	--icon-paint-bucket: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M11 7 6 2' /%3E%3Cpath d='M18.992 12H2.041' /%3E%3Cpath d='M21.145 18.38A3.34 3.34 0 0 1 20 16.5a3.3 3.3 0 0 1-1.145 1.88c-.575.46-.855 1.02-.855 1.595A2 2 0 0 0 20 22a2 2 0 0 0 2-2.025c0-.58-.285-1.13-.855-1.595' /%3E%3Cpath d='m8.5 4.5 2.148-2.148a1.205 1.205 0 0 1 1.704 0l7.296 7.296a1.205 1.205 0 0 1 0 1.704l-7.592 7.592a3.615 3.615 0 0 1-5.112 0l-3.888-3.888a3.615 3.615 0 0 1 0-5.112L5.67 7.33' /%3E%3C/svg%3E");
	--icon-palette: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M12 22a1 1 0 0 1 0-20 10 9 0 0 1 10 9 5 5 0 0 1-5 5h-2.25a1.75 1.75 0 0 0-1.4 2.8l.3.4a1.75 1.75 0 0 1-1.4 2.8z' /%3E%3Ccircle cx='13.5' cy='6.5' r='.5' fill='%23000' /%3E%3Ccircle cx='17.5' cy='10.5' r='.5' fill='%23000' /%3E%3Ccircle cx='6.5' cy='12.5' r='.5' fill='%23000' /%3E%3Ccircle cx='8.5' cy='7.5' r='.5' fill='%23000' /%3E%3C/svg%3E");
	--icon-panel-left: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Crect width='18' height='18' x='3' y='3' rx='2' /%3E%3Cpath d='M9 3v18' /%3E%3C/svg%3E");
	--icon-paperclip: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='m16 6-8.414 8.586a2 2 0 0 0 2.829 2.829l8.414-8.586a4 4 0 1 0-5.657-5.657l-8.379 8.551a6 6 0 1 0 8.485 8.485l8.379-8.551' /%3E%3C/svg%3E");
	--icon-pause: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Crect x='14' y='3' width='5' height='18' rx='1' /%3E%3Crect x='5' y='3' width='5' height='18' rx='1' /%3E%3C/svg%3E");
	--icon-pencil: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z' /%3E%3Cpath d='m15 5 4 4' /%3E%3C/svg%3E");
	--icon-phone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384' /%3E%3C/svg%3E");
	--icon-play: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z' /%3E%3C/svg%3E");
	--icon-plus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M5 12h14' /%3E%3Cpath d='M12 5v14' /%3E%3C/svg%3E");
	--icon-printer: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2' /%3E%3Cpath d='M6 9V3a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v6' /%3E%3Crect x='6' y='14' width='12' height='8' rx='1' /%3E%3C/svg%3E");
	--icon-redo: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M21 7v6h-6' /%3E%3Cpath d='M3 17a9 9 0 0 1 9-9 9 9 0 0 1 6 2.3l3 2.7' /%3E%3C/svg%3E");
	--icon-refresh-cw: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8' /%3E%3Cpath d='M21 3v5h-5' /%3E%3Cpath d='M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16' /%3E%3Cpath d='M8 16H3v5' /%3E%3C/svg%3E");
	--icon-reply-all: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='m12 17-5-5 5-5' /%3E%3Cpath d='M22 18v-2a4 4 0 0 0-4-4H7' /%3E%3Cpath d='m7 17-5-5 5-5' /%3E%3C/svg%3E");
	--icon-reply: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M20 18v-2a4 4 0 0 0-4-4H4' /%3E%3Cpath d='m9 17-5-5 5-5' /%3E%3C/svg%3E");
	--icon-save: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z' /%3E%3Cpath d='M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7' /%3E%3Cpath d='M7 3v4a1 1 0 0 0 1 1h7' /%3E%3C/svg%3E");
	--icon-scale: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M12 3v18' /%3E%3Cpath d='m19 8 3 8a5 5 0 0 1-6 0zV7' /%3E%3Cpath d='M3 7h1a17 17 0 0 0 8-2 17 17 0 0 0 8 2h1' /%3E%3Cpath d='m5 8 3 8a5 5 0 0 1-6 0zV7' /%3E%3Cpath d='M7 21h10' /%3E%3C/svg%3E");
	--icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='m21 21-4.34-4.34' /%3E%3Ccircle cx='11' cy='11' r='8' /%3E%3C/svg%3E");
	--icon-send: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z' /%3E%3Cpath d='m21.854 2.147-10.94 10.939' /%3E%3C/svg%3E");
	--icon-settings: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915' /%3E%3Ccircle cx='12' cy='12' r='3' /%3E%3C/svg%3E");
	--icon-shield-ban: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z' /%3E%3Cpath d='m4.243 5.21 14.39 12.472' /%3E%3C/svg%3E");
	--icon-shield-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z' /%3E%3Cpath d='m9 12 2 2 4-4' /%3E%3C/svg%3E");
	--icon-signature: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='m21 17-2.156-1.868A.5.5 0 0 0 18 15.5v.5a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1c0-2.545-3.991-3.97-8.5-4a1 1 0 0 0 0 5c4.153 0 4.745-11.295 5.708-13.5a2.5 2.5 0 1 1 3.31 3.284' /%3E%3Cpath d='M3 21h18' /%3E%3C/svg%3E");
	--icon-square-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Crect width='18' height='18' x='3' y='3' rx='2' /%3E%3Cpath d='m9 12 2 2 4-4' /%3E%3C/svg%3E");
	--icon-square-minus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Crect width='18' height='18' x='3' y='3' rx='2' /%3E%3Cpath d='M8 12h8' /%3E%3C/svg%3E");
	--icon-square: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Crect width='18' height='18' x='3' y='3' rx='2' /%3E%3C/svg%3E");
	--icon-star-off: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='m10.344 4.688 1.181-2.393a.53.53 0 0 1 .95 0l2.31 4.679a2.12 2.12 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.237 3.152' /%3E%3Cpath d='m17.945 17.945.43 2.505a.53.53 0 0 1-.771.56l-4.618-2.428a2.12 2.12 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.12 2.12 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a8 8 0 0 0 .4-.099' /%3E%3Cpath d='m2 2 20 20' /%3E%3C/svg%3E");
	--icon-star: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z' /%3E%3C/svg%3E");
	--icon-sun: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Ccircle cx='12' cy='12' r='4' /%3E%3Cpath d='M12 2v2' /%3E%3Cpath d='M12 20v2' /%3E%3Cpath d='m4.93 4.93 1.41 1.41' /%3E%3Cpath d='m17.66 17.66 1.41 1.41' /%3E%3Cpath d='M2 12h2' /%3E%3Cpath d='M20 12h2' /%3E%3Cpath d='m6.34 17.66-1.41 1.41' /%3E%3Cpath d='m19.07 4.93-1.41 1.41' /%3E%3C/svg%3E");
	--icon-table-columns-split: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M14 14v2' /%3E%3Cpath d='M14 20v2' /%3E%3Cpath d='M14 2v2' /%3E%3Cpath d='M14 8v2' /%3E%3Cpath d='M2 15h8' /%3E%3Cpath d='M2 3h6a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H2' /%3E%3Cpath d='M2 9h8' /%3E%3Cpath d='M22 15h-4' /%3E%3Cpath d='M22 3h-2a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h2' /%3E%3Cpath d='M22 9h-4' /%3E%3Cpath d='M5 3v18' /%3E%3C/svg%3E");
	--icon-table-rows-split: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M14 10h2' /%3E%3Cpath d='M15 22v-8' /%3E%3Cpath d='M15 2v4' /%3E%3Cpath d='M2 10h2' /%3E%3Cpath d='M20 10h2' /%3E%3Cpath d='M3 19h18' /%3E%3Cpath d='M3 22v-6a2 2 135 0 1 2-2h14a2 2 45 0 1 2 2v6' /%3E%3Cpath d='M3 2v2a2 2 45 0 0 2 2h14a2 2 135 0 0 2-2V2' /%3E%3Cpath d='M8 10h2' /%3E%3Cpath d='M9 22v-8' /%3E%3Cpath d='M9 2v4' /%3E%3C/svg%3E");
	--icon-table: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M12 3v18' /%3E%3Crect width='18' height='18' x='3' y='3' rx='2' /%3E%3Cpath d='M3 9h18' /%3E%3Cpath d='M3 15h18' /%3E%3C/svg%3E");
	--icon-tag: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z' /%3E%3Ccircle cx='7.5' cy='7.5' r='.5' fill='%23000' /%3E%3C/svg%3E");
	--icon-timer: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cline x1='10' x2='14' y1='2' y2='2' /%3E%3Cline x1='12' x2='15' y1='14' y2='11' /%3E%3Ccircle cx='12' cy='14' r='8' /%3E%3C/svg%3E");
	--icon-trash-2: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M10 11v6' /%3E%3Cpath d='M14 11v6' /%3E%3Cpath d='M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6' /%3E%3Cpath d='M3 6h18' /%3E%3Cpath d='M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2' /%3E%3C/svg%3E");
	--icon-triangle-alert: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3' /%3E%3Cpath d='M12 9v4' /%3E%3Cpath d='M12 17h.01' /%3E%3C/svg%3E");
	--icon-undo: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M3 7v6h6' /%3E%3Cpath d='M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6 2.3L3 13' /%3E%3C/svg%3E");
	--icon-upload: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M12 3v12' /%3E%3Cpath d='m17 8-5-5-5 5' /%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4' /%3E%3C/svg%3E");
	--icon-user-plus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2' /%3E%3Ccircle cx='9' cy='7' r='4' /%3E%3Cline x1='19' x2='19' y1='8' y2='14' /%3E%3Cline x1='22' x2='16' y1='11' y2='11' /%3E%3C/svg%3E");
	--icon-user: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2' /%3E%3Ccircle cx='12' cy='7' r='4' /%3E%3C/svg%3E");
	--icon-users: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2' /%3E%3Cpath d='M16 3.128a4 4 0 0 1 0 7.744' /%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87' /%3E%3Ccircle cx='9' cy='7' r='4' /%3E%3C/svg%3E");
	--icon-wrench: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z' /%3E%3C/svg%3E");
	--icon-x: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M18 6 6 18' /%3E%3Cpath d='m6 6 12 12' /%3E%3C/svg%3E");
}

[data-icon="a-arrow-down"]::before,
.icon-a-arrow-down::before,
[data-icon="archive"]::before,
.icon-archive::before,
[data-icon="arrow-down-a-z"]::before,
.icon-arrow-down-a-z::before,
[data-icon="arrow-down-wide-narrow"]::before,
.icon-arrow-down-wide-narrow::before,
[data-icon="arrow-down"]::before,
.icon-arrow-down::before,
[data-icon="arrow-left-right"]::before,
.icon-arrow-left-right::before,
[data-icon="arrow-left"]::before,
.icon-arrow-left::before,
[data-icon="arrow-right"]::before,
.icon-arrow-right::before,
[data-icon="arrow-up-a-z"]::before,
.icon-arrow-up-a-z::before,
[data-icon="arrow-up-down"]::before,
.icon-arrow-up-down::before,
[data-icon="arrow-up-narrow-wide"]::before,
.icon-arrow-up-narrow-wide::before,
[data-icon="arrow-up"]::before,
.icon-arrow-up::before,
[data-icon="at-sign"]::before,
.icon-at-sign::before,
[data-icon="ban"]::before,
.icon-ban::before,
[data-icon="between-horizontal-end"]::before,
.icon-between-horizontal-end::before,
[data-icon="between-horizontal-start"]::before,
.icon-between-horizontal-start::before,
[data-icon="between-vertical-end"]::before,
.icon-between-vertical-end::before,
[data-icon="between-vertical-start"]::before,
.icon-between-vertical-start::before,
[data-icon="cake"]::before,
.icon-cake::before,
[data-icon="calendar-arrow-down"]::before,
.icon-calendar-arrow-down::before,
[data-icon="calendar-arrow-up"]::before,
.icon-calendar-arrow-up::before,
[data-icon="calendar"]::before,
.icon-calendar::before,
[data-icon="check"]::before,
.icon-check::before,
[data-icon="chevron-down"]::before,
.icon-chevron-down::before,
[data-icon="chevron-left"]::before,
.icon-chevron-left::before,
[data-icon="chevron-right"]::before,
.icon-chevron-right::before,
[data-icon="circle-check"]::before,
.icon-circle-check::before,
[data-icon="circle-dot"]::before,
.icon-circle-dot::before,
[data-icon="circle-help"]::before,
.icon-circle-help::before,
[data-icon="circle"]::before,
.icon-circle::before,
[data-icon="clock-arrow-down"]::before,
.icon-clock-arrow-down::before,
[data-icon="clock-arrow-up"]::before,
.icon-clock-arrow-up::before,
[data-icon="clock"]::before,
.icon-clock::before,
[data-icon="cloud-upload"]::before,
.icon-cloud-upload::before,
[data-icon="cloud"]::before,
.icon-cloud::before,
[data-icon="code"]::before,
.icon-code::before,
[data-icon="contact"]::before,
.icon-contact::before,
[data-icon="copy"]::before,
.icon-copy::before,
[data-icon="corner-down-right"]::before,
.icon-corner-down-right::before,
[data-icon="download"]::before,
.icon-download::before,
[data-icon="eraser"]::before,
.icon-eraser::before,
[data-icon="eye-off"]::before,
.icon-eye-off::before,
[data-icon="eye"]::before,
.icon-eye::before,
[data-icon="file-archive"]::before,
.icon-file-archive::before,
[data-icon="file-code"]::before,
.icon-file-code::before,
[data-icon="file-text"]::before,
.icon-file-text::before,
[data-icon="file"]::before,
.icon-file::before,
[data-icon="flame"]::before,
.icon-flame::before,
[data-icon="folder-input"]::before,
.icon-folder-input::before,
[data-icon="folder-open"]::before,
.icon-folder-open::before,
[data-icon="folder-plus"]::before,
.icon-folder-plus::before,
[data-icon="folder"]::before,
.icon-folder::before,
[data-icon="forward"]::before,
.icon-forward::before,
[data-icon="funnel"]::before,
.icon-funnel::before,
[data-icon="globe"]::before,
.icon-globe::before,
[data-icon="grid-2x2-x"]::before,
.icon-grid-2x2-x::before,
[data-icon="image"]::before,
.icon-image::before,
[data-icon="inbox"]::before,
.icon-inbox::before,
[data-icon="indent-decrease"]::before,
.icon-indent-decrease::before,
[data-icon="indent-increase"]::before,
.icon-indent-increase::before,
[data-icon="info"]::before,
.icon-info::before,
[data-icon="key"]::before,
.icon-key::before,
[data-icon="link"]::before,
.icon-link::before,
[data-icon="lock-open"]::before,
.icon-lock-open::before,
[data-icon="lock"]::before,
.icon-lock::before,
[data-icon="log-out"]::before,
.icon-log-out::before,
[data-icon="mail-check"]::before,
.icon-mail-check::before,
[data-icon="mail-open"]::before,
.icon-mail-open::before,
[data-icon="mail"]::before,
.icon-mail::before,
[data-icon="map-pin"]::before,
.icon-map-pin::before,
[data-icon="maximize-2"]::before,
.icon-maximize-2::before,
[data-icon="menu"]::before,
.icon-menu::before,
[data-icon="message-circle"]::before,
.icon-message-circle::before,
[data-icon="minimize-2"]::before,
.icon-minimize-2::before,
[data-icon="monitor"]::before,
.icon-monitor::before,
[data-icon="moon"]::before,
.icon-moon::before,
[data-icon="package"]::before,
.icon-package::before,
[data-icon="paint-bucket"]::before,
.icon-paint-bucket::before,
[data-icon="palette"]::before,
.icon-palette::before,
[data-icon="panel-left"]::before,
.icon-panel-left::before,
[data-icon="paperclip"]::before,
.icon-paperclip::before,
[data-icon="pause"]::before,
.icon-pause::before,
[data-icon="pencil"]::before,
.icon-pencil::before,
[data-icon="phone"]::before,
.icon-phone::before,
[data-icon="play"]::before,
.icon-play::before,
[data-icon="plus"]::before,
.icon-plus::before,
[data-icon="printer"]::before,
.icon-printer::before,
[data-icon="redo"]::before,
.icon-redo::before,
[data-icon="refresh-cw"]::before,
.icon-refresh-cw::before,
[data-icon="reply-all"]::before,
.icon-reply-all::before,
[data-icon="reply"]::before,
.icon-reply::before,
[data-icon="save"]::before,
.icon-save::before,
[data-icon="scale"]::before,
.icon-scale::before,
[data-icon="search"]::before,
.icon-search::before,
[data-icon="send"]::before,
.icon-send::before,
[data-icon="settings"]::before,
.icon-settings::before,
[data-icon="shield-ban"]::before,
.icon-shield-ban::before,
[data-icon="shield-check"]::before,
.icon-shield-check::before,
[data-icon="signature"]::before,
.icon-signature::before,
[data-icon="square-check"]::before,
.icon-square-check::before,
[data-icon="square-minus"]::before,
.icon-square-minus::before,
[data-icon="square"]::before,
.icon-square::before,
[data-icon="star-off"]::before,
.icon-star-off::before,
[data-icon="star"]::before,
.icon-star::before,
[data-icon="sun"]::before,
.icon-sun::before,
[data-icon="table-columns-split"]::before,
.icon-table-columns-split::before,
[data-icon="table-rows-split"]::before,
.icon-table-rows-split::before,
[data-icon="table"]::before,
.icon-table::before,
[data-icon="tag"]::before,
.icon-tag::before,
[data-icon="timer"]::before,
.icon-timer::before,
[data-icon="trash-2"]::before,
.icon-trash-2::before,
[data-icon="triangle-alert"]::before,
.icon-triangle-alert::before,
[data-icon="undo"]::before,
.icon-undo::before,
[data-icon="upload"]::before,
.icon-upload::before,
[data-icon="user-plus"]::before,
.icon-user-plus::before,
[data-icon="user"]::before,
.icon-user::before,
[data-icon="users"]::before,
.icon-users::before,
[data-icon="wrench"]::before,
.icon-wrench::before,
[data-icon="x"]::before,
.icon-x::before {
	content: "";
	display: inline-block;
	width: 1em;
	height: 1em;
	vertical-align: -0.125em;
	background-color: currentColor;
	-webkit-mask: var(--tachyon-icon) no-repeat center / contain;
	mask: var(--tachyon-icon) no-repeat center / contain;
}

[data-icon="a-arrow-down"]::before,
[data-icon="archive"]::before,
[data-icon="arrow-down-a-z"]::before,
[data-icon="arrow-down-wide-narrow"]::before,
[data-icon="arrow-down"]::before,
[data-icon="arrow-left-right"]::before,
[data-icon="arrow-left"]::before,
[data-icon="arrow-right"]::before,
[data-icon="arrow-up-a-z"]::before,
[data-icon="arrow-up-down"]::before,
[data-icon="arrow-up-narrow-wide"]::before,
[data-icon="arrow-up"]::before,
[data-icon="at-sign"]::before,
[data-icon="ban"]::before,
[data-icon="between-horizontal-end"]::before,
[data-icon="between-horizontal-start"]::before,
[data-icon="between-vertical-end"]::before,
[data-icon="between-vertical-start"]::before,
[data-icon="cake"]::before,
[data-icon="calendar-arrow-down"]::before,
[data-icon="calendar-arrow-up"]::before,
[data-icon="calendar"]::before,
[data-icon="check"]::before,
[data-icon="chevron-down"]::before,
[data-icon="chevron-left"]::before,
[data-icon="chevron-right"]::before,
[data-icon="circle-check"]::before,
[data-icon="circle-dot"]::before,
[data-icon="circle-help"]::before,
[data-icon="circle"]::before,
[data-icon="clock-arrow-down"]::before,
[data-icon="clock-arrow-up"]::before,
[data-icon="clock"]::before,
[data-icon="cloud-upload"]::before,
[data-icon="cloud"]::before,
[data-icon="code"]::before,
[data-icon="contact"]::before,
[data-icon="copy"]::before,
[data-icon="corner-down-right"]::before,
[data-icon="download"]::before,
[data-icon="eraser"]::before,
[data-icon="eye-off"]::before,
[data-icon="eye"]::before,
[data-icon="file-archive"]::before,
[data-icon="file-code"]::before,
[data-icon="file-text"]::before,
[data-icon="file"]::before,
[data-icon="flame"]::before,
[data-icon="folder-input"]::before,
[data-icon="folder-open"]::before,
[data-icon="folder-plus"]::before,
[data-icon="folder"]::before,
[data-icon="forward"]::before,
[data-icon="funnel"]::before,
[data-icon="globe"]::before,
[data-icon="grid-2x2-x"]::before,
[data-icon="image"]::before,
[data-icon="inbox"]::before,
[data-icon="indent-decrease"]::before,
[data-icon="indent-increase"]::before,
[data-icon="info"]::before,
[data-icon="key"]::before,
[data-icon="link"]::before,
[data-icon="lock-open"]::before,
[data-icon="lock"]::before,
[data-icon="log-out"]::before,
[data-icon="mail-check"]::before,
[data-icon="mail-open"]::before,
[data-icon="mail"]::before,
[data-icon="map-pin"]::before,
[data-icon="maximize-2"]::before,
[data-icon="menu"]::before,
[data-icon="message-circle"]::before,
[data-icon="minimize-2"]::before,
[data-icon="monitor"]::before,
[data-icon="moon"]::before,
[data-icon="package"]::before,
[data-icon="paint-bucket"]::before,
[data-icon="palette"]::before,
[data-icon="panel-left"]::before,
[data-icon="paperclip"]::before,
[data-icon="pause"]::before,
[data-icon="pencil"]::before,
[data-icon="phone"]::before,
[data-icon="play"]::before,
[data-icon="plus"]::before,
[data-icon="printer"]::before,
[data-icon="redo"]::before,
[data-icon="refresh-cw"]::before,
[data-icon="reply-all"]::before,
[data-icon="reply"]::before,
[data-icon="save"]::before,
[data-icon="scale"]::before,
[data-icon="search"]::before,
[data-icon="send"]::before,
[data-icon="settings"]::before,
[data-icon="shield-ban"]::before,
[data-icon="shield-check"]::before,
[data-icon="signature"]::before,
[data-icon="square-check"]::before,
[data-icon="square-minus"]::before,
[data-icon="square"]::before,
[data-icon="star-off"]::before,
[data-icon="star"]::before,
[data-icon="sun"]::before,
[data-icon="table-columns-split"]::before,
[data-icon="table-rows-split"]::before,
[data-icon="table"]::before,
[data-icon="tag"]::before,
[data-icon="timer"]::before,
[data-icon="trash-2"]::before,
[data-icon="triangle-alert"]::before,
[data-icon="undo"]::before,
[data-icon="upload"]::before,
[data-icon="user-plus"]::before,
[data-icon="user"]::before,
[data-icon="users"]::before,
[data-icon="wrench"]::before,
[data-icon="x"]::before {
	margin-right: 0.5em;
}

[data-icon="a-arrow-down"]::before,
.icon-a-arrow-down::before { --tachyon-icon: var(--icon-a-arrow-down); }

[data-icon="archive"]::before,
.icon-archive::before { --tachyon-icon: var(--icon-archive); }

[data-icon="arrow-down-a-z"]::before,
.icon-arrow-down-a-z::before { --tachyon-icon: var(--icon-arrow-down-a-z); }

[data-icon="arrow-down-wide-narrow"]::before,
.icon-arrow-down-wide-narrow::before { --tachyon-icon: var(--icon-arrow-down-wide-narrow); }

[data-icon="arrow-down"]::before,
.icon-arrow-down::before { --tachyon-icon: var(--icon-arrow-down); }

[data-icon="arrow-left-right"]::before,
.icon-arrow-left-right::before { --tachyon-icon: var(--icon-arrow-left-right); }

[data-icon="arrow-left"]::before,
.icon-arrow-left::before { --tachyon-icon: var(--icon-arrow-left); }

[data-icon="arrow-right"]::before,
.icon-arrow-right::before { --tachyon-icon: var(--icon-arrow-right); }

[data-icon="arrow-up-a-z"]::before,
.icon-arrow-up-a-z::before { --tachyon-icon: var(--icon-arrow-up-a-z); }

[data-icon="arrow-up-down"]::before,
.icon-arrow-up-down::before { --tachyon-icon: var(--icon-arrow-up-down); }

[data-icon="arrow-up-narrow-wide"]::before,
.icon-arrow-up-narrow-wide::before { --tachyon-icon: var(--icon-arrow-up-narrow-wide); }

[data-icon="arrow-up"]::before,
.icon-arrow-up::before { --tachyon-icon: var(--icon-arrow-up); }

[data-icon="at-sign"]::before,
.icon-at-sign::before { --tachyon-icon: var(--icon-at-sign); }

[data-icon="ban"]::before,
.icon-ban::before { --tachyon-icon: var(--icon-ban); }

[data-icon="between-horizontal-end"]::before,
.icon-between-horizontal-end::before { --tachyon-icon: var(--icon-between-horizontal-end); }

[data-icon="between-horizontal-start"]::before,
.icon-between-horizontal-start::before { --tachyon-icon: var(--icon-between-horizontal-start); }

[data-icon="between-vertical-end"]::before,
.icon-between-vertical-end::before { --tachyon-icon: var(--icon-between-vertical-end); }

[data-icon="between-vertical-start"]::before,
.icon-between-vertical-start::before { --tachyon-icon: var(--icon-between-vertical-start); }

[data-icon="cake"]::before,
.icon-cake::before { --tachyon-icon: var(--icon-cake); }

[data-icon="calendar-arrow-down"]::before,
.icon-calendar-arrow-down::before { --tachyon-icon: var(--icon-calendar-arrow-down); }

[data-icon="calendar-arrow-up"]::before,
.icon-calendar-arrow-up::before { --tachyon-icon: var(--icon-calendar-arrow-up); }

[data-icon="calendar"]::before,
.icon-calendar::before { --tachyon-icon: var(--icon-calendar); }

[data-icon="check"]::before,
.icon-check::before { --tachyon-icon: var(--icon-check); }

[data-icon="chevron-down"]::before,
.icon-chevron-down::before { --tachyon-icon: var(--icon-chevron-down); }

[data-icon="chevron-left"]::before,
.icon-chevron-left::before { --tachyon-icon: var(--icon-chevron-left); }

[data-icon="chevron-right"]::before,
.icon-chevron-right::before { --tachyon-icon: var(--icon-chevron-right); }

[data-icon="circle-check"]::before,
.icon-circle-check::before { --tachyon-icon: var(--icon-circle-check); }

[data-icon="circle-dot"]::before,
.icon-circle-dot::before { --tachyon-icon: var(--icon-circle-dot); }

[data-icon="circle-help"]::before,
.icon-circle-help::before { --tachyon-icon: var(--icon-circle-help); }

[data-icon="circle"]::before,
.icon-circle::before { --tachyon-icon: var(--icon-circle); }

[data-icon="clock-arrow-down"]::before,
.icon-clock-arrow-down::before { --tachyon-icon: var(--icon-clock-arrow-down); }

[data-icon="clock-arrow-up"]::before,
.icon-clock-arrow-up::before { --tachyon-icon: var(--icon-clock-arrow-up); }

[data-icon="clock"]::before,
.icon-clock::before { --tachyon-icon: var(--icon-clock); }

[data-icon="cloud-upload"]::before,
.icon-cloud-upload::before { --tachyon-icon: var(--icon-cloud-upload); }

[data-icon="cloud"]::before,
.icon-cloud::before { --tachyon-icon: var(--icon-cloud); }

[data-icon="code"]::before,
.icon-code::before { --tachyon-icon: var(--icon-code); }

[data-icon="contact"]::before,
.icon-contact::before { --tachyon-icon: var(--icon-contact); }

[data-icon="copy"]::before,
.icon-copy::before { --tachyon-icon: var(--icon-copy); }

[data-icon="corner-down-right"]::before,
.icon-corner-down-right::before { --tachyon-icon: var(--icon-corner-down-right); }

[data-icon="download"]::before,
.icon-download::before { --tachyon-icon: var(--icon-download); }

[data-icon="eraser"]::before,
.icon-eraser::before { --tachyon-icon: var(--icon-eraser); }

[data-icon="eye-off"]::before,
.icon-eye-off::before { --tachyon-icon: var(--icon-eye-off); }

[data-icon="eye"]::before,
.icon-eye::before { --tachyon-icon: var(--icon-eye); }

[data-icon="file-archive"]::before,
.icon-file-archive::before { --tachyon-icon: var(--icon-file-archive); }

[data-icon="file-code"]::before,
.icon-file-code::before { --tachyon-icon: var(--icon-file-code); }

[data-icon="file-text"]::before,
.icon-file-text::before { --tachyon-icon: var(--icon-file-text); }

[data-icon="file"]::before,
.icon-file::before { --tachyon-icon: var(--icon-file); }

[data-icon="flame"]::before,
.icon-flame::before { --tachyon-icon: var(--icon-flame); }

[data-icon="folder-input"]::before,
.icon-folder-input::before { --tachyon-icon: var(--icon-folder-input); }

[data-icon="folder-open"]::before,
.icon-folder-open::before { --tachyon-icon: var(--icon-folder-open); }

[data-icon="folder-plus"]::before,
.icon-folder-plus::before { --tachyon-icon: var(--icon-folder-plus); }

[data-icon="folder"]::before,
.icon-folder::before { --tachyon-icon: var(--icon-folder); }

[data-icon="forward"]::before,
.icon-forward::before { --tachyon-icon: var(--icon-forward); }

[data-icon="funnel"]::before,
.icon-funnel::before { --tachyon-icon: var(--icon-funnel); }

[data-icon="globe"]::before,
.icon-globe::before { --tachyon-icon: var(--icon-globe); }

[data-icon="grid-2x2-x"]::before,
.icon-grid-2x2-x::before { --tachyon-icon: var(--icon-grid-2x2-x); }

[data-icon="image"]::before,
.icon-image::before { --tachyon-icon: var(--icon-image); }

[data-icon="inbox"]::before,
.icon-inbox::before { --tachyon-icon: var(--icon-inbox); }

[data-icon="indent-decrease"]::before,
.icon-indent-decrease::before { --tachyon-icon: var(--icon-indent-decrease); }

[data-icon="indent-increase"]::before,
.icon-indent-increase::before { --tachyon-icon: var(--icon-indent-increase); }

[data-icon="info"]::before,
.icon-info::before { --tachyon-icon: var(--icon-info); }

[data-icon="key"]::before,
.icon-key::before { --tachyon-icon: var(--icon-key); }

[data-icon="link"]::before,
.icon-link::before { --tachyon-icon: var(--icon-link); }

[data-icon="lock-open"]::before,
.icon-lock-open::before { --tachyon-icon: var(--icon-lock-open); }

[data-icon="lock"]::before,
.icon-lock::before { --tachyon-icon: var(--icon-lock); }

[data-icon="log-out"]::before,
.icon-log-out::before { --tachyon-icon: var(--icon-log-out); }

[data-icon="mail-check"]::before,
.icon-mail-check::before { --tachyon-icon: var(--icon-mail-check); }

[data-icon="mail-open"]::before,
.icon-mail-open::before { --tachyon-icon: var(--icon-mail-open); }

[data-icon="mail"]::before,
.icon-mail::before { --tachyon-icon: var(--icon-mail); }

[data-icon="map-pin"]::before,
.icon-map-pin::before { --tachyon-icon: var(--icon-map-pin); }

[data-icon="maximize-2"]::before,
.icon-maximize-2::before { --tachyon-icon: var(--icon-maximize-2); }

[data-icon="menu"]::before,
.icon-menu::before { --tachyon-icon: var(--icon-menu); }

[data-icon="message-circle"]::before,
.icon-message-circle::before { --tachyon-icon: var(--icon-message-circle); }

[data-icon="minimize-2"]::before,
.icon-minimize-2::before { --tachyon-icon: var(--icon-minimize-2); }

[data-icon="monitor"]::before,
.icon-monitor::before { --tachyon-icon: var(--icon-monitor); }

[data-icon="moon"]::before,
.icon-moon::before { --tachyon-icon: var(--icon-moon); }

[data-icon="package"]::before,
.icon-package::before { --tachyon-icon: var(--icon-package); }

[data-icon="paint-bucket"]::before,
.icon-paint-bucket::before { --tachyon-icon: var(--icon-paint-bucket); }

[data-icon="palette"]::before,
.icon-palette::before { --tachyon-icon: var(--icon-palette); }

[data-icon="panel-left"]::before,
.icon-panel-left::before { --tachyon-icon: var(--icon-panel-left); }

[data-icon="paperclip"]::before,
.icon-paperclip::before { --tachyon-icon: var(--icon-paperclip); }

[data-icon="pause"]::before,
.icon-pause::before { --tachyon-icon: var(--icon-pause); }

[data-icon="pencil"]::before,
.icon-pencil::before { --tachyon-icon: var(--icon-pencil); }

[data-icon="phone"]::before,
.icon-phone::before { --tachyon-icon: var(--icon-phone); }

[data-icon="play"]::before,
.icon-play::before { --tachyon-icon: var(--icon-play); }

[data-icon="plus"]::before,
.icon-plus::before { --tachyon-icon: var(--icon-plus); }

[data-icon="printer"]::before,
.icon-printer::before { --tachyon-icon: var(--icon-printer); }

[data-icon="redo"]::before,
.icon-redo::before { --tachyon-icon: var(--icon-redo); }

[data-icon="refresh-cw"]::before,
.icon-refresh-cw::before { --tachyon-icon: var(--icon-refresh-cw); }

[data-icon="reply-all"]::before,
.icon-reply-all::before { --tachyon-icon: var(--icon-reply-all); }

[data-icon="reply"]::before,
.icon-reply::before { --tachyon-icon: var(--icon-reply); }

[data-icon="save"]::before,
.icon-save::before { --tachyon-icon: var(--icon-save); }

[data-icon="scale"]::before,
.icon-scale::before { --tachyon-icon: var(--icon-scale); }

[data-icon="search"]::before,
.icon-search::before { --tachyon-icon: var(--icon-search); }

[data-icon="send"]::before,
.icon-send::before { --tachyon-icon: var(--icon-send); }

[data-icon="settings"]::before,
.icon-settings::before { --tachyon-icon: var(--icon-settings); }

[data-icon="shield-ban"]::before,
.icon-shield-ban::before { --tachyon-icon: var(--icon-shield-ban); }

[data-icon="shield-check"]::before,
.icon-shield-check::before { --tachyon-icon: var(--icon-shield-check); }

[data-icon="signature"]::before,
.icon-signature::before { --tachyon-icon: var(--icon-signature); }

[data-icon="square-check"]::before,
.icon-square-check::before { --tachyon-icon: var(--icon-square-check); }

[data-icon="square-minus"]::before,
.icon-square-minus::before { --tachyon-icon: var(--icon-square-minus); }

[data-icon="square"]::before,
.icon-square::before { --tachyon-icon: var(--icon-square); }

[data-icon="star-off"]::before,
.icon-star-off::before { --tachyon-icon: var(--icon-star-off); }

[data-icon="star"]::before,
.icon-star::before { --tachyon-icon: var(--icon-star); }

[data-icon="sun"]::before,
.icon-sun::before { --tachyon-icon: var(--icon-sun); }

[data-icon="table-columns-split"]::before,
.icon-table-columns-split::before { --tachyon-icon: var(--icon-table-columns-split); }

[data-icon="table-rows-split"]::before,
.icon-table-rows-split::before { --tachyon-icon: var(--icon-table-rows-split); }

[data-icon="table"]::before,
.icon-table::before { --tachyon-icon: var(--icon-table); }

[data-icon="tag"]::before,
.icon-tag::before { --tachyon-icon: var(--icon-tag); }

[data-icon="timer"]::before,
.icon-timer::before { --tachyon-icon: var(--icon-timer); }

[data-icon="trash-2"]::before,
.icon-trash-2::before { --tachyon-icon: var(--icon-trash-2); }

[data-icon="triangle-alert"]::before,
.icon-triangle-alert::before { --tachyon-icon: var(--icon-triangle-alert); }

[data-icon="undo"]::before,
.icon-undo::before { --tachyon-icon: var(--icon-undo); }

[data-icon="upload"]::before,
.icon-upload::before { --tachyon-icon: var(--icon-upload); }

[data-icon="user-plus"]::before,
.icon-user-plus::before { --tachyon-icon: var(--icon-user-plus); }

[data-icon="user"]::before,
.icon-user::before { --tachyon-icon: var(--icon-user); }

[data-icon="users"]::before,
.icon-users::before { --tachyon-icon: var(--icon-users); }

[data-icon="wrench"]::before,
.icon-wrench::before { --tachyon-icon: var(--icon-wrench); }

[data-icon="x"]::before,
.icon-x::before { --tachyon-icon: var(--icon-x); }

.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
}
/* mobile and tablet */
:root {
  --smDialogShrink: 20px;
  --smMainShadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
/* For Firefox */
@media screen and (max-width: 799px) {
  :root {
    --smDialogShrink: 25px;
  }
}
.row {
  margin-left: -20px;
}
[class*="span"] {
  display: inline-block;
  margin-left: 20px;
  vertical-align: top;
}
.span12 {
  width: 940px;
}
.span11 {
  width: 860px;
}
.span10 {
  width: 780px;
}
.span9 {
  width: 700px;
}
.span8 {
  width: 620px;
}
.span7 {
  width: 540px;
}
.span6 {
  width: 460px;
}
.span5 {
  width: 380px;
}
.span4 {
  width: 300px;
}
.span3 {
  width: 220px;
}
.span2 {
  width: 140px;
}
.span1 {
  width: 60px;
}
p {
  margin: 0.715em 0;
}
small {
  font-size: 80%;
}
b,
strong {
  font-weight: bolder;
}
em {
  font-style: italic;
}
cite {
  font-style: normal;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 40px;
  margin: 0.715em 0;
  text-rendering: optimizelegibility;
}
h1 {
  font-size: 257%;
}
h2 {
  font-size: 214%;
}
h3 {
  font-size: 171%;
}
h4 {
  font-size: 128%;
}
h5 {
  font-size: 100%;
}
h6 {
  font-size: 85%;
}
h4,
h5,
h6 {
  line-height: 20px;
}
ul,
ol {
  padding: 0;
  margin: 0 0 0.715em 25px;
}
ul ul,
ul ol,
ol ol,
ol ul {
  margin-bottom: 0;
}
li {
  line-height: 1.43em;
}
hr {
  margin: 1.43em 0;
  border: 0;
  border-bottom: 1px solid var(--hr-color, #eee);
  height: 0;
}
blockquote {
  padding: 0 0 0 15px;
  margin: 0 0 1.43em;
  border-left: 5px solid var(--border-color, #ddd);
}
q::before,
q::after,
blockquote::before,
blockquote::after {
  content: "";
}
address {
  display: block;
  margin-bottom: 1.43em;
  font-style: normal;
  line-height: 1.43em;
}
form {
  margin: 0 0 1.43em;
}
label {
  display: inline-block;
  font-weight: normal;
  line-height: 1.43em;
  margin-bottom: 5px;
}
button,
input,
optgroup,
select,
.select,
textarea {
  font-family: inherit;
  font-size: var(--main-font-size, 14px);
  line-height: 1.43em;
  margin: 0;
  text-transform: none;
}
select,
.select,
textarea,
input {
  display: inline-block;
  padding: 4px 6px;
  color: var(--input-clr, #555);
  border-radius: var(--input-border-radius, 3px);
  width: 210px;
}
textarea,
input {
  background-color: var(--input-bg-clr, #fff);
  border: 1px solid var(--input-border-clr, #ccc);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border linear 0.2s, box-shadow linear 0.2s;
}
textarea:focus,
input:focus {
  border-color: var(--input-focus-border-clr, #999);
  box-shadow: none;
}
input:user-invalid {
  background-color: var(--error-bg-clr, #f2dede);
  border-color: var(--error-border-clr, #eed3d7);
  color: var(--error-clr, #b94a48);
}
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  line-height: normal;
  cursor: pointer;
}
input[type="file"],
input[type="radio"],
input[type="checkbox"] {
  width: auto;
}
select,
.select {
  -webkit-appearance: none;
  appearance: none;
  background: var(--input-bg-clr, #fff) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGhlaWdodD0nMTBweCcgd2lkdGg9JzE1cHgnPjx0ZXh0IHg9JzAnIHk9JzEwJyBmaWxsPSdyZ2IoODUsODUsODUpJz7ilr48L3RleHQ+PC9zdmc+) right center / 1em no-repeat border-box;
  border: 1px solid var(--input-border-clr, #ccc);
  cursor: pointer;
  padding-right: 1.5em;
}
select:focus,
.select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.input-xlarge {
  width: 270px;
}
.input-xxlarge {
  width: 530px;
}
input[class*="span"],
select[class*="span"],
textarea[class*="span"] {
  margin-left: 0;
}
input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  cursor: not-allowed;
  opacity: 0.7;
}
.control-group.error > label {
  color: var(--error-clr, #b94a48);
}
.control-group.error input,
.control-group.error select,
.control-group.error textarea {
  color: var(--error-clr, #b94a48);
  border-color: var(--error-border-clr, #eed3d7);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.control-group.error input:focus,
.control-group.error select:focus,
.control-group.error textarea:focus {
  border-color: var(--error-clr, #b94a48);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px var(--error-border-clr, #eed3d7);
}
.form-horizontal input,
.form-horizontal textarea,
.form-horizontal select {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
}
.control-group {
  margin-bottom: 0.715em;
}
.form-horizontal .control-group {
  margin-bottom: 1.43em;
}
.form-horizontal .control-group > label {
  display: inline-block;
  padding-top: 5px;
  text-align: right;
  width: 140px;
}
.form-horizontal .control-group > *:not(label) {
  display: inline-block;
  margin-left: 20px;
  vertical-align: top;
}
.table {
  max-width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  margin-bottom: 1.43em;
}
.table th,
.table td {
  padding: 8px;
  line-height: 1.43em;
  text-align: inherit;
  vertical-align: text-top;
  border-top: 1px solid var(--border-color, #ddd);
}
.table th {
  font-weight: bold;
}
.table thead th {
  vertical-align: bottom;
}
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {
  border-top: 0;
}
.table-bordered {
  border: 1px solid var(--border-color, #ddd);
  border-collapse: separate;
  border-radius: 4px;
}
.table-bordered th + th,
.table-bordered td + td {
  border-left: 1px solid var(--border-color, #ddd);
}
.table-bordered colgroup + thead tr:first-child th,
.table-bordered colgroup + tbody tr:first-child th,
.table-bordered colgroup + tbody tr:first-child td,
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {
  border-top: 0;
}
.table-bordered thead:first-child tr:first-child th:first-child,
.table-bordered tbody:first-child tr:first-child td:first-child {
  border-radius: 4px 0 0 0;
}
.table-bordered thead:first-child tr:first-child th:last-child,
.table-bordered tbody:first-child tr:first-child td:last-child {
  border-radius: 0 4px 0 0;
}
.table-bordered thead:last-child tr:last-child th:first-child,
.table-bordered tbody:last-child tr:last-child td:first-child,
.table-bordered tfoot:last-child tr:last-child td:first-child {
  border-radius: 0 0 0 4px;
}
.table-bordered thead:last-child tr:last-child th:last-child,
.table-bordered tbody:last-child tr:last-child td:last-child,
.table-bordered tfoot:last-child tr:last-child td:last-child {
  border-radius: 0 0 4px 0;
}
.table-bordered colgroup + thead tr:first-child th:first-child,
.table-bordered colgroup + tbody tr:first-child td:first-child {
  border-radius: 4px 0 0 0;
}
.table-bordered colgroup + thead tr:first-child th:last-child,
.table-bordered colgroup + tbody tr:first-child td:last-child {
  border-radius: 0 4px 0 0;
}
.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {
  background-color: var(--tr-odd-bg-clr, #f9f9f9);
}
.table-hover tbody tr:hover td,
.table-hover tbody tr:hover th {
  background-color: var(--tr-hover-bg-clr, #f5f5f5);
}
.close {
  float: var(--right, right);
  font-size: 143%;
  font-weight: bold;
  line-height: 1.43em;
  color: inherit;
  cursor: pointer;
  text-decoration: none;
  text-shadow: 0 1px 0 #ffffff;
}
.close:not(:hover) {
  opacity: 0.5;
}
.btn {
  border-radius: 3px;
  display: inline-block;
  padding: 0 12px;
  line-height: 2em;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid var(--btn-border-clr, rgba(0, 0, 0, 0.2));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  color: var(--btn-clr, #333);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: var(--btn-bg-clr, #fff);
  text-decoration: none;
}
.btn:hover {
  opacity: 0.9;
}
.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn.active,
.btn:active {
  opacity: 0.9;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn.disabled,
.btn[disabled] {
  cursor: default;
  opacity: 0.7;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn-large {
  padding: 9px 14px;
  font-size: 121%;
  line-height: normal;
  border-radius: 5px;
}
.btn-small {
  padding: 3px 9px;
  font-size: 80%;
  line-height: 1;
}
.btn-block {
  display: block;
  padding-left: 0;
  padding-right: 0;
}
.btn-warning.active,
.btn-danger.active,
.btn-success.active {
  color: rgba(255, 255, 255, 0.75);
}
.btn-warning {
  color: #fff;
  background-color: #fbb450;
}
.btn-danger {
  color: #fff;
  background-color: var(--btn-danger-bg-clr, #ee5f5b);
}
.btn-success {
  background-color: var(--btn-success-bg-clr, #84AB04);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.btn-group {
  margin-right: 3px;
  position: relative;
  white-space: nowrap;
}
.btn-toolbar .btn-group {
  display: inline-block;
}
.btn-toolbar * {
  margin-right: 3px;
}
.btn-toolbar *:last-child {
  margin-right: 0;
}
.btn-group > * {
  border-radius: 0;
  position: relative;
  margin-right: 0;
}
.btn-group > * + * {
  margin-left: -1px;
}
.btn-group > .btn:first-child {
  border-top-left-radius: var(--btn-border-radius, 3px);
  border-bottom-left-radius: var(--btn-border-radius, 3px);
}
.btn-group > .btn:last-child,
.btn-group > .dropdown-toggle {
  border-top-right-radius: var(--btn-border-radius, 3px);
  border-bottom-right-radius: var(--btn-border-radius, 3px);
}
.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active {
  z-index: 2;
}
.alert {
  padding: 8px 35px 8px 14px;
  margin-bottom: 1.43em;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: var(--warning-bg-clr, #fcf8e3);
  border: 1px solid var(--warning-border-clr, #fbeed5);
  border-radius: 4px;
  color: var(--warning-clr, #c09853);
  max-width: 800px;
  min-height: 1.43em;
}
.alert .close {
  position: relative;
  top: -2px;
  right: -21px;
  line-height: 1.43em;
}
.alert-error {
  background-color: var(--error-bg-clr, #f2dede);
  border-color: var(--error-border-clr, #eed3d7);
}
.alert-info {
  background-color: var(--info-bg-clr, #d9edf7);
  border-color: var(--info-border-clr, #bce8f1);
}
.alert a:not(.close) {
  text-decoration: underline;
}
.alert-info,
.alert.alert-info a:not(.close) {
  color: var(--info-clr, #3a87ad);
}
.alert-error,
.alert.alert-error a:not(.close) {
  color: var(--error-clr, #b94a48);
}
code,
kbd,
samp,
pre {
  padding: 0 3px 2px;
  font-family: var(--fontMono);
  border-radius: 3px;
}
code {
  padding: 2px 4px;
  border: 1px solid #e1e1e8;
}
pre {
  display: block;
  padding: 0.715em;
  margin: 0 0 0.715em;
  white-space: pre-wrap;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
}
pre code {
  padding: 0;
  border: 0;
}
.dropdown {
  position: relative;
}
.dropdown-menu {
  max-height: 60vh;
  max-width: 90vw;
  overflow: auto;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  color: var(--dropdown-menu-color, inherit);
  background-color: var(--dropdown-menu-bg-color, #fff);
  border: 1px solid var(--dropdown-menu-border-clr, rgba(0, 0, 0, 0.2));
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
}
.dropdown-menu.right-edge {
  right: 0;
  left: auto;
}
.dropdown-menu a {
  background-color: var(--dropdown-menu-bg-color, #fff);
  color: var(--dropdown-menu-color, #333);
  display: block;
  padding: 3px 10px;
  text-decoration: none;
  white-space: nowrap;
}
.dropdown-menu li:not(.disabled) > a:hover,
.dropdown-menu li:not(.disabled) > a:focus {
  background-color: var(--dropdown-menu-hover-bg-color, #444);
  color: var(--dropdown-menu-hover-color, #eee);
  text-decoration: none;
}
.dropdown-menu .disabled > a,
.dropdown-menu .disabled > a:hover {
  color: var(--dropdown-menu-disabled-color, #999);
  cursor: not-allowed;
  opacity: 0.5;
}
.pull-right {
  float: var(--right, right);
}
.show {
  display: block;
}
[class^="icon-"] + span,
[class*=" icon-"] + span {
  margin-left: 0.5em;
}
[class^="icon-"],
[class*=" icon-"] {
  display: inline-block;
  min-width: 1em;
}
.disabled [class^="icon-"],
.disabled [class*=" icon-"],
.btn[disabled] [class^="icon-"],
.btn[disabled] [class*=" icon-"] {
  opacity: 0.5;
}
/* A cell keeps being a cell. These classes used to live on inline elements
   only, so inline-block was safe; the icon migration moved them onto table
   cells that draw the glyph themselves, and inline-block took those cells out
   of their row, leaving the rest to form an anonymous table below them. */
td[class^="icon-"],
td[class*=" icon-"],
th[class^="icon-"],
th[class*=" icon-"] {
  display: table-cell;
}
/* .b-contacts-content .b-view-content */
.iconsize24 {
  font-size: 171%;
}
.iconcolor-green {
  color: green;
}
.iconcolor-red {
  color: red;
}
@keyframes rotation {
  to {
    transform: rotate(1turn);
  }
}
.icon-spinner {
  height: 1.2em;
  width: 1.2em;
  margin: 0 -1px;
  border: 3px solid #aaa;
  border-top-color: #333;
  border-radius: 100%;
  vertical-align: text-top;
}
.icon-spinner:not(.not-animated),
.list-loading .icon-spinner.not-animated {
  border-color: transparent;
  border-top-color: #999;
  animation: rotation 0.8s infinite ease-in-out;
}
.btn.btn-success .icon-spinner {
  border-color: transparent;
  border-top-color: #fff;
}
.icon-spinner.has-text {
  text-indent: -5em;
  overflow: hidden;
}
.g-ui-user-select-none {
  user-select: none;
  -webkit-touch-callout: none;
}
.g-ui-link {
  color: var(--link-color, #369);
  cursor: pointer;
  padding: 2px;
  text-decoration: underline;
}
.g-ui-link:focus {
  outline: 1px;
  outline-style: dotted;
}
.settings-save-trigger {
  display: inline-block;
  line-height: 1em;
  margin-left: 0.5em !important;
}
.settings-save-trigger::after {
  content: " ";
  display: block;
  opacity: 0;
  transition: opacity 1s linear;
}
.settings-save-trigger.saving::after {
  animation: rotation 0.8s infinite ease-in-out;
  border: 3px solid transparent;
  border-radius: 100%;
  border-top-color: #999;
  height: 11px;
  opacity: 1;
  width: 11px;
}
.settings-save-trigger.success::after {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  --tachyon-icon: var(--icon-check);
  -webkit-mask: var(--tachyon-icon) no-repeat center / contain;
  mask: var(--tachyon-icon) no-repeat center / contain;
  color: #080;
  opacity: 1;
}
.settings-save-trigger.error::after {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  --tachyon-icon: var(--icon-x);
  -webkit-mask: var(--tachyon-icon) no-repeat center / contain;
  mask: var(--tachyon-icon) no-repeat center / contain;
  color: #F00;
  opacity: 1;
}
textarea + .settings-save-trigger {
  vertical-align: top;
}
.settings-save-trigger-input {
  transition: border-color 0.5s linear;
}
.settings-save-trigger-input.success {
  border-color: green;
}
.settings-save-trigger-input.error {
  border-color: red;
}
.e-action {
  cursor: pointer;
}
.list-table {
  max-width: 800px;
}
.button-confirm-delete {
  transition: all 0.2s linear;
  white-space: nowrap;
}
.button-confirm-delete:not(.delete-access) {
  opacity: 0;
  transform: translateX(-15px);
  visibility: hidden;
}
.drag-handle {
  color: #eee;
  cursor: grab;
}
tr:hover .drag-handle {
  color: #aaa;
}
.tabs {
  display: grid;
  grid-auto-columns: minmax(0, 1fr);
  grid-template-rows: min-content auto;
}
.tabs > input[type="radio"] {
  position: absolute;
  top: 0;
  left: -9999px;
  display: none;
}
.tabs > label {
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
  cursor: pointer;
  grid-row-start: 1;
  opacity: 0.6;
  margin: 0 2px -1px 0;
  padding: 5px;
  text-align: center;
}
.tabs > label:hover {
  border-color: var(--tab-hover-border-clr, #eee);
  opacity: 0.8;
}
.tabs > [id^="tab"]:checked + label {
  background-color: var(--tab-active-bg-clr, #fff);
  border-color: var(--border-color, #ddd) var(--border-color, #ddd) transparent var(--border-color, #ddd);
  opacity: 1;
  z-index: 1;
}
.tabs .tab-content {
  grid-column-start: 1;
  grid-row-start: 2;
  visibility: hidden;
}
.tabs > [id^="tab"]:checked + label + .tab-content {
  visibility: visible;
}
.legend {
  border-bottom: 1px solid var(--border-color, #ddd);
  font-size: 150%;
  line-height: 2.1;
  margin-bottom: 1.43em;
}
summary.legend {
  cursor: pointer;
}
.btn.btn-thin {
  padding: 0 9px;
}
@media screen and (max-width: 799px) {
  .form-horizontal .control-group > label {
    text-align: var(--left, left);
  }
  .form-horizontal .control-group > *:not(label) {
    margin-left: 20px;
  }
}
/*
 * Draws a Lucide icon into a pseudo element. The icons are published as
 * --icon-<name> custom properties by tasks/icons.js, so rules that build their
 * own glyph through content: can use the same set as the markup does.
 */
html.list-loading body {
  /*	cursor: wait;*/
  cursor: progress;
}
.toggleLeft::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  --tachyon-icon: var(--icon-chevron-left);
  -webkit-mask: var(--tachyon-icon) no-repeat center / contain;
  mask: var(--tachyon-icon) no-repeat center / contain;
}
html.rl-left-panel-disabled .toggleLeft::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  --tachyon-icon: var(--icon-chevron-right);
  -webkit-mask: var(--tachyon-icon) no-repeat center / contain;
  mask: var(--tachyon-icon) no-repeat center / contain;
}
@media screen and (min-width: 800px) {
  #rl-app {
    background-image: var(--main-bg-image);
    background-size: var(--main-bg-size);
    background-repeat: var(--main-bg-repeat);
  }
}
option:disabled {
  color: #aaa;
  cursor: not-allowed;
}
*,
select:focus {
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
#rl-content:not([hidden]) {
  display: flex;
  height: 100%;
}
dialog::backdrop {
  background: rgba(0, 0, 0, 0.5);
}
.dialog-backdrop {
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
dialog {
  border: 0;
  background-color: var(--dialog-bg-clr, #fff);
  border: 1px solid var(--dialog-border-clr, rgba(0, 0, 0, 0.3));
  border-radius: var(--dialog-border-radius, 6px);
  box-shadow: 0 5px 80px rgba(0, 0, 0, 0.3);
  color: var(--dialog-clr, #333);
  display: flex;
  flex-direction: column;
  margin: 10px auto;
  max-height: calc(100vh - var(--smDialogShrink));
  max-height: calc(100dvh - var(--smDialogShrink));
  max-width: 560px;
  overflow: auto;
  padding: 0;
  position: fixed;
  transition: all 0.2s ease-out;
  top: 0;
  width: calc(100% - 20px);
}
dialog:not([open]) {
  display: none !important;
}
dialog.animate {
  opacity: 1;
}
dialog:not(.animate) {
  background-color: rgba(0, 0, 0, 0);
  opacity: 0;
  top: -25%;
}
/**
 * https://github.com/the-djmaze/tachyon/issues/686
 */
@media screen and (max-width: 799px) {
  dialog {
    margin: 0 auto;
    /*		max-height: calc(100vh - 86px);*/
    /*		max-height: 100dvh;*/
    width: 100%;
  }
}
dialog > header {
  padding: 9px 15px;
  border-bottom: 1px solid var(--border-color, #ddd);
}
dialog > header .close {
  margin-top: 2px;
}
dialog > header h3 {
  margin: 0;
  line-height: 30px;
}
dialog .modal-body {
  overflow: auto;
  margin: 0;
  padding: 15px;
  position: relative;
}
dialog > footer {
  padding: 9px 15px;
  margin-bottom: 0;
  text-align: var(--right, right);
  border-top: 1px solid var(--border-color, #ddd);
  border-radius: 0 0 var(--dialog-border-radius, 6px) var(--dialog-border-radius, 6px);
}
dialog > footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
dialog > footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.e-component {
  white-space: nowrap;
}
.e-component * {
  display: inline-block;
}
.e-component select:focus {
  outline: 1px dotted;
}
.e-component span {
  margin: 0 0.5em;
  white-space: normal;
}
.e-component select + span {
  padding: 2px 0;
}
.e-checkbox {
  cursor: pointer;
  margin-bottom: 6px;
  padding: 2px 0;
}
.e-checkbox:focus-within {
  outline: 1px dotted;
}
.e-checkbox.disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.e-checkbox.material-design {
  line-height: 20px;
  width: auto !important;
}
.e-checkbox.material-design > div {
  position: relative;
  width: 18px;
}
.e-checkbox.material-design > div > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  border: 2px solid #999;
  transform: rotate(0deg);
  animation: checkmark-to-box 200ms ease-out forwards;
}
.e-checkbox.material-design input {
  opacity: 0;
}
.e-checkbox.material-design input:checked + div {
  top: -1px;
  left: 5px;
  width: 10px;
  height: 18px;
  border: 2px solid #0F9D58;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  animation: box-to-checkmark 200ms ease-out forwards;
}
@keyframes box-to-checkmark {
  0% {
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    border: 2px solid #999;
    transform: rotate(0deg);
  }
  50% {
    top: 13px;
    left: 5px;
    width: 4px;
    height: 4px;
    transform: rotate(45deg);
  }
  100% {
    top: -1px;
    left: 5px;
    width: 10px;
    height: 18px;
    border: 2px solid #0F9D58;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
  }
}
@keyframes checkmark-to-box {
  0% {
    top: -1px;
    left: 5px;
    width: 10px;
    height: 18px;
    border: 2px solid #0F9D58;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
  }
  50% {
    top: 13px;
    left: 5px;
    width: 4px;
    height: 4px;
    transform: rotate(45deg);
  }
  100% {
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    border: 2px solid #999;
    transform: rotate(0deg);
  }
}
#V-Login,
#V-AdminLogin {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  min-width: 250px;
  max-width: 600px;
  transition: all 0.3s ease-out;
  z-index: 5;
}
.LoginView .descWrapper {
  color: var(--loading-color, #000);
  font-size: 214%;
  margin-bottom: 10px;
  text-align: center;
  text-shadow: var(--loading-text-shadow);
}
.LoginView .login-logo {
  text-align: center;
  margin-bottom: 16px;
  /* The built in logo. Stroke free artwork filled with currentColor, so it
		   picks up whatever ink the theme uses for the text beside it and needs
		   no light and dark variants of its own. */
  /* Uploaded artwork comes in two files, one per background. Both are in
		   the markup and one is hidden, rather than a picture element, because
		   the app has its own colour scheme override that a media query alone
		   would not see. */
}
.LoginView .login-logo img {
  max-height: var(--login-logo-max-height, 100px);
  max-width: var(--login-logo-max-width, 280px);
}
.LoginView .login-logo .login-logo-default {
  color: var(--loading-color, #000);
  display: inline-block;
  max-height: var(--login-logo-max-height, 100px);
  max-width: var(--login-logo-max-width, 280px);
  width: 100%;
}
.LoginView .login-logo .for-dark {
  display: none;
}
@media (prefers-color-scheme: dark) {
  .LoginView .login-logo .for-light {
    display: none;
  }
  .LoginView .login-logo .for-dark {
    display: inline;
  }
}
.LoginView form {
  background-color: var(--login-bg-color, rgba(0, 0, 0, 0.5));
  border: var(--login-border, 1px solid rgba(255, 255, 255, 0.2));
  border-radius: var(--login-border-radius, 7px);
  box-shadow: var(--login-box-shadow);
  color: var(--login-color, rgba(255, 255, 255, 0.8));
  margin: 0;
  padding: 40px 40px 20px 40px;
  position: relative;
}
.LoginView form * {
  color: var(--login-color, rgba(255, 255, 255, 0.8));
}
.LoginView form .controls.error * {
  color: #f76260;
  border-color: #f76260;
}
.LoginView form.submitting > * {
  opacity: 0.3;
}
.LoginView form.submitting::after {
  content: '';
  position: absolute;
  width: 60px;
  height: 60px;
  top: 50%;
  left: 50%;
  margin-top: -30px;
  margin-left: -30px;
  border: 8px solid transparent;
  border-top-color: var(--spinner-color, #fff);
  animation: loginRotation 1s infinite ease-in-out;
  border-radius: 50%;
  z-index: 1052;
}
.LoginView .controls,
.LoginView .control-group {
  margin-bottom: 25px;
  position: relative;
}
.LoginView input {
  font-size: 128%;
  height: 40px;
  padding-right: 30px;
  /**
		 * Two colons. As :placeholder this matched nothing, so every theme fell
		 * back to the browser's own light grey, which vanished on the themes
		 * that put a translucent dark box over a light wallpaper (#94).
		 *
		 * Taken from the theme rather than hardcoded white, because four themes
		 * use a light login box with dark text and white on white would have
		 * been the same bug pointing the other way.
		 */
}
.LoginView input::placeholder {
  color: var(--login-color, rgba(255, 255, 255, 0.8));
  opacity: 0.7;
}
.LoginView input:focus,
.LoginView input:hover {
  border-color: #fff;
}
.LoginView input,
.LoginView .btn {
  background: none;
  border: 1px solid rgba(255, 255, 255, 0.8);
}
.LoginView [class^="icon-"] + input {
  padding: 0 30px;
}
.LoginView .controls > [class^="icon-"]:first-child {
  position: absolute;
  font-size: 121%;
  line-height: 38px;
  left: 6px;
}
.LoginView .btn {
  text-transform: uppercase;
  font-size: 90%;
}
.LoginView .btn:hover,
.LoginView .btn:active {
  border-color: #fff;
}
.LoginView .buttonLogin {
  width: 100%;
}
.LoginView .alert {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1;
  display: block;
  opacity: 1;
  transition: opacity 0.5s linear;
}
.LoginView .alert p {
  font-family: var(--fontMono);
  font-size: 90%;
}
.LoginView .alert[hidden] {
  opacity: 0;
}
.LoginView .language-buttons {
  flex-grow: 1;
  text-align: var(--right, right);
}
.LoginView .language-button {
  padding: 5px;
  text-decoration: none;
}
.LoginView .errorAnimated {
  animation: login-form-shake 400ms ease-in-out;
}
.LoginView .errorAnimated .buttonLogin {
  color: #b94a48;
  font-weight: bold;
}
@media screen and (max-width: 480px) {
  .LoginView form {
    padding: 30px 4vw 10px;
  }
}
@keyframes loginRotation {
  to {
    transform: rotate(1turn);
  }
}
@keyframes login-form-shake {
  0% {
    transform: translateX(0);
  }
  12.5% {
    transform: translateX(-6px);
  }
  37.5% {
    transform: translateX(5px);
  }
  62.5% {
    transform: translateX(-3px);
  }
  87.5% {
    transform: translateX(2px);
  }
  100% {
    transform: translateX(0);
  }
}
html.rl-started-trigger .LoginView {
  opacity: 0.5;
}
/* The explicit choice wins over the system preference, matching how
   data-color-scheme is handled elsewhere. Outside #rl-app because the attribute
   sits on the html element. */
html[data-color-scheme="light"] .login-logo .for-light {
  display: inline;
}
html[data-color-scheme="light"] .login-logo .for-dark {
  display: none;
}
html[data-color-scheme="dark"] .login-logo .for-light {
  display: none;
}
html[data-color-scheme="dark"] .login-logo .for-dark {
  display: inline;
}
.LoginView .login-footer {
  color: var(--loading-color, #000);
  font-size: 85%;
  margin-top: 14px;
  opacity: 0.75;
  text-align: center;
  white-space: pre-wrap;
}
.LoginView .login-footer a {
  color: inherit;
  text-decoration: underline;
}
#V-PopupsAsk .modal-body {
  font-size: 128%;
  padding: 3em 15px;
  text-align: center;
}
#V-PopupsAsk button:focus {
  box-shadow: 0 0 1px inset;
}
#V-PopupsLanguages {
  max-width: 710px;
}
#V-PopupsLanguages label {
  display: inline-block;
  padding: 5px 15px;
  margin: 2px 5px;
  width: 216px;
  background-color: rgba(128, 128, 128, 0.1);
  border: 1px solid transparent;
  border-radius: var(--input-border-radius, 3px);
  position: relative;
  cursor: pointer;
}
#V-PopupsLanguages label.user {
  background-color: rgba(255, 255, 64, 0.15);
  border-color: #ff5;
}
#V-PopupsLanguages label.selected {
  background-color: rgba(64, 255, 64, 0.2);
  border-color: #9c9;
}
#V-PopupsLanguages label.selected::after {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  --tachyon-icon: var(--icon-check);
  -webkit-mask: var(--tachyon-icon) no-repeat center / contain;
  mask: var(--tachyon-icon) no-repeat center / contain;
  position: absolute;
  right: 4px;
}
#V-PopupsLanguages label:hover {
  background-color: rgba(128, 128, 128, 0.2);
  border-color: #ccc;
}
@media screen and (max-width: 480px) {
  #V-PopupsLanguages label {
    width: 100%;
  }
}
#rl-app.UserBackground {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
#rl-left {
  flex-grow: 0;
  flex-shrink: 0;
  position: relative;
  /*	transition: width 0.3s ease-out;*/
  width: 200px;
  z-index: 0;
}
#rl-left .b-toolbar {
  padding: 10px 0 10px 8px;
  white-space: nowrap;
}
#rl-right:not([hidden]) {
  display: flex;
  flex-grow: 1;
  width: 20%;
}
/*
.resizable::after {
	background-color: #aaa;
	bottom: 0;
	content: '';
	height: 22px;
	pointer-events: none;
	position: absolute;
	right: 0;
	text-align: center;
	width: 20px;
}
.resizable::-webkit-resizer {
	background: #aaa;
	background: rgba(255,255,255,0.5);
}
*/
html:not(.rl-left-panel-disabled) #rl-left {
  resize: horizontal;
  overflow: auto;
  min-width: 155px;
  max-width: 350px;
}
#top-system-dropdown-id::after,
#button-add-prop-dropdown-id::after {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  --tachyon-icon: var(--icon-chevron-down);
  -webkit-mask: var(--tachyon-icon) no-repeat center / contain;
  mask: var(--tachyon-icon) no-repeat center / contain;
  font-size: 80%;
}
.dropdown-menu * + .dividerbar {
  margin-top: 9px;
  padding-top: 9px;
  border-top: 1px solid var(--border-color, #e5e5e5);
}
.dropdown.show {
  box-shadow: 0 0 1px var(--main-color, #333);
}
.btn.btn-transparent {
  background: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
  color: inherit;
  text-shadow: none !important;
  opacity: 0.6;
}
.btn.btn-transparent:hover {
  opacity: 1;
}
.btn-group.open .btn.btn-transparent.dropdown-toggle {
  color: #BD362F;
}
.btn-group > .btn.single {
  border-radius: var(--input-border-radius, 3px) !important;
}
.search-input-wrp {
  position: relative;
}
.search-input-wrp a {
  position: absolute;
  right: 0;
  top: 5px;
  margin: 0 7px;
  z-index: 100;
  opacity: 0.4;
  cursor: pointer;
}
.search-input-wrp a:hover {
  opacity: 0.6;
}
#rl-left .search-input-wrp {
  margin: 0 4px;
  width: calc(100% - 8px);
}
html:not(.rl-ctrl-key-pressed) .visible-on-ctrl-btn,
html.rl-ctrl-key-pressed .hidden-on-ctrl-btn,
.show-on-panel-disabled {
  display: none;
}
html.rl-left-panel-disabled #rl-left {
  width: 60px !important;
}
html.rl-left-panel-disabled #rl-left .show-on-panel-disabled {
  display: block;
}
html.rl-left-panel-disabled #rl-left .b-content {
  opacity: 0.3;
}
html.rl-left-panel-disabled #rl-left .hide-on-panel-disabled {
  display: none;
}
.e-paginator a {
  opacity: 0.5;
  text-decoration: none;
  font-size: 157%;
  padding: 0 3px;
  cursor: pointer;
}
.e-paginator a:hover {
  opacity: 0.8;
}
.e-paginator a.current {
  opacity: 1;
  font-size: 179%;
  cursor: default;
}
.resizer {
  display: none;
}
@media screen and (max-width: 799px) {
  #rl-app #V-SettingsPane {
    margin-right: 0;
    padding: 10px;
  }
  #rl-left {
    background: var(--main-bg-color, #aaa);
    border-right: 1px solid var(--border-color, #ddd);
    position: fixed;
    /*		left: 0; RTL issue*/
    top: 0;
    bottom: 0;
    width: 50vw;
    z-index: 99;
  }
  .rl-left-panel-disabled #rl-left {
    display: none;
  }
  .dropdown-menu a {
    line-height: 2.5;
  }
  .hide-mobile {
    display: none !important;
  }
}
/* desktop */
@media screen and (min-width: 800px) {
  #rl-right .toggleLeft,
  #V-MailMessageList .buttonCompose {
    display: none !important;
  }
  .sm-msgView-bottom #rl-right {
    flex-direction: column;
  }
  .resizer {
    background: #aaa;
    background: rgba(255, 255, 255, 0.5);
    opacity: 0;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 102;
  }
  .resizer:hover {
    opacity: 1;
  }
  html:not(.rl-left-panel-disabled) #rl-left > .resizer,
  .sm-msgView-side #V-MailMessageList .resizer {
    cursor: ew-resize;
    cursor: col-resize;
    display: block;
    top: 0;
    width: 5px;
  }
  .sm-msgView-bottom #V-MailMessageList .resizer {
    cursor: ns-resize;
    cursor: row-resize;
    display: block;
    left: 0;
    height: 5px;
  }
}
/* desktop-large */
@media screen and (min-width: 1401px) {
  #rl-left {
    width: 220px;
  }
}
#top-system-dropdown-id {
  padding: 0 6px;
}
#top-system-dropdown-id b {
  background-color: var(--unread-count-bg-color, #999);
  border-radius: 1em;
  color: var(--unread-count-color, #fff);
  font-size: 75%;
  font-weight: normal;
  line-height: 1.5em;
  min-width: 1.7em;
  padding: 1px 4px;
  text-align: center;
  vertical-align: middle;
}
.rl-left-panel-disabled #more-list-dropdown-id + .dropdown-menu {
  position: fixed;
  top: 40px;
}
#V-SystemDropDown {
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px 8px;
  z-index: 103;
}
#V-SystemDropDown .email-title {
  text-overflow: ellipsis;
  overflow: hidden;
}
#V-SystemDropDown .audioPlace {
  cursor: pointer;
  display: inline-block;
  font-size: 214%;
  height: 1em;
  margin-right: 10px;
  width: 1em;
}
#V-SystemDropDown .audioPlace .stopIcon {
  color: orange;
  display: none;
}
#V-SystemDropDown .audioPlace:hover .playIcon {
  display: none;
}
#V-SystemDropDown .audioPlace:hover .stopIcon {
  display: inline-block;
}
#V-SystemDropDown .accountPlace {
  border-right: 1px solid var(--btn-border-clr, rgba(0, 0, 0, 0.2));
  display: inline-block;
  font-weight: 600;
  line-height: 1.3;
  margin: 0 6px -4px 0;
  max-width: 25vw;
  /*		max-width: calc(100vw - 300px);*/
  overflow: hidden;
  padding-right: 6px;
  text-overflow: ellipsis;
}
#V-SystemDropDown a[data-unread]::after {
  content: attr(data-unread);
  background-color: var(--unread-count-bg-color, #999);
  border-radius: 1em;
  color: var(--unread-count-color, #fff);
  font-size: 80%;
  line-height: 1.5em;
  min-width: 1.7em;
  padding: 1px 4px;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  position: absolute;
  right: 3px;
}
@keyframes equaliserBar {
  0% {
    top: 30%;
  }
  50% {
    top: 100%;
  }
  100% {
    top: 30%;
  }
}
.playIcon {
  margin-top: 5px;
  height: 20px;
  position: relative;
}
.playIcon *,
.playIcon::before,
.playIcon::after {
  animation: equaliserBar 1s infinite;
  background: orange;
  bottom: 0;
  left: calc(1em / 2 - 2px);
  position: absolute;
  width: 5px;
  content: '';
}
.playIcon::before {
  left: calc(1em / 2 - 9px);
  animation-delay: -0.33s;
}
.playIcon::after {
  left: calc(1em / 2 + 5px);
  animation-delay: -0.66s;
}
/* The three colour scheme buttons. They had no styling at all: the glyphs were
   raw text, and the active class the binding sets was never drawn, so there was
   no way to see which mode was in effect. Every var carries a fallback, because
   only some of the 22 themes define them. */
.color-scheme-toggle {
  padding: 4px 12px;
}
.color-scheme-toggle .color-scheme-buttons {
  display: flex;
  gap: 4px;
}
.color-scheme-toggle .color-scheme-btn {
  background: none;
  border: 1px solid transparent;
  border-radius: 3px;
  color: inherit;
  cursor: pointer;
  flex: 1;
  font-size: 115%;
  line-height: 1;
  padding: 5px 0;
}
.color-scheme-toggle .color-scheme-btn:hover {
  background-color: var(--dropdown-menu-hover-bg-color, rgba(0, 0, 0, 0.08));
  color: var(--dropdown-menu-hover-color, inherit);
}
.color-scheme-toggle .color-scheme-btn.active {
  background-color: var(--dropdown-menu-hover-bg-color, rgba(0, 0, 0, 0.12));
  border-color: var(--btn-border-clr, rgba(0, 0, 0, 0.25));
  color: var(--dropdown-menu-hover-color, inherit);
}
#V-PopupsKeyboardShortcutsHelp {
  max-width: 700px;
  /* The table is width:100% on auto layout, so the icon column is given more
	   room than the 1em glyph in it and the icons sat against the left padding.
	   Only the cells that carry an icon: the first column of the last two tabs
	   holds label text, which stays where it is. */
}
#V-PopupsKeyboardShortcutsHelp td[class^="icon-"] {
  text-align: center;
}
#V-PopupsKeyboardShortcutsHelp .tab-content {
  grid-column-end: 5;
}
#V-MailFolderList,
#V-MailFolderList .b-content {
  height: 100%;
}
.focused .b-folders a.focused {
  background-color: var(--folders-focused-bg-color, #333);
  border-color: #fff;
  color: var(--folders-focused-color, #eee);
}
#folderSearchInput {
  width: 100%;
}
/* https://github.com/the-djmaze/tachyon/issues/1427 */
#V-MailFolderList .e-checkbox {
  margin: 0 4px;
  width: calc(100% - 8px);
}
#V-MailFolderList .unreadOnly li a:not(.unread-sub):not([data-unread]) {
  display: none;
}
.b-folders {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding-right: 2px;
}
.b-folders ul {
  margin: 0;
}
.b-folders .move-action-content-wrapper {
  z-index: -1;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0.05;
  background-color: #fff;
  background-size: 60px 60px;
  background-image: linear-gradient(135deg, #000 25%, transparent 25%, transparent 50%, #000 50%, #000 75%, transparent 75%, transparent);
}
.b-folders .b-toolbar {
  color: #fff;
}
.b-folders .b-footer {
  padding: 10px 8px;
  overflow: hidden;
  white-space: nowrap;
}
.b-folders .b-content {
  overflow: hidden;
  overflow-y: auto;
  min-width: 100px;
  color: var(--folders-color, #333);
}
.b-folders hr {
  margin: 10px;
}
.b-folders li {
  display: block;
  overflow: hidden;
  white-space: nowrap;
}
.b-folders li a {
  background-color: transparent;
  border-left: 3px solid transparent;
  color: var(--folders-color, #333);
  display: block;
  line-height: 2.2em;
  padding: 0 2em 0 7px;
  position: relative;
  text-decoration: none;
  vertical-align: middle;
  z-index: 1;
}
.b-folders li a.selectable {
  cursor: pointer;
}
.b-folders li a.selectable:hover {
  background-color: var(--folders-hover-bg-color, #333);
  color: var(--folders-hover-color, #eee);
}
.b-folders li a.selectable.droppableHover {
  background-color: var(--folders-drop-bg-color, #333);
  color: var(--folders-drop-color, #eee);
}
.b-folders li a.selectable.droppableHover * {
  pointer-events: none;
}
.b-folders li a.selectable.selected {
  background-color: var(--folders-selected-bg-color, #333);
  color: var(--folders-selected-color, #eee);
}
.b-folders li a:not(.selectable) {
  color: var(--folders-disabled-color, #666);
  cursor: default;
  font-style: italic;
}
.b-folders li a.unread-sub {
  font-weight: bold;
}
.b-folders li a .e-collapsed-sign {
  cursor: pointer;
  font-size: 150%;
  text-indent: 0;
  vertical-align: inherit;
}
.b-folders li a[data-unread] {
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
}
.b-folders li ul.collapsed {
  max-height: 0;
  height: 0;
  display: none;
}
.b-folders .b-folders-system a[data-unread]::after,
.b-folders .b-folders-user a[data-unread]:not(.system)::after {
  content: attr(data-unread);
  background-color: var(--unread-count-bg-color, #999);
  border-radius: 1em;
  color: var(--unread-count-color, #fff);
  font-size: 80%;
  line-height: 1.5em;
  margin-top: 0.5em;
  min-width: 1.7em;
  padding: 1px 4px;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  position: absolute;
  right: 3px;
  text-indent: 0;
}
.b-folders .flag-icon {
  margin-left: 7px;
}
.b-folders .flag-icon::after {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  --tachyon-icon: var(--icon-star-off);
  -webkit-mask: var(--tachyon-icon) no-repeat center / contain;
  mask: var(--tachyon-icon) no-repeat center / contain;
  opacity: 0.5;
}
.b-folders .is-flagged .flag-icon::after {
  color: orange;
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  --tachyon-icon: var(--icon-star);
  -webkit-mask: var(--tachyon-icon) no-repeat center / contain;
  mask: var(--tachyon-icon) no-repeat center / contain;
  opacity: 1;
}
.b-folders .b-folders-system {
  font-weight: bold;
}
.b-folders li li a {
  text-indent: 1em;
}
.b-folders li li li a {
  text-indent: 2em;
}
.b-folders li li li li a {
  text-indent: 3em;
}
.b-folders li li li li li a {
  text-indent: 4em;
}
/**
 * Compose takes the room the icon buttons leave rather than a fixed reserve.
 * The old rule subtracted a hardcoded 48px for one button, which neither
 * accounted for a second one nor gave the space back when contacts or the
 * calendar are disabled. That matters most on a phone, where this panel is
 * half the viewport and there is little to spare.
 */
#rl-left .b-folders > .b-toolbar {
  align-items: center;
  display: flex;
  gap: 4px;
  /* btn-toolbar hands every child a 3px right margin, which would stack on
	   top of the gap. The gap is the only spacing wanted here. */
}
#rl-left .b-folders > .b-toolbar > * {
  margin-right: 0;
}
#rl-left .buttonCompose {
  flex: 1 1 auto;
  max-height: 2em;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* Contacts and calendar sit in a btn-group so they butt together, the way
   Archive and Not spam do, rather than carrying the toolbar's gap between them */
#rl-left .b-folders > .b-toolbar > .btn-group {
  flex: 0 0 auto;
}
html.rl-left-panel-disabled .buttonComposeText,
html.rl-left-panel-disabled .buttonCalendar,
html.rl-left-panel-disabled .buttonContacts {
  display: none;
}
html.rl-left-panel-disabled #rl-left .buttonCompose {
  flex: 0 0 auto;
  width: auto;
}
#V-PopupsFilter {
  max-width: 750px;
}
#V-PopupsFilter .button-delete {
  cursor: pointer;
}
#V-PopupsOpenPgpKey,
#V-PopupsOpenPgpGenerate {
  max-width: 570px;
}
#V-PopupsOpenPgpKey pre {
  margin: 0;
  max-height: 500px;
  padding: 0;
  overflow: auto;
}
#V-PopupsOpenPgpImport {
  max-width: 645px;
}
#V-PopupsOpenPgpImport textarea {
  font-family: var(--fontMono);
  width: 600px;
}
#V-PopupsIdentity {
  max-width: 770px;
}
#V-PopupsIdentity .tab-content {
  grid-column-end: 5;
  padding-top: 20px;
}
#V-PopupsIdentity .e-signature-place {
  border: 1px solid #ccc;
  border-radius: var(--input-border-radius, 3px);
  margin-bottom: 1.43em;
}
#V-PopupsIdentity .textEmail {
  margin-top: 5px;
  font-weight: bold;
}
#V-PopupsAdvancedSearch {
  max-width: 780px;
}
#V-PopupsAdvancedSearch label {
  width: 110px;
}
#advancedsearchform > div {
  display: inline-block;
  vertical-align: top;
  margin-right: 1em;
}
@media screen and (max-width: 480px) {
  #advancedsearchform label {
    width: 100%;
  }
  #advancedsearchform label + * {
    margin-left: 0;
  }
}
.attachmentList {
  margin: 0;
}
.attachmentItem {
  background-color: rgba(128, 128, 128, 0.1);
  border: 0;
  border-radius: var(--input-border-radius, 3px);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.04), 0 1px 5px rgba(0, 0, 0, 0.1);
  display: inline-block;
  list-style: none;
  line-height: 20px;
  margin: 5px;
  min-height: 48px;
  width: 16em;
  overflow: hidden;
  position: relative;
  /*
	 * Top right rather than beside the checkbox, which lives bottom right and
	 * only appears in selection mode. This one is always there for a calendar
	 * attachment, so the two must not share a corner.
	 */
  /*
	.attachmentIconParent.hasPreview.isImage {
		.iconMain {
			display: none;
		}
	}
*/
  /**
	 * The eye only ever appeared on hover, so on a touch screen there was no way
	 * to reach the preview at all and on a desktop it was easy to miss. A small
	 * badge marks a previewable attachment at rest; hovering still swaps the
	 * whole icon for the large eye, so the badge steps out of the way.
	 */
}
.attachmentItem.waiting {
  opacity: 0.6;
}
.attachmentItem .checkboxAttachment {
  bottom: 6px;
  cursor: pointer;
  position: absolute;
  right: 6px;
}
.attachmentItem .attachmentCalendar {
  cursor: pointer;
  font-size: 1.5em;
  position: absolute;
  right: 8px;
  top: 8px;
  /*
		 * The glyph is sized to be read, this is sized to be hit: a finger needs
		 * roughly 40px and the icon is 24. Padding cannot do it, because the mask
		 * is sized `contain` and would simply scale the glyph up to fill it.
		 *
		 * Kept within the row on purpose. .attachmentItem clips its overflow, so
		 * a target spilling past the edge would not receive those clicks anyway,
		 * and 40px centred on the icon is exactly the height of the shortest row.
		 */
}
.attachmentItem .attachmentCalendar::after {
  content: "";
  height: 40px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 40px;
}
.attachmentItem.error .iconMain,
.attachmentItem.error .iconPreview,
.attachmentItem.error .attachmentSize,
.attachmentItem.error .attachmentName {
  color: red;
}
.attachmentItem .attachmentIcon {
  position: absolute;
  height: 48px;
  width: 48px;
  text-align: center;
}
.attachmentItem .iconPreview,
.attachmentItem .iconBG,
.attachmentItem .iconMain,
.attachmentItem .iconProgress {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.attachmentItem .iconProgress {
  background: #eee;
  width: 0%;
}
.attachmentItem .iconBG {
  font-size: 128%;
  font-weight: bold;
  line-height: 55px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
.attachmentItem .iconPreview {
  display: none;
}
.attachmentItem .attachmentNameParent {
  border-left: 1px solid #ddd;
  cursor: pointer;
  margin-left: 48px;
  min-width: 90px;
  padding: 4px 4px 3px 6px;
  position: relative;
}
.attachmentItem .attachmentName {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.attachmentItem .attachmentSize {
  font-size: 85%;
  opacity: 0.7;
}
.attachmentItem .iconMain,
.attachmentItem .iconPreview {
  padding: 6px 0 0;
  font-size: 257%;
  color: var(--main-color);
  filter: invert(33%);
  mix-blend-mode: difference;
}
.attachmentItem .iconMain.icon-none,
.attachmentItem .iconPreview.icon-none {
  display: none;
}
.attachmentItem .showPreview,
.attachmentItem .hasPreview:hover .iconMain,
.attachmentItem .hasPreview .hidePreview {
  display: none;
}
.attachmentItem .hasPreview:hover .iconPreview {
  display: inline-block;
}
.attachmentItem .previewBadge {
  display: none;
}
.attachmentItem .hasPreview .previewBadge {
  align-items: center;
  background: rgba(0, 0, 0, 0.55);
  border-radius: 50%;
  bottom: 1px;
  color: #fff;
  display: flex;
  font-size: 90%;
  height: 15px;
  justify-content: center;
  pointer-events: none;
  position: absolute;
  right: 1px;
  width: 15px;
}
.attachmentItem .hasPreview:hover .previewBadge {
  display: none;
}
.attachmentItem .hasPreplay:hover .iconMain::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  --tachyon-icon: var(--icon-play);
  -webkit-mask: var(--tachyon-icon) no-repeat center / contain;
  mask: var(--tachyon-icon) no-repeat center / contain;
}
.attachmentItem .hasPreview .showPreview {
  display: inline;
  cursor: pointer;
}
.attachmentListSimple {
  margin: 0;
  /*
	 * The compact list is a single line, so there is no room above or below to
	 * grow into. It gets width instead, which is the axis a thumb misses on.
	 */
}
.attachmentListSimple .attachmentItem {
  min-height: 1em;
  border: 1px solid var(--border-color);
  padding: 0 2px;
}
.attachmentListSimple .attachmentName {
  margin: 0;
}
.attachmentListSimple .checkboxAttachment {
  position: initial;
  margin-left: 0.5em;
}
.attachmentListSimple .attachmentCalendar {
  cursor: pointer;
  font-size: 1.4em;
  margin-left: 0.5em;
  padding-inline: 6px;
  position: initial;
}
/* The result of an import, and the calendar picker when there is a choice */
.attachmentCalendarImport {
  padding: 5px 8px;
}
.attachmentCalendarImport .calendarChoices {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0.75em;
  list-style: none;
  margin: 0 0 0 0.5em;
  padding: 0;
}
/* RFC8457 */
.msgflag-\$important .checkboxMessage {
  background-color: #F00;
  color: #fff;
}
.msgflag-\$important.focused {
  background-color: rgba(255, 0, 0, 0.3);
}
.msgflag-\$important:not(.focused) {
  color: #F00;
}
/* KMail tags */
.msgflag-\$todo .checkboxMessage {
  background-color: #00F;
  color: #fff;
}
.msgflag-\$todo.focused {
  background-color: rgba(64, 64, 255, 0.3);
}
.msgflag-\$todo:not(.focused) {
  color: #33F;
}
/* Thunderbird labels */
.msgflag-\$label5 .checkboxMessage {
  background-color: #808;
  color: #fff;
}
.msgflag-\$label4 .checkboxMessage {
  background-color: #00F;
  color: #fff;
}
.msgflag-\$label3 .checkboxMessage {
  background-color: #080;
  color: #fff;
}
.msgflag-\$label2 .checkboxMessage {
  background-color: #FA0;
  color: #fff;
}
.msgflag-\$label1 .checkboxMessage {
  background-color: #F00;
  color: #fff;
}
.msgflag-\$label5.focused {
  background-color: rgba(255, 0, 255, 0.3);
}
.msgflag-\$label4.focused {
  background-color: rgba(64, 64, 255, 0.3);
}
.msgflag-\$label3.focused {
  background-color: rgba(0, 255, 0, 0.3);
}
.msgflag-\$label2.focused {
  background-color: rgba(255, 170, 0, 0.3);
}
.msgflag-\$label1.focused {
  background-color: rgba(255, 0, 0, 0.3);
}
.msgflag-\$label5:not(.focused) {
  color: #939;
}
.msgflag-\$label4:not(.focused) {
  color: #33F;
}
.msgflag-\$label3:not(.focused) {
  color: #090;
}
.msgflag-\$label2:not(.focused) {
  color: #F90;
}
.msgflag-\$label1:not(.focused) {
  color: #F00;
}
#V-MailMessageList {
  position: relative;
  height: 100%;
  width: 100%;
}
#V-MailMessageList.focused .messageList {
  border-color: #9d9d9d;
  box-shadow: var(--smMainShadow);
}
#no-sort-list,
#sort-list-dropdown-id {
  padding-left: 6px;
  padding-right: 6px;
}
#V-MailMessageList .btn-toolbar {
  padding: 10px 1px;
  white-space: nowrap;
}
.messageList {
  height: calc(100% - 60px);
  background-color: var(--panel-bg-clr, #fff);
  border: 1px solid var(--border-color, #aaa);
  border-radius: var(--border-radius, 5px);
  display: flex;
  flex-direction: column;
}
.messageList .groupLabel {
  background: rgba(128, 128, 128, 0.2);
  cursor: pointer;
  font-size: 85%;
  line-height: 2;
  opacity: 0.6;
  text-align: center;
  text-transform: capitalize;
}
.messageList .reply::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  --tachyon-icon: var(--icon-corner-down-right);
  -webkit-mask: var(--tachyon-icon) no-repeat center / contain;
  mask: var(--tachyon-icon) no-repeat center / contain;
  line-height: 3;
  position: absolute;
  margin-left: -1em;
}
.messageList .b-footer {
  display: flex;
  flex-shrink: 0;
  padding: 7px;
  background-color: var(--message-list-toolbar-bg-color, #eee);
  border-bottom-right-radius: var(--border-radius, 5px);
  border-bottom-left-radius: var(--border-radius, 5px);
  border-top: 1px solid var(--border-color, #bbb);
}
.messageList .b-footer .e-quota {
  border-bottom: 1px dashed #333;
  display: inline-block;
  margin-top: 5px;
  margin-left: 5px;
  font-size: 128%;
  cursor: help;
}
.messageList .b-footer nav {
  flex-grow: 1;
  display: flex;
  justify-content: end;
}
.messageList .btn.buttonMoreSearch {
  font-size: 80%;
  padding-left: 8px;
  padding-right: 8px;
}
.messageList .second-toolbar {
  display: flex;
  flex-shrink: 0;
  padding: 10px 8px 10px 11px;
  white-space: nowrap;
  background-color: var(--message-list-toolbar-bg-color, #eee);
  border-top-right-radius: var(--border-radius, 5px);
  border-top-left-radius: var(--border-radius, 5px);
  border-bottom: 1px solid var(--border-color, #bbb);
}
.messageList .checkboxCheckAll {
  cursor: pointer;
  margin: 0.45em 0.5em 0 0;
}
.messageList .search-input-wrp {
  flex-grow: 1;
}
.messageList .inputSearch {
  width: 100%;
}
.messageList .b-content {
  height: 100%;
  padding: 0;
  overflow: auto;
  scroll-behavior: smooth;
}
.messageList .b-content .listClear {
  text-align: center;
  padding: 10px;
  line-height: 13px;
}
.messageList .b-content .listEmptyMessage,
.messageList .b-content .listLoading,
.messageList .b-content .listDragOver,
.messageList .b-content .listError {
  color: #999;
  text-align: center;
  padding: 60px 10px;
  font-size: 171%;
  line-height: 30px;
}
.messageList .b-content .listDragOver {
  max-height: 0;
  overflow: hidden;
  padding: 0 10px;
}
.messageList .b-content .listDragOver.viewAppendArea {
  max-height: 120px;
  padding: 30px 10px;
}
.messageList .b-content .listDragOver.dragOverEnter {
  background-color: #e0fdda;
  color: #333;
}
.messageList .b-content .listError {
  color: #DA4F49;
}
.messageList .b-content .listSearchDesc {
  font-size: 114%;
  padding: 12px;
  border-bottom: 1px solid #eee;
}
.messageList .b-content .listThreadUidDesc {
  font-size: 114%;
  padding: 7px 20px 6px 20px;
  background-color: rgba(128, 128, 128, 0.5);
  border-bottom: 1px solid #888;
  color: #fff;
  cursor: pointer;
  text-shadow: 0 1px 0 #000;
  text-align: center;
}
.messageList .b-content .fullThreadsParent {
  height: 25px;
  padding: 3px 5px;
  background-color: #f4f4f4;
  text-align: center;
}
.messageListItem > div + div {
  display: flex;
  overflow: hidden;
  padding: 5px 0 5px 5px;
  width: 100%;
}
.messageListItem {
  cursor: pointer;
  border: 0;
  border-bottom: 1px solid rgba(153, 153, 153, 0.2);
  border-left: 6px solid transparent;
  display: flex;
  font-size: 90%;
  line-height: 2;
  position: relative;
  /*
	> * {
		display: flex;
		flex: 0 0 auto;
		order: 0;
	}
*/
}
.messageListItem.focused {
  background-color: rgba(128, 128, 128, 0.1);
  border-left-color: #ccc;
  border-right-color: #ccc !important;
}
.messageListItem.priorityHigh .subjectParent::before {
  content: '! ';
  /*❗*/
  color: red;
  font-weight: bolder;
}
.messageListItem .messageCheckbox {
  font-size: 114%;
  padding: 5px 0.5em 0;
  white-space: nowrap;
}
.messageListItem .checkboxMessage {
  display: inline;
}
.messageListItem time,
.messageListItem .sizeParent {
  margin: 0 5px 0 0;
  opacity: 0.7;
  font-size: 80%;
  white-space: nowrap;
  min-width: 3.5em;
  text-align: var(--right, right);
}
.messageListItem .senderParent,
.messageListItem .subjectParent {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.messageListItem .senderParent {
  flex: 0 0 25%;
}
.messageListItem .subjectParent {
  flex: 1 1 auto;
}
.messageListItem .subjectParent:empty {
  font-style: italic;
  opacity: 0.5;
}
.messageListItem .threadsCountParent {
  display: inline;
  overflow: hidden;
  background-color: #eee;
  padding: 1px 5px;
  margin-right: 5px;
  border: 1px solid #ccc;
  border-radius: var(--border-radius, 5px);
}
.messageListItem .threadsCountParent.lastSelected {
  background-color: #999;
  border-color: #999;
  color: #fff;
}
.messageListItem .threadsCountParent:hover {
  border-color: #666;
}
.messageListItem .threads-len {
  border-radius: var(--border-radius, 5px);
  border: 1px solid #ccc;
  font-size: 80%;
  padding: 0 4px;
  white-space: nowrap;
}
.messageListItem .threads-len:hover {
  background-color: rgba(127, 127, 127, 0.3);
  border-color: #666;
}
.messageListItem .threads-len::after {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  --tachyon-icon: var(--icon-chevron-right);
  -webkit-mask: var(--tachyon-icon) no-repeat center / contain;
  mask: var(--tachyon-icon) no-repeat center / contain;
}
.messageListItem .replyFlag,
.messageListItem .forwardFlag {
  margin-right: 0.25em;
}
.messageListItem.unseen {
  background-color: rgba(255, 255, 64, 0.15);
  border-left-color: orange;
  border-right-color: orange !important;
}
.messageListItem.unseen .senderParent,
.messageListItem.unseen .subjectParent {
  font-weight: bold;
}
.messageListItem.unseen.focused {
  border-left-color: #cc8400;
  border-right-color: #cc8400 !important;
}
.messageListItem [data-unseen] {
  background-color: rgba(255, 255, 64, 0.15);
  border-color: orange;
}
.messageListItem.checked {
  border-left-color: #69a8f5;
  border-right-color: #69a8f5 !important;
}
.messageListItem.checked.focused {
  border-left-color: #217ef0;
  border-right-color: #217ef0 !important;
}
.messageListItem.selected {
  background-color: rgba(140, 200, 255, 0.3);
  border-bottom-color: rgba(57, 140, 242, 0.2);
  border-left-color: #398CF2;
  border-right-color: #398CF2 !important;
  z-index: 101;
}
.messageListItem .attachmentParent,
.messageListItem .flagParent {
  margin: 0 10px 0 5px;
  min-width: 1em;
}
.messageListItem .flagParent::after {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  --tachyon-icon: var(--icon-star-off);
  -webkit-mask: var(--tachyon-icon) no-repeat center / contain;
  mask: var(--tachyon-icon) no-repeat center / contain;
  /*⚐*/
}
.messageListItem.msgflag-\\flagged .flagParent::after,
.messageListItem.hasFlaggedSubMessage .flagParent::after {
  color: orange;
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  --tachyon-icon: var(--icon-star);
  -webkit-mask: var(--tachyon-icon) no-repeat center / contain;
  mask: var(--tachyon-icon) no-repeat center / contain;
  /*⚑*/
}
.messageListItem:not(.msgflag-\\flagged):not(.hasFlaggedSubMessage) .flagParent:not(:hover)::after {
  opacity: 0.5;
}
.messageListItem.msgflag-\\answered .senderParent::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  --tachyon-icon: var(--icon-arrow-left);
  -webkit-mask: var(--tachyon-icon) no-repeat center / contain;
  mask: var(--tachyon-icon) no-repeat center / contain;
}
.messageListItem.msgflag-\$forwarded .senderParent::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  --tachyon-icon: var(--icon-arrow-right);
  -webkit-mask: var(--tachyon-icon) no-repeat center / contain;
  mask: var(--tachyon-icon) no-repeat center / contain;
}
.messageListItem.msgflag-\\answered.msgflag-\$forwarded .senderParent::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  --tachyon-icon: var(--icon-arrow-left-right);
  -webkit-mask: var(--tachyon-icon) no-repeat center / contain;
  mask: var(--tachyon-icon) no-repeat center / contain;
}
.messageListItem.msgflag-\\deleted {
  opacity: 0.7;
}
.messageListItem.msgflag-\\deleted .subjectParent {
  text-decoration: line-through;
}
html:not(.sm-msgView-bottom):not(.sm-msgView-side) .message-selected #V-MailMessageList {
  display: none;
}
@media screen and (max-width: 799px) {
  #V-MailMessageList .btn-toolbar:not(.hasChecked) .onCheckedShow,
  #V-MailMessageList .hasChecked .onCheckedHide {
    display: none;
  }
}
@media screen and (min-width: 800px) {
  .messageList .listDragOver {
    transition: all 400ms ease;
  }
  .hideMessageListCheckbox .checkboxCheckAll {
    visibility: hidden;
  }
  .hideMessageListCheckbox .checkboxMessage {
    display: none;
  }
  .sm-msgView-side #V-MailMessageList {
    width: unset;
  }
  .sm-msgView-side #V-MailMessageList .messageList {
    max-width: 50vw;
    min-width: 320px;
    overflow: auto;
    resize: horizontal;
    width: 35vw;
  }
  .sm-msgView-bottom #V-MailMessageList {
    height: unset;
    width: unset;
  }
  .sm-msgView-bottom #V-MailMessageList .messageList {
    height: 35vh;
    max-height: 50vh;
    min-height: 200px;
    overflow: auto;
    resize: vertical;
  }
}
#messagesDragImage {
  color: #fff;
  background-color: #000;
  height: 20px;
  min-width: 30px;
  padding: 4px 10px;
  position: fixed;
  right: -100px;
  top: 0;
}
.sm-msgView-side .messageListItem > div + div,
.rl-mobile .messageListItem > div + div {
  flex-wrap: wrap;
}
.sm-msgView-side .messageListItem,
.rl-mobile .messageListItem {
  line-height: 1.5;
}
.sm-msgView-side .messageListItem .messageCheckbox,
.rl-mobile .messageListItem .messageCheckbox {
  padding-top: 0.8em;
}
.sm-msgView-side .messageListItem .senderParent,
.rl-mobile .messageListItem .senderParent {
  flex: 1 0 25%;
}
.sm-msgView-side .messageListItem .subjectParent,
.rl-mobile .messageListItem .subjectParent {
  flex: 1 0 auto;
  line-height: 16px;
  order: 1;
  width: calc(100% - 120px);
}
.sm-msgView-side .messageListItem .flagParent,
.rl-mobile .messageListItem .flagParent {
  order: 1;
}
.sm-msgView-side .messageListItem .sizeParent,
.rl-mobile .messageListItem .sizeParent {
  order: 2;
}
.sm-msgView-side .messageListItem .attachmentParent,
.rl-mobile .messageListItem .attachmentParent {
  order: 3;
}
#V-MailMessageView {
  flex-grow: 1;
  overflow: auto;
  padding-bottom: 8px;
}
#V-MailMessageView .b-message-view-backdrop {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 10;
  text-align: center;
}
#V-MailMessageView .b-message-view-backdrop .backdrop-message {
  position: relative;
  display: inline-block;
  color: white;
  font-size: 143%;
  line-height: 30px;
  background: rgba(0, 0, 0, 0.6);
  padding: 15px;
  border-radius: var(--border-radius, 5px);
  text-shadow: 0 1px 1px #000;
  transform: translateY(-50%);
  top: 50%;
}
#V-MailMessageView .top-toolbar {
  color: #fff;
  padding: 10px 0;
  visibility: visible;
}
.messageView {
  background-color: var(--panel-bg-clr, #fff);
  border: 1px solid var(--border-color, #aaa);
  border-radius: var(--border-radius, 5px);
  height: calc(100% - 50px);
  position: relative;
}
.messageView .priorityHigh .subject::before {
  content: '! ';
  /*❗*/
  color: red;
  font-weight: bolder;
}
.messageView .b-message {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.messageView .b-message-view-checked-helper {
  text-align: center;
  font-size: 70px;
  padding-top: 25vh;
  opacity: 0.6;
}
.messageView .b-message-view-checked-helper::after {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  --tachyon-icon: var(--icon-mail);
  -webkit-mask: var(--tachyon-icon) no-repeat center / contain;
  mask: var(--tachyon-icon) no-repeat center / contain;
}
.messageView .b-message-view-desc {
  text-align: center;
  font-size: 171%;
  line-height: 30px;
  color: #999;
  padding: 25vh 10px 0;
}
.messageView .b-message-view-desc.error {
  color: #DA4F49;
}
.messageView .message-fixed-button-toolbar {
  z-index: 100;
  position: absolute;
  top: 33px;
  right: 10px;
}
.messageView .infoParent {
  cursor: pointer;
  opacity: 0.5;
}
.messageView .infoParent:hover {
  opacity: 1;
}
.messageView .flagParent {
  cursor: pointer;
}
.messageView .flagParent .flagOn {
  color: orange;
}
.messageView .flagParent.flagOff:not(:hover) {
  opacity: 0.5;
}
.messageView .messageTags {
  align-items: baseline;
  display: flex;
}
.messageView .messageTags > * {
  flex: 0 0 0;
}
.messageView .messageAssignedTags {
  flex: 1 0 0;
}
.messageView .messageAssignedTags span {
  border: 1px solid #808080;
  line-height: 2;
  padding: 2px;
  white-space: nowrap;
}
.messageView .messageItemHeader {
  background-color: var(--message-header-bg-clr, #eee);
  border-bottom: 1px solid var(--border-color, #bbb);
  border-radius: var(--border-radius, 5px) var(--border-radius, 5px) 0 0;
  padding: 10px;
  flex-shrink: 0;
  word-break: keep-all;
}
.messageView .messageItemHeader [class^="icon-"] + span {
  margin-left: 0.25em;
}
.messageView .messageItemHeader .subjectParent {
  display: flex;
  font-size: 128%;
  font-weight: bold;
}
.messageView .messageItemHeader .subject {
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0 0.25em;
}
.messageView .messageItemHeader .subject:empty {
  font-style: italic;
  opacity: 0.5;
}
.messageView .messageItemHeader .informationShort {
  margin: 0 56px 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.messageView .messageItemHeader .informationShort a {
  color: var(--link-color, #369);
  cursor: pointer;
  padding: 2px;
  text-decoration: underline;
}
.messageView .messageItemHeader .informationShort a:focus {
  outline: 1px;
  outline-style: dotted;
}
.messageView .messageItemHeader .informationShortWrp {
  max-height: 100px;
  overflow-y: auto;
}
.messageView .messageItemHeader .informationFull table {
  border-spacing: 0;
  width: 100%;
}
.messageView .messageItemHeader .informationFull td {
  padding: 4px;
  vertical-align: top;
  min-width: 43px;
}
.messageView .messageItemHeader .informationFull td:first-child {
  border-right: 1px solid #999;
  text-align: var(--right, right);
  white-space: nowrap;
  width: 1%;
}
.messageView .messageItemHeader .hasVirus {
  background: #f00;
  color: #fff;
  padding: 3px;
}
.messageView .crypto-control {
  padding: 0.5em;
}
.messageView .crypto-control span {
  margin-right: 1em;
}
.messageView .crypto-control button {
  cursor: pointer;
}
.messageView .crypto-control.encrypted {
  border: 1px dashed #18F;
  color: #18F;
}
.messageView .crypto-control.signed {
  border: 1px dashed #FA0;
  color: #FA0;
}
.messageView .crypto-control.success {
  border-color: #090;
  color: #090;
}
.messageView .crypto-control.error {
  border-color: #F00;
  color: #F00;
}
.messageView .crypto-control.error button,
.messageView .crypto-control.success button {
  display: none;
}
.messageView .thread-controls .dropdown-toggle {
  padding-left: 10px;
  padding-right: 10px;
}
.messageView .thread-controls.open .dropdown-toggle {
  padding-left: 10px;
  padding-right: 10px;
}
#V-MailMessageView.focused .messageView {
  border-color: #9d9d9d;
  box-shadow: var(--smMainShadow);
}
#messageItem {
  height: 100%;
  overflow: auto;
  scroll-behavior: smooth;
}
#messageItem .loading {
  text-align: center;
  font-size: 171%;
  color: grey;
  padding: 50px 0;
}
#messageItem .bodySubHeader {
  background-color: var(--message-header-bg-clr, #eee);
}
#messageItem .bodySubHeader > * {
  border-bottom: 1px solid var(--border-color, #bbb);
  cursor: pointer;
  padding: 10px;
}
#messageItem .pgpInfo {
  padding: 5px 15px;
  border-bottom: 1px solid var(--border-color, #bbb);
  background-color: #fcf8e3;
}
#messageItem .pgpInfo.success {
  background-color: #e9f4ff;
}
#messageItem .attachmentsPlace {
  border-bottom: 1px solid var(--border-color, #bbb);
  position: relative;
}
#messageItem .attachmentsPlace:not(.selection-mode) .checkboxAttachment {
  display: none;
}
#messageItem .attachmentsPlace .controls-handle {
  position: absolute;
  bottom: 5px;
  right: 8px;
  color: #999;
  cursor: pointer;
}
#messageItem .attachmentsControls {
  padding-top: 7px;
  border-top: 1px solid var(--border-color, #bbb);
}
#messageItem .attachmentsControls > * {
  display: inline-block;
  margin-right: 0.5em;
  white-space: nowrap;
}
#messageItem .sm-bq-switcher > summary {
  border: 1px solid #999;
  cursor: pointer;
  line-height: 1em;
  margin: 2em 0 10px;
  opacity: 0.5;
  padding: 0 0.5em;
  text-align: center;
  width: fit-content;
}
#messageItem .sm-bq-switcher > summary:hover {
  opacity: 1;
}
#messageItem .b-text-part {
  height: 100%;
  padding: 10px;
  position: relative;
  /*
		&.openpgp-signed,
		&.openpgp-encrypted {
			border: 1px dashed #FA0;

			&.success {
				border-color: green;
				background-color: rgba(0, 255, 0, 0.03);
			}
			&.error {
				border-color: red;
				background-color: rgba(255, 0, 0, 0.03);
			}
		}
*/
}
#messageItem .b-text-part.swapColors {
  background-color: var(--main-color, currentcolor);
  color: var(--main-bg-color);
}
#messageItem .b-text-part * {
  box-sizing: unset;
  /*			unicode-bidi: plaintext;*/
}
#messageItem .b-text-part a {
  color: var(--link-color, blue);
  text-decoration: underline;
}
#messageItem .b-text-part a:visited {
  color: #609;
}
#messageItem .b-text-part a:active {
  color: red;
}
#messageItem .b-text-part blockquote {
  border-left: 2px solid #000;
  opacity: 0.8;
  padding: 0 10px;
  margin: 0;
}
#messageItem .b-text-part blockquote blockquote {
  opacity: 1;
}
#messageItem .b-text-part.html img {
  max-width: 100%;
  height: auto;
}
#messageItem .b-text-part.html img[data-x-src]:not([src]) {
  border: 1px solid #999;
  line-height: 1;
  padding-left: 1.1em;
  position: relative;
}
#messageItem .b-text-part.html img[data-x-src]:not([src])::after {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  --tachyon-icon: var(--icon-image);
  -webkit-mask: var(--tachyon-icon) no-repeat center / contain;
  mask: var(--tachyon-icon) no-repeat center / contain;
  position: absolute;
  top: 0;
  left: 0;
  color: #000;
  background-color: #fff;
}
#messageItem .b-text-part.html img[data-x-src]:not([src]):hover::after {
  content: attr(data-x-src);
  font-family: var(--fontSans);
  font-size: 80%;
  height: auto;
  transform: translate(-25%, 0);
  width: fit-content;
  z-index: 1000;
}
#messageItem .b-text-part.html pre,
#messageItem .b-text-part.html code {
  margin: 0;
  border: none;
  word-break: normal;
  word-wrap: break-word;
}
#messageItem .b-text-part.html code {
  border-radius: 0;
  display: inline;
  padding: 2px 5px;
}
#messageItem .b-text-part.html pre {
  border-radius: var(--border-radius, 5px);
  display: block;
  padding: 5px 10px;
}
#messageItem .b-text-part.html pre > code {
  padding: 0;
}
#messageItem .b-text-part.plain {
  white-space: pre-wrap;
  font-family: var(--fontMono);
}
#messageItem .b-text-part.plain pre {
  margin: 0;
  padding: 0;
  border: none;
  display: block;
  word-break: normal;
}
.mailvelope iframe {
  min-height: 400px;
}
html:not(.sm-msgView-bottom):not(.sm-msgView-side) #rl-right:not(.message-selected) #V-MailMessageView {
  display: none;
}
@media screen and (max-width: 1400px) {
  html.sm-msgView-side #V-MailMessageView .top-toolbar {
    visibility: hidden;
  }
}
html.sm-msgView-bottom #V-MailMessageView .top-toolbar {
  display: none;
}
html.sm-msgView-bottom .messageView {
  height: 100%;
}
/*
@media all and (display-mode: fullscreen) {
*/
html.rl-fullscreen #rl-left,
html.rl-fullscreen #V-MailMessageList,
html.rl-fullscreen #V-SettingsPane,
html.rl-fullscreen #V-SystemDropDown,
html.rl-fullscreen #V-MailMessageView .top-toolbar {
  display: none !important;
}
html.rl-fullscreen .messageView {
  border: 0;
}
#V-PopupsContacts {
  height: 100vh;
  height: 100dvh;
  max-width: 900px;
  min-height: 300px;
  /* Left */
  /* Right */
}
#V-PopupsContacts .control-group label.iconsize24 {
  padding-top: 0;
  width: 50px;
}
#V-PopupsContacts .modal-body {
  display: flex;
  height: 100%;
  padding: 0;
}
#V-PopupsContacts .left {
  max-width: 30%;
  display: flex;
  flex-direction: column;
}
#V-PopupsContacts .b-list-toolbar {
  padding: 0;
  min-height: 44px;
  text-align: center;
  border-bottom: 1px solid var(--border-color, #ddd);
  flex-shrink: 0;
}
#V-PopupsContacts .b-list-toolbar .e-search {
  margin: 7px 0 0;
  width: calc(100% - 10px);
}
#V-PopupsContacts .b-list-toolbar .e-category-filter {
  margin: 4px 0 5px;
  width: calc(100% - 10px);
}
#V-PopupsContacts .b-list-footer-toolbar {
  height: 46px;
  border-top: 1px solid var(--border-color, #ddd);
  flex-shrink: 0;
}
#V-PopupsContacts .b-list-footer-toolbar .footer-pager {
  padding: 8px 10px 0 0;
  text-align: var(--right, right);
}
#V-PopupsContacts .b-list-content {
  flex: 1;
  min-height: 0;
  overflow: hidden;
  overflow-y: auto;
  scroll-behavior: smooth;
}
#V-PopupsContacts .b-list-content .listClear {
  text-align: center;
  padding: 10px;
  line-height: 13px;
  box-shadow: inset 0 -1px 0 #ccc;
}
#V-PopupsContacts .b-list-content .listEmptyList,
#V-PopupsContacts .b-list-content .listEmptyListLoading,
#V-PopupsContacts .b-list-content .listEmptySearchList {
  color: #999;
  text-align: center;
  padding: 60px 10px;
  font-size: 171%;
  line-height: 30px;
}
#V-PopupsContacts .e-contact-item {
  display: flex;
  height: 55px;
  max-height: 45px;
  line-height: 45px;
  overflow: hidden;
  cursor: pointer;
  position: relative;
  margin: 0;
  border-left: 6px solid #eee;
  border-bottom: 1px solid var(--border-color, #ddd) !important;
  /* Marks a contact the CardDAV server knows about, so it is clear which
		   ones "delete local contacts" leaves alone */
}
#V-PopupsContacts .e-contact-item.focused {
  border-color: #bbb;
}
#V-PopupsContacts .e-contact-item.deleted {
  max-height: 0;
  border-color: transparent !important;
}
#V-PopupsContacts .e-contact-item .checkboxItem {
  line-height: 45px;
  padding: 0 8px 0 6px;
}
#V-PopupsContacts .e-contact-item .nameParent {
  font-size: 114%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
#V-PopupsContacts .e-contact-item .syncedItem {
  flex: 0 0 auto;
  line-height: 45px;
  opacity: 0.45;
  padding: 0 8px;
}
#V-PopupsContacts .e-contact-item.checked {
  border-color: #69A8F5;
}
#V-PopupsContacts .e-contact-item.checked.focused {
  border-color: #519af3;
}
#V-PopupsContacts .e-contact-item.selected {
  background-color: rgba(140, 200, 255, 0.3);
  border-color: #398CF2;
}
#V-PopupsContacts .e-contact-item.selected.focused {
  border-color: #217ef0;
}
#V-PopupsContacts .right {
  border-left: 1px solid var(--border-color, #ddd);
  max-width: 600px;
  width: 100%;
}
#V-PopupsContacts .b-view-content-toolbar {
  border-top: 1px solid var(--border-color, #ddd);
  padding: 7px;
  text-align: var(--right, right);
}
#V-PopupsContacts .b-view-content-toolbar .dropdown-menu.right-edge {
  top: auto;
  bottom: 100%;
}
#V-PopupsContacts .b-view-content {
  height: calc(100% - 46px);
  margin: 0;
  overflow: auto;
}
#V-PopupsContacts .b-view-content :not(.e-checkbox) > span {
  height: 20px;
  line-height: 20px;
  padding: 5px 7px;
  font-size: 128%;
  display: none;
}
#V-PopupsContacts .b-view-content .b-contact-view-desc {
  text-align: center;
  font-size: 171%;
  line-height: 30px;
  padding-top: 120px;
  color: #999;
}
#V-PopupsContacts .b-view-content .property-line {
  align-items: flex-start;
  display: flex;
  gap: 4px;
  margin-bottom: 5px;
}
#V-PopupsContacts .b-view-content .property-line > input:not([type='checkbox']),
#V-PopupsContacts .b-view-content .property-line > textarea {
  flex: 1 1 auto;
  min-width: 0;
}
#V-PopupsContacts .b-view-content .property-line > .btn {
  flex: 0 0 auto;
}
#V-PopupsContacts .b-view-content .control-group > label:not(.iconsize24) {
  text-align: left;
}
#V-PopupsContacts .b-view-content .adr-type {
  max-width: 160px;
}
#V-PopupsContacts .b-view-content input:not([type='checkbox']),
#V-PopupsContacts .b-view-content textarea {
  width: 70vw;
  max-width: 400px;
}
#V-PopupsContacts .read-only-sign {
  display: none;
  position: absolute;
  top: 20px;
  right: 40px;
}
#V-PopupsContacts .read-only span,
#V-PopupsContacts .read-only .e-read-only-sign {
  display: inline-block;
}
#V-PopupsContacts .read-only input,
#V-PopupsContacts .read-only textarea {
  display: none;
}
#V-PopupsContacts .tab-content {
  grid-column-end: 4;
  padding-top: 20px;
}
@media screen and (min-width: 800px) {
  .hideContactListCheckbox .checkboxItem {
    visibility: hidden;
  }
}
@media screen and (max-width: 799px) {
  #V-PopupsContacts {
    width: 100%;
  }
  /*
	 * The toolbar wraps once there is no room for every control, and a menu
	 * anchored to its own button then opens wherever that button landed. The
	 * right-edge menus align their right side to the button, so a button that
	 * wrapped to the start of the second line put most of the menu off the left
	 * of the screen: at 360px the ☰ menu measured -112px to 50px.
	 *
	 * Anchoring to the header instead of the button removes the dependency on
	 * where the button ended up. position: static on the group hands the menu's
	 * containing block to the header, and pinning both edges makes it span the
	 * width whatever opened it.
	 */
  #V-PopupsContacts .b-header-toolbar {
    position: relative;
  }
  #V-PopupsContacts .b-header-toolbar .btn-group.dropdown {
    position: static;
  }
  #V-PopupsContacts .b-header-toolbar .dropdown-menu {
    left: 8px;
    right: 8px;
    max-width: none;
  }
}
#V-PopupsContacts .e-selection-count {
  align-self: center;
  padding: 0 0.5em;
  opacity: 0.8;
  white-space: nowrap;
}
#V-PopupsContacts .b-view-content .tag-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-bottom: 5px;
}
#V-PopupsContacts .b-view-content .tag-chips > .tag-chip {
  align-items: center;
  background-color: #eee;
  border: 1px solid #aaa;
  border-radius: 1em;
  color: #555;
  display: inline-flex;
  font-size: inherit;
  gap: 4px;
  height: auto;
  line-height: normal;
  max-width: 100%;
  padding: 1px 4px 1px 10px;
}
#V-PopupsContacts .b-view-content .tag-chips > .tag-chip > span {
  display: inline;
  font-size: inherit;
  height: auto;
  line-height: normal;
  overflow: hidden;
  padding: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#V-PopupsContacts .b-view-content .tag-chip .icon-x {
  color: #999;
  font-size: 0.8em;
  text-decoration: none;
}
#V-PopupsContacts .b-view-content .tag-chip .icon-x:hover {
  color: #666;
}
#V-PopupsContacts .b-view-content #contact-tag-input {
  max-width: 260px;
}
#V-PopupsContacts .tags-hint {
  font-size: 0.85em;
  opacity: 0.7;
  margin: 0 0 0.4em;
}
/* Brief confirmation beside the save button, since saving a contact otherwise
   changes nothing on screen */
#V-PopupsContacts .contact-saved-notice {
  font-size: 0.85em;
  margin-left: 0.6em;
  opacity: 0.75;
}
#V-PopupsContacts {
  /* Each address is its own block, so the parts do not run together when a
	   contact has both a home and a work one */
}
#V-PopupsContacts .contact-photo {
  align-items: center;
  display: flex;
  gap: 0.6em;
}
#V-PopupsContacts .contact-photo img {
  border-radius: 4px;
  height: 64px;
  object-fit: cover;
  width: 64px;
}
#V-PopupsContacts .contact-photo input[type="file"] {
  font-size: 0.85em;
  max-width: 220px;
}
#V-PopupsContacts .adr-group {
  border-top: 1px solid var(--border-color, #ddd);
  padding-top: 0.5em;
}
#V-PopupsContacts .adr-group:first-child {
  border-top: 0;
}
#V-PopupsContacts .adr-group select {
  margin-bottom: 0.3em;
}
#V-PopupsCalendar {
  height: 100vh;
  height: 100dvh;
  max-width: 1200px;
  min-height: 300px;
  /* The component measures its container, so this must have a real height */
}
#V-PopupsCalendar .b-header-toolbar {
  /* Keeps the navigation and sync buttons a consistent size */
  /*
		 * The icon font carries no left arrow and no refresh glyph, so the right
		 * arrow is mirrored and the sync button draws its own. Both take their
		 * colour from the button, unlike the emoji that were here before.
		 */
}
#V-PopupsCalendar .b-header-toolbar .btn.active {
  font-weight: bold;
}
#V-PopupsCalendar .b-header-toolbar .b-calendar-icon {
  min-width: 2em;
  text-align: center;
  line-height: 1;
}
#V-PopupsCalendar .b-header-toolbar .b-calendar-flip::before {
  display: inline-block;
  transform: rotate(180deg);
}
#V-PopupsCalendar .b-header-toolbar .b-calendar-svg {
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
}
#V-PopupsCalendar .b-calendar-title {
  padding: 0 1em;
  font-weight: bold;
  white-space: nowrap;
}
#V-PopupsCalendar .b-calendar-loading {
  padding-left: 0.5em;
}
#V-PopupsCalendar .modal-body {
  display: flex;
  height: 100%;
  padding: 0;
}
#V-PopupsCalendar .left {
  max-width: 30%;
  min-width: 180px;
  display: flex;
  flex-direction: column;
  border-right: 1px solid var(--border-color, #ddd);
}
#V-PopupsCalendar .right {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-width: 0;
  position: relative;
}
#V-PopupsCalendar .b-calendar-list {
  overflow-y: auto;
  padding: 0.5em;
}
#V-PopupsCalendar .b-calendar-list .e-calendar-item {
  display: flex;
  align-items: center;
  gap: 0.4em;
  padding: 0.25em 0;
  margin: 0;
  cursor: pointer;
}
#V-PopupsCalendar .b-calendar-list .e-calendar-color {
  width: 0.8em;
  height: 0.8em;
  border-radius: 2px;
  border: 1px solid var(--border-color, #ddd);
  flex: none;
}
#V-PopupsCalendar .b-calendar-list .e-calendar-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#V-PopupsCalendar .b-calendar-list .e-calendar-readonly {
  opacity: 0.6;
  flex: none;
}
#V-PopupsCalendar .b-calendar-error {
  padding: 0.5em 1em;
  color: #a94442;
}
#V-PopupsCalendar .b-calendar-grid {
  flex: 1;
  min-height: 0;
  overflow: hidden;
}
#V-PopupsCalendar .b-calendar-editor {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.35);
  z-index: 10;
}
#V-PopupsCalendar .b-calendar-editor-form {
  background: var(--dialog-bg-clr, #fff);
  border: 1px solid var(--border-color, #ddd);
  border-radius: var(--dialog-border-radius, 6px);
  padding: 1em;
  max-width: 480px;
  width: 90%;
  max-height: 90%;
  overflow-y: auto;
  /* Date and time share a row when the event is not all day, so neither can
		   take the full width the rule above gives them. The element is in the
		   selector deliberately: input[type="date"] there is one step more
		   specific than a bare class, so a class alone quietly lost and the date
		   filled the row while the time hung out of the modal. */
  /* Ours rather than a native time input, whose format follows the browser
		   locale and ignores the hour cycle set in this app. */
}
#V-PopupsCalendar .b-calendar-editor-form .b-calendar-editor-note {
  margin-bottom: 0.75em;
  padding: 0.5em;
  border-radius: var(--border-radius, 5px);
  background: var(--dropdown-menu-hover-bg-color, rgba(128, 128, 128, 0.16));
  font-size: 0.9em;
}
#V-PopupsCalendar .b-calendar-editor-form .control-group {
  margin-bottom: 0.5em;
}
#V-PopupsCalendar .b-calendar-editor-form .b-calendar-editor-static {
  display: inline-block;
  padding: 0.2em 0;
  opacity: 0.85;
}
#V-PopupsCalendar .b-calendar-editor-form label {
  display: block;
  font-weight: bold;
}
#V-PopupsCalendar .b-calendar-editor-form input[type="text"],
#V-PopupsCalendar .b-calendar-editor-form input[type="date"],
#V-PopupsCalendar .b-calendar-editor-form select,
#V-PopupsCalendar .b-calendar-editor-form textarea {
  width: 100%;
  box-sizing: border-box;
}
#V-PopupsCalendar .b-calendar-editor-form .b-calendar-when {
  display: flex;
  align-items: center;
  gap: 6px;
}
#V-PopupsCalendar .b-calendar-editor-form input.b-calendar-date {
  flex: 1 1 auto;
  min-width: 0;
  width: auto;
}
#V-PopupsCalendar .b-calendar-editor-form input.b-calendar-time {
  flex: 0 0 auto;
  text-align: center;
  width: 6.5em;
}
#V-PopupsCalendar .b-calendar-editor-form .b-calendar-editor-error {
  margin: 0.75em 0 0;
}
#V-PopupsCalendar .b-calendar-editor-form .buttons {
  margin-top: 1em;
  display: flex;
  gap: 0.5em;
}
@media screen and (max-width: 799px) {
  #V-PopupsCalendar {
    width: 100%;
  }
  #V-PopupsCalendar .left {
    display: none;
  }
}
/* The picker's opener and the field it belongs to. The field is filled by the
   picker rather than typed into, so it has to look like something you press. */
.b-date-open {
  background: none;
  border: 1px solid var(--btn-border-clr, rgba(0, 0, 0, 0.2));
  border-radius: 3px;
  color: inherit;
  cursor: pointer;
  flex: 0 0 auto;
  line-height: 1;
  margin-left: 4px;
  padding: 4px 6px;
}
.b-date-open:hover {
  background-color: var(--dropdown-menu-hover-bg-color, rgba(0, 0, 0, 0.08));
}
input[readonly].b-calendar-date,
input[readonly].b-date-field {
  cursor: pointer;
}
.mailvelope-icon {
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACjElEQVQ4y2XTXWjVdRgH8M/vf457OUVJzc7U5myWmysrFROKjFyUgqasEsNIrFFetC5KYkXMdVP0chne1MVWUBGWnlAKcogLJmiGXciUkaPtHPYSWumo6XbOv4v/afbyXP14+H6/z8vv+Qb/iNijEdFK4p1Yh1sQ4WccJe4h9Ae54t+ccJW88VpSb+NZdZWVmm+muR4xgwVODzM0dQWfEb0Q7L80KxDbmCH6irDO82uCHZvIVJMfT9Tn11Askevlnd7YdOk4xYeCg5PpBBG9R2gB9bXkjrD/GIXLSYlsBetX0NZK/cLgue41pLrxeIhtuZP4R6uyvPoEVdUcOMKH3/tf3FXDx6/x6de89W1MfH+qS2MnxdVynYyeZzDPM1sYHeH2LJMX2XAHjTfSN8zkOO1P8v6hQLQgjRZLarlhLk/vxTW0b6XjKaoqmJomjslUsrqPjn28tIOVi/lh+O4Ii61dQmEs2WnrUobHad3DR4eoruCxPXz+DQ+sSDAD51jbBDdFYKZ0dc4Hl5EvkJ/itiwjBfKXqath4tfyn8ekEmqEIf3nWJBFKRml/3QCzFzH4VPl/Dy+G0jyyxroOwMTafT6aazJxUlefpjXe7gwnbTa2c0v5ff5C2y+l/saSQdODCGcSnVpzJPaJT0ZtG+j9ySDvyeVfpvhSpwInDzL8vnJZb7yAaN/ILSl3nB2vEtTjRP5eyzKsHs7188wMZaQ5wQWVbFpFQ31bN/L6J+wL8i9W77Emd2kb9XxxSMK48HW9WzbwMhYsrDaeZRKfHkYUYzjlHb+x0ytVRTfxC51ldWaF7K0jjkpzuQZmDXTJxRfDA5e+pdAIrI5Il5OaEMLGsqYsp31EI4FB2bt/Bf/WNuibWZY5gAAAABJRU5ErkJggg==') center / contain no-repeat;
  display: inline-block;
  height: 1em;
  width: 1em;
}
#V-PopupsCompose {
  height: 100vh;
  height: 100dvh;
  max-width: min(99vw, 1600px);
  resize: horizontal;
  width: 99%;
}
#V-PopupsCompose .modal-body {
  padding: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
}
#V-PopupsCompose .tabs {
  height: 100%;
  max-height: 100%;
  overflow: auto;
}
#V-PopupsCompose .tabs > label > * + * {
  margin-left: 0.5em;
}
#V-PopupsCompose .tabs .tab-content {
  overflow: auto;
}
#V-PopupsCompose .textAreaParent,
#V-PopupsCompose .attachmentAreaParent {
  height: 100%;
  min-height: 200px;
  position: relative;
}
#V-PopupsCompose .textAreaParent {
  display: flex;
  flex-direction: column;
  /*
		.rl-signature {
			border-top: 1px solid rgba(128,128,128,0.7);
		}
*/
}
#V-PopupsCompose .attachmentAreaParent {
  border-top: 1px solid #ccc;
  overflow-y: auto;
  padding: 10px;
}
#V-PopupsCompose .no-attachments-desc {
  padding-top: 50px;
  text-align: center;
  font-size: 171%;
  opacity: 0.5;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
#V-PopupsCompose header {
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
}
#V-PopupsCompose header .close,
#V-PopupsCompose header .minimize-custom {
  border-color: #eee;
  float: none;
  font-size: 171%;
  opacity: 1;
  line-height: 28px;
  margin-left: 0.7em;
}
#V-PopupsCompose header .button-save,
#V-PopupsCompose header .button-delete,
#V-PopupsCompose header .saved-text {
  margin-left: 8px;
}
#V-PopupsCompose header .button-delete.disabled {
  visibility: hidden;
}
#V-PopupsCompose header .pull-right * {
  vertical-align: top;
}
#V-PopupsCompose .b-header {
  padding: 10px;
  background-color: rgba(128, 128, 128, 0.2);
}
#V-PopupsCompose .b-header table {
  border-collapse: collapse;
  width: 100%;
}
#V-PopupsCompose .b-header td {
  vertical-align: baseline;
  padding: 2px 0;
}
#V-PopupsCompose .b-header td:first-child {
  padding: 0 10px 0 0;
  text-align: var(--right, right);
  white-space: nowrap;
  width: 4em;
}
#V-PopupsCompose .b-header #identity-toggle {
  color: var(--main-color);
  margin-left: 6px;
  text-decoration: none;
}
#V-PopupsCompose .b-header #identity-toggle::after {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  --tachyon-icon: var(--icon-chevron-down);
  -webkit-mask: var(--tachyon-icon) no-repeat center / contain;
  mask: var(--tachyon-icon) no-repeat center / contain;
}
#V-PopupsCompose .b-header input[type="text"] {
  width: 100%;
}
#V-PopupsCompose .b-header .error-desc {
  color: red;
}
#V-PopupsCompose .b-header .error-to {
  color: red;
  font-weight: bold;
}
#V-PopupsCompose .b-attachment-button {
  display: inline-block;
}
#V-PopupsCompose .b-attachment-place {
  position: absolute;
  left: 5px;
  right: 5px;
  top: 5px;
  bottom: 5px;
  border: 2px var(--border-color, #ddd) dashed;
  z-index: 300;
  line-height: 119px;
  text-align: center;
  background-color: var(--dialog-bg-clr, #fff);
  font-size: 171%;
  border-radius: 10px;
  opacity: 0.9;
}
#V-PopupsCompose .b-attachment-place.dragAndDropOver {
  border-color: var(--main-color, #fff);
  opacity: 1;
}
.minimize-custom {
  border: 0 solid #333;
  border-bottom-width: 3px;
  display: inline-block;
  height: 20px;
  width: 16px;
  cursor: pointer;
}
.emailaddresses {
  background-color: var(--input-bg-clr, #fff);
  border: 1px solid var(--input-border-clr, #ccc);
  border-radius: var(--input-border-radius, 3px);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  color: var(--input-clr, #555);
  cursor: text;
  font-size: 90%;
  list-style: none;
  margin: 0;
  padding: 0;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  max-height: 5em;
  overflow: auto;
}
.emailaddresses.emailaddresses-focused {
  border-color: var(--input-focus-border-clr, #999);
  box-shadow: none;
}
.emailaddresses li {
  display: inline-block;
}
.emailaddresses li[draggable] {
  background-color: #eee;
  border: 1px solid #aaa;
  border-radius: calc(var(--input-border-radius, 3px) - 1px);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75) inset;
  color: #555;
  cursor: default;
  max-width: 500px;
  overflow: hidden;
  margin: 2px;
  padding: 2px 15px 2px 5px;
  position: relative;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}
.emailaddresses li.pgp {
  background-color: #E5F3E2;
}
.emailaddresses li span {
  padding-right: 3px;
}
.emailaddresses li a {
  font-size: 85%;
  color: #999;
  padding: 1px;
  position: absolute;
  right: 2px;
  text-decoration: none;
  top: 1px;
}
.emailaddresses li a:hover {
  color: #666;
}
.emailaddresses .emailaddresses-input {
  margin: 0 2px;
  padding: 0;
}
#rl-app .emailaddresses input[type="text"],
#rl-app .emailaddresses input[type="text"]:focus,
#rl-app .emailaddresses input[type="text"]:hover {
  border: 0;
  box-shadow: none;
  height: auto;
  line-height: inherit;
  margin: 0;
  min-width: 18em;
  max-width: 500px;
  padding: 4px;
  vertical-align: baseline;
}
.emailaddresses li.emailaddresses-selected,
.emailaddresses li.emailaddresses-selected a {
  background-color: Highlight;
  color: HighlightText;
}
/* Raw comma separated list, shown while the field is in text mode */
#rl-app .emailaddresses-raw,
#rl-app .emailaddresses-raw:focus,
#rl-app .emailaddresses-raw:hover {
  background-color: var(--input-bg-clr, #fff);
  border: 1px solid var(--input-focus-border-clr, #999);
  border-radius: var(--input-border-radius, 3px);
  box-shadow: none;
  box-sizing: border-box;
  color: var(--input-clr, #555);
  display: block;
  font-family: inherit;
  font-size: 90%;
  line-height: 1.4;
  margin: 0;
  min-height: 5em;
  max-height: 15em;
  padding: 4px;
  resize: vertical;
  width: 100%;
}
#V-SettingsMenu nav a {
  background-color: transparent;
  color: var(--settings-menu-color, #333);
  cursor: pointer;
  display: block;
  font-size: 128%;
  line-height: 2em;
  max-height: 2em;
  overflow: hidden;
  padding: 0 10px;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#V-SettingsMenu nav a:focus,
#V-SettingsMenu nav a:hover {
  background-color: var(--settings-menu-hover-bg-color, #333);
  color: var(--settings-menu-hover-color, #eee);
}
#V-SettingsMenu nav a.selected {
  background-color: var(--settings-menu-selected-bg-color, #333);
  color: var(--settings-menu-selected-color, #eee);
}
#V-SettingsPane {
  height: calc(100% - 50px - 8px);
  margin: 50px 8px 0 0;
  padding: 20px;
  width: 100%;
  background-color: var(--panel-bg-clr, #fff);
  border: 1px solid var(--border-color, #aaa);
  border-radius: var(--border-radius, 5px);
  box-shadow: var(--smMainShadow);
  overflow-y: auto;
  scroll-behavior: smooth;
}
#V-SettingsPane .btn-toolbar {
  position: absolute;
  top: 8px;
  left: 8px;
}
#V-SettingsPane td {
  padding: 4px 8px;
  line-height: 30px;
}
.firefox-drag #V-SettingsPane,
.firefox-drag .modal-body {
  overflow: hidden;
}
/* Explains that "Restore keys saved to my account" reads from this server, not
   from a public keyserver. Same muted treatment as the contacts tag hint. */
.pgp-restore-hint {
  font-size: 0.85em;
  max-width: 46em;
  opacity: 0.7;
  margin: 0 0 0.4em;
}
/* Which keyserver the OpenPGP import is on, and which one answered */
.keyserver-status {
  font-size: 0.85em;
  margin: 0.3em 0 0;
  opacity: 0.7;
}
#V-Settings-General .editMainIdentity {
  border-bottom: 1px dashed #555;
  cursor: pointer;
  display: inline-block;
  padding: 5px 0;
}
#V-Settings-Accounts .account-name {
  display: inline-block;
  word-break: break-all;
}
#V-Settings-Accounts .identity-default {
  cursor: pointer;
  color: #ccc;
}
#V-Settings-Accounts .identity-name {
  display: inline-block;
  word-break: break-all;
  cursor: pointer;
}
#V-Settings-Accounts table {
  margin-top: 1em;
}
#V-Settings-Accounts tr {
  white-space: nowrap;
}
#V-Settings-Accounts td + td + td {
  text-align: var(--right, right);
}
#V-Settings-Accounts td:first-child,
#V-Settings-Accounts td:last-child {
  width: 1em;
}
#V-Settings-Accounts .delete {
  cursor: pointer;
  opacity: 0.5;
}
#V-Settings-Accounts .identity-default::before {
  content: '(';
}
#V-Settings-Accounts .identity-default::after {
  content: ')';
}
#V-Settings-Accounts .identities-list tr + tr .identity-default {
  display: none;
}
#V-Settings-Security td * {
  cursor: pointer;
}
#V-Settings-Security td + td {
  width: 1%;
}
#V-Settings-Security .key-user {
  margin: 0 0.5em;
  white-space: nowrap;
}
#V-Settings-Security .delete-key:not(:hover) {
  opacity: 0.7;
}
#V-Settings-Security iframe {
  max-width: 991px;
}
#V-Settings-Folders .folders-list-error {
  margin: 10px 0;
}
#V-Settings-Folders table {
  margin-top: 1em;
}
#V-Settings-Folders td:first-child {
  cursor: pointer;
}
#V-Settings-Folders td + td {
  white-space: nowrap;
  width: 1em;
}
#V-Settings-Folders .folder-name {
  word-break: break-all;
  white-space: pre-wrap;
}
#V-Settings-Folders .folder-system-name,
#V-Settings-Folders .folder-size {
  margin-left: 0.2em;
  opacity: 0.6;
}
#V-Settings-Folders select {
  width: auto;
}
#V-Settings-Folders tr:not(.selectable) {
  font-style: italic;
}
#V-Settings-Folders tr.system .folder-name {
  font-weight: bold;
}
#V-Settings-Folders tr input {
  border-width: 1px;
  margin-bottom: 0;
}
#V-Settings-Folders tr .unsubscribed-folder,
#V-Settings-Folders tr .unchecked-folder {
  opacity: 0.4;
}
#V-Settings-Folders .deep-1 {
  text-indent: 15px;
}
#V-Settings-Folders .deep-2 {
  text-indent: 30px;
}
#V-Settings-Folders .deep-3 {
  text-indent: 45px;
}
#V-Settings-Folders .deep-4 {
  text-indent: 60px;
}
#V-Settings-Folders .deep-5 {
  text-indent: 75px;
}
#V-Settings-Themes figure {
  display: inline-block;
  border: 2px solid transparent;
  cursor: pointer;
  padding: 8px;
  margin: 5px;
  min-width: 148px;
}
#V-Settings-Themes figure:hover {
  border-color: grey;
}
#V-Settings-Themes figure.selected {
  background-color: rgba(64, 255, 64, 0.2);
  border-color: #000;
}
#V-Settings-Themes figure figcaption {
  padding: 0 0 8px 0;
  text-align: center;
}
#V-Settings-Themes figure img {
  height: 128px;
}
#V-PopupsSieveScript {
  width: auto;
  max-width: 720px;
}
#V-PopupsSieveScript .filter-item,
#V-Settings-Filters .script-item {
  white-space: nowrap;
}
.filter-item td.drag-wrapper {
  padding: 4px 0;
}
.filter-item .delete-filter {
  cursor: pointer;
  opacity: 0.5;
}
.filter-item .filter-name,
.filter-item .filter-sub-name {
  display: inline-block;
  word-break: break-all;
  line-height: 22px;
  cursor: pointer;
}
.filter-item .filter-sub-name {
  color: #aaa;
}
#V-PopupsSieveScript textarea {
  height: 300px;
  font-family: var(--fontMono);
}
.squire-toolbar {
  border-bottom: 1px solid #b6b6b6;
  min-height: 28px;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 2px;
  position: relative;
  white-space: nowrap;
}
.squire-toolbar input[type="color"] {
  bottom: 0;
  left: -100em;
  opacity: 0;
  position: absolute;
  width: 40px;
}
.squire-toolbar select {
  font-size: 85%;
  padding: 4px 1.5em 4px 6px;
  text-align: var(--left, left);
  vertical-align: middle;
  width: 7em;
}
.squire-toolbar select[data-action="fontSize"] {
  width: 5em;
}
.squire-toolbar button {
  font-family: var(--fontSans);
}
.squire-toolbar button[data-action="bold"] {
  font-weight: bold;
}
.squire-toolbar button[data-action="italic"] {
  font-style: italic;
}
/*
.squire-toolbar button[data-action="underline"] {
	text-decoration: underline;
}
.squire-toolbar button[data-action="strikethrough"] {
	text-decoration: line-through;
}
*/
.squire-wysiwyg,
.squire-plain {
  height: 100%;
  line-height: 16px;
  min-height: 200px;
  overflow: auto;
  padding: 10px;
}
.squire-wysiwyg {
  font-family: var(--fontSans);
  /* Prevent collapse of empty elements so that the caret can be placed in there
	*:empty::before {
		content: "\200B";
	}
	*/
  /* Inserted tables carry inline styles, mail clients drop stylesheets.
	   These rules only give a pasted, unstyled table visible edges while editing. */
}
.squire-wysiwyg ul {
  padding-left: 40px;
}
.squire-wysiwyg ul li {
  list-style-type: disc !important;
}
.squire-wysiwyg ol {
  padding-left: 40px;
}
.squire-wysiwyg ol li {
  list-style-type: decimal !important;
}
.squire-wysiwyg pre,
.squire-wysiwyg code {
  border: none;
  border-radius: 0;
  display: block;
  font-family: var(--fontMono);
  margin: 0;
  padding: 0;
  word-break: normal;
  word-wrap: break-word;
}
.squire-wysiwyg code {
  display: inline;
  padding: 2px 5px;
}
.squire-wysiwyg pre {
  border-radius: var(--border-radius, 5px);
  padding: 5px 10px;
}
.squire-wysiwyg pre > code {
  padding: 0;
}
.squire-wysiwyg blockquote {
  border: 0;
  border-left: 2px solid #444;
  margin: 5px 0 5px 5px;
  padding-left: 5px;
}
.squire-wysiwyg blockquote p {
  margin: 0 0 10px;
  line-height: 20px;
}
.squire-wysiwyg img {
  vertical-align: bottom;
}
.squire-wysiwyg table {
  border-collapse: collapse;
}
.squire-wysiwyg td,
.squire-wysiwyg th {
  border: 1px dashed rgba(128, 128, 128, 0.5);
  padding: 4px;
}
/* This does make the block element focusable with mouse in Gecko and Webkit so we don't need a <BR>.
However, arrow up/down still not working.
Secondly, we can't rely on MUA's what to do with :empty
.squire-wysiwyg div:empty,
.squire-wysiwyg div:-moz-only-whitespace {
	min-height: 16px;
}
/* This "placeholder" doesn't work good in Gecko
.squire-wysiwyg div:empty::before,
.squire-wysiwyg div:-moz-only-whitespace::before {
	content: "Start writing here…";
	opacity: 0.5;
	user-select: text;
	-moz-user-select: text;
}
*/
.squire-plain {
  border: 0;
  border-radius: 0;
  display: none;
  font-family: var(--fontMono);
  margin: 0;
  resize: none;
  white-space: pre-wrap;
  width: 100%;
}
.squire-mode-source .squire-wysiwyg,
.squire-mode-wysiwyg .squire-plain,
.squire-mode-plain .squire-wysiwyg,
.squire-mode-plain .btn-group:not(#squire-toolgroup-mode) {
  display: none;
}
.squire-mode-source .squire-plain,
.squire-mode-plain .squire-plain {
  display: block;
}
.squire-toolbar .hidden,
.squire-table-picker.hidden {
  display: none;
}
.squire-table-picker {
  background: var(--dropdown-menu-bg-color, #fff);
  border: 1px solid var(--dropdown-menu-border-clr, #b6b6b6);
  border-radius: var(--border-radius, 3px);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  color: var(--dropdown-menu-color, inherit);
  padding: 6px;
  position: absolute;
  z-index: 100;
}
.squire-table-picker-grid {
  display: grid;
  gap: 2px;
}
.squire-table-picker-grid i {
  background: rgba(128, 128, 128, 0.15);
  border: 1px solid rgba(128, 128, 128, 0.4);
  cursor: pointer;
  height: 14px;
  width: 14px;
}
.squire-table-picker-grid i.on {
  background: var(--dropdown-menu-hover-bg-color, #3875d7);
  border-color: var(--dropdown-menu-hover-bg-color, #3875d7);
}
.squire-table-picker-label {
  font-size: 85%;
  min-height: 1.2em;
  padding-top: 4px;
  text-align: center;
}
@keyframes highlight-folder-row {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes animate-stripes {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 60px 0;
  }
}
@media screen and (min-width: 800px) {
  .b-folders li .anim-action-class {
    animation: highlight-folder-row 0.5s linear;
  }
  .b-folders .btn.buttonContacts {
    transition: margin 0.3s linear;
  }
  #rl-left .b-content {
    transition: opacity 0.3s linear;
  }
  .b-list-content .e-contact-item {
    transition: max-height 400ms ease;
  }
  #V-PopupsCompose header.loading {
    background-size: 60px 60px;
    background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    animation: animate-stripes 2s linear infinite;
  }
}
html[dir="rtl"] {
  direction: rtl;
  --right: left;
  --left: right;
}
[dir="rtl"] .LoginView .controls > [class^="icon-"]:first-child {
  left: unset;
  right: 6px;
}
[dir="rtl"].sm-msgView-side #V-MailMessageList .resizer,
[dir="rtl"] .search-input-wrp a {
  right: unset;
  left: 0;
}
[dir="rtl"] [class^="icon-"] + span,
[dir="rtl"] [class*=" icon-"] + span {
  margin-left: unset;
  margin-right: 0.5em;
}
[dir="rtl"] [data-icon]::before {
  margin-left: 0.5em;
  margin-right: 0;
}
[dir="rtl"] .dropdown-menu.right-edge {
  right: auto;
  left: 0;
}
[dir="rtl"] .form-horizontal .control-group > :not(label) {
  margin: 0 20px 0 0;
}
[dir="rtl"] .messageList .checkboxCheckAll {
  margin: 0.45em 0 0 0.5em;
}
[dir="rtl"] .messageListItem {
  border-left: 0;
  border-right: 6px solid transparent;
}
[dir="rtl"] .messageListItem time,
[dir="rtl"] .messageListItem .sizeParent {
  margin: 0 0 0 5px;
}
[dir="rtl"] .messageListItem .attachmentParent,
[dir="rtl"] .messageListItem .flagParent {
  margin: 0 5px 0 10px;
}
[dir="rtl"] .messageListItem > div + div {
  padding: 5px 5px 5px 0;
}
[dir="rtl"] #V-SystemDropDown {
  right: unset;
  left: 0;
}
[dir="rtl"] #V-SystemDropDown .accountPlace {
  border-right: 0;
  border-left: 1px solid var(--btn-border-clr, rgba(0, 0, 0, 0.2));
  margin: 0 0 -4px 6px;
  padding-right: 0;
  padding-left: 6px;
}
[dir="rtl"] #V-PopupsCompose .b-header td:first-child {
  padding: 0 0 0 10px;
}
[dir="rtl"] #V-PopupsCompose header .close,
[dir="rtl"] #V-PopupsCompose header .minimize-custom {
  margin-left: 0;
  margin-right: 0.7em;
}
[dir="rtl"] .b-folders {
  padding-left: 2px;
  padding-right: unset;
}
[dir="rtl"] .b-folders .b-folders-system a[data-unread]::after,
[dir="rtl"] .b-folders .b-folders-user a[data-unread]:not(.system)::after {
  right: unset;
  left: 3px;
}
[dir="rtl"] .b-folders .flag-icon {
  margin-left: 0;
  margin-right: 7px;
}
[dir="rtl"] .b-folders li a {
  border-left: 0;
  border-right: 3px solid transparent;
  padding: 0 7px 0 2em;
}
[dir="rtl"] .messageView .messageItemHeader .informationShort {
  margin: 0 0 0 56px;
}
[dir="rtl"] .messageView .messageItemHeader .informationFull td:first-child {
  border-right: 0;
  border-left: 1px solid #999;
}
[dir="rtl"] .messageView .message-fixed-button-toolbar {
  right: unset;
  left: 10px;
}
[dir="rtl"] #V-PopupsContacts .e-contact-item {
  border-left: 0;
  border-right: 6px solid #eee;
}
[dir="rtl"] [data-rainloopErrorTip]::before {
  left: 100%;
}
[data-rainloopErrorTip] {
  position: relative;
}
[data-rainloopErrorTip]::before {
  background: #fff;
  border-radius: var(--input-border-radius, 3px);
  border: 1px solid #999;
  color: red;
  content: attr(data-rainloopErrorTip);
  font-size: 90%;
  left: 0;
  opacity: 1;
  padding: 0.25em;
  position: absolute;
  text-align: var(--left, left);
  top: 100%;
  transition: opacity 0.2s ease-in-out;
  white-space: pre;
  z-index: 2001;
}
@media screen and (max-width: 799px) {
  [data-rainloopErrorTip]::before {
    min-width: 60vw;
    white-space: normal;
  }
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  transition: color 9999s ease-out, background-color 9999s ease-out;
}
.btn-rotate,
[data-icon].rotate::before {
  transform: rotate(-180deg);
}
/*
@media (pointer: coarse), (hover: none) {
	[title] {
		position: relative;
		display: inline-flex;
		justify-content: center;
	}
	[title]:focus::after {
		content: attr(title);
		position: absolute;
		top: 90%;
		color: #000;
		background-color: #fff;
		border: 1px solid;
		width: fit-content;
		padding: 3px;
	}
}
*/
@media print {
  #rl-app,
  #rl-right {
    position: initial;
  }
  #rl-left {
    display: none;
  }
  #rl-content,
  #rl-right {
    display: block;
    width: 100%;
  }
  .message-selected .close,
  .message-selected .infoParent,
  .message-selected .top-toolbar,
  .message-selected .messageView .controls-handle,
  .message-selected #tags-dropdown-id,
  .message-selected .message-fixed-button-toolbar,
  .message-selected #V-MailMessageList,
  .message-selected #V-SystemDropDown,
  .message-selected .bodySubHeader {
    display: none;
  }
  .message-selected #V-MailMessageView {
    left: 0;
    overflow: initial;
    position: initial;
  }
  .message-selected .messageView,
  .message-selected .messageView .b-message,
  .message-selected #messageItem,
  .message-selected #messageItem .b-text-part {
    height: auto;
  }
}