@weavy/uikit-react 12.1.0 → 14.0.0

package/dist/css/weavy-chat.css

@@ -1,660 +1,1092 @@
-[class^=wy-], [class^=wy-]::before, [class^=wy-]::after, [class^=wy-] *, [class^=wy-] *::before, [class^=wy-] *::after, [class*=" wy-"], [class*=" wy-"]::before, [class*=" wy-"]::after, [class*=" wy-"] *, [class*=" wy-"] *::before, [class*=" wy-"] *::after {
+:where(:root, :host > *) {
+  --wy-theme: #00658e;
+  --wy-black: #000000;
+  --wy-white: #ffffff;
+  --wy-shadow: #000000;
+  --wy-primary-99: #fbfcff;
+  --wy-primary-95: #e4f3ff;
+  --wy-primary-90: #c7e7ff;
+  --wy-primary-80: #84cfff;
+  --wy-primary-70: #53b5ec;
+  --wy-primary-60: #2f9ad0;
+  --wy-primary-50: #007fb2;
+  --wy-primary-40: #00658e;
+  --wy-primary-30: #004c6c;
+  --wy-primary-20: #00344c;
+  --wy-primary-10: #001e2e;
+  --wy-secondary-99: #fffbff;
+  --wy-secondary-95: #fff2a4;
+  --wy-secondary-90: #f6e468;
+  --wy-secondary-80: #d9c84f;
+  --wy-secondary-70: #bcad36;
+  --wy-secondary-60: #a0921a;
+  --wy-secondary-50: #857800;
+  --wy-secondary-40: #6a5f00;
+  --wy-secondary-30: #504700;
+  --wy-secondary-20: #373100;
+  --wy-secondary-10: #201c00;
+  --wy-tertiary-99: #fffbff;
+  --wy-tertiary-95: #fff2a4;
+  --wy-tertiary-90: #f6e468;
+  --wy-tertiary-80: #d9c84f;
+  --wy-tertiary-70: #bcad36;
+  --wy-tertiary-60: #a0921a;
+  --wy-tertiary-50: #857800;
+  --wy-tertiary-40: #6a5f00;
+  --wy-tertiary-30: #504700;
+  --wy-tertiary-20: #373100;
+  --wy-tertiary-10: #201c00;
+  --wy-error-99: #fffbff;
+  --wy-error-95: #ffedea;
+  --wy-error-90: #ffdad6;
+  --wy-error-80: #ffb4ab;
+  --wy-error-70: #ff897d;
+  --wy-error-60: #ff5449;
+  --wy-error-50: #de3730;
+  --wy-error-40: #ba1a1a;
+  --wy-error-30: #93000a;
+  --wy-error-20: #690005;
+  --wy-error-10: #410002;
+  --wy-neutral-99: #fcfcff;
+  --wy-neutral-95: #f0f1f3;
+  --wy-neutral-90: #e2e2e5;
+  --wy-neutral-80: #c5c6c9;
+  --wy-neutral-70: #aaabae;
+  --wy-neutral-60: #8f9193;
+  --wy-neutral-50: #75777a;
+  --wy-neutral-40: #5c5e61;
+  --wy-neutral-30: #454749;
+  --wy-neutral-20: #2e3133;
+  --wy-neutral-10: #191c1e;
+  --wy-neutral-variant-99: #fbfcff;
+  --wy-neutral-variant-95: #ebf1f8;
+  --wy-neutral-variant-90: #dde3ea;
+  --wy-neutral-variant-80: #c1c7ce;
+  --wy-neutral-variant-70: #a5acb2;
+  --wy-neutral-variant-60: #8b9198;
+  --wy-neutral-variant-50: #71787e;
+  --wy-neutral-variant-40: #595f65;
+  --wy-neutral-variant-30: #41484d;
+  --wy-neutral-variant-20: #2b3136;
+  --wy-neutral-variant-10: #161c21;
+  --wy-surface-1-light: #f0f4f9;
+  --wy-surface-2-light: #e8f0f6;
+  --wy-surface-3-light: #e0ebf2;
+  --wy-surface-4-light: #deeaf1;
+  --wy-surface-5-light: #d9e7ef;
+  --wy-surface-1-dark: #1e2428;
+  --wy-surface-2-dark: #212a2f;
+  --wy-surface-3-dark: #242f36;
+  --wy-surface-4-dark: #253138;
+  --wy-surface-5-dark: #27343c;
+  --wy-blue-light: #7aadfa;
+  --wy-indigo-light: #8489e0;
+  --wy-purple-light: #bd78c2;
+  --wy-pink-light: #d072a2;
+  --wy-red-light: #da717c;
+  --wy-orange-light: #ef9646;
+  --wy-yellow-light: #d9c84f;
+  --wy-green-light: #56a15c;
+  --wy-teal-light: #00a29d;
+  --wy-cyan-light: #008398;
+  --wy-gray-light: #75777a;
+  --wy-blue-dark: #a7c8ff;
+  --wy-indigo-dark: #8489e0;
+  --wy-purple-dark: #da92de;
+  --wy-pink-dark: #ee8cbe;
+  --wy-red-dark: #da717c;
+  --wy-orange-dark: #ef9646;
+  --wy-yellow-dark: #d9c84f;
+  --wy-green-dark: #56a15c;
+  --wy-teal-dark: #00a29d;
+  --wy-cyan-dark: #009fb8;
+  --wy-gray-dark: #8f9193;
+}
+
+:where(:root, :host > *, .wy-light) {
+  color-scheme: light;
+  --wy-primary: var(--wy-primary-40);
+  --wy-on-primary: var(--wy-white);
+  --wy-primary-container: var(--wy-primary-90);
+  --wy-on-primary-container: var(--wy-primary-10);
+  --wy-secondary: var(--wy-secondary-40);
+  --wy-on-secondary: var(--wy-white);
+  --wy-secondary-container: var(--wy-secondary-90);
+  --wy-on-secondary-container: var(--wy-secondary-10);
+  --wy-tertiary: var(--wy-tertiary-40);
+  --wy-on-tertiary: var(--wy-white);
+  --wy-tertiary-container: var(--wy-tertiary-90);
+  --wy-on-tertiary-container: var(--wy-tertiary-10);
+  --wy-error: var(--wy-error-40);
+  --wy-on-error: var(--wy-white);
+  --wy-error-container: var(--wy-error-90);
+  --wy-on-error-container: var(--wy-error-10);
+  --wy-background: var(--wy-neutral-99);
+  --wy-on-background: var(--wy-neutral-10);
+  --wy-surface: var(--wy-neutral-99);
+  --wy-on-surface: var(--wy-neutral-10);
+  --wy-surface-variant: var(--wy-neutral-variant-90);
+  --wy-on-surface-variant: var(--wy-neutral-variant-30);
+  --wy-outline: var(--wy-neutral-variant-50);
+  --wy-outline-variant: var(--wy-neutral-variant-80);
+  --wy-inverse-surface: var(--wy-neutral-20);
+  --wy-on-inverse-surface: var(--wy-neutral-95);
+  --wy-inverse-primary: var(--wy-primary-80);
+  --wy-surface-1: var(--wy-surface-1-light);
+  --wy-surface-2: var(--wy-surface-2-light);
+  --wy-surface-3: var(--wy-surface-3-light);
+  --wy-surface-4: var(--wy-surface-4-light);
+  --wy-surface-5: var(--wy-surface-5-light);
+  --wy-link: var(--wy-primary-40);
+  --wy-blue: var(--wy-blue-light);
+  --wy-indigo: var(--wy-indigo-light);
+  --wy-purple: var(--wy-purple-light);
+  --wy-pink: var(--wy-pink-light);
+  --wy-red: var(--wy-red-light);
+  --wy-orange: var(--wy-orange-light);
+  --wy-yellow: var(--wy-yellow-light);
+  --wy-green: var(--wy-green-light);
+  --wy-teal: var(--wy-teal-light);
+  --wy-cyan: var(--wy-cyan-light);
+  --wy-gray: var(--wy-gray-light);
+}
+
+:where(.wy-dark) {
+  color-scheme: dark;
+  --wy-primary: var(--wy-primary-80);
+  --wy-on-primary: var(--wy-primary-20);
+  --wy-primary-container: var(--wy-primary-30);
+  --wy-on-primary-container: var(--wy-primary-90);
+  --wy-secondary: var(--wy-secondary-80);
+  --wy-on-secondary: var(--wy-secondary-20);
+  --wy-secondary-container: var(--wy-secondary-30);
+  --wy-on-secondary-container: var(--wy-secondary-90);
+  --wy-tertiary: var(--wy-tertiary-80);
+  --wy-on-tertiary: var(--wy-tertiary-20);
+  --wy-tertiary-container: var(--wy-tertiary-30);
+  --wy-on-tertiary-container: var(--wy-tertiary-90);
+  --wy-error: var(--wy-error-80);
+  --wy-on-error: var(--wy-error-20);
+  --wy-error-container: var(--wy-error-30);
+  --wy-on-error-container: var(--wy-error-90);
+  --wy-background: var(--wy-neutral-10);
+  --wy-on-background: var(--wy-neutral-90);
+  --wy-surface: var(--wy-neutral-10);
+  --wy-on-surface: var(--wy-neutral-90);
+  --wy-surface-variant: var(--wy-neutral-variant-30);
+  --wy-on-surface-variant: var(--wy-neutral-variant-80);
+  --wy-outline: var(--wy-neutral-variant-60);
+  --wy-outline-variant: var(--wy-neutral-variant-30);
+  --wy-inverse-surface: var(--wy-neutral-90);
+  --wy-on-inverse-surface: var(--wy-neutral-20);
+  --wy-inverse-primary: var(--wy-primary-40);
+  --wy-surface-1: var(--wy-surface-1-dark);
+  --wy-surface-2: var(--wy-surface-2-dark);
+  --wy-surface-3: var(--wy-surface-3-dark);
+  --wy-surface-4: var(--wy-surface-4-dark);
+  --wy-surface-5: var(--wy-surface-5-dark);
+  --wy-link: var(--wy-primary-80);
+  --wy-blue: var(--wy-blue-dark);
+  --wy-indigo: var(--wy-indigo-dark);
+  --wy-purple: var(--wy-purple-dark);
+  --wy-pink: var(--wy-pink-dark);
+  --wy-red: var(--wy-red-dark);
+  --wy-orange: var(--wy-orange-dark);
+  --wy-yellow: var(--wy-yellow-dark);
+  --wy-green: var(--wy-green-dark);
+  --wy-teal: var(--wy-teal-dark);
+  --wy-cyan: var(--wy-cyan-dark);
+  --wy-gray: var(--wy-gray-dark);
+}
+
+:where(:root, :host > *) {
+  /* Typography */
+  --wy-font-family: unset;
+  --wy-font-weight: unset;
+  --wy-line-height: 1.5;
+  --wy-font-size-base: 1rem;
+  --wy-font-size-xxs: calc(.625 * var(--wy-font-size-base));
+  --wy-font-size-xs: calc(.75 * var(--wy-font-size-base));
+  --wy-font-size-sm: calc(.875 * var(--wy-font-size-base));
+  --wy-font-size-lg: calc(1.25 * var(--wy-font-size-base));
+  --wy-headings-font-style: unset;
+  --wy-headings-font-family: var(--wy-font-family);
+  --wy-headings-font-weight: 500;
+  --wy-headings-line-height: var(--wy-line-height);
+  /* Border */
+  --wy-border-radius: .5rem;
+  --wy-border-radius-sm: calc(.75 * var(--wy-border-radius));
+  --wy-border-radius-lg: calc(1.5 * var(--wy-border-radius));
+  --wy-border-radius-xl: calc(2 * var(--wy-border-radius));
+  --wy-border-radius-pill: 50rem;
+  /* Links */
+  --wy-link-decoration: none;
+  --wy-link-hover-decoration: null;
+  /* Tables */
+  --wy-table-cell-padding-x: .25rem;
+  --wy-table-cell-padding-y: .25rem;
+  /* Inputs */
+  --wy-input-padding-y: .4375rem;
+  --wy-input-padding-x: .75rem;
+  --wy-input-font-family: unset;
+  --wy-input-font-size: var(--wy-font-size-base);
+  --wy-input-font-weight: var(--wy-font-weight);
+  --wy-input-line-height: var(--wy-line-height);
+  --wy-input-border-width: 1px;
+  --wy-input-border-radius: var(--wy-border-radius);
+  /* Shadows */
+  --wy-shadow-level0: none;
+  --wy-shadow-level1: 0 0.125rem 0.125rem 0 rgba(0, 0, 0, 0.14), 0 0.1875rem 0.0625rem -0.125rem rgba(0, 0, 0, 0.2), 0 0.0625rem 0.3125rem 0 rgba(0, 0, 0, 0.12);
+  --wy-shadow-level2: 0 0.25rem 0.3125rem 0 rgba(0, 0, 0, 0.14), 0 0.0625rem 0.625rem 0 rgba(0, 0, 0, 0.12), 0 0.125rem 0.25rem -0.0625rem rgba(0, 0, 0, 0.2);
+  --wy-shadow-level3: 0 0.5rem 0.625rem 0.0625rem rgba(0, 0, 0, 0.14), 0 0.1875rem 1.25rem 0.125rem rgba(0, 0, 0, 0.12), 0 0.3125rem 0.3125rem -0.1875rem rgba(0, 0, 0, 0.2);
+  --wy-shadow-level4: 0 1rem 2.25rem 0.125rem rgba(0, 0, 0, 0.14), 0 0.375rem 1.875rem 0.3125rem rgba(0, 0, 0, 0.12), 0 0.5rem 0.625rem -0.3125rem rgba(0, 0, 0, 0.2);
+  /* Transitions */
+  --wy-transition-curve: cubic-bezier(0.4, 0, 0.2, 1);
+  --wy-transition-duration: 0.2s;
+  --wy-transition-duration-fast: 0.1s;
+  --wy-transition: var(--wy-transition-duration) var(--wy-transition-curve);
+  --wy-transition-fast: var(--wy-transition-duration-fast) var(--wy-transition-curve);
+  /* Opacity */
+  --wy-opacity-backdrop: 95%;
+  --wy-opacity-muted: 38%;
+  --wy-opacity-disabled: 38%;
+  /*
+  --wy-opacity-disabled:          12%;
+  --wy-opacity-on-disabled:       38%;
+  */
+  /* State layer */
+  --wy-opacity-state-hover: 8%;
+  --wy-opacity-state-focus: 12%;
+  --wy-opacity-state-active: 12%;
+  --wy-opacity-state-drag: 16%;
+  /* Surface elevation */
+  --wy-surface-1-mix: 5%;
+  --wy-surface-2-mix: 8%;
+  --wy-surface-3-mix: 11%;
+  --wy-surface-4-mix: 12%;
+  --wy-surface-5-mix: 14%;
+}
+
+:where([class^=wy-], [class*=" wy-"]) {
   box-sizing: border-box;
 }
-[class^=wy-][hidden], [class^=wy-] *[hidden], [class*=" wy-"][hidden], [class*=" wy-"] *[hidden] {
-  display: none !important;
+:where([class^=wy-], [class*=" wy-"]) *::before, :where([class^=wy-], [class*=" wy-"]) *::after {
+  box-sizing: inherit;
 }
-[class^=wy-][role=button], [class^=wy-] *[role=button], [class*=" wy-"][role=button], [class*=" wy-"] *[role=button] {
-  cursor: pointer;
+:where([class^=wy-], [class*=" wy-"]):where(a), :where([class^=wy-], [class*=" wy-"]) *:where(a) {
+  text-decoration: var(--wy-link-decoration);
+  color: var(--wy-link);
 }
-[class^=wy-] a[class^=wy-], [class^=wy-] a[class*=" wy-"], [class^=wy-] a, [class*=" wy-"] a[class^=wy-], [class*=" wy-"] a[class*=" wy-"], [class*=" wy-"] a {
-  text-decoration: none;
+:where([class^=wy-], [class*=" wy-"]):where(a):hover, :where([class^=wy-], [class*=" wy-"]) *:where(a):hover {
+  text-decoration: var(--wy-link-hover-decoration);
 }
-[class^=wy-] a[class^=wy-]:not([href]):not([class]), [class^=wy-] a[class^=wy-]:not([href]):not([class]):hover, [class^=wy-] a[class*=" wy-"]:not([href]):not([class]), [class^=wy-] a[class*=" wy-"]:not([href]):not([class]):hover, [class^=wy-] a:not([href]):not([class]), [class^=wy-] a:not([href]):not([class]):hover, [class*=" wy-"] a[class^=wy-]:not([href]):not([class]), [class*=" wy-"] a[class^=wy-]:not([href]):not([class]):hover, [class*=" wy-"] a[class*=" wy-"]:not([href]):not([class]), [class*=" wy-"] a[class*=" wy-"]:not([href]):not([class]):hover, [class*=" wy-"] a:not([href]):not([class]), [class*=" wy-"] a:not([href]):not([class]):hover {
+:where([class^=wy-], [class*=" wy-"]):where(a):where(:not([href]):not([class])), :where([class^=wy-], [class*=" wy-"]):where(a):where(:not([href]):not([class])):hover, :where([class^=wy-], [class*=" wy-"]) *:where(a):where(:not([href]):not([class])), :where([class^=wy-], [class*=" wy-"]) *:where(a):where(:not([href]):not([class])):hover {
   text-decoration: none;
 }
-[class^=wy-] p[class^=wy-], [class^=wy-] p[class*=" wy-"], [class^=wy-] p, [class*=" wy-"] p[class^=wy-], [class*=" wy-"] p[class*=" wy-"], [class*=" wy-"] p {
+:where([class^=wy-], [class*=" wy-"]):where(p), :where([class^=wy-], [class*=" wy-"]) *:where(p) {
   margin-top: 0;
   margin-bottom: 1rem;
 }
+:where([class^=wy-], [class*=" wy-"]):where(label), :where([class^=wy-], [class*=" wy-"]) *:where(label) {
+  cursor: inherit;
+}
+:where([class^=wy-], [class*=" wy-"])[hidden], :where([class^=wy-], [class*=" wy-"]) *[hidden] {
+  display: none !important;
+}
+:where([class^=wy-], [class*=" wy-"]):where([role=button]), :where([class^=wy-], [class*=" wy-"]) *:where([role=button]) {
+  cursor: pointer;
+}
 
-.wy-attachment,
-.wy-meeting {
-  width: 100%;
-  color: #5c5c5c;
-  text-align: inherit;
+.wy-scroll-y {
+  overflow-y: auto;
+  touch-action: pan-y, pan-x;
+  will-change: scroll-position, opacity;
+  backface-visibility: hidden;
+  max-height: 100%;
 }
-.wy-attachment:hover,
-.wy-meeting:hover, .wy-attachment:focus,
-.wy-meeting:focus {
-  z-index: 1;
-  color: #5c5c5c;
-  text-decoration: none;
-  background-color: #f2f2f2;
+.wy-scroll-y:not(body) {
+  -webkit-overflow-scrolling: touch;
 }
-.wy-attachment:active,
-.wy-meeting:active {
-  color: #383838;
-  background-color: #e6e6e6;
+.wy-scroll-y:not(.wy-scroll-x) {
+  overflow-x: hidden;
+  touch-action: pan-y;
 }
 
-.wy-attachment,
-.wy-meeting {
-  position: relative;
-  display: block;
-  padding: 0.5rem 1rem;
-  color: #383838;
-  background-color: #fff;
-  border: 1px solid rgba(0, 0, 0, 0.125);
+.wy-scroll-x {
+  overflow-x: auto;
+  touch-action: pan-y, pan-x;
+  will-change: scroll-position, opacity;
+  backface-visibility: hidden;
+  max-width: 100%;
 }
-.wy-attachment:first-child,
-.wy-meeting:first-child {
-  border-top-left-radius: inherit;
-  border-top-right-radius: inherit;
+.wy-scroll-x:not(.wy-scroll-y) {
+  overflow-y: hidden;
+  touch-action: pan-x;
 }
-.wy-attachment:last-child,
-.wy-meeting:last-child {
-  border-bottom-right-radius: inherit;
-  border-bottom-left-radius: inherit;
+
+.wy-scrollbars.wy-scroll-y, .wy-scrollbars .wy-scroll-y {
+  scrollbar-width: thin;
+  scrollbar-color: var(--wy-outline) transparent;
 }
-.disabled.wy-attachment,
-.disabled.wy-meeting, .wy-attachment:disabled,
-.wy-meeting:disabled {
-  color: #6b6b6b;
-  pointer-events: none;
-  background-color: #fff;
+@supports (overflow-y: overlay) {
+  .wy-scrollbars.wy-scroll-y, .wy-scrollbars .wy-scroll-y {
+    overflow-y: overlay;
+  }
 }
-.active.wy-attachment,
-.active.wy-meeting {
-  z-index: 2;
-  color: #383838;
-  background-color: #e6e6e6;
-  border-color: #e6e6e6;
-}
-.wy-attachment + .wy-attachment,
-.wy-meeting + .wy-attachment,
-.wy-attachment + .wy-meeting,
-.wy-meeting + .wy-meeting {
-  border-top-width: 0;
+.wy-scrollbars.wy-scroll-y::-webkit-scrollbar, .wy-scrollbars .wy-scroll-y::-webkit-scrollbar {
+  height: 0.625rem;
+  width: 0.625rem;
+  background: transparent;
+  z-index: 999;
 }
-.wy-attachment + .active.wy-attachment,
-.wy-meeting + .active.wy-attachment,
-.wy-attachment + .active.wy-meeting,
-.wy-meeting + .active.wy-meeting {
-  margin-top: -1px;
-  border-top-width: 1px;
+.wy-scrollbars.wy-scroll-y::-webkit-scrollbar-track, .wy-scrollbars .wy-scroll-y::-webkit-scrollbar-track {
+  background: transparent;
 }
-
-.wy-attachments,
-.wy-meetings {
-  border: none;
-  border-radius: 0.25rem;
-  flex: 1 1 100%;
-  min-width: 0;
+.wy-scrollbars.wy-scroll-y::-webkit-scrollbar-thumb, .wy-scrollbars .wy-scroll-y::-webkit-scrollbar-thumb {
+  background-color: var(--wy-outline);
+  border: 0.125rem solid transparent;
+  border-radius: 0.5rem;
+  background-clip: padding-box;
+  opacity: 75%;
 }
-.wy-attachments .wy-attachment,
-.wy-attachments .wy-meeting,
-.wy-meetings .wy-attachment,
-.wy-meetings .wy-meeting {
-  border-left: none;
-  border-right: none;
+.wy-scrollbars.wy-scroll-y::-webkit-scrollbar-thumb:hover, .wy-scrollbars .wy-scroll-y::-webkit-scrollbar-thumb:hover {
+  background-color: var(--wy-outline-variant);
+  opacity: 75%;
 }
-.wy-attachments > *,
-.wy-meetings > * {
-  padding: 0.25rem 0.5rem;
+.wy-scrollbars.wy-scroll-y::-webkit-scrollbar-thumb:window-inactive, .wy-scrollbars .wy-scroll-y::-webkit-scrollbar-thumb:window-inactive {
+  background-color: var(--wy-outline);
+  opacity: 50%;
 }
-.wy-attachments > :first-child,
-.wy-meetings > :first-child {
-  border-top: none;
+.wy-scrollbars.wy-scroll-y::-webkit-scrollbar-button:vertical:start:single-button, .wy-scrollbars .wy-scroll-y::-webkit-scrollbar-button:vertical:start:single-button {
+  height: var(--wy-scrollbar-adjust-top, 0);
 }
-.wy-attachments > :last-child,
-.wy-meetings > :last-child {
-  border-bottom: none;
+.wy-scrollbars.wy-scroll-y::-webkit-scrollbar-button:vertical:end:single-button, .wy-scrollbars .wy-scroll-y::-webkit-scrollbar-button:vertical:end:single-button {
+  height: var(--wy-scrollbar-adjust-bottom, 0);
 }
 
-.wy-attachment,
-.wy-meeting {
-  display: flex;
-  align-items: center;
-  cursor: pointer;
+.wy-block-scroll {
+  overflow: hidden !important;
 }
 
-.wy-attachment-icon {
-  flex: 0 0 auto;
-  display: flex;
+.wy-scrollbar-detection {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 8rem;
+  height: 8rem;
+  overflow: scroll;
+  z-index: -99999;
+  pointer-events: none;
+  visibility: hidden;
 }
-.wy-attachment-icon .wy-icon, .wy-attachment-icon .wy-icon-stack {
-  width: 3rem;
-  height: 3rem;
+
+:where(:root, :host > *) {
+  --wy-presence-active: var(--wy-green);
 }
 
-.wy-attachment-content {
-  flex: 1 1 100%;
-  min-width: 0;
-  margin-left: 0.5rem;
-  margin-right: 0.5rem;
+.wy-avatar {
+  border-radius: 50%;
 }
 
-.wy-attachment-title {
-  font-weight: 500;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  font-size: 1rem;
-  margin: 0;
+.wy-avatar-header {
+  padding: 1.5rem;
+  margin-left: auto;
+  margin-right: auto;
+  text-align: center;
 }
 
-.wy-attachment-meta {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  font-size: 0.875em;
-  color: #6b6b6b;
+.wy-avatar-presence {
+  position: relative;
+  display: inline-flex;
 }
 
-.wy-input, .wy-input-sm, .wy-avatar-input {
-  display: block;
-  width: 100%;
-  padding: 0.375rem 0.75rem;
-  font-size: 1rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: #292929;
-  background-color: #fff;
-  background-clip: padding-box;
-  border: 1px solid #999999;
-  appearance: none;
-  border-radius: 0.375rem;
-  box-shadow: 0;
-  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+.wy-presence {
+  background-color: var(--wy-component-background-color, transparent);
+  width: 0.75rem;
+  height: 0.75rem;
+  border-radius: 50%;
+  position: absolute;
+  bottom: 0;
+  right: -5%;
 }
-@media (prefers-reduced-motion: reduce) {
-  .wy-input, .wy-input-sm, .wy-avatar-input {
-    transition: none;
-  }
+.wy-presence:not(.wy-presence-active) {
+  display: none;
 }
-[type=file].wy-input, [type=file].wy-input-sm, [type=file].wy-avatar-input {
-  overflow: hidden;
+.wy-presence::after {
+  content: "";
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  border-radius: inherit;
+  background-color: var(--wy-presence-active);
+  background-clip: content-box;
+  padding: 0.125rem;
 }
-[type=file].wy-input:not(:disabled):not([readonly]), [type=file].wy-input-sm:not(:disabled):not([readonly]), [type=file].wy-avatar-input:not(:disabled):not([readonly]) {
-  cursor: pointer;
+
+:where(:root, :host > *) {
+  --wy-btn-padding-x: 1.5rem;
+  --wy-btn-padding-y: .5rem;
+  --wy-btn-font-family: var(--wy-font-family);
+  --wy-btn-font-size: var(--wy-font-size-base);
+  --wy-btn-font-weight: 400;
+  --wy-btn-line-height: var(--wy-line-height);
+  --wy-btn-border-width: 0;
+  --wy-btn-border-color: transparent;
+  --wy-btn-border-radius: 1.25rem;
 }
-.wy-input:focus, .wy-input-sm:focus, .wy-avatar-input:focus {
-  color: #292929;
-  background-color: #fff;
-  border-color: #8ab5c9;
-  outline: 0;
-  box-shadow: 0, 0 0 0 0.25rem rgba(230, 230, 230, 0.25);
+
+.wy-button {
+  --wy-component-color: var(--wy-primary);
+  color: var(--wy-component-color);
+  background: var(--wy-component-background-color, transparent);
+  padding: var(--wy-btn-padding-y) var(--wy-btn-padding-x);
+  font-family: var(--wy-btn-font-family);
+  font-size: var(--wy-btn-font-size);
+  font-weight: var(--wy-btn-font-weight);
+  line-height: var(--wy-btn-line-height);
+  text-align: center;
+  text-decoration: none;
+  vertical-align: middle;
+  cursor: pointer;
+  user-select: none;
+  border: var(--wy-btn-border-width) solid var(--wy-btn-border-color);
+  border-radius: var(--wy-btn-border-radius);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 0.25rem;
+  position: relative;
 }
-.wy-input::-webkit-date-and-time-value, .wy-input-sm::-webkit-date-and-time-value, .wy-avatar-input::-webkit-date-and-time-value {
-  height: 1.5em;
+.wy-button:not(.wy-button-link, :disabled) > * {
+  z-index: 3;
 }
-.wy-input::placeholder, .wy-input-sm::placeholder, .wy-avatar-input::placeholder {
-  color: #6b6b6b;
-  opacity: 1;
+.wy-button:not(.wy-button-link, :disabled)::before {
+  content: "";
+  z-index: 2;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  border-radius: inherit;
+  background: var(--wy-component-color);
+  opacity: 0%;
 }
-.wy-input:disabled, .wy-input-sm:disabled, .wy-avatar-input:disabled, [readonly].wy-input, [readonly].wy-input-sm, [readonly].wy-avatar-input {
-  background-color: #cccccc;
-  opacity: 1;
+.wy-button:not(.wy-button-link, :disabled):hover::before {
+  opacity: 8%;
 }
-.wy-input::file-selector-button, .wy-input-sm::file-selector-button, .wy-avatar-input::file-selector-button {
-  padding: 0.375rem 0.75rem;
-  margin: -0.375rem -0.75rem;
-  margin-inline-end: 0.75rem;
-  color: #292929;
-  background-color: #cccccc;
-  pointer-events: none;
-  border-color: inherit;
-  border-style: solid;
-  border-width: 0;
-  border-inline-end-width: 1px;
-  border-radius: 0;
-  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+.wy-button:not(.wy-button-link, :disabled):focus::before, .wy-button:not(.wy-button-link, :disabled):active::before, .wy-button:not(.wy-button-link, :disabled).wy-active::before {
+  opacity: 12%;
 }
-@media (prefers-reduced-motion: reduce) {
-  .wy-input::file-selector-button, .wy-input-sm::file-selector-button, .wy-avatar-input::file-selector-button {
-    transition: none;
-  }
+.wy-button:not(.wy-button-icon) .wy-icon:first-child {
+  margin-left: -0.5rem;
 }
-.wy-input:hover:not(:disabled):not([readonly])::file-selector-button, .wy-input-sm:hover:not(:disabled):not([readonly])::file-selector-button, .wy-avatar-input:hover:not(:disabled):not([readonly])::file-selector-button {
-  background-color: #c2c2c2;
+.wy-button:not(.wy-button-icon) .wy-icon:last-child {
+  margin-right: -0.5rem;
 }
-.wy-input::-webkit-file-upload-button, .wy-input-sm::-webkit-file-upload-button, .wy-avatar-input::-webkit-file-upload-button {
-  padding: 0.375rem 0.75rem;
-  margin: -0.375rem -0.75rem;
-  margin-inline-end: 0.75rem;
-  color: #292929;
-  background-color: #cccccc;
+.wy-button:disabled {
+  opacity: var(--wy-opacity-disabled);
+  cursor: unset;
   pointer-events: none;
-  border-color: inherit;
-  border-style: solid;
-  border-width: 0;
-  border-inline-end-width: 1px;
-  border-radius: 0;
-  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-}
-@media (prefers-reduced-motion: reduce) {
-  .wy-input::-webkit-file-upload-button, .wy-input-sm::-webkit-file-upload-button, .wy-avatar-input::-webkit-file-upload-button {
-    transition: none;
-  }
-}
-.wy-input:hover:not(:disabled):not([readonly])::-webkit-file-upload-button, .wy-input-sm:hover:not(:disabled):not([readonly])::-webkit-file-upload-button, .wy-avatar-input:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
-  background-color: #c2c2c2;
 }
 
-.wy-input-sm, .wy-avatar-input {
-  min-height: calc(1.5em + 0.5rem + 2px);
-  padding: 0.25rem 0.5rem;
-  font-size: 1rem;
-  border-radius: 0.25rem;
+.wy-button-icon {
+  --wy-component-color: var(--wy-on-surface-variant);
+  width: 2.5rem;
+  height: 2.5rem;
+  padding: 0.5rem;
+  line-height: 1;
+  border-radius: var(--wy-border-radius-pill);
+  border-width: 0;
 }
-.wy-input-sm::file-selector-button, .wy-avatar-input::file-selector-button {
-  padding: 0.25rem 0.5rem;
-  margin: -0.25rem -0.5rem;
-  margin-inline-end: 0.5rem;
+.wy-button-icon.wy-active {
+  --wy-component-color: var(--wy-primary);
 }
-.wy-input-sm::-webkit-file-upload-button, .wy-avatar-input::-webkit-file-upload-button {
-  padding: 0.25rem 0.5rem;
-  margin: -0.25rem -0.5rem;
-  margin-inline-end: 0.5rem;
+
+.wy-button-primary {
+  --wy-component-background-color: var(--wy-primary);
+  --wy-component-color: var(--wy-on-primary);
 }
 
-.wy-description {
-  margin-top: 0.25rem;
-  font-size: 0.875em;
-  color: #6b6b6b;
+.wy-button-variant {
+  --wy-component-background-color: var(--wy-surface-variant);
+  --wy-component-color: var(--wy-on-surface-variant);
 }
 
-.wy-label {
-  margin-bottom: 0.5rem;
+.wy-button-primary-text {
+  --wy-component-color: var(--wy-primary);
 }
 
-.wy-is-invalid {
-  border-color: hsl(6deg, 71.1567324185%, 50%);
+.wy-button-link {
+  padding: 0;
+  color: var(--wy-link-color, var(--wy-primary));
+  text-decoration: var(--wy-link-decoration, var(--wy-link-decoration));
 }
-.wy-is-invalid:focus {
-  border-color: hsl(6deg, 71.1567324185%, 50%);
+.wy-button-link:hover, .wy-button-link:focus {
+  text-decoration: var(--wy-link-hover-decoration, var(--wy-link-hover-decoration));
 }
 
-.wy-avatar {
-  border-radius: 50%;
+.wy-buttons {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 0.5rem;
 }
 
-.wy-avatar-header {
-  padding: 1.5rem;
-  margin-left: auto;
-  margin-right: auto;
-  text-align: center;
-}
+:not(.wy-dark) .wy-code, .wy-code:not(.wy-dark) {
+  /*pre[class*="language-"]::-moz-selection,
+  pre[class*="language-"] ::-moz-selection,
+  code[class*="language-"]::-moz-selection,
+  code[class*="language-"] ::-moz-selection {
+    text-shadow: none;
+    background: #ffffff;
+  }
 
-.wy-avatar-input {
-  background: #f2f2f2;
-  border-color: transparent;
-  text-align: center;
-  margin-left: auto;
-  margin-right: auto;
-  margin-bottom: 1.5rem;
+  pre[class*="language-"]::selection,
+  pre[class*="language-"] ::selection,
+  code[class*="language-"]::selection,
+  code[class*="language-"] ::selection {
+    text-shadow: none;
+    background: #ffffff;
+  }*/
+  /* Code blocks */
+}
+:not(.wy-dark) .wy-code code[class*=language-],
+:not(.wy-dark) .wy-code pre[class*=language-], .wy-code:not(.wy-dark) code[class*=language-],
+.wy-code:not(.wy-dark) pre[class*=language-] {
+  color: #000000;
+  font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
+  text-align: left;
+  white-space: pre-wrap;
+  word-spacing: normal;
+  word-break: normal;
+  word-wrap: break-word;
+  line-height: 1.5;
+  -moz-tab-size: 4;
+  -o-tab-size: 4;
+  tab-size: 4;
+  -webkit-hyphens: none;
+  -moz-hyphens: none;
+  -ms-hyphens: none;
+  hyphens: none;
 }
-
-.wy-avatar-presence {
-  position: relative;
+@media print {
+  :not(.wy-dark) .wy-code code[class*=language-],
+:not(.wy-dark) .wy-code pre[class*=language-], .wy-code:not(.wy-dark) code[class*=language-],
+.wy-code:not(.wy-dark) pre[class*=language-] {
+    text-shadow: none;
+  }
+}
+:not(.wy-dark) .wy-code pre[class*=language-], .wy-code:not(.wy-dark) pre[class*=language-] {
+  padding: 1em;
+  margin: 0.5em 0;
+  overflow: auto;
+}
+:not(.wy-dark) .wy-code :not(pre) > code[class*=language-],
+:not(.wy-dark) .wy-code pre[class*=language-], .wy-code:not(.wy-dark) :not(pre) > code[class*=language-],
+.wy-code:not(.wy-dark) pre[class*=language-] {
+  color: white;
+  background: #ffffff;
+}
+:not(.wy-dark) .wy-code :not(pre) > code[class*=language-], .wy-code:not(.wy-dark) :not(pre) > code[class*=language-] {
+  padding: 0.1em;
+  border-radius: 0.3em;
+  white-space: normal;
+}
+:not(.wy-dark) .wy-code .token.comment, .wy-code:not(.wy-dark) .token.comment {
+  color: #008000;
+}
+:not(.wy-dark) .wy-code .token.builtin, .wy-code:not(.wy-dark) .token.builtin {
+  color: #0070C1;
+}
+:not(.wy-dark) .wy-code .token.number, .wy-code:not(.wy-dark) .token.number {
+  color: #098658;
+}
+:not(.wy-dark) .wy-code .token.variable, .wy-code:not(.wy-dark) .token.variable {
+  color: #098658;
+}
+:not(.wy-dark) .wy-code .token.inserted, .wy-code:not(.wy-dark) .token.inserted {
+  color: #098658;
+}
+:not(.wy-dark) .wy-code .token.operator, .wy-code:not(.wy-dark) .token.operator {
+  color: #000000;
+}
+:not(.wy-dark) .wy-code .token.constant, .wy-code:not(.wy-dark) .token.constant {
+  color: #811F3F;
+}
+:not(.wy-dark) .wy-code .token.hexcode, .wy-code:not(.wy-dark) .token.hexcode {
+  color: #811F3F;
+}
+:not(.wy-dark) .wy-code .token.regex, .wy-code:not(.wy-dark) .token.regex {
+  color: #811F3F;
+}
+:not(.wy-dark) .wy-code .token.char, .wy-code:not(.wy-dark) .token.char {
+  color: #811F3F;
+}
+:not(.wy-dark) .wy-code .token.tag, .wy-code:not(.wy-dark) .token.tag {
+  color: #800000;
+}
+:not(.wy-dark) .wy-code .token.attr-name, .wy-code:not(.wy-dark) .token.attr-name {
+  color: #FF0000;
+}
+:not(.wy-dark) .wy-code .token.selector, .wy-code:not(.wy-dark) .token.selector {
+  color: #FF0000;
 }
+:not(.wy-dark) .wy-code .token.property, .wy-code:not(.wy-dark) .token.property {
+  color: #FF0000;
+}
+:not(.wy-dark) .wy-code .token.deleted, .wy-code:not(.wy-dark) .token.deleted {
+  color: #A31515;
+}
+:not(.wy-dark) .wy-code .token.string, .wy-code:not(.wy-dark) .token.string {
+  color: #A31515;
+}
+:not(.wy-dark) .wy-code .token.changed, .wy-code:not(.wy-dark) .token.changed {
+  color: #0451A5;
+}
+:not(.wy-dark) .wy-code .token.punctuation, .wy-code:not(.wy-dark) .token.punctuation {
+  color: #0451A5;
+}
+:not(.wy-dark) .wy-code .token.function, .wy-code:not(.wy-dark) .token.function {
+  color: #0000FF;
+}
+:not(.wy-dark) .wy-code .token.keyword, .wy-code:not(.wy-dark) .token.keyword {
+  color: #0000FF;
+}
+:not(.wy-dark) .wy-code .token.class-name, .wy-code:not(.wy-dark) .token.class-name {
+  color: #267F99;
+}
+:not(.wy-dark) .wy-code .token.important,
+:not(.wy-dark) .wy-code .token.bold, .wy-code:not(.wy-dark) .token.important,
+.wy-code:not(.wy-dark) .token.bold {
+  font-weight: bold;
+}
+:not(.wy-dark) .wy-code .token.italic, .wy-code:not(.wy-dark) .token.italic {
+  font-style: italic;
+}
+.wy-dark .wy-code, .wy-code.wy-dark {
+  /*pre[class*="language-"]::-moz-selection,
+  pre[class*="language-"] ::-moz-selection,
+  code[class*="language-"]::-moz-selection,
+  code[class*="language-"] ::-moz-selection {
+    text-shadow: none;
+    background: #1e1e1e;
+  }
 
-.wy-avatar-display-name {
-  font-size: 1.5rem;
-  font-weight: 300;
-  line-height: 1.2;
-  text-align: center;
+  pre[class*="language-"]::selection,
+  pre[class*="language-"] ::selection,
+  code[class*="language-"]::selection,
+  code[class*="language-"] ::selection {
+    text-shadow: none;
+    background: #1e1e1e;
+  }*/
+  /* Code blocks */
+}
+.wy-dark .wy-code code[class*=language-],
+.wy-dark .wy-code pre[class*=language-], .wy-code.wy-dark code[class*=language-],
+.wy-code.wy-dark pre[class*=language-] {
+  color: #d4d4d4;
+  font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
+  text-align: left;
+  white-space: pre-wrap;
+  word-spacing: normal;
+  word-break: normal;
+  word-wrap: break-word;
+  line-height: 1.5;
+  -moz-tab-size: 4;
+  -o-tab-size: 4;
+  tab-size: 4;
+  -webkit-hyphens: none;
+  -moz-hyphens: none;
+  -ms-hyphens: none;
+  hyphens: none;
+}
+@media print {
+  .wy-dark .wy-code code[class*=language-],
+.wy-dark .wy-code pre[class*=language-], .wy-code.wy-dark code[class*=language-],
+.wy-code.wy-dark pre[class*=language-] {
+    text-shadow: none;
+  }
+}
+.wy-dark .wy-code pre[class*=language-], .wy-code.wy-dark pre[class*=language-] {
+  padding: 1em;
+  margin: 0.5em 0;
+  overflow: auto;
+}
+.wy-dark .wy-code :not(pre) > code[class*=language-],
+.wy-dark .wy-code pre[class*=language-], .wy-code.wy-dark :not(pre) > code[class*=language-],
+.wy-code.wy-dark pre[class*=language-] {
+  color: white;
+  background: #1e1e1e;
+}
+.wy-dark .wy-code :not(pre) > code[class*=language-], .wy-code.wy-dark :not(pre) > code[class*=language-] {
+  padding: 0.1em;
+  border-radius: 0.3em;
+  white-space: normal;
+}
+.wy-dark .wy-code .token.prolog, .wy-code.wy-dark .token.prolog {
+  color: #8080ff;
+}
+.wy-dark .wy-code .token.comment, .wy-code.wy-dark .token.comment {
+  color: #6A9955;
+}
+.wy-dark .wy-code .token.punctuation, .wy-code.wy-dark .token.punctuation {
+  color: #6A9955;
+}
+.wy-dark .wy-code .token.builtin, .wy-code.wy-dark .token.builtin {
+  color: #4FC1FF;
+}
+.wy-dark .wy-code .token.number, .wy-code.wy-dark .token.number {
+  color: #B5CEA8;
+}
+.wy-dark .wy-code .token.variable, .wy-code.wy-dark .token.variable {
+  color: #B5CEA8;
+}
+.wy-dark .wy-code .token.inserted, .wy-code.wy-dark .token.inserted {
+  color: #B5CEA8;
+}
+.wy-dark .wy-code .token.operator, .wy-code.wy-dark .token.operator {
+  color: #D4D4D4;
+}
+.wy-dark .wy-code .token.constant, .wy-code.wy-dark .token.constant {
+  color: #646695;
+}
+.wy-dark .wy-code .token.hexcode, .wy-code.wy-dark .token.hexcode {
+  color: #646695;
+}
+.wy-dark .wy-code .token.tag, .wy-code.wy-dark .token.tag {
+  color: #569CD6;
+}
+.wy-dark .wy-code .token.changed, .wy-code.wy-dark .token.changed {
+  color: #569CD6;
+}
+.wy-dark .wy-code .token.function, .wy-code.wy-dark .token.function {
+  color: #569CD6;
+}
+.wy-dark .wy-code .token.keyword, .wy-code.wy-dark .token.keyword {
+  color: #569CD6;
+}
+.wy-dark .wy-code .token.attr-name, .wy-code.wy-dark .token.attr-name {
+  color: #9CDCFE;
+}
+.wy-dark .wy-code .token.selector, .wy-code.wy-dark .token.selector {
+  color: #9CDCFE;
+}
+.wy-dark .wy-code .token.property, .wy-code.wy-dark .token.property {
+  color: #9CDCFE;
+}
+.wy-dark .wy-code .token.deleted, .wy-code.wy-dark .token.deleted {
+  color: #CE9178;
+}
+.wy-dark .wy-code .token.string, .wy-code.wy-dark .token.string {
+  color: #CE9178;
+}
+.wy-dark .wy-code .token.regex, .wy-code.wy-dark .token.regex {
+  color: #D16969;
+}
+.wy-dark .wy-code .token.char, .wy-code.wy-dark .token.char {
+  color: #D16969;
+}
+.wy-dark .wy-code .token.class-name, .wy-code.wy-dark .token.class-name {
+  color: #4EC9B0;
+}
+.wy-dark .wy-code .token.important,
+.wy-dark .wy-code .token.bold, .wy-code.wy-dark .token.important,
+.wy-code.wy-dark .token.bold {
+  font-weight: bold;
+}
+.wy-dark .wy-code .token.italic, .wy-code.wy-dark .token.italic {
+  font-style: italic;
 }
 
-.wy-presence {
+.wy-content {
+  overflow-wrap: break-word;
+  min-width: 0;
+}
+.wy-content :not(pre) > code {
+  overflow-wrap: inherit;
+}
+.wy-content pre, .wy-content pre > code[class*=language-] {
+  white-space: pre-wrap;
+}
+.wy-content :last-child {
+  margin-bottom: 0;
+}
+.wy-content:empty {
   display: none;
-  background-color: #e6e6e6;
-  width: 0.75rem;
-  height: 0.75rem;
-  border-radius: 50%;
-  outline: 0.125rem solid #fff;
-  position: absolute;
-  bottom: 0;
-  right: -5%;
 }
-
-.wy-presence-active {
-  background-color: #66cc68;
-  display: block;
+:not(.wy-dark) .wy-content, .wy-content:not(.wy-dark) {
+  /*pre[class*="language-"]::-moz-selection,
+  pre[class*="language-"] ::-moz-selection,
+  code[class*="language-"]::-moz-selection,
+  code[class*="language-"] ::-moz-selection {
+    text-shadow: none;
+    background: #ffffff;
+  }
+
+  pre[class*="language-"]::selection,
+  pre[class*="language-"] ::selection,
+  code[class*="language-"]::selection,
+  code[class*="language-"] ::selection {
+    text-shadow: none;
+    background: #ffffff;
+  }*/
+  /* Code blocks */
+}
+:not(.wy-dark) .wy-content code[class*=language-],
+:not(.wy-dark) .wy-content pre[class*=language-], .wy-content:not(.wy-dark) code[class*=language-],
+.wy-content:not(.wy-dark) pre[class*=language-] {
+  color: #000000;
+  font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
+  text-align: left;
+  white-space: pre-wrap;
+  word-spacing: normal;
+  word-break: normal;
+  word-wrap: break-word;
+  line-height: 1.5;
+  -moz-tab-size: 4;
+  -o-tab-size: 4;
+  tab-size: 4;
+  -webkit-hyphens: none;
+  -moz-hyphens: none;
+  -ms-hyphens: none;
+  hyphens: none;
+}
+@media print {
+  :not(.wy-dark) .wy-content code[class*=language-],
+:not(.wy-dark) .wy-content pre[class*=language-], .wy-content:not(.wy-dark) code[class*=language-],
+.wy-content:not(.wy-dark) pre[class*=language-] {
+    text-shadow: none;
+  }
 }
-
-.wy-button {
-  --wy-btn-padding-x: 0.75rem;
-  --wy-btn-padding-y: 0.375rem;
-  --wy-btn-font-family: ;
-  --wy-btn-font-size: 1rem;
-  --wy-btn-font-weight: 400;
-  --wy-btn-line-height: 1.5;
-  --wy-btn-color: #292929;
-  --wy-btn-bg: transparent;
-  --wy-btn-border-width: 1px;
-  --wy-btn-border-color: transparent;
-  --wy-btn-border-radius: 0.375rem;
-  --wy-btn-box-shadow: unset;
-  --wy-btn-disabled-opacity: 0.65;
-  --wy-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--wy-btn-focus-shadow-rgb), .5);
-  display: inline-block;
-  padding: var(--wy-btn-padding-y) var(--wy-btn-padding-x);
-  font-family: var(--wy-btn-font-family);
-  font-size: var(--wy-btn-font-size);
-  font-weight: var(--wy-btn-font-weight);
-  line-height: var(--wy-btn-line-height);
-  color: var(--wy-btn-color);
-  text-align: center;
-  vertical-align: middle;
-  cursor: pointer;
-  user-select: none;
-  border: var(--wy-btn-border-width) solid var(--wy-btn-border-color);
-  border-radius: var(--wy-btn-border-radius);
-  background-color: var(--wy-btn-bg);
-  box-shadow: var(--wy-btn-box-shadow);
-  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+:not(.wy-dark) .wy-content pre[class*=language-], .wy-content:not(.wy-dark) pre[class*=language-] {
+  padding: 1em;
+  margin: 0.5em 0;
+  overflow: auto;
 }
-@media (prefers-reduced-motion: reduce) {
-  .wy-button {
-    transition: none;
-  }
+:not(.wy-dark) .wy-content :not(pre) > code[class*=language-],
+:not(.wy-dark) .wy-content pre[class*=language-], .wy-content:not(.wy-dark) :not(pre) > code[class*=language-],
+.wy-content:not(.wy-dark) pre[class*=language-] {
+  color: white;
+  background: #ffffff;
 }
-.wy-button:hover {
-  color: var(--wy-btn-hover-color);
-  background-color: var(--wy-btn-hover-bg);
-  border-color: var(--wy-btn-hover-border-color);
+:not(.wy-dark) .wy-content :not(pre) > code[class*=language-], .wy-content:not(.wy-dark) :not(pre) > code[class*=language-] {
+  padding: 0.1em;
+  border-radius: 0.3em;
+  white-space: normal;
 }
-.btn-check:focus + .wy-button, .wy-button:focus {
-  color: var(--wy-btn-hover-color);
-  background-color: var(--wy-btn-hover-bg);
-  border-color: var(--wy-btn-hover-border-color);
-  outline: 0;
-  box-shadow: var(--wy-btn-box-shadow), var(--wy-btn-focus-box-shadow);
+:not(.wy-dark) .wy-content .token.comment, .wy-content:not(.wy-dark) .token.comment {
+  color: #008000;
 }
-.btn-check:checked + .wy-button, .btn-check:active + .wy-button, .wy-button:active, .active.wy-button, .show.wy-button {
-  color: var(--wy-btn-active-color);
-  background-color: var(--wy-btn-active-bg);
-  border-color: var(--wy-btn-active-border-color);
-  box-shadow: var(--wy-btn-active-shadow);
+:not(.wy-dark) .wy-content .token.builtin, .wy-content:not(.wy-dark) .token.builtin {
+  color: #0070C1;
 }
-.btn-check:checked + .wy-button:focus, .btn-check:active + .wy-button:focus, .wy-button:active:focus, .active.wy-button:focus, .show.wy-button:focus {
-  box-shadow: var(--wy-btn-active-shadow), var(--wy-btn-focus-box-shadow);
+:not(.wy-dark) .wy-content .token.number, .wy-content:not(.wy-dark) .token.number {
+  color: #098658;
 }
-.wy-button:disabled, .disabled.wy-button, fieldset:disabled .wy-button {
-  color: var(--wy-btn-disabled-color);
-  pointer-events: none;
-  background-color: var(--wy-btn-disabled-bg);
-  border-color: var(--wy-btn-disabled-border-color);
-  opacity: var(--wy-btn-disabled-opacity);
-  box-shadow: none;
+:not(.wy-dark) .wy-content .token.variable, .wy-content:not(.wy-dark) .token.variable {
+  color: #098658;
 }
-
-.wy-button-primary {
-  --wy-btn-color: #fff;
-  --wy-btn-bg: #156B93;
-  --wy-btn-border-color: #156B93;
-  --wy-btn-hover-color: #fff;
-  --wy-btn-hover-bg: #125b7d;
-  --wy-btn-hover-border-color: #115676;
-  --wy-btn-focus-shadow-rgb: 56, 129, 163;
-  --wy-btn-active-color: #fff;
-  --wy-btn-active-bg: #115676;
-  --wy-btn-active-border-color: #10506e;
-  --wy-btn-active-shadow: unset;
-  --wy-btn-disabled-color: #fff;
-  --wy-btn-disabled-bg: #156B93;
-  --wy-btn-disabled-border-color: #156B93;
+:not(.wy-dark) .wy-content .token.inserted, .wy-content:not(.wy-dark) .token.inserted {
+  color: #098658;
 }
-
-.wy-button-link {
-  --wy-btn-font-weight: 400;
-  --wy-btn-color: var(--wy-link-color);
-  --wy-btn-bg: transparent;
-  --wy-btn-border-color: transparent;
-  --wy-btn-hover-color: var(--wy-link-hover-color);
-  --wy-btn-hover-border-color: transparent;
-  --wy-btn-active-color: var(--wy-link-hover-color);
-  --wy-btn-active-border-color: transparent;
-  --wy-btn-disabled-color: #6b6b6b;
-  --wy-btn-disabled-border-color: transparent;
-  --wy-btn-box-shadow: none;
-  --wy-btn-focus-shadow-rgb: 56, 129, 163;
-  text-decoration: none;
+:not(.wy-dark) .wy-content .token.operator, .wy-content:not(.wy-dark) .token.operator {
+  color: #000000;
 }
-.wy-button-link:focus {
-  color: var(--wy-btn-color);
+:not(.wy-dark) .wy-content .token.constant, .wy-content:not(.wy-dark) .token.constant {
+  color: #811F3F;
 }
-.wy-button-link:hover {
-  color: var(--wy-btn-hover-color);
+:not(.wy-dark) .wy-content .token.hexcode, .wy-content:not(.wy-dark) .token.hexcode {
+  color: #811F3F;
 }
-
-.wy-button {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  gap: 0.25rem;
+:not(.wy-dark) .wy-content .token.regex, .wy-content:not(.wy-dark) .token.regex {
+  color: #811F3F;
 }
-.wy-button:not(.wy-button-icon) .wy-icon:first-child {
-  margin-left: -0.25rem;
+:not(.wy-dark) .wy-content .token.char, .wy-content:not(.wy-dark) .token.char {
+  color: #811F3F;
 }
-.wy-button:not(.wy-button-icon) .wy-icon:last-child {
-  margin-right: -0.25rem;
+:not(.wy-dark) .wy-content .token.tag, .wy-content:not(.wy-dark) .token.tag {
+  color: #800000;
 }
-
-.wy-button:not(.wy-button-link, .wy-button-primary) {
-  --wy-btn-hover-border-color: transparent;
-  --wy-btn-active-border-color: transparent;
-  --wy-btn-hover-color: var(--wy-btn-color);
-  --wy-btn-hover-bg: rgba(0, 0, 0, 0.04);
-  --wy-btn-focus-bg: rgba(0, 0, 0, 0.04);
-  --wy-btn-active-color: var(--wy-btn-color);
-  --wy-btn-active-bg: rgba(0, 0, 0, 0.12);
+:not(.wy-dark) .wy-content .token.attr-name, .wy-content:not(.wy-dark) .token.attr-name {
+  color: #FF0000;
 }
-.wy-dark .wy-button:not(.wy-button-link, .wy-button-primary) {
-  color: var(--wy-white);
+:not(.wy-dark) .wy-content .token.selector, .wy-content:not(.wy-dark) .token.selector {
+  color: #FF0000;
 }
-
-.wy-button-icon {
-  width: 2rem;
-  height: 2rem;
-  padding: 0.25rem;
-  line-height: 1;
-  border-radius: 50%;
-  border-width: 0;
+:not(.wy-dark) .wy-content .token.property, .wy-content:not(.wy-dark) .token.property {
+  color: #FF0000;
 }
-
-.wy-button-icon:not(.wy-button-primary) {
-  color: rgba(0, 0, 0, 0.54);
+:not(.wy-dark) .wy-content .token.deleted, .wy-content:not(.wy-dark) .token.deleted {
+  color: #A31515;
 }
-.wy-button-icon:not(.wy-button-primary):hover .wy-icon {
-  color: rgba(0, 0, 0, 0.87);
+:not(.wy-dark) .wy-content .token.string, .wy-content:not(.wy-dark) .token.string {
+  color: #A31515;
 }
-.wy-dark .wy-button-icon:not(.wy-button-primary) {
-  color: rgba(255, 255, 255, 0.7);
+:not(.wy-dark) .wy-content .token.changed, .wy-content:not(.wy-dark) .token.changed {
+  color: #0451A5;
 }
-.wy-dark .wy-button-icon:not(.wy-button-primary) .wy-icon {
-  color: rgba(255, 255, 255, 0.7);
+:not(.wy-dark) .wy-content .token.punctuation, .wy-content:not(.wy-dark) .token.punctuation {
+  color: #0451A5;
 }
-.wy-dark .wy-button-icon:not(.wy-button-primary):hover {
-  color: rgb(255, 255, 255);
+:not(.wy-dark) .wy-content .token.function, .wy-content:not(.wy-dark) .token.function {
+  color: #0000FF;
 }
-.wy-dark .wy-button-icon:not(.wy-button-primary):hover .wy-icon {
-  color: rgb(255, 255, 255);
+:not(.wy-dark) .wy-content .token.keyword, .wy-content:not(.wy-dark) .token.keyword {
+  color: #0000FF;
 }
-
-.wy-buttons {
-  display: flex;
-  align-items: center;
-  flex-wrap: wrap;
-  gap: 0.5rem;
+:not(.wy-dark) .wy-content .token.class-name, .wy-content:not(.wy-dark) .token.class-name {
+  color: #267F99;
 }
+:not(.wy-dark) .wy-content .token.important,
+:not(.wy-dark) .wy-content .token.bold, .wy-content:not(.wy-dark) .token.important,
+.wy-content:not(.wy-dark) .token.bold {
+  font-weight: bold;
+}
+:not(.wy-dark) .wy-content .token.italic, .wy-content:not(.wy-dark) .token.italic {
+  font-style: italic;
+}
+.wy-dark .wy-content, .wy-content.wy-dark {
+  /*pre[class*="language-"]::-moz-selection,
+  pre[class*="language-"] ::-moz-selection,
+  code[class*="language-"]::-moz-selection,
+  code[class*="language-"] ::-moz-selection {
+    text-shadow: none;
+    background: #1e1e1e;
+  }
 
-code[class*=language-], pre[class*=language-] {
-  font-family: var(--wy-font-monospace);
-  font-size: 1em;
-  direction: ltr;
+  pre[class*="language-"]::selection,
+  pre[class*="language-"] ::selection,
+  code[class*="language-"]::selection,
+  code[class*="language-"] ::selection {
+    text-shadow: none;
+    background: #1e1e1e;
+  }*/
+  /* Code blocks */
+}
+.wy-dark .wy-content code[class*=language-],
+.wy-dark .wy-content pre[class*=language-], .wy-content.wy-dark code[class*=language-],
+.wy-content.wy-dark pre[class*=language-] {
+  color: #d4d4d4;
+  font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
   text-align: left;
-  white-space: pre;
+  white-space: pre-wrap;
   word-spacing: normal;
   word-break: normal;
+  word-wrap: break-word;
   line-height: 1.5;
+  -moz-tab-size: 4;
+  -o-tab-size: 4;
   tab-size: 4;
+  -webkit-hyphens: none;
+  -moz-hyphens: none;
+  -ms-hyphens: none;
   hyphens: none;
 }
-
-pre[class*=language-] {
-  background: #fff;
-  font-size: 0.875em;
-  padding: 1rem;
-  margin: 0.5rem 0;
+@media print {
+  .wy-dark .wy-content code[class*=language-],
+.wy-dark .wy-content pre[class*=language-], .wy-content.wy-dark code[class*=language-],
+.wy-content.wy-dark pre[class*=language-] {
+    text-shadow: none;
+  }
+}
+.wy-dark .wy-content pre[class*=language-], .wy-content.wy-dark pre[class*=language-] {
+  padding: 1em;
+  margin: 0.5em 0;
   overflow: auto;
 }
-
-.token.comment,
-.token.prolog,
-.token.doctype,
-.token.cdata {
-  color: #008000;
-  font-style: italic;
+.wy-dark .wy-content :not(pre) > code[class*=language-],
+.wy-dark .wy-content pre[class*=language-], .wy-content.wy-dark :not(pre) > code[class*=language-],
+.wy-content.wy-dark pre[class*=language-] {
+  color: white;
+  background: #1e1e1e;
 }
-
-.token.namespace {
-  opacity: 0.7;
+.wy-dark .wy-content :not(pre) > code[class*=language-], .wy-content.wy-dark :not(pre) > code[class*=language-] {
+  padding: 0.1em;
+  border-radius: 0.3em;
+  white-space: normal;
 }
-
-.token.string {
-  color: #A31515;
+.wy-dark .wy-content .token.prolog, .wy-content.wy-dark .token.prolog {
+  color: #8080ff;
 }
-
-.token.url,
-.token.symbol,
-.token.number,
-.token.boolean,
-.token.variable,
-.token.constant,
-.token.inserted {
-  color: #36acaa;
+.wy-dark .wy-content .token.comment, .wy-content.wy-dark .token.comment {
+  color: #6A9955;
 }
-
-.token.atrule,
-.token.keyword,
-.token.attr-value,
-.language-autohotkey .token.selector,
-.language-json .token.boolean,
-.language-json .token.number,
-code[class*=language-css] {
-  color: #0000ff;
+.wy-dark .wy-content .token.punctuation, .wy-content.wy-dark .token.punctuation {
+  color: #6A9955;
 }
-
-.token.deleted,
-.language-autohotkey .token.tag {
-  color: #9a050f;
+.wy-dark .wy-content .token.builtin, .wy-content.wy-dark .token.builtin {
+  color: #4FC1FF;
 }
-
-.token.selector,
-.language-autohotkey .token.keyword {
-  color: #00009f;
+.wy-dark .wy-content .token.number, .wy-content.wy-dark .token.number {
+  color: #B5CEA8;
 }
-
-.token.important {
-  color: #e90;
+.wy-dark .wy-content .token.variable, .wy-content.wy-dark .token.variable {
+  color: #B5CEA8;
 }
-
-.token.important,
-.token.bold {
-  font-weight: 700;
+.wy-dark .wy-content .token.inserted, .wy-content.wy-dark .token.inserted {
+  color: #B5CEA8;
 }
-
-.token.italic {
-  font-style: italic;
+.wy-dark .wy-content .token.operator, .wy-content.wy-dark .token.operator {
+  color: #D4D4D4;
 }
-
-.token.class-name,
-.language-json .token.property {
-  color: #2B91AF;
+.wy-dark .wy-content .token.constant, .wy-content.wy-dark .token.constant {
+  color: #646695;
 }
-
-.token.tag,
-.token.selector {
-  color: #800000;
+.wy-dark .wy-content .token.hexcode, .wy-content.wy-dark .token.hexcode {
+  color: #646695;
 }
-
-.token.attr-name,
-.token.property,
-.token.regex,
-.token.entity {
-  color: #ff0000;
+.wy-dark .wy-content .token.tag, .wy-content.wy-dark .token.tag {
+  color: #569CD6;
 }
-
-.token.directive.tag .tag {
-  background: #ffff00;
+.wy-dark .wy-content .token.changed, .wy-content.wy-dark .token.changed {
+  color: #569CD6;
 }
-
-.wy-hashtag {
-  color: #6b6b6b;
+.wy-dark .wy-content .token.function, .wy-content.wy-dark .token.function {
+  color: #569CD6;
 }
-
-.wy-mention {
-  font-weight: 500;
+.wy-dark .wy-content .token.keyword, .wy-content.wy-dark .token.keyword {
+  color: #569CD6;
 }
-
-.wy-dropdown-menu {
-  position: absolute;
-  z-index: 1000;
-  display: none;
-  min-width: 10rem;
-  padding: 0.25rem 0;
-  margin: 0;
-  font-size: 1rem;
-  color: #292929;
-  text-align: left;
-  list-style: none;
-  background-color: #fff;
-  background-clip: padding-box;
-  border: 0 solid var(--wy-border-color-translucent);
-  border-radius: 0.375rem;
-  box-shadow: 0 0.125rem 0.125rem 0 rgba(0, 0, 0, 0.14), 0 0.1875rem 0.0625rem -0.125rem rgba(0, 0, 0, 0.2), 0 0.0625rem 0.3125rem 0 rgba(0, 0, 0, 0.12);
+.wy-dark .wy-content .token.attr-name, .wy-content.wy-dark .token.attr-name {
+  color: #9CDCFE;
 }
-[data-bs-popper].wy-dropdown-menu {
-  top: 100%;
-  left: 0;
-  margin-top: 0.25rem;
+.wy-dark .wy-content .token.selector, .wy-content.wy-dark .token.selector {
+  color: #9CDCFE;
 }
-
-.wy-dropdown-divider {
-  height: 0;
-  margin: 0.25rem 0;
-  overflow: hidden;
-  border-top: 1px solid var(--wy-border-color-translucent);
+.wy-dark .wy-content .token.property, .wy-content.wy-dark .token.property {
+  color: #9CDCFE;
 }
-
-.wy-dropdown-item {
-  display: block;
-  width: 100%;
-  padding: 0.75rem 0.75rem;
-  clear: both;
-  font-weight: 400;
-  color: #292929;
-  text-align: inherit;
-  white-space: nowrap;
-  background-color: transparent;
-  border: 0;
+.wy-dark .wy-content .token.deleted, .wy-content.wy-dark .token.deleted {
+  color: #CE9178;
 }
-.wy-dropdown-item:hover, .wy-dropdown-item:focus {
-  color: #252525;
-  background-color: #f2f2f2;
+.wy-dark .wy-content .token.string, .wy-content.wy-dark .token.string {
+  color: #CE9178;
 }
-.active.wy-dropdown-item, .wy-dropdown-item:active {
-  color: #383838;
-  text-decoration: none;
-  background-color: #e6e6e6;
+.wy-dark .wy-content .token.regex, .wy-content.wy-dark .token.regex {
+  color: #D16969;
 }
-.disabled.wy-dropdown-item, .wy-dropdown-item:disabled {
-  color: gray;
-  pointer-events: none;
-  background-color: transparent;
+.wy-dark .wy-content .token.char, .wy-content.wy-dark .token.char {
+  color: #D16969;
+}
+.wy-dark .wy-content .token.class-name, .wy-content.wy-dark .token.class-name {
+  color: #4EC9B0;
+}
+.wy-dark .wy-content .token.important,
+.wy-dark .wy-content .token.bold, .wy-content.wy-dark .token.important,
+.wy-content.wy-dark .token.bold {
+  font-weight: bold;
+}
+.wy-dark .wy-content .token.italic, .wy-content.wy-dark .token.italic {
+  font-style: italic;
+}
+
+.wy-hashtag {
+  color: var(--wy-primary);
+}
+
+.wy-mention {
+  font-weight: 500;
 }
 
 .wy-dropdown,
@@ -674,8 +1106,29 @@ code[class*=language-css] {
 }
 
 .wy-dropdown-menu {
+  --wy-component-background-color: var(--wy-surface-2);
+  --wy-component-color: var(--wy-on-surface);
+  background-color: var(--wy-component-background-color);
+  color: var(--wy-component-color);
+  position: absolute;
+  z-index: 1000;
+  min-width: 10rem;
+  padding: 0 0;
+  margin: 0;
+  font-size: var(--wy-font-size-base);
+  text-align: left;
+  list-style: none;
+  background-clip: padding-box;
+  border-radius: var(--wy-border-radius);
+  box-shadow: var(--wy-shadow-level1);
+  overflow: hidden;
   display: block;
 }
+.wy-dropdown-menu[data-bs-popper] {
+  top: 100%;
+  left: 0;
+  margin-top: 0.25rem;
+}
 .wy-dropup .wy-dropdown-menu {
   top: auto;
   bottom: 100%;
@@ -694,16 +1147,51 @@ code[class*=language-css] {
 }
 
 .wy-dropdown-item {
+  background-color: transparent;
+  color: var(--wy-component-color, var(--wy-on-surface));
+  display: block;
+  width: 100%;
+  padding: 0.75rem 1rem;
+  clear: both;
+  font-family: inherit;
+  font-size: inherit;
+  font-weight: 400;
+  line-height: 1;
+  text-align: inherit;
+  text-decoration: none;
+  white-space: nowrap;
+  border: 0;
+  gap: 0.25rem;
   cursor: pointer;
   display: flex;
   align-items: center;
 }
+.wy-dropdown-item:hover, .wy-dropdown-item:focus {
+  --wy-component-color: var(--wy-on-surface-variant);
+  --wy-component-background-color: var(--wy-surface-variant);
+  color: var(--wy-component-color);
+  background-color: var(--wy-component-background-color);
+  text-decoration: none;
+}
+.wy-dropdown-item.wy-active, .wy-dropdown-item:active {
+  --wy-component-color: var(--wy-on-primary-container);
+  --wy-component-background-color: var(--wy-primary-container);
+  color: var(--wy-component-color);
+  background-color: var(--wy-component-background-color);
+  text-decoration: none;
+}
+.wy-dropdown-item.wy-disabled, .wy-dropdown-item:disabled {
+  color: var(--wy-component-color);
+  background-color: var(--wy-component-background-color);
+  pointer-events: none;
+  opacity: var(--wy-opacity-disabled);
+}
 .wy-dropdown-item > img, .wy-dropdown-item .wy-icon {
   margin-right: 0.5rem;
-  color: rgba(0, 0, 0, 0.54);
+  color: inherit;
 }
 .wy-dropdown-item:active > .wy-icon {
-  color: rgba(0, 0, 0, 0.54);
+  color: inherit;
 }
 .wy-dropdown-item.wy-option .wy-icon {
   visibility: hidden;
@@ -712,6 +1200,14 @@ code[class*=language-css] {
   visibility: visible;
 }
 
+.wy-dropdown-divider {
+  height: 0;
+  margin: 0;
+  overflow: hidden;
+  border: none;
+  border-top: 1px solid var(--wy-outline-variant);
+}
+
 .wy-emoji {
   width: 1.25rem;
   height: 1.25rem;
@@ -725,77 +1221,174 @@ code[class*=language-css] {
   flex: 0 0 auto;
   position: relative;
 }
-.wy-icon:not([width]) {
-  width: 1.5rem;
+.wy-icon:not([width]) {
+  width: 1.5rem;
+}
+.wy-icon:not([height]) {
+  height: 1.5rem;
+}
+
+.wy-icon-overlay {
+  position: absolute;
+  bottom: 0;
+  right: 0;
+  background: var(--wy-component-background-color, var(--wy-background));
+  border-radius: 50%;
+  border: 1px solid var(--wy-component-background-color, var(--wy-background));
+}
+
+.wy-icon-stack {
+  display: inline-flex;
+  position: relative;
+  line-height: 1;
+}
+.wy-icon-stack .wy-icon:last-child {
+  position: absolute;
+  bottom: 0;
+  right: 0;
+  background-color: var(--wy-component-background-color, var(--wy-background));
+  border-radius: 50%;
+}
+
+.wy-icon-active-stack {
+  display: inline-flex;
+  position: relative;
+  line-height: 1;
+}
+.wy-icon-active-stack > * {
+  transition: opacity var(--wy-transition);
+  align-self: center;
+  justify-self: center;
+  margin: auto;
+}
+.wy-icon-active-stack > :last-child {
+  position: absolute;
+  opacity: 0;
+}
+.wy-icon-active-stack.wy-active > :first-child, .wy-active .wy-icon-active-stack > :first-child {
+  opacity: 0;
+}
+.wy-icon-active-stack.wy-active > :last-child, .wy-active .wy-icon-active-stack > :last-child {
+  opacity: 1;
+}
+
+.wy-icon:not([class*=wy-icon-]):not([class*=wy-kind-]) * {
+  fill: currentColor;
+}
+
+.wy-content-icon {
+  border-radius: var(--wy-component-border-radius, var(--wy-border-radius-lg));
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  text-align: center;
+  padding: 1rem 2rem;
+  margin: auto;
+}
+.wy-content-icon > .wy-icon-stack, .wy-content-icon > .wy-icon {
+  width: 4rem;
+  height: 4rem;
+}
+
+.wy-icon-primary * {
+  fill: var(--wy-primary);
+}
+
+.wy-icon-error * {
+  fill: var(--wy-error);
+}
+
+.wy-icon-blue * {
+  fill: var(--wy-blue);
+}
+
+.wy-icon-indigo * {
+  fill: var(--wy-indigo);
+}
+
+.wy-icon-purple * {
+  fill: var(--wy-purple);
+}
+
+.wy-icon-pink * {
+  fill: var(--wy-pink);
+}
+
+.wy-icon-red * {
+  fill: var(--wy-red);
+}
+
+.wy-icon-orange * {
+  fill: var(--wy-orange);
+}
+
+.wy-icon-yellow * {
+  fill: var(--wy-yellow);
+}
+
+.wy-icon-green * {
+  fill: var(--wy-green);
 }
-.wy-icon:not([height]) {
-  height: 1.5rem;
+
+.wy-icon-teal * {
+  fill: var(--wy-teal);
 }
 
-.wy-icon-overlay {
-  position: absolute;
-  bottom: 0;
-  right: 0;
-  background: var(--wy-white);
-  border-radius: 50%;
-  border: 1px solid var(--wy-white);
+.wy-icon-cyan * {
+  fill: var(--wy-cyan);
 }
 
-.wy-icon-stack {
-  display: inline-block;
-  position: relative;
-  line-height: 1;
-  width: 1.5rem;
-  height: 1.5rem;
+.wy-icon-gray * {
+  fill: var(--wy-gray);
 }
-.wy-icon-stack .wy-icon:first-child {
-  width: 100%;
-  height: 100%;
+
+[class*=wy-kind-] * {
+  fill: var(--wy-gray);
 }
-.wy-icon-stack .wy-icon:last-child {
-  position: absolute;
-  bottom: 0;
-  right: 0;
-  width: 50%;
-  height: 50%;
-  background-color: var(--wy-body-bg);
-  border-radius: 50%;
+
+.wy-kind-archive * {
+  fill: var(--wy-orange);
 }
 
-.wy-icon:not([class*=wy-icon-]) * {
-  fill: currentColor;
+.wy-kind-audio * {
+  fill: var(--wy-teal);
 }
 
-.wy-icon-primary * {
-  fill: var(--wy-primary);
+.wy-kind-code * {
+  fill: var(--wy-green);
+}
+
+.wy-kind-document * {
+  fill: var(--wy-blue);
 }
 
-.wy-icon-secondary * {
-  fill: var(--wy-secondary);
+.wy-kind-email * {
+  fill: var(--wy-red);
 }
 
-.wy-icon-success * {
-  fill: var(--wy-success);
+.wy-kind-presentation * {
+  fill: var(--wy-orange);
 }
 
-.wy-icon-info * {
-  fill: var(--wy-info);
+.wy-kind-spreadsheet * {
+  fill: var(--wy-green);
 }
 
-.wy-icon-warning * {
-  fill: var(--wy-warning);
+.wy-kind-image * {
+  fill: var(--wy-pink);
 }
 
-.wy-icon-danger * {
-  fill: var(--wy-danger);
+.wy-kind-text * {
+  fill: var(--wy-cyan);
 }
 
-.wy-icon-light * {
-  fill: var(--wy-light);
+.wy-kind-video * {
+  fill: var(--wy-purple);
 }
 
-.wy-icon-dark * {
-  fill: var(--wy-dark);
+.wy-ext-pdf * {
+  fill: var(--wy-red);
 }
 
 .wy-image-grid {
@@ -803,7 +1396,7 @@ code[class*=language-css] {
   flex-wrap: wrap;
   justify-content: space-evenly;
   position: relative;
-  border-radius: 0.375rem;
+  border-radius: var(--wy-border-radius);
   overflow: hidden;
   column-gap: 1px;
   row-gap: 1px;
@@ -835,8 +1428,7 @@ code[class*=language-css] {
 .wy-image-grid .wy-more {
   position: absolute;
   line-height: 100%;
-  color: #fff;
-  background: rgba(0, 0, 0, 0.5);
+  color: #ffffff;
   top: 0;
   left: 0;
   bottom: 0;
@@ -845,113 +1437,303 @@ code[class*=language-css] {
   align-items: center;
   justify-content: center;
   font-size: 1.5rem;
+  background: rgba(0, 0, 0, var(--wy-opacity-disabled));
 }
 
-.wy-table-reactions {
-  --bs-table-bg: transparent;
-  --bs-table-accent-bg: transparent;
-  --bs-table-striped-color: var(--wy-body-color);
-  --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
-  --bs-table-active-color: var(--wy-body-color);
-  --bs-table-active-bg: rgba(0, 0, 0, 0.1);
-  --bs-table-hover-color: var(--wy-body-color);
-  --bs-table-hover-bg: #f2f2f2;
+.wy-input {
+  --wy-component-background-color: var(--wy-background);
+  --wy-component-color: var(--wy-on-background);
+  background-color: var(--wy-component-background-color);
+  color: var(--wy-component-color);
+  border: var(--wy-input-border-width) solid var(--wy-outline-variant);
+  display: block;
   width: 100%;
-  margin-bottom: 1rem;
-  color: var(--wy-body-color);
-  vertical-align: top;
-  border-color: #e6e6e6;
+  padding: var(--wy-input-padding-y) var(--wy-input-padding-x);
+  font-family: var(--wy-font-family);
+  font-size: var(--wy-input-font-size);
+  font-weight: var(--wy-input-font-weight);
+  line-height: var(--wy-input-line-height);
+  background-clip: padding-box;
+  appearance: none;
+  border-radius: var(--wy-input-border-radius);
 }
-.wy-table-reactions > :not(caption) > * > * {
-  padding: 0.5rem 0.5rem;
-  background-color: var(--bs-table-bg);
-  border-bottom-width: 1px;
-  box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
+.wy-input:focus {
+  --wy-component-color: var(--wy-on-surface);
+  color: var(--wy-component-color);
+  border-color: var(--wy-primary);
+  outline: 0;
 }
-.wy-table-reactions > tbody {
-  vertical-align: inherit;
+.wy-input::placeholder {
+  color: var(--wy-outline);
+  opacity: 1;
 }
-.wy-table-reactions > thead {
-  vertical-align: bottom;
+.wy-input:disabled {
+  opacity: 38%;
 }
-
-.wy-table-reactions {
-  table-layout: fixed;
+.wy-input::file-selector-button, .wy-input::-webkit-file-upload-button {
+  color: var(--wy-component-color);
+  background-color: var(--wy-component-background-color);
+  padding: var(--wy-input-padding-y) var(--wy-input-padding-x);
+  margin: calc(-1 * var(--wy-input-padding-y)) calc(-1 * var(--wy-input-padding-x));
+  margin-inline-end: var(--wy-input-padding-x);
+  pointer-events: none;
+  border-color: inherit;
+  border-style: solid;
+  border-width: 0;
+  border-inline-end-width: var(--wy-input-border-width);
+  border-radius: 0;
 }
-.wy-table-reactions th:first-child, .wy-table-reactions th:last-child, .wy-table-reactions td:first-child, .wy-table-reactions td:last-child {
-  color: rgba(0, 0, 0, 0.54) !important;
-  vertical-align: middle;
-  text-align: center;
-  padding: 0.25rem 0.5rem;
-  width: 2.5rem;
-  font-size: 1rem;
-  font-weight: 400;
-  text-transform: none;
-  letter-spacing: normal;
+.wy-input:hover:not(:disabled):not([readonly])::file-selector-button, .wy-input:hover:not(:disabled):not([readonly]) ::-webkit-file-upload-button {
+  background-color: var(--wy-component-background-color);
 }
-.wy-table-reactions th:first-child, .wy-table-reactions td:first-child {
-  padding-right: 0;
+.wy-input[type=file] {
+  overflow: hidden;
+}
+.wy-input[type=file]:not(:disabled):not([readonly]) {
+  cursor: pointer;
 }
-.wy-table-reactions th:last-child, .wy-table-reactions td:last-child {
-  padding-left: 0;
+.wy-input::-webkit-date-and-time-value {
+  height: calc(var(--wy-input-line-height) * 1em);
+}
+.wy-input[type=search]::-webkit-search-cancel-button {
+  -webkit-appearance: none;
 }
 
-.wy-table-trashed th, .wy-table-trashed td {
-  color: #6b6b6b;
-  text-decoration: line-through;
+.wy-input-filled {
+  --wy-component-background-color: var(--wy-surface-2);
+  --wy-component-color: var(--wy-on-surface);
+  background-color: var(--wy-component-background-color);
+  color: var(--wy-component-color);
+  border-radius: 1.25rem;
+  border-color: var(--wy-component-background-color);
 }
-.wy-table-trashed th:not(:last-child), .wy-table-trashed td:not(:last-child) {
-  opacity: 0.65;
+.wy-input-filled:focus {
+  border-color: var(--wy-outline-variant);
 }
-.wy-table-trashed th > a, .wy-table-trashed td > a {
-  color: #6b6b6b;
+
+.wy-is-invalid, .wy-is-invalid:focus {
+  border-color: var(--wy-error);
 }
-.wy-table-trashed:hover th, .wy-table-trashed:hover td {
-  opacity: 1;
+
+.wy-description {
+  margin-top: 0.25rem;
+  font-size: var(--wy-font-size-sm);
 }
 
-.wy-reaction-count {
-  margin: 0 0.25rem;
-  line-height: 1;
-  color: #6b6b6b;
-  font-size: 0.875rem;
+.wy-input-label {
+  display: block;
+  margin-bottom: 0.5rem;
 }
 
-.wy-reaction-menu {
-  padding: 0.5rem;
-  font-size: 1.125rem;
-  border-radius: 2.5rem;
+.wy-input-group {
+  position: relative;
+}
+.wy-input-group > .wy-icon {
+  position: absolute;
+  top: 0rem;
+  left: 0rem;
+  z-index: 4;
+}
+.wy-input-group > .wy-icon + .wy-input {
+  padding-left: 2.5rem;
+}
+.wy-input-group .wy-button-icon {
+  position: absolute;
+  top: 0rem;
+  right: 0rem;
+  z-index: 4;
+  border-radius: var(--wy-input-border-radius);
+  background: transparent;
+}
+.wy-input-group .wy-input-filled ~ .wy-button-icon {
+  border-radius: 1.25rem;
+}
+.wy-input-group .wy-input {
+  padding-right: 2.5rem;
+}
+.wy-input-group .wy-input:placeholder-shown ~ .wy-button-icon[type=reset] {
+  display: none;
+}
+.wy-input-group .wy-input:not(:placeholder-shown) ~ .wy-button-icon[type=reset] + .wy-button-icon {
+  display: none;
 }
 
-.wy-reaction-picker {
+.wy-item {
+  position: relative;
   display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  padding: 0.25rem 0.75rem;
+  text-decoration: none;
+  min-height: 3rem;
 }
-.wy-reaction-picker .wy-reaction-button {
-  color: unset;
+.wy-item > .wy-avatar, .wy-item > .wy-icon, .wy-item > .wy-icon-stack {
+  margin-left: -0.25rem;
 }
 
-.wy-reactions {
-  display: inline-flex;
-  align-items: center;
-  column-gap: 0.125rem;
+.wy-item-body {
+  width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
-.wy-reactions:empty {
-  display: none;
+.wy-item-body > * {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.wy-item-body + .wy-dropdown, .wy-item-body + .wy-button-icon, .wy-item-body + .wy-item-actions {
+  margin-right: -0.5rem;
+}
+.wy-item-body + .wy-emoji {
+  margin-right: 0.125rem;
 }
 
-.wy-table-reactions td:first-child {
-  width: 2rem;
-  padding-left: 0;
+.wy-item-title {
+  color: var(--wy-on-background);
+  font-weight: var(--wy-headings-font-weight);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
-.wy-table-reactions td:nth-child(2) {
-  width: 100%;
+
+.wy-item-text {
+  color: var(--wy-outline);
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
+  font-size: var(--wy-font-size-sm);
 }
-.wy-table-reactions td:last-child {
-  width: 2rem;
-  padding-right: 0;
+.wy-item-text .wy-emoji, .wy-item-text .wy-icon {
+  width: 1.25rem;
+  height: 1.25rem;
+  vertical-align: -0.3125rem;
+}
+
+.wy-item-actions {
+  --wy-component-background-color: transparent;
+  display: flex;
+  align-items: center;
+  flex: 0 0 auto;
+}
+
+.wy-item-actions-top {
+  position: absolute;
+  top: 0.25rem;
+  right: 0.25rem;
+  margin: 0 !important;
+}
+
+.wy-item-actions-bottom {
+  position: absolute;
+  bottom: 0.25rem;
+  right: 0.25rem;
+  margin: 0 !important;
+}
+
+.wy-item-body:has(+ .wy-item-actions-bottom) .wy-item-row:last-child {
+  margin-right: 4.5rem;
+}
+
+.wy-item-body:has(+ .wy-item-actions-top) .wy-item-row:first-child {
+  margin-right: 2rem;
+}
+
+.wy-item-row {
+  display: flex;
+  align-items: center;
+}
+.wy-item-row:first-child {
+  margin-bottom: 0.125rem;
+}
+.wy-item-row .wy-item-title {
+  margin-right: auto;
+}
+.wy-item-row .wy-item-text {
+  margin-right: auto;
+}
+.wy-item-row .wy-meta {
+  margin: 0 0.25rem;
+  white-space: nowrap;
+}
+
+.wy-item-hover {
+  user-select: none;
+  cursor: pointer;
+}
+.wy-item-hover:hover, .wy-item-hover:focus {
+  --wy-component-background-color: var(--wy-surface-2);
+  --wy-component-color: var(--wy-on-surface);
+  background-color: var(--wy-component-background-color);
+  color: var(--wy-component-color);
+  text-decoration: none;
+}
+.wy-item-hover:active {
+  --wy-component-background-color: var(--wy-surface-variant);
+  --wy-component-color: var(--wy-on-surface-variant);
+  background-color: var(--wy-component-background-color);
+  color: var(--wy-component-color);
+}
+.wy-item-hover.wy-disabled, .wy-item-hover:disabled {
+  opacity: var(--wy-opacity-disabled);
+  pointer-events: none;
+}
+.wy-item-hover.wy-active {
+  --wy-component-background-color: var(--wy-primary-container);
+  --wy-component-color: var(--wy-on-primary-container);
+  background-color: var(--wy-component-background-color);
+  color: var(--wy-component-color);
+  border-color: var(--wy-component-background-color);
+}
+
+.wy-item-lg {
+  padding: 0.75rem;
+  min-height: 4.5rem;
+  gap: 0.75rem;
+}
+.wy-item-lg > .wy-avatar, .wy-item-lg > .wy-icon, .wy-item-lg > .wy-icon-stack {
+  margin-left: 0;
+}
+
+.wy-list {
+  border-radius: var(--wy-border-radius-sm);
+  display: flex;
+  flex-direction: column;
+  gap: 1px;
+  min-width: 0;
+}
+.wy-list .wy-item:not(.wy-item-hover) {
+  --wy-component-background-color: var(--wy-background);
+  --wy-component-color: var(--wy-on-background);
+  background-color: var(--wy-component-background-color);
+  color: var(--wy-component-color);
+}
+.wy-list .wy-item:first-child {
+  border-top-left-radius: inherit;
+  border-top-right-radius: inherit;
+}
+.wy-list .wy-item:last-child {
+  border-bottom-left-radius: inherit;
+  border-bottom-right-radius: inherit;
+}
+
+.wy-list-bordered {
+  border: 1px solid var(--wy-outline-variant);
+  gap: 0;
+}
+.wy-list-bordered .wy-item {
+  border-top: 1px solid var(--wy-outline-variant);
+  border-left: none;
+  border-right: none;
+}
+.wy-list-bordered .wy-item:first-child {
+  border-top: none;
+}
+.wy-list-bordered .wy-item:last-child {
+  border-bottom: none;
+}
+.wy-list-bordered .wy-item + .wy-list-bordered .wy-item {
+  border-top-width: 0;
 }
 
 .wy-messages {
@@ -964,18 +1746,19 @@ code[class*=language-css] {
 }
 
 .wy-date-separator {
-  font-size: 0.75rem;
+  font-size: var(--wy-font-size-xs);
   pointer-events: none;
   margin: 0.5rem;
   text-align: center;
   position: sticky;
   top: 1.5rem;
-  z-index: 2;
+  z-index: 10;
 }
 .wy-date-separator time {
-  background: #f2f2f2;
+  background: var(--wy-surface-3);
+  color: var(--wy-on-surface);
   padding: 0.25rem 0.5rem;
-  border-radius: 0.375rem;
+  border-radius: var(--wy-border-radius-sm);
   display: inline-block;
 }
 
@@ -991,54 +1774,39 @@ code[class*=language-css] {
 }
 .wy-message .wy-image-grid,
 .wy-message .wy-attachments {
-  border-radius: 0.5rem;
-}
-.wy-message:hover .wy-message-buttons {
-  opacity: 1;
-}
-.wy-message .wy-reaction-menu {
-  right: 0;
+  border-radius: var(--wy-border-radius);
 }
 
 .wy-message-meta {
-  font-size: 0.75rem;
+  font-size: var(--wy-font-size-xs);
   margin: 0 0 0.25rem 0.25rem;
-  color: #6b6b6b;
+  color: var(--wy-on-surface-variant);
 }
 
 .wy-message-bubble {
-  background-color: #f2f2f2;
-  border-radius: 1rem;
+  --wy-component-background-color: var(--wy-surface-variant);
+  --wy-component-color: var(--wy-on-surface-variant);
+  background-color: var(--wy-component-background-color);
+  color: var(--wy-component-color);
+  border-radius: calc(var(--wy-border-radius) + 0.5rem);
   display: flex;
-  flex-direction: row;
-  flex-wrap: wrap;
+  flex-direction: column;
   padding: 0.75rem;
+  gap: 0.75rem;
   max-width: min(32rem, 100% - 2rem);
-  min-width: 10rem;
 }
 .wy-message-bubble > div {
-  margin-bottom: 0.5rem;
   flex: 1 1 100%;
 }
-.wy-message-bubble > div:last-of-type {
-  margin-bottom: 0;
-}
-
-.wy-message-text {
-  overflow-wrap: break-word;
-  min-width: 0;
-}
-.wy-message-text :not(pre) > code {
-  overflow-wrap: inherit;
-}
-.wy-message-text pre, .wy-message-text pre > code {
-  white-space: pre-wrap;
-}
-.wy-message-text :last-child {
-  margin-bottom: 0;
-}
-.wy-message-text:empty {
-  display: none;
+.wy-message-bubble .wy-reactions-line {
+  position: relative;
+  height: 0;
+  min-height: 0;
+  max-height: 0;
+  margin: 0 -0.75rem -0.75rem;
+  flex: 0 0 0;
+  flex-direction: row-reverse;
+  justify-content: flex-end;
 }
 
 .wy-message-author {
@@ -1054,15 +1822,6 @@ code[class*=language-css] {
   min-width: 0;
   position: relative;
 }
-.wy-message-content .wy-reactions {
-  position: absolute;
-  bottom: -0.75rem;
-  left: 0.75rem;
-  background: #f2f2f2;
-  border-radius: 1.5rem;
-  border: 1px solid #f2f2f2;
-  padding: 0.125rem;
-}
 
 .wy-message-content-row {
   display: flex;
@@ -1071,14 +1830,6 @@ code[class*=language-css] {
   max-width: 100%;
 }
 
-.wy-message-buttons {
-  display: flex;
-  flex-direction: row;
-  column-gap: 0.25rem;
-  margin: 0.25rem;
-  opacity: 0;
-}
-
 .wy-message-me {
   margin-right: 0;
   margin-left: 2.5rem;
@@ -1093,32 +1844,31 @@ code[class*=language-css] {
 .wy-message-me .wy-message-content-row {
   flex-direction: row-reverse;
 }
-.wy-message-me .wy-message-buttons {
-  flex-direction: row-reverse;
-}
 .wy-message-me .wy-message-bubble {
-  background-color: #e9f6fc;
+  --wy-component-background-color: var(--wy-primary-container);
+  --wy-component-color: var(--wy-on-primary-container);
+  background-color: var(--wy-component-background-color);
+  color: var(--wy-component-color);
 }
-.wy-message-me .wy-reaction-menu {
-  justify-content: flex-start;
-  right: auto;
+.wy-message-me .wy-reactions-line {
+  flex-direction: row;
 }
-.wy-message-me .wy-reactions {
-  background: #e9f6fc;
-  border-color: #e9f6fc;
-  left: auto;
-  right: 0.75rem;
+.wy-message-me .wy-reactions-line .wy-dropdown-menu {
+  right: 0;
 }
 
 .wy-message-emoji .wy-message-bubble {
   background: none;
-  padding: 0;
+  padding: 0 0 0.75rem;
 }
-.wy-message-emoji .wy-message-text .wy-emoji {
+.wy-message-emoji .wy-content .wy-emoji {
   width: 3rem;
   height: 3rem;
   margin: 0;
 }
+.wy-message-emoji.wy-message-me .wy-content {
+  text-align: end;
+}
 
 .wy-readby-status {
   display: flex;
@@ -1130,71 +1880,73 @@ code[class*=language-css] {
   margin-left: 0.25rem;
 }
 
-.wy-message-toaster {
-  position: sticky;
-  top: 3.5rem;
-  bottom: 3.5rem;
-  cursor: pointer;
-  z-index: 3;
-  border-radius: 50rem;
-  background-color: #156B93;
-  color: #fff;
-  padding: 0.5rem 1rem;
-  margin-left: auto;
-  margin-right: auto;
-  margin-bottom: 0.5rem;
-  font-size: 0.875rem;
-  width: max-content;
-  align-self: center;
-  text-align: center;
-  color: #fff;
-}
-
 .wy-message-readmore {
   justify-self: center;
   text-align: center;
 }
 
-.wy-message-editor {
-  backface-visibility: hidden;
-  background-color: rgba(242, 242, 242, 0.95);
+.wy-message-editor-top {
+  background-color: var(--wy-component-background-color);
+  color: var(--wy-component-color);
 }
 @supports (position: sticky) {
-  .wy-message-editor {
+  .wy-message-editor-top {
     position: sticky;
-    bottom: 0;
+    top: 0;
     z-index: 1020;
   }
 }
-@supports (backdrop-filter: blur(0.5rem)) {
-  .wy-message-editor {
-    backdrop-filter: blur(0.5rem);
+
+.wy-message-editor-bottom {
+  background-color: var(--wy-component-background-color);
+  color: var(--wy-component-color);
+}
+@supports (position: sticky) {
+  .wy-message-editor-bottom {
+    position: sticky;
+    bottom: 0;
+    z-index: 1020;
   }
 }
 
+.wy-message-editor-dragging::after {
+  content: "Drop files here to upload.";
+  background-color: rgba(255, 255, 255, 0.5);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  border: 2px dashed var(--wy-primary);
+  font-weight: 700;
+  z-index: 10000;
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+}
+
 .wy-message-form .wy-spinner {
   display: none;
 }
 .wy-message-form.wy-uploading .wy-spinner {
   display: block;
 }
-.wy-message-form.wy-uploading .wy-icon-attachment {
+.wy-message-form.wy-uploading [data-icon=plus] {
   display: none;
 }
 .wy-message-form .wy-picker-list:not(:empty) {
-  border-top: 1px solid #cccccc;
+  border-top: 1px solid var(--wy-outline-variant);
 }
 
 .wy-message-editor-inputs {
   display: flex;
   flex-direction: row;
   align-items: flex-end;
-  border-top: 1px solid rgba(204, 204, 204, 0.95);
-  padding: 0.5rem;
-  min-height: 3rem;
+  padding: 0.5rem 0.25rem;
+  min-height: 3.5rem;
 }
 .wy-message-editor-inputs > :not(:last-child) {
-  margin-right: 0.5rem;
+  margin-right: 0.25rem;
 }
 
 .wy-message-editor-buttons {
@@ -1207,21 +1959,36 @@ code[class*=language-css] {
   flex-direction: column;
 }
 
+.wy-message-editor-mention {
+  background: blue;
+  color: white;
+}
+
+.wy-message-editor-link {
+  background: blue;
+  color: white;
+}
+
 .wy-message-editor-grow::after,
 .wy-message-editor-grow > textarea,
 .wy-message-editor-textfield {
   flex: 1 1 100%;
-  outline: #f2f2f2 solid 1px;
-  max-height: 10.2rem;
-  background-color: #fff;
-  border-radius: 1rem;
-  border: none;
+  max-height: 11.25rem;
+  background-color: var(--wy-background);
+  color: var(--wy-on-background);
+  border-radius: 1.25rem;
+  border: var(--wy-input-border-width) solid var(--wy-background);
+}
+.wy-message-editor-grow:focus::after,
+.wy-message-editor-grow > textarea:focus,
+.wy-message-editor-textfield:focus {
+  border-color: var(--wy-outline-variant);
 }
 
 .wy-message-editor-textcontent {
-  font-family: var(--wy-font-sans-serif);
-  font-size: 1rem;
-  padding: 0.375rem 0.75rem;
+  font-family: var(--wy-font-family);
+  font-size: var(--wy-font-size-base);
+  padding: var(--wy-input-padding-y) var(--wy-input-padding-x);
 }
 
 .wy-message-editor-grow {
@@ -1241,6 +2008,15 @@ code[class*=language-css] {
   overflow: hidden;
 }
 
+.wy-meta {
+  color: var(--wy-outline);
+  font-size: var(--wy-font-size-sm);
+}
+
+.wy-meta-sm {
+  font-size: var(--wy-font-size-xs);
+}
+
 .wy-viewport {
   position: fixed;
   top: 0;
@@ -1269,7 +2045,7 @@ code[class*=language-css] {
   perspective-origin: center center;
 }
 .wy-overlays .wy-panel {
-  background-color: rgba(255, 255, 255, 0.95);
+  background-color: var(--wy-background);
 }
 .wy-overlays .wy-panel:not(.wy-transition) {
   transform: translateZ(-4rem) !important;
@@ -1281,7 +2057,7 @@ code[class*=language-css] {
   transition: opacity 0.1s 0.2s step-end;
 }
 .wy-overlays .wy-panel .wy-controls .wy-icon {
-  color: rgba(0, 0, 0, 0.54);
+  color: var(--wy-on-surface);
 }
 .wy-overlays .wy-panel.wy-loaded .wy-controls {
   pointer-events: none;
@@ -1290,57 +2066,6 @@ code[class*=language-css] {
 .wy-overlays .wy-panel .wy-panel-frame {
   background-color: transparent;
 }
-.wy-overlays .wy-panel.wy-controls-light .wy-icon {
-  color: rgba(0, 0, 0, 0.54);
-}
-.wy-overlays .wy-panel.wy-light {
-  background-color: rgba(255, 255, 255, 0.95);
-}
-.wy-overlays .wy-panel.wy-light .wy-icon {
-  color: rgba(0, 0, 0, 0.54);
-}
-.wy-overlays .wy-panel.wy-controls-dark .wy-icon {
-  color: rgba(255, 255, 255, 0.62);
-}
-.wy-overlays .wy-panel.wy-controls-dark .wy-icon:hover, .wy-overlays .wy-panel.wy-controls-dark .wy-icon:focus {
-  color: rgba(255, 255, 255, 0.95);
-}
-.wy-overlays .wy-panel.wy-controls-dark .wy-icon:active {
-  color: #fff;
-}
-.wy-overlays .wy-panel.wy-dark {
-  background-color: rgba(21, 21, 21, 0.95);
-}
-.wy-overlays .wy-panel.wy-dark .wy-icon {
-  color: rgba(255, 255, 255, 0.62);
-}
-.wy-overlays .wy-panel.wy-dark .wy-icon:hover, .wy-overlays .wy-panel.wy-dark .wy-icon:focus {
-  color: rgba(255, 255, 255, 0.95);
-}
-.wy-overlays .wy-panel.wy-dark .wy-icon:active {
-  color: #fff;
-}
-.wy-overlays .wy-panel.wy-dark.wy-open[data-title]::before {
-  background: rgba(41, 41, 41, 0.95);
-  color: rgba(255, 255, 255, 0.62);
-  border-bottom: 1px #000 solid;
-}
-@media (min-width: 768px) {
-  .wy-overlays .wy-panel.wy-floating {
-    left: 1rem;
-    top: 1rem;
-    right: 1rem;
-    bottom: 1rem;
-    border-radius: 0.1875rem;
-    box-shadow: 0 1rem 2.25rem 0.125rem rgba(0, 0, 0, 0.14), 0 0.375rem 1.875rem 0.3125rem rgba(0, 0, 0, 0.12), 0 0.5rem 0.625rem -0.3125rem rgba(0, 0, 0, 0.2);
-  }
-  .wy-overlays .wy-panel.wy-floating:not(.wy-scroll-y) {
-    overflow: hidden;
-  }
-}
-.wy-overlays .wy-panel.wy-modal {
-  background-color: rgba(255, 255, 255, 0.95);
-}
 @media (min-width: 768px) {
   .wy-overlays .wy-panel.wy-modal {
     left: auto;
@@ -1351,8 +2076,8 @@ code[class*=language-css] {
     margin-top: auto;
     margin-right: 4rem;
     margin-bottom: auto;
-    border-radius: 0.25rem;
-    box-shadow: 0 1rem 2.25rem 0.125rem rgba(0, 0, 0, 0.14), 0 0.375rem 1.875rem 0.3125rem rgba(0, 0, 0, 0.12), 0 0.5rem 0.625rem -0.3125rem rgba(0, 0, 0, 0.2);
+    border-radius: var(--wy-border-radius);
+    box-shadow: var(--wy-shadow-level4);
     width: 32rem;
     max-height: 32rem;
   }
@@ -1360,8 +2085,24 @@ code[class*=language-css] {
     overflow: hidden;
   }
 }
+@media (min-width: 768px) {
+  .wy-overlays .wy-panel.wy-modal-full {
+    left: 1rem;
+    top: 1rem;
+    right: 1rem;
+    bottom: 1rem;
+    margin: 0;
+    border-radius: var(--wy-border-radius);
+    box-shadow: var(--wy-shadow-level4);
+    width: auto;
+    max-height: none;
+  }
+  .wy-overlays .wy-panel.wy-modal-full:not(.wy-scroll-y) {
+    overflow: hidden;
+  }
+}
 .wy-overlays .wy-panel.wy-loading .wy-controls {
-  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+  transition: opacity var(--wy-transition);
   opacity: 1;
 }
 
@@ -1369,7 +2110,7 @@ code[class*=language-css] {
   pointer-events: none;
 }
 
-a.wy-pager {
+:not(tr).wy-pager {
   display: block;
   text-align: center;
   margin: 1rem auto;
@@ -1384,11 +2125,17 @@ tr.wy-pager td .wy-spinner {
   margin: 1rem auto;
 }
 
+.wy-grid .wy-pager {
+  display: flex;
+}
+
 .wy-pane {
-  min-height: 100vh;
   display: flex;
   flex-direction: column;
   position: relative;
+  min-height: 0;
+  height: 100%;
+  flex: 1 1 auto;
 }
 
 .wy-pane-body {
@@ -1398,7 +2145,14 @@ tr.wy-pager td .wy-spinner {
 }
 
 .wy-pane-group {
-  padding: 0.5rem;
+  padding: 0.75rem;
+}
+
+.wy-pane-background {
+  --wy-component-background-color: var(--wy-background);
+  --wy-component-color: var(--wy-on-background);
+  background-color: var(--wy-component-background-color);
+  color: var(--wy-component-color);
 }
 
 .wy-panels {
@@ -1420,34 +2174,36 @@ tr.wy-pager td .wy-spinner {
   left: 0;
   pointer-events: none;
   overflow: hidden;
-  background-color: rgba(255, 255, 255, 0.95);
+  background-color: var(--wy-background);
   display: flex;
   flex-direction: column;
 }
 .wy-panel .wy-controls {
-  top: 0.5rem;
-  left: 0.5rem;
-  min-width: 2rem;
+  top: 0.25rem;
+  left: 0.25rem;
+  min-width: 2.5rem;
   width: auto;
   display: flex;
   z-index: 10000;
   order: -1;
   flex-direction: row-reverse;
-  border-bottom: 1px solid #cccccc;
+  border-bottom: 1px solid var(--wy-outline-variant);
 }
 .wy-panel .wy-controls:empty {
   display: none;
 }
 .wy-panel .wy-controls .wy-icon {
-  color: rgba(0, 0, 0, 0.54);
+  color: var(--wy-on-background);
 }
 .wy-panel .wy-panel-frame {
-  transition: opacity 0.1s 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+  transition: opacity var(--wy-transition-fast);
+  transition-delay: 0.2s;
   opacity: 1;
 }
 .wy-panel:not(.wy-loaded) .wy-panel-frame {
   opacity: 0;
-  transition: opacity 0.2s 0.1s step-start;
+  transition: opacity 0.2s step-start;
+  transition-delay: 0.1s;
 }
 .wy-panel.wy-open {
   pointer-events: all;
@@ -1459,19 +2215,21 @@ tr.wy-pager td .wy-spinner {
   top: 0;
   left: 0;
   right: 0;
-  height: 2.9375rem;
+  height: 3rem;
+  padding: 0.25rem;
   opacity: 0;
   pointer-events: none;
   display: flex;
   align-items: center;
   justify-content: center;
-  background-color: rgba(242, 242, 242, 0.95);
-  color: rgba(0, 0, 0, 0.69);
-  border-bottom: 1px solid #cccccc;
-  transition: opacity 0.1s 0.2s step-end;
-  font-family: var(--wy-font-sans-serif);
-  line-height: 1.5;
-  font-weight: 400;
+  transition: opacity 0.1s step-end;
+  transition-delay: 0.2s;
+  font-family: inherit;
+  line-height: var(--wy-line-height);
+  font-weight: var(--wy-font-weight);
+  background-color: var(--wy-surface-1);
+  color: var(--wy-on-surface);
+  box-shadow: var(--wy-outline-variant) 0px -1px 0px 0px inset;
   backface-visibility: hidden;
 }
 @supports (backdrop-filter: blur(0.5rem)) {
@@ -1488,14 +2246,15 @@ tr.wy-pager td .wy-spinner {
   right: 0;
   pointer-events: none;
   opacity: 0;
-  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
+  transition: opacity var(--wy-transition);
+  transition-duration: 0s;
 }
 .wy-panel.wy-open.wy-loading[data-title]::before {
-  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
   opacity: 1;
 }
 .wy-panel.wy-open.wy-loading::after {
-  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0.5s;
+  transition: opacity var(--wy-transition);
+  transition-duration: 0.5s;
   opacity: 1;
   background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' width='24' height='24' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cstyle type='text/css'%3Eg%7Banimation:rotate 2s linear infinite;transform-origin:center center%7Dcircle%7Bstroke-dasharray:1,100;stroke-dashoffset:0;animation:dash 1.5s ease-in-out infinite,color 6s ease-in-out infinite%7D@keyframes rotate%7B100%25%7Btransform:rotate(360deg)%7D%7D@keyframes dash%7B0%25%7Bstroke-dasharray:1,100;stroke-dashoffset:0%7D50%25%7Bstroke-dasharray:44.5,100;stroke-dashoffset:-17.5px%7D100%25%7Bstroke-dasharray:44.5,100;stroke-dashoffset:-62px%7D%7D@keyframes color%7B0%25,100%25%7Bstroke:%23216eb4%7D40%25%7Bstroke:%2328b7cf%7D66%25%7Bstroke:%23216eb4%7D80%25,90%25%7Bstroke:%2328b7cf%7D%7D%3C/style%3E%3Cg%3E%3Ccircle fill='none' cx='12' cy='12' r='11' stroke-linecap='butt' stroke-width='2' /%3E%3C/g%3E%3C/svg%3E");
   background-repeat: no-repeat;
@@ -1507,10 +2266,10 @@ tr.wy-pager td .wy-spinner {
 .wy-panel {
   opacity: 0;
   visibility: hidden;
-  transition: opacity 0.1s cubic-bezier(0.4, 0, 0.2, 1) 0.01s, transform 0.1s cubic-bezier(0.4, 0, 0.2, 1) 0.01s, visibility 0.01s step-end 0.1s;
+  transition: opacity var(--wy-transition-fast) 0.01s, transform var(--wy-transition-fast) 0.01s, visibility 0.01s step-end var(--wy-transition-duration-fast);
 }
 .wy-panel.wy-open {
-  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.2s step-start;
+  transition: opacity var(--wy-transition), transform var(--wy-transition), visibility var(--wy-transition-duration) step-start;
   visibility: visible;
 }
 .wy-panel.wy-open.wy-transition {
@@ -1524,6 +2283,8 @@ tr.wy-pager td .wy-spinner {
 }
 
 .wy-picker-list {
+  background: var(--wy-component-background-color);
+  color: var(--wy-component-color);
   border: none;
 }
 .wy-picker-list > .wy-picker-list-item:first-child, .wy-picker-list > :first-child .wy-picker-list-item {
@@ -1555,24 +2316,51 @@ tr.wy-pager td .wy-spinner {
   white-space: nowrap;
 }
 
+.wy-main {
+  display: flex;
+  height: calc(100vh - 3rem);
+}
+@media (max-width: 767.98px) {
+  .wy-main {
+    flex-direction: column;
+  }
+}
+
 .wy-preview {
+  --wy-component-background-color: var(--wy-background);
+  --wy-component-color: var(--wy-on-background);
+  background-color: var(--wy-component-background-color);
+  color: var(--wy-component-color);
   display: flex;
+  flex-direction: column;
   align-items: center;
-  justify-content: center;
-  height: calc(100% - 3rem - 1px);
+  justify-content: space-around;
   position: relative;
+  flex: 1 1 100%;
+  min-width: 16rem;
+  min-height: 16rem;
+  max-height: 100%;
+  max-width: 100%;
+}
+
+.wy-preview-area {
+  min-width: 0;
+  min-height: 0;
+  width: 100%;
+  height: 100%;
+  flex: 1 1 auto;
+  display: flex;
+  flex-direction: column;
 }
 
 .wy-nav-prev, .wy-nav-next {
-  position: fixed;
+  --wy-component-background-color: var(--wy-surface-variant);
+  --wy-component-color: var(--wy-on-surface-variant);
+  background-color: var(--wy-component-background-color);
+  position: absolute;
   top: 50%;
   z-index: 1000;
-}
-.wy-nav-prev .wy-button-icon, .wy-nav-next .wy-button-icon {
-  background-color: #f2f2f2;
-}
-.wy-dark .wy-nav-prev .wy-button-icon, .wy-dark .wy-nav-next .wy-button-icon {
-  background-color: rgba(41, 41, 41, 0.95);
+  border-radius: 50%;
 }
 
 .wy-nav-prev {
@@ -1584,100 +2372,71 @@ tr.wy-pager td .wy-spinner {
 }
 
 .wy-document {
+  --wy-component-background-color: var(--wy-white);
+  --wy-component-color: var(--wy-on-background);
+  background-color: var(--wy-component-background-color);
+  color: var(--wy-component-color);
   align-self: flex-start;
-  background-color: #fff;
-  color: #000;
-  padding: 2rem 3rem;
+  padding: 2rem 3.5rem;
   width: 100%;
   min-height: 100%;
+  flex: 1 0 auto;
 }
 @media (min-width: 768px) {
   .wy-document {
     padding: 3rem 4rem;
-    margin: 2rem 3.5rem;
-    border-radius: 0.25rem;
-    box-shadow: 0 0.25rem 0.3125rem 0 rgba(0, 0, 0, 0.14), 0 0.0625rem 0.625rem 0 rgba(0, 0, 0, 0.12), 0 0.125rem 0.25rem -0.0625rem rgba(0, 0, 0, 0.2);
+    margin: 2rem auto;
+    border-radius: 0.125rem;
+    box-shadow: var(--wy-shadow-level2);
     width: 120ch;
     min-height: 170ch;
-    max-width: 100%;
+    max-width: calc(100% - 3.5rem);
   }
 }
 
-.wy-toolbar {
-  position: fixed;
-  z-index: 1030;
-  bottom: 1.5rem;
-  left: 0;
-  right: 0;
-  height: 3rem;
-  display: flex;
-  justify-content: center;
-}
-.wy-toolbar span {
-  margin-left: 0.25rem;
-}
-.wy-toolbar .wy-input {
-  text-align: center;
-  border-color: transparent;
-}
-
-.wy-tools {
-  background-color: rgba(242, 242, 242, 0.95);
-  color: #000;
-  border-radius: 0.375rem;
-  display: flex;
-  align-items: center;
-  backface-visibility: hidden;
-}
-@supports (backdrop-filter: blur(0.5rem)) {
-  .wy-tools {
-    backdrop-filter: blur(0.5rem);
-  }
-}
-.wy-dark .wy-tools, .wy-tools.wy-dark {
-  background-color: rgba(41, 41, 41, 0.95);
-  color: rgba(255, 255, 255, 0.62);
-}
-.wy-dark .wy-tools .wy-icon, .wy-tools.wy-dark .wy-icon {
-  color: rgba(255, 255, 255, 0.62);
-}
-.wy-dark .wy-tools .wy-input, .wy-tools.wy-dark .wy-input {
-  background-color: rgba(0, 0, 0, 0.5);
-  color: rgba(255, 255, 255, 0.62);
-}
+.wy-content-code {
+  /*--wy-component-background-color: var(--wy-surface-1);
+  --wy-component-color: var(--wy-on-surface);
 
-.wy-tool {
-  display: flex;
-  align-items: center;
-  margin: 0 0.5rem;
+  background-color: var(--wy-component-background-color);
+  color: var(--wy-component-color);
+  */
+  align-self: flex-start;
+  width: 100%;
+  padding: 2rem 3.5rem;
 }
 
-.wy-content-iframe, [data-controller~=embed] {
+.wy-content-iframe {
   border: 0;
   display: block;
   width: 100%;
   height: 100%;
+  top: 0;
+  left: 0;
   flex: 1 1 100%;
 }
-.wy-content-iframe:not(.wy-loading):not([data-controller~=embed]), .wy-content-iframe[data-controller~=embed].wy-loaded, [data-controller~=embed]:not(.wy-loading):not([data-controller~=embed]), [data-controller~=embed][data-controller~=embed].wy-loaded {
-  background: #fff;
+.wy-content-iframe.wy-loaded {
+  --wy-component-background-color: var(--wy-surface-1);
+  --wy-component-color: var(--wy-on-surface);
+  background-color: var(--wy-component-background-color);
+  color: var(--wy-component-color);
 }
-.wy-content-iframe:not(.wy-loading):not([data-controller~=embed]) ~ .wy-content-iframe-fallback, .wy-content-iframe:not(.wy-loading):not([data-controller~=embed]) ~ .wy-spinner, .wy-content-iframe[data-controller~=embed].wy-loaded ~ .wy-content-iframe-fallback, .wy-content-iframe[data-controller~=embed].wy-loaded ~ .wy-spinner, [data-controller~=embed]:not(.wy-loading):not([data-controller~=embed]) ~ .wy-content-iframe-fallback, [data-controller~=embed]:not(.wy-loading):not([data-controller~=embed]) ~ .wy-spinner, [data-controller~=embed][data-controller~=embed].wy-loaded ~ .wy-content-iframe-fallback, [data-controller~=embed][data-controller~=embed].wy-loaded ~ .wy-spinner {
+.wy-content-iframe.wy-loaded ~ .wy-content-iframe-fallback, .wy-content-iframe.wy-loaded ~ .wy-spinner {
   display: none;
 }
-.wy-content-iframe.wy-loading:not(.wy-loaded), .wy-content-iframe[data-controller~=embed]:not(.wy-loaded), [data-controller~=embed].wy-loading:not(.wy-loaded), [data-controller~=embed][data-controller~=embed]:not(.wy-loaded) {
+.wy-content-iframe.wy-loading:not(.wy-loaded) {
   position: absolute;
   visibility: hidden;
   z-index: -1;
   pointer-events: none;
 }
-.wy-content-iframe.wy-loading:not(.wy-loaded):not(.wy-fallback) ~ .wy-content-iframe-fallback, .wy-content-iframe[data-controller~=embed]:not(.wy-loaded):not(.wy-fallback) ~ .wy-content-iframe-fallback, [data-controller~=embed].wy-loading:not(.wy-loaded):not(.wy-fallback) ~ .wy-content-iframe-fallback, [data-controller~=embed][data-controller~=embed]:not(.wy-loaded):not(.wy-fallback) ~ .wy-content-iframe-fallback {
+.wy-content-iframe.wy-loading:not(.wy-loaded):not(.wy-fallback) ~ .wy-content-iframe-fallback {
   display: none;
 }
-.wy-content-iframe.wy-loading:not(.wy-loaded).wy-fallback ~ .wy-spinner, .wy-content-iframe[data-controller~=embed]:not(.wy-loaded).wy-fallback ~ .wy-spinner, [data-controller~=embed].wy-loading:not(.wy-loaded).wy-fallback ~ .wy-spinner, [data-controller~=embed][data-controller~=embed]:not(.wy-loaded).wy-fallback ~ .wy-spinner {
+.wy-content-iframe.wy-loading:not(.wy-loaded).wy-fallback ~ .wy-spinner {
   display: none;
 }
-.wy-content-iframe ~ .wy-spinner, [data-controller~=embed] ~ .wy-spinner {
+.wy-content-iframe ~ .wy-spinner {
   margin: auto;
 }
 
@@ -1686,33 +2445,6 @@ tr.wy-pager td .wy-spinner {
   white-space: pre-wrap;
 }
 
-.wy-content-icon {
-  background-color: #fff;
-  border-radius: 0.5rem;
-  display: flex;
-  align-items: center;
-  flex-direction: column;
-  text-align: center;
-  padding: 1rem 2rem;
-}
-.wy-content-icon .wy-icon-stack, .wy-content-icon .wy-icon {
-  width: 8rem;
-  height: 8rem;
-}
-.wy-dark .wy-content-icon {
-  background-color: rgba(41, 41, 41, 0.95);
-  color: rgba(255, 255, 255, 0.62);
-}
-.wy-dark .wy-content-icon a {
-  color: #79c7ec;
-}
-.wy-dark .wy-content-icon .wy-icon {
-  color: rgba(255, 255, 255, 0.7);
-}
-.wy-dark .wy-content-icon .wy-icon-stack .wy-icon:last-child {
-  background-color: rgba(41, 41, 41, 0.95);
-}
-
 .wy-content-image {
   min-width: 0;
   display: flex;
@@ -1722,32 +2454,18 @@ tr.wy-pager td .wy-spinner {
   margin: auto;
   max-height: 100%;
   max-width: 100%;
-}
-.wy-content-image.wy-intrinsic-image {
-  object-fit: scale-down;
-}
-.wy-content-image:not(.wy-intrinsic-image) {
-  height: 100%;
-  width: 100%;
-  --max-width: min(calc((100vh - 3rem - 1px) * (var(--width) / var(--height))), calc(var(--width) * 1px), 100%);
-  --max-height: min(calc(100vw * (var(--height) / var(--width))), calc(var(--height) * 1px), 100%);
-  /*     // With sidebar
-      body.controller-content & {
-        --max-width: min(calc((100vh - 6rem) * (var(--width) / var(--height))), calc(var(--width) * 1px), 100%);
-        --max-height: min(calc(100vw * (var(--height) / var(--width))), calc(var(--height) * 1px), 100%);
-
-        @include bs.media-breakpoint-up(lg) {
-          --max-width: min(calc((100vh - 3rem) * (var(--width) / var(--height))), calc(var(--width) * 1px), 100%);
-          --max-height: min(calc((100vw - 20rem) * (var(--height) / var(--width))), calc(var(--height) * 1px), 100%);
-        }
-      } */
-  max-width: var(--max-width);
-  max-height: var(--max-height);
-  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), transform-origin 0.2s step-end;
+  /*&.wy-intrinsic-image {
+    object-fit: scale-down;
+  }*/
+  /*&:not(.wy-intrinsic-image) {
+    transition: transform vars.$transition, transform-origin vars.$transition-duration step-end;
+    //cursor: zoom-in;
+  }*/
+  transition: transform var(--wy-transition), transform-origin var(--wy-transition-duration) step-end;
 }
 .wy-content-image.wy-zoom {
   cursor: zoom-out;
-  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), transform-origin 0.2s step-start;
+  transition: transform var(--wy-transition), transform-origin var(--wy-transition-duration) step-start;
 }
 .wy-content-image img {
   min-width: 0;
@@ -1785,6 +2503,7 @@ tr.wy-pager td .wy-spinner {
   min-height: 0;
   max-width: 100%;
   max-height: 100%;
+  flex: 1 1 auto;
 }
 
 .wy-content-video, .wy-content-audio {
@@ -1800,7 +2519,7 @@ tr.wy-pager td .wy-spinner {
   outline: none;
 }
 
-:root {
+:root, :host > * {
   --pdfViewer-padding-bottom: 0;
   --page-margin: 2rem auto;
   --page-border: none;
@@ -1810,7 +2529,7 @@ tr.wy-pager td .wy-spinner {
 }
 
 @media screen and (forced-colors: active) {
-  :root {
+  :root, :host > * {
     --pdfViewer-padding-bottom: 9px;
     --page-margin: 9px auto 0;
     --page-border: none;
@@ -1872,7 +2591,7 @@ tr.wy-pager td .wy-spinner {
 }
 .wy-scrollbars .wy-content-pdf .wy-pdf-container {
   scrollbar-width: thin;
-  scrollbar-color: rgba(128, 128, 128, 0.75) transparent;
+  scrollbar-color: var(--wy-outline) transparent;
 }
 .wy-scrollbars .wy-content-pdf .wy-pdf-container::-webkit-scrollbar {
   height: 0.625rem;
@@ -1884,16 +2603,19 @@ tr.wy-pager td .wy-spinner {
   background: transparent;
 }
 .wy-scrollbars .wy-content-pdf .wy-pdf-container::-webkit-scrollbar-thumb {
-  background-color: rgba(128, 128, 128, 0.75);
+  background-color: var(--wy-outline);
   border: 0.125rem solid transparent;
   border-radius: 0.5rem;
   background-clip: padding-box;
+  opacity: 75%;
 }
 .wy-scrollbars .wy-content-pdf .wy-pdf-container::-webkit-scrollbar-thumb:hover {
-  background-color: rgba(92, 92, 92, 0.75);
+  background-color: var(--wy-outline-variant);
+  opacity: 75%;
 }
 .wy-scrollbars .wy-content-pdf .wy-pdf-container::-webkit-scrollbar-thumb:window-inactive {
-  background-color: rgba(128, 128, 128, 0.5);
+  background-color: var(--wy-outline);
+  opacity: 50%;
 }
 @supports (overflow-y: overlay) {
   .wy-scrollbars .wy-content-pdf .wy-pdf-container {
@@ -2446,8 +3168,8 @@ tr.wy-pager td .wy-spinner {
   overflow: visible;
   border: var(--page-border);
   background-clip: content-box;
-  box-shadow: 0 0.25rem 0.3125rem 0 rgba(0, 0, 0, 0.14), 0 0.0625rem 0.625rem 0 rgba(0, 0, 0, 0.12), 0 0.125rem 0.25rem -0.0625rem rgba(0, 0, 0, 0.2);
-  background-color: rgb(255, 255, 255);
+  box-shadow: var(--wy-shadow-level2);
+  background-color: #ffffff;
 }
 .wy-content-pdf .pdfViewer .dummyPage {
   position: relative;
@@ -2537,95 +3259,87 @@ tr.wy-pager td .wy-spinner {
   white-space: pre-wrap;
 }
 
-.wy-scroll-y {
-  overflow-y: auto;
-  touch-action: pan-y, pan-x;
-  will-change: scroll-position, opacity;
-  backface-visibility: hidden;
-  max-height: 100%;
-}
-.wy-scroll-y:not(body) {
-  -webkit-overflow-scrolling: touch;
+.wy-reaction-count {
+  margin: 0 0.5rem 0 0.125rem;
+  line-height: 1;
+  font-size: var(--wy-font-size-sm);
 }
-.wy-scroll-y:not(.wy-scroll-x) {
-  overflow-x: hidden;
-  touch-action: pan-y;
+
+.wy-reaction-menu {
+  padding: 0.25rem;
+  font-size: 1.125rem;
+  border-radius: 2.5rem;
 }
 
-.wy-scroll-x {
-  overflow-x: auto;
-  touch-action: pan-y, pan-x;
-  will-change: scroll-position, opacity;
-  backface-visibility: hidden;
-  max-width: 100%;
+.wy-reaction-picker {
+  display: flex;
 }
-.wy-scroll-x:not(.wy-scroll-y) {
-  overflow-y: hidden;
-  touch-action: pan-x;
+.wy-reaction-picker .wy-reaction-button {
+  color: unset;
 }
 
-.wy-scrollbars.wy-scroll-y, .wy-scrollbars .wy-scroll-y {
-  scrollbar-width: thin;
-  scrollbar-color: rgba(128, 128, 128, 0.75) transparent;
-}
-@supports (overflow-y: overlay) {
-  .wy-scrollbars.wy-scroll-y, .wy-scrollbars .wy-scroll-y {
-    overflow-y: overlay;
-  }
+.wy-reactions {
+  display: inline-flex;
+  align-items: center;
+  column-gap: 0.125rem;
 }
-.wy-scrollbars.wy-scroll-y::-webkit-scrollbar, .wy-scrollbars .wy-scroll-y::-webkit-scrollbar {
-  height: 0.625rem;
-  width: 0.625rem;
-  background: transparent;
-  z-index: 999;
+.wy-reactions:empty {
+  display: none;
 }
-.wy-scrollbars.wy-scroll-y::-webkit-scrollbar-track, .wy-scrollbars .wy-scroll-y::-webkit-scrollbar-track {
-  background: transparent;
+
+.wy-table-reactions td:first-child {
+  width: 3rem;
 }
-.wy-scrollbars.wy-scroll-y::-webkit-scrollbar-thumb, .wy-scrollbars .wy-scroll-y::-webkit-scrollbar-thumb {
-  background-color: rgba(128, 128, 128, 0.75);
-  border: 0.125rem solid transparent;
-  border-radius: 0.5rem;
-  background-clip: padding-box;
+.wy-table-reactions td:nth-child(2) {
+  width: 100%;
 }
-.wy-scrollbars.wy-scroll-y::-webkit-scrollbar-thumb:hover, .wy-scrollbars .wy-scroll-y::-webkit-scrollbar-thumb:hover {
-  background-color: rgba(92, 92, 92, 0.75);
+.wy-table-reactions tr:last-child td {
+  box-shadow: none;
 }
-.wy-scrollbars.wy-scroll-y::-webkit-scrollbar-thumb:window-inactive, .wy-scrollbars .wy-scroll-y::-webkit-scrollbar-thumb:window-inactive {
-  background-color: rgba(128, 128, 128, 0.5);
+
+.wy-reactions-line {
+  display: flex;
+  align-items: center;
+  /*> * {
+    position: relative;
+  }*/
+}
+.wy-reactions-line .wy-reactions {
+  background: var(--wy-component-background-color);
+  color: currentColor;
+  border-radius: var(--wy-border-radius-pill);
+  display: flex;
+  width: auto;
+  background-clip: content-box;
 }
-.wy-scrollbars.wy-scroll-y::-webkit-scrollbar-button:vertical:start, .wy-scrollbars .wy-scroll-y::-webkit-scrollbar-button:vertical:start {
-  height: var(--wy-scrollbar-adjust-top, 0);
+.wy-reactions-line .wy-reactions > .wy-emoji:first-child {
+  margin-left: 0.125rem;
 }
-.wy-scrollbars.wy-scroll-y::-webkit-scrollbar-button:vertical:end, .wy-scrollbars .wy-scroll-y::-webkit-scrollbar-button:vertical:end {
-  height: var(--wy-scrollbar-adjust-bottom, 0);
+.wy-reactions-line .wy-reactions > .wy-emoji:last-child {
+  margin-right: 0.125rem;
 }
-
-.wy-block-scroll {
-  overflow: hidden !important;
+.wy-reactions-line .wy-reaction-menu-button {
+  background: var(--wy-component-background-color);
+  color: currentColor;
+  border-radius: var(--wy-border-radius-pill);
+  background-clip: content-box;
 }
 
-.wy-scrollbar-detection {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 8rem;
-  height: 8rem;
-  overflow: scroll;
-  z-index: -99999;
-  pointer-events: none;
-  visibility: hidden;
+.wy-spinner, .wy-icon[data-icon=spinner] {
+  align-self: center;
+  justify-self: center;
+  margin: auto;
 }
-
-svg.wy-spinner circle {
+.wy-spinner circle, .wy-icon[data-icon=spinner] circle {
   stroke-dasharray: 1, 100;
   stroke-dashoffset: 0;
   transform-origin: center;
+  fill: none !important;
 }
-svg.wy-spinner.wy-spin {
+.wy-spinner.wy-spin, .wy-icon[data-icon=spinner].wy-spin {
   animation: wy-rotate 1.4s linear infinite;
 }
-svg.wy-spinner.wy-spin circle {
+.wy-spinner.wy-spin circle, .wy-icon[data-icon=spinner].wy-spin circle {
   animation: wy-dash 1.4s ease-in-out infinite, wy-color 2.8s ease-in-out infinite;
 }
 
@@ -2650,18 +3364,57 @@ svg.wy-spinner.wy-spin circle {
 }
 @keyframes wy-color {
   0%, 100% {
-    stroke: hsl(217deg, 77.2287735849%, 50%);
+    stroke: var(--wy-primary);
   }
   25% {
-    stroke: hsl(6deg, 71.1567324185%, 50%);
+    stroke: var(--wy-primary);
   }
   50% {
-    stroke: hsl(55deg, 81.2875214408%, 50%);
+    stroke: transparent;
   }
   75% {
-    stroke: hsl(121deg, 50.2009084556%, 50%);
+    stroke: var(--wy-primary);
   }
 }
+.wy-title {
+  margin-top: 0.5rem;
+  margin-bottom: 0.5rem;
+  font-style: var(--wy-headings-font-style);
+  font-weight: var(--wy-headings-font-weight);
+  line-height: var(--wy-headings-line-height);
+  margin-top: 0.5rem;
+  margin-bottom: 0.5rem;
+  font-weight: 400;
+  font-size: 2.5rem;
+  line-height: 3rem;
+}
+
+.wy-headline {
+  margin-top: 0.5rem;
+  margin-bottom: 0.5rem;
+  font-style: var(--wy-headings-font-style);
+  font-weight: var(--wy-headings-font-weight);
+  line-height: var(--wy-headings-line-height);
+  margin-top: 0.5rem;
+  margin-bottom: 0.5rem;
+  font-weight: 400;
+  font-size: 1.5rem;
+  line-height: 2rem;
+}
+
+.wy-label {
+  margin-top: 0.5rem;
+  margin-bottom: 0.5rem;
+  font-style: var(--wy-headings-font-style);
+  font-weight: var(--wy-headings-font-weight);
+  line-height: var(--wy-headings-line-height);
+  margin-top: 0rem;
+  margin-bottom: 0rem;
+  font-weight: 500;
+  font-size: 1rem;
+  line-height: 1.5rem;
+}
+
 .wy-typing-show {
   font-style: italic;
   display: none;
@@ -2682,3 +3435,12 @@ svg.wy-spinner.wy-spin circle {
   top: 0.375rem;
   left: 0.25rem;
 }
+
+.wy-meeting {
+  flex: 1 1 100%;
+  align-items: flex-start;
+}
+
+.wy-meeting-actions {
+  margin-top: 0.5rem;
+}