:root {
    --color-body: #fff;
    --color-border: rgba(0, 0, 0, 0.23);
    --color-btn-primary: #fff;
    --color-celevera: #0288d1; /* rgb(2,136,209) */
    --color-contrast: #fff;
    --color-disable: rgba(0, 0, 0, 0.26);
    --color-disable-bg: rgba(0, 0, 0, 0.12);
    --color-error: #d32f2f;
    --color-error-hover: rgba(211, 47, 47, 0.5);
    --color-footer-bg: #000;
    --color-hover: rgba(243, 122, 28, 0.5);
    --color-intuit: #0077c5;
    --color-intuit-hover: #0265ac;
    --color-muted: #888;
    --color-nav: rgba(255, 255, 255, 0.6);
    --color-nav-bg: rgba(0, 0, 0, 0.7);
    --color-nav-menu: #666;
    --color-nav-underline: rgba(255, 255, 255, 0.4);
    --color-outlinedBorder: rgba(242, 104, 44, 0.5);
    --color-primary: #f2682c; /* rgb(242,104,44) */
    --color-success: #2e7d32;
    --color-tertiary: #03a9f4; /* rgb(3,169,244) */
    --color-underline: rgba(242, 104, 44, 0.4);
    --shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
    /* editor toolbar icons */
    --icon-bold: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6.8 19V5h5.525q1.625 0 3 1T16.7 8.775q0 1.275-.575 1.963t-1.075.987q.625.275 1.388 1.025T17.2 15q0 2.225-1.625 3.113t-3.05.887zm3.025-2.8h2.6q1.2 0 1.463-.612t.262-.888t-.262-.887t-1.538-.613H9.825zm0-5.7h2.325q.825 0 1.2-.425t.375-.95q0-.6-.425-.975t-1.1-.375H9.825z'/%3E%3C/svg%3E");
    --icon-italic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M5 19v-2.5h4l3-9H8V5h10v2.5h-3.5l-3 9H15V19z'/%3E%3C/svg%3E");
    --icon-underline: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M5 21v-2h14v2zm7-4q-2.525 0-3.925-1.575t-1.4-4.175V3H9.25v8.4q0 1.4.7 2.275t2.05.875t2.05-.875t.7-2.275V3h2.575v8.25q0 2.6-1.4 4.175T12 17'/%3E%3C/svg%3E");
    --icon-align-left: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 21v-2h18v2zm0-4v-2h12v2zm0-4v-2h18v2zm0-4V7h12v2zm0-4V3h18v2z'/%3E%3C/svg%3E");
    --icon-align-center: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 21v-2h18v2zm4-4v-2h10v2zm-4-4v-2h18v2zm4-4V7h10v2zM3 5V3h18v2z'/%3E%3C/svg%3E");
    --icon-align-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 5V3h18v2zm6 4V7h12v2zm-6 4v-2h18v2zm6 4v-2h12v2zm-6 4v-2h18v2z'/%3E%3C/svg%3E");
    --icon-number-list: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 22v-1.5h2.5v-.75H4v-1.5h1.5v-.75H3V16h3q.425 0 .713.288T7 17v1q0 .425-.288.713T6 19q.425 0 .713.288T7 20v1q0 .425-.288.713T6 22zm0-7v-2.75q0-.425.288-.712T4 11.25h1.5v-.75H3V9h3q.425 0 .713.288T7 10v1.75q0 .425-.288.713T6 12.75H4.5v.75H7V15zm1.5-7V3.5H3V2h3v6zM9 19v-2h12v2zm0-6v-2h12v2zm0-6V5h12v2z'/%3E%3C/svg%3E");
    --icon-bullet-list: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9 19v-2h12v2zm0-6v-2h12v2zm0-6V5h12v2zM5 20q-.825 0-1.412-.587T3 18t.588-1.412T5 16t1.413.588T7 18t-.587 1.413T5 20m0-6q-.825 0-1.412-.587T3 12t.588-1.412T5 10t1.413.588T7 12t-.587 1.413T5 14m0-6q-.825 0-1.412-.587T3 6t.588-1.412T5 4t1.413.588T7 6t-.587 1.413T5 8'/%3E%3C/svg%3E");
    --icon-indent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 21v-2h18v2zm8-4v-2h10v2zm0-4v-2h10v2zm0-4V7h10v2zM3 5V3h18v2zm0 11V8l4 4z'/%3E%3C/svg%3E");
    --icon-clear: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m13.2 10.35l-2.325-2.325L7.85 5H20v3h-5.8zm6.6 12.25l-8.3-8.3l-2 4.7H6.225L9.2 12L1.4 4.2l1.4-1.4l18.4 18.4z'/%3E%3C/svg%3E");
    /* icons from https://www.svgrepo.com/collection/smoothie-line-icons/ */
    --icon-ok: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 13.3636L8.03559 16.3204C8.42388 16.6986 9.04279 16.6986 9.43108 16.3204L19 7' stroke='black' stroke-linecap='round'/%3E%3C/svg%3E");
    --icon-more: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M17 9.5L12 14.5L7 9.5' stroke='black' stroke-linecap='round'/%3E%3C/svg%3E");
    --icon-close: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 17L16.8995 7.10051' stroke='black' stroke-linecap='round'/%3E%3Cpath d='M7 7.00001L16.8995 16.8995' stroke='black' stroke-linecap='round'/%3E%3C/svg%3E");
    --icon-download: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 12V18C5 18.5523 5.44772 19 6 19H18C18.5523 19 19 18.5523 19 18V12' stroke='black' stroke-linecap='round'/%3E%3Cpath d='M12 3L12 15M12 15L16 11M12 15L8 11' stroke='black' stroke-linecap='round'/%3E%3C/svg%3E");
    --icon-envelope-closed: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M3 17.5V6.5C3 5.94772 3.44772 5.5 4 5.5H12H20C20.5523 5.5 21 5.94772 21 6.5V17.5C21 18.0523 20.5523 18.5 20 18.5H4C3.44772 18.5 3 18.0523 3 17.5Z' stroke='black'/%3E%3Cpath d='M3 6L12 12L21 6' stroke='black'/%3E%3C/svg%3E");
    --icon-envelope-open: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M3 20V8.5884C3 8.22524 3.19689 7.89062 3.51436 7.71425L11.5144 3.2698C11.8164 3.10201 12.1836 3.10201 12.4856 3.2698L20.4856 7.71425C20.8031 7.89062 21 8.22524 21 8.5884V20C21 20.5523 20.5523 21 20 21H4C3.44772 21 3 20.5523 3 20Z' stroke='black'/%3E%3Cpath d='M3 8.5L12 13.5L21 8.5' stroke='black'/%3E%3C/svg%3E");
    --icon-forward: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M19.4422 10.3492L14.8796 5.02623C14.5775 4.67378 14 4.88743 14 5.35163V8C11 8 4 11 4 20C6 15 10 14 14 14V16.6484C14 17.1126 14.5775 17.3262 14.8796 16.9738L19.4422 11.6508C19.7632 11.2763 19.7632 10.7237 19.4422 10.3492Z' stroke='black' stroke-linecap='round'/%3E%3C/svg%3E");
    --icon-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M21 16V20C21 20.5523 20.5523 21 20 21H4C3.44772 21 3 20.5523 3 20V18M21 16V4C21 3.44772 20.5523 3 20 3H4C3.44772 3 3 3.44772 3 4V18M21 16L15.4829 12.3219C15.1843 12.1228 14.8019 12.099 14.4809 12.2595L3 18' stroke='black'/%3E%3Ccircle cx='8' cy='9' r='2' stroke='black'/%3E%3C/svg%3E");
    --icon-unlink: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M14.8283 13.4142L19.071 9.17156C19.071 9.17156 20.4852 7.75734 18.3639 5.63603C16.2426 3.51472 14.8283 4.92892 14.8283 4.92892C14.8283 4.92892 11.9999 7.75735 10.5857 9.17156' stroke='black' stroke-linecap='round'/%3E%3Cpath d='M16.5961 14.4749L19.4246 15.182' stroke='black' stroke-linecap='round'/%3E%3Cpath d='M15.5355 15.5355L17.6568 17.6568' stroke='black' stroke-linecap='round'/%3E%3Cpath d='M14.4748 16.5962L15.1819 19.4246' stroke='black' stroke-linecap='round'/%3E%3Cpath d='M7.40374 9.52512L4.57531 8.81802' stroke='black' stroke-linecap='round'/%3E%3Cpath d='M8.46442 8.46448L6.3431 6.34316' stroke='black' stroke-linecap='round'/%3E%3Cpath d='M9.52509 7.40381L8.81798 4.57538' stroke='black' stroke-linecap='round'/%3E%3Cpath d='M9.17148 10.5858L4.92884 14.8284C4.92884 14.8284 3.51462 16.2426 5.63594 18.364C7.75727 20.4853 9.17148 19.0711 9.17148 19.0711C9.17148 19.0711 11.9999 16.2427 13.4141 14.8284' stroke='black' stroke-linecap='round'/%3E%3C/svg%3E");
    --icon-link: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M16.2427 12L19.0711 9.17159C19.0711 9.17159 20.4853 7.75737 18.364 5.63606C16.2427 3.51475 14.8285 4.92895 14.8285 4.92895C14.8285 4.92895 12.7071 7.05027 11.2929 8.46448C9.87873 9.87869 9.87873 11.2929 10.5858 12' stroke='black' stroke-linecap='round'/%3E%3Cpath d='M7.75745 12L4.92902 14.8284C4.92902 14.8284 3.5148 16.2426 5.63613 18.364C7.75745 20.4853 9.17166 19.0711 9.17166 19.0711C9.17166 19.0711 10.9394 17.3033 12.3536 15.8891C13.7679 14.4749 14.1214 12.7071 13.4143 12' stroke='black' stroke-linecap='round'/%3E%3C/svg%3E");
    --icon-user: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M14.3365 12.3466L14.0765 11.9195C13.9082 12.022 13.8158 12.2137 13.8405 12.4092C13.8651 12.6046 14.0022 12.7674 14.1907 12.8249L14.3365 12.3466ZM9.6634 12.3466L9.80923 12.8249C9.99769 12.7674 10.1348 12.6046 10.1595 12.4092C10.1841 12.2137 10.0917 12.022 9.92339 11.9195L9.6634 12.3466ZM4.06161 19.002L3.56544 18.9402L4.06161 19.002ZM19.9383 19.002L20.4345 18.9402L19.9383 19.002ZM16 8.5C16 9.94799 15.2309 11.2168 14.0765 11.9195L14.5965 12.7737C16.0365 11.8971 17 10.3113 17 8.5H16ZM12 4.5C14.2091 4.5 16 6.29086 16 8.5H17C17 5.73858 14.7614 3.5 12 3.5V4.5ZM7.99996 8.5C7.99996 6.29086 9.79082 4.5 12 4.5V3.5C9.23854 3.5 6.99996 5.73858 6.99996 8.5H7.99996ZM9.92339 11.9195C8.76904 11.2168 7.99996 9.948 7.99996 8.5H6.99996C6.99996 10.3113 7.96342 11.8971 9.40342 12.7737L9.92339 11.9195ZM9.51758 11.8683C6.36083 12.8309 3.98356 15.5804 3.56544 18.9402L4.55778 19.0637C4.92638 16.1018 7.02381 13.6742 9.80923 12.8249L9.51758 11.8683ZM3.56544 18.9402C3.45493 19.8282 4.19055 20.5 4.99996 20.5V19.5C4.70481 19.5 4.53188 19.2719 4.55778 19.0637L3.56544 18.9402ZM4.99996 20.5H19V19.5H4.99996V20.5ZM19 20.5C19.8094 20.5 20.545 19.8282 20.4345 18.9402L19.4421 19.0637C19.468 19.2719 19.2951 19.5 19 19.5V20.5ZM20.4345 18.9402C20.0164 15.5804 17.6391 12.8309 14.4823 11.8683L14.1907 12.8249C16.9761 13.6742 19.0735 16.1018 19.4421 19.0637L20.4345 18.9402Z' fill='black'/%3E%3C/svg%3E");
    --icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5' stroke='black'/%3E%3Cpath d='M19.6464 20.3536C19.8417 20.5488 20.1583 20.5488 20.3536 20.3536C20.5488 20.1583 20.5488 19.8417 20.3536 19.6464L19.6464 20.3536ZM20.3536 19.6464L15.3536 14.6464L14.6464 15.3536L19.6464 20.3536L20.3536 19.6464Z' fill='black'/%3E%3C/svg%3E");
    --icon-checkbox-empty: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4 6C4 4.89543 4.89543 4 6 4H18C19.1046 4 20 4.89543 20 6V18C20 19.1046 19.1046 20 18 20H6C4.89543 20 4 19.1046 4 18V6Z' stroke='black' stroke-linecap='round'/%3E%3C/svg%3E");
    --icon-checkbox-full: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 13.4545L9.66667 16L17 9' stroke='black' stroke-linecap='round'/%3E%3Crect x='4' y='4' width='16' height='16' rx='2' stroke='black' stroke-linecap='round'/%3E%3C/svg%3E");
    --icon-send: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M19.364 5.05026L3.10051 8.58579L10.8787 13.5355M19.364 5.05026L15.8284 21.3137L10.8787 13.5355M19.364 5.05026L10.8787 13.5355' stroke='black' stroke-linecap='round'/%3E%3C/svg%3E");
    --icon-trash: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 7.5H19L18 21H6L5 7.5Z' stroke='black'/%3E%3Cpath d='M15.5 9.5L15 19' stroke='black' stroke-linecap='round'/%3E%3Cpath d='M12 9.5V19' stroke='black' stroke-linecap='round'/%3E%3Cpath d='M8.5 9.5L9 19' stroke='black' stroke-linecap='round'/%3E%3Cpath d='M16 5H19C20.1046 5 21 5.89543 21 7V7.5H3V7C3 5.89543 3.89543 5 5 5H8M16 5L15 3H9L8 5M16 5H8' stroke='black'/%3E%3C/svg%3E");
    --icon-upload: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 12V18C5 18.5523 5.44772 19 6 19H18C18.5523 19 19 18.5523 19 18V12' stroke='black' stroke-linecap='round'/%3E%3Cpath d='M12 15L12 3M12 3L8 7M12 3L16 7' stroke='black' stroke-linecap='round'/%3E%3C/svg%3E");
    --icon-tag: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9.16894 21.8995L19.4357 11.6327C19.6505 11.4179 19.756 11.1171 19.7225 10.8152L19.1568 5.72404C19.1051 5.2592 18.7382 4.89224 18.2733 4.84059L13.1822 4.27491C12.8802 4.24136 12.5794 4.34687 12.3646 4.56168L2.09787 14.8284C1.70735 15.219 1.70735 15.8521 2.09787 16.2426L7.75472 21.8995C8.14525 22.29 8.77841 22.29 9.16894 21.8995Z' stroke='black' stroke-linecap='round'/%3E%3Ccircle cx='14.1205' cy='9.88055' r='2' transform='rotate(45 14.1205 9.88055)' stroke='black'/%3E%3C/svg%3E");
    --icon-select-off: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 12H17' stroke='black' stroke-linecap='round'/%3E%3Ccircle cx='12' cy='12' r='9' stroke='black' stroke-linecap='round'/%3E%3C/svg%3E");
    --icon-select-on: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 13.4545L8.97619 15.3409C9.36262 15.7098 9.97072 15.7098 10.3571 15.3409L17 9' stroke='black' stroke-linecap='round'/%3E%3Ccircle cx='12' cy='12' r='9' stroke='black' stroke-linecap='round'/%3E%3C/svg%3E");
    --icon-draft: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M13 3L16 6L19 9M13 3L5 3L5 21L19 21L19 9M13 3L13 9L19 9' stroke='black'/%3E%3C/svg%3E");
    /* other icons */
    --icon-archive: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath stroke='black' d='M20.5 7V13C20.5 16.7712 20.5 18.6569 19.3284 19.8284C18.1569 21 16.2712 21 12.5 21H11.5C7.72876 21 5.84315 21 4.67157 19.8284C3.5 18.6569 3.5 16.7712 3.5 13V7'/%3E%3Cpath stroke='black' d='M2 5C2 4.05719 2 3.58579 2.29289 3.29289C2.58579 3 3.05719 3 4 3H20C20.9428 3 21.4142 3 21.7071 3.29289C22 3.58579 22 4.05719 22 5C22 5.94281 22 6.41421 21.7071 6.70711C21.4142 7 20.9428 7 20 7H4C3.05719 7 2.58579 7 2.29289 6.70711C2 6.41421 2 5.94281 2 5Z'/%3E%3Cpath stroke='black' d='M12 7L12 16M12 16L15 12.6667M12 16L9 12.6667'/%3E%3C/svg%3E");
    --icon-pin: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.1218 1.87023C15.7573 0.505682 13.4779 0.76575 12.4558 2.40261L9.61062 6.95916C9.61033 6.95965 9.60913 6.96167 9.6038 6.96549C9.59728 6.97016 9.58336 6.97822 9.56001 6.9848C9.50899 6.99916 9.44234 6.99805 9.38281 6.97599C8.41173 6.61599 6.74483 6.22052 5.01389 6.87251C4.08132 7.22378 3.61596 8.03222 3.56525 8.85243C3.51687 9.63502 3.83293 10.4395 4.41425 11.0208L7.94975 14.5563L1.26973 21.2363C0.879206 21.6269 0.879206 22.26 1.26973 22.6506C1.66025 23.0411 2.29342 23.0411 2.68394 22.6506L9.36397 15.9705L12.8995 19.5061C13.4808 20.0874 14.2853 20.4035 15.0679 20.3551C15.8881 20.3044 16.6966 19.839 17.0478 18.9065C17.6998 17.1755 17.3043 15.5086 16.9444 14.5375C16.9223 14.478 16.9212 14.4114 16.9355 14.3603C16.9421 14.337 16.9502 14.3231 16.9549 14.3165C16.9587 14.3112 16.9606 14.31 16.9611 14.3098L21.5177 11.4645C23.1546 10.4424 23.4147 8.16307 22.0501 6.79853L17.1218 1.87023ZM14.1523 3.46191C14.493 2.91629 15.2528 2.8296 15.7076 3.28445L20.6359 8.21274C21.0907 8.66759 21.0041 9.42737 20.4584 9.76806L15.9019 12.6133C14.9572 13.2032 14.7469 14.3637 15.0691 15.2327C15.3549 16.0037 15.5829 17.1217 15.1762 18.2015C15.1484 18.2752 15.1175 18.3018 15.0985 18.3149C15.0743 18.3316 15.0266 18.3538 14.9445 18.3589C14.767 18.3699 14.5135 18.2916 14.3137 18.0919L5.82846 9.6066C5.62872 9.40686 5.55046 9.15333 5.56144 8.97583C5.56651 8.8937 5.58877 8.84605 5.60548 8.82181C5.61855 8.80285 5.64516 8.7719 5.71886 8.74414C6.79869 8.33741 7.91661 8.56545 8.68762 8.85128C9.55668 9.17345 10.7171 8.96318 11.3071 8.01845L14.1523 3.46191Z'/%3E%3C/svg%3E");
    --icon-filter: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath stroke='black' d='M3 4.6C3 4.03995 3 3.75992 3.10899 3.54601C3.20487 3.35785 3.35785 3.20487 3.54601 3.10899C3.75992 3 4.03995 3 4.6 3H19.4C19.9601 3 20.2401 3 20.454 3.10899C20.6422 3.20487 20.7951 3.35785 20.891 3.54601C21 3.75992 21 4.03995 21 4.6V6.33726C21 6.58185 21 6.70414 20.9724 6.81923C20.9479 6.92127 20.9075 7.01881 20.8526 7.10828C20.7908 7.2092 20.7043 7.29568 20.5314 7.46863L14.4686 13.5314C14.2957 13.7043 14.2092 13.7908 14.1474 13.8917C14.0925 13.9812 14.0521 14.0787 14.0276 14.1808C14 14.2959 14 14.4182 14 14.6627V17L10 21V14.6627C10 14.4182 10 14.2959 9.97237 14.1808C9.94787 14.0787 9.90747 13.9812 9.85264 13.8917C9.7908 13.7908 9.70432 13.7043 9.53137 13.5314L3.46863 7.46863C3.29568 7.29568 3.2092 7.2092 3.14736 7.10828C3.09253 7.01881 3.05213 6.92127 3.02763 6.81923C3 6.70414 3 6.58185 3 6.33726V4.6Z'/%3E%3C/svg%3E");
    --icon-spam: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke='black' fill='none' color='black'%3E%3Cpolygon points='16 3 21 8 21 16 16 21 8 21 3 16 3 8 8 3'/%3E%3Cpath d='M12,8 L12,13'/%3E%3Cline x1='12' y1='16' x2='12' y2='16'/%3E%3C/svg%3E");
    --icon-reply-all: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M0 16q0-1.056 0.896-1.664l12-8q0.448-0.288 0.992-0.32t1.056 0.224q0.64 0.352 0.928 1.056l-8.096 5.376q-0.832 0.576-1.312 1.472t-0.448 1.856 0.448 1.888 1.312 1.44l8.096 5.376q-0.288 0.736-0.928 1.088-0.48 0.256-1.056 0.224t-0.992-0.352l-12-8q-0.896-0.544-0.896-1.664zM8 16q0-1.088 0.896-1.664l12-8q0.448-0.288 0.992-0.32t1.056 0.224q0.48 0.256 0.768 0.736t0.288 1.024v4q3.328 0 5.664 2.336t2.336 5.664q0 2.080-1.12 4-1.056-1.824-2.88-2.912t-4-1.088v4q0 0.544-0.288 1.024t-0.768 0.736-1.056 0.224-0.992-0.32l-12-8q-0.896-0.576-0.896-1.664z'/%3E%3C/svg%3E");
    --icon-font-size: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M18 21V11M18 21L16 18.5M18 21L20 18.5M18 11L16 13M18 11L20 13' stroke='black'/%3E%3Cpath d='M9 5L9 17M9 17H7M9 17H11' stroke='black'/%3E%3Cpath d='M15 7V5L3 5L3 7' stroke='black'/%3E%3C/svg%3E");
    --icon-add: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath stroke='black' d='M8 12H12M12 12H16M12 12V16M12 12V8M4 16.8002V7.2002C4 6.08009 4 5.51962 4.21799 5.0918C4.40973 4.71547 4.71547 4.40973 5.0918 4.21799C5.51962 4 6.08009 4 7.2002 4H16.8002C17.9203 4 18.4801 4 18.9079 4.21799C19.2842 4.40973 19.5905 4.71547 19.7822 5.0918C20.0002 5.51962 20.0002 6.07967 20.0002 7.19978V16.7998C20.0002 17.9199 20.0002 18.48 19.7822 18.9078C19.5905 19.2841 19.2842 19.5905 18.9079 19.7822C18.4805 20 17.9215 20 16.8036 20H7.19691C6.07899 20 5.5192 20 5.0918 19.7822C4.71547 19.5905 4.40973 19.2842 4.21799 18.9079C4 18.4801 4 17.9203 4 16.8002Z'/%3E%3C/svg%3E");
    --icon-attach: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath stroke='black' d='M9.81826 7.23019C9.81826 7.23019 9.81817 13.5601 9.81826 15.6701C9.81832 16.9891 10.6361 18.3075 12 18.3075C13.3639 18.3075 14.1818 16.9891 14.1818 15.6701C14.1818 13.5601 14.1818 8.28518 14.1818 6.1752C14.1818 4.06522 11.9438 2.87618 9.81826 3.01024C7.85859 3.13384 6.00018 4.06522 6.00018 6.1752C6.00018 8.28518 5.99977 12.5051 6.00018 15.6701C6.00066 19.3378 8.20735 22 11.9998 22C15.7923 22 17.9995 18.835 17.9999 15.6701C18.0002 12.5051 17.9999 7.23019 17.9999 7.23019'/%3E%3C/svg%3E");
    --icon-save: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill='black' d='M18.1716 1C18.702 1 19.2107 1.21071 19.5858 1.58579L22.4142 4.41421C22.7893 4.78929 23 5.29799 23 5.82843V20C23 21.6569 21.6569 23 20 23H4C2.34315 23 1 21.6569 1 20V4C1 2.34315 2.34315 1 4 1H18.1716ZM4 3C3.44772 3 3 3.44772 3 4V20C3 20.5523 3.44772 21 4 21L5 21L5 15C5 13.3431 6.34315 12 8 12L16 12C17.6569 12 19 13.3431 19 15V21H20C20.5523 21 21 20.5523 21 20V6.82843C21 6.29799 20.7893 5.78929 20.4142 5.41421L18.5858 3.58579C18.2107 3.21071 17.702 3 17.1716 3H17V5C17 6.65685 15.6569 8 14 8H10C8.34315 8 7 6.65685 7 5V3H4ZM17 21V15C17 14.4477 16.5523 14 16 14L8 14C7.44772 14 7 14.4477 7 15L7 21L17 21ZM9 3H15V5C15 5.55228 14.5523 6 14 6H10C9.44772 6 9 5.55228 9 5V3Z'/%3E%3C/svg%3E");
}
body {
    margin: 0px;
    color: var(--color-text);
    font-family: Lato, Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: var(--font-size);
    line-height: var(--line-height);
    background-color: var(--color-body);
}
body > header:has(#navbar) {
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: var(--shadow);
    display: flex;
    flex-direction: column;
    width: 100%;
    box-sizing: border-box;
    position: static;
    color: var(--color-contrast);
    background-color: var(--color-nav-bg);
}
.content {
    width: 100%;
    margin-left: auto;
    box-sizing: border-box;
    margin-right: auto;
    padding-left: 16px;
    padding-right: 16px;
}
#navbar {
    position: relative;
    display: flex;
    -moz-box-align: center;
    align-items: center;
    min-height: 56px;
}
#navbar > a {
    margin: 0px;
    font: inherit;
    letter-spacing: inherit;
    color: var(--color-primary);
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-thickness: auto;
    text-decoration-color: var(--color-underline);
}
#navbar > a > img {
    display: block;
    margin-right: 8px;
    height: 35px;
}
div.nav-lg,
.nav-sm {
    -moz-box-flex: 1;
    flex-grow: 1;
}
#navbar button,
#navbar a[role='button'] {
    background-color: transparent;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    outline: 0px;
    cursor: pointer;
    user-select: none;
    appearance: none;
    border: 0;
    text-decoration: none;
}
#navbar a.active,
#nav-menu li:has(a.active) {
    background-color: var(--color-disable-bg);
}
#navbar a:focus,
#nav-menu a:focus,
#navbar a:hover,
#nav-menu a:hover {
    background-color: var(--color-muted);
}
div.nav-sm > button {
    display: inline-flex;
    margin: 0px;
    text-align: center;
    flex: 0 0 auto;
    border-radius: 50%;
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
    color: inherit;
    padding: 12px;
    font-size: var(--font-size-xxl);
}
div.nav-sm > button > svg {
    user-select: none;
    width: 1em;
    height: 1em;
    display: inline-block;
    flex-shrink: 0;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
    fill: currentcolor;
    font-size: var(--font-size-xl);
}
div.nav-lg > a[role='button'],
#profile > a[role='button'] {
    font-family: Lato, Roboto, Helvetica, Arial, sans-serif;
    font-weight: 500;
    line-height: var(--line-height-l);
    min-width: 64px;
    border-radius: 4px;
    padding: 6px 8px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1),
        border-color 250ms cubic-bezier(0.4, 0, 0.2, 1);
    margin: 0px 1rem;
    display: block;
    font-size: var(--font-size);
    text-transform: none;
    color: var(--color-nav);
}
div.nav-lg > a[role='button']:hover {
    text-decoration: none;
    background-color: var(--color-underline);
}
#profile {
    -moz-box-flex: 0;
    flex-grow: 0;
}
#profile a[role='button']:hover img {
    filter: brightness(88%);
}
#nav-menu {
    z-index: 1300;
    color: var(--color-text);
    transition: opacity 267ms cubic-bezier(0.4, 0, 0.2, 1), transform 178ms cubic-bezier(0.4, 0, 0.2, 1) 84ms,
        box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 4px;
    box-shadow: var(--shadow);
    position: absolute;
    top: 56px;
    left: 24px;
    overflow: hidden auto;
    min-width: 16px;
    min-height: 16px;
    outline: 0px;
}
#nav-menu ul {
    background-color: var(--color-nav-menu);
    list-style: none;
    margin: 0px;
    padding: 8px 0px;
    position: relative;
    outline: 0px;
}
#nav-menu li {
    background-color: unset;
    outline: 0;
    border: 0;
    margin: 0;
    border-radius: 0;
    cursor: pointer;
    user-select: none;
    appearance: none;
    color: inherit;
    font-family: Lato, Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: var(--font-size);
    line-height: var(--line-height);
    display: flex;
    -moz-box-pack: start;
    justify-content: flex-start;
    -moz-box-align: center;
    align-items: center;
    position: relative;
    text-decoration: none;
    min-height: 48px;
    padding: 6px 16px;
    box-sizing: border-box;
    white-space: nowrap;
}
#nav-menu li:hover {
    text-decoration: none;
}
#nav-menu a {
    margin: 0px;
    font: inherit;
    letter-spacing: inherit;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-thickness: auto;
    text-decoration-color: var(--color-nav-underline);
    color: var(--color-contrast);
    box-shadow: none;
}
#nav-menu a:hover {
    text-decoration-color: inherit;
}
footer {
    background: var(--color-footer-bg);
    padding: 48px;
}
footer p {
    margin: 0px;
    font-family: Lato, Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: var(--font-size);
    line-height: var(--line-height);
    text-align: center;
    color: var(--color-contrast);
}
footer p.tm {
    color: var(--color-muted);
}
footer a {
    margin: 0px;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    font-stretch: inherit;
    font-family: inherit;
    font-size-adjust: inherit;
    font-kerning: inherit;
    font-optical-sizing: inherit;
    font-language-override: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: var(--color-tertiary);
    font-size: var(--font-size-s);
    text-decoration: none;
}
/* ==========================================================================
   Media Queries for Responsive Design.
   ========================================================================== */
@media only screen and (min-width: 0px) {
    .nav-lg {
        display: none;
    }
    .nav-sm {
        display: flex;
    }
    #nav-menu {
        display: block;
    }
    @media (orientation: landscape) {
        #navbar {
            min-height: 48px;
        }
        #navbar > a > img {
            height: 30px;
        }
    }
}
@media only screen and (min-width: 600px) {
    .content {
        padding-left: 24px;
        padding-right: 24px;
    }
    #navbar {
        min-height: 64px;
    }
    #navbar > a > img {
        height: 40px;
    }
    #nav-menu li {
        min-height: auto;
    }
}
@media only screen and (min-width: 900px) {
    .nav-lg {
        display: flex;
    }
    .nav-sm {
        display: none;
    }
}
@media only screen and (min-width: 1200px) {
    main.content {
        max-width: 1200px;
    }
}
@media only screen and (min-width: 1536px) {
    div.content {
        max-width: 1536px;
    }
}
@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}