@weavy/uikit-react 14.0.3 → 15.0.0

package/dist/css/weavy-chat.css

@@ -1,3 +1,4 @@
+@charset "UTF-8";
 :where(:root, :host > *) {
   --wy-theme: #00658e;
   --wy-black: #000000;
@@ -303,6 +304,8 @@
   will-change: scroll-position, opacity;
   backface-visibility: hidden;
   max-height: 100%;
+  scroll-padding-top: var(--wy-scrollbar-adjust-top, 0);
+  scroll-padding-bottom: var(--wy-scrollbar-adjust-bottom, 0);
 }
 .wy-scroll-y:not(body) {
   -webkit-overflow-scrolling: touch;
@@ -1272,7 +1275,7 @@
   opacity: 1;
 }
 
-.wy-icon:not([class*=wy-icon-]):not([class*=wy-kind-]) * {
+.wy-icon:not([class*=wy-icon-]):not([class*=wy-kind-]):not([data-icon=progress]) * {
   fill: currentColor;
 }
 
@@ -1391,6 +1394,18 @@
   fill: var(--wy-red);
 }
 
+[data-icon=progress].wy-icon-primary {
+  color: var(--wy-primary);
+}
+[data-icon=progress] :first-child {
+  fill: none;
+  stroke: var(--wy-surface-variant);
+}
+[data-icon=progress] :last-child {
+  fill: none;
+  stroke: currentColor;
+}
+
 .wy-image-grid {
   display: flex;
   flex-wrap: wrap;
@@ -1509,8 +1524,9 @@
   border-color: var(--wy-outline-variant);
 }
 
-.wy-is-invalid, .wy-is-invalid:focus {
-  border-color: var(--wy-error);
+.wy-input-label {
+  display: block;
+  margin-bottom: 0.5rem;
 }
 
 .wy-description {
@@ -1518,9 +1534,14 @@
   font-size: var(--wy-font-size-sm);
 }
 
-.wy-input-label {
-  display: block;
-  margin-bottom: 0.5rem;
+.wy-is-invalid, .wy-is-invalid:focus {
+  border-color: var(--wy-error);
+}
+
+.wy-invalid-feedback {
+  margin-top: 0.25rem;
+  font-size: var(--wy-font-size-sm);
+  color: var(--wy-error);
 }
 
 .wy-input-group {
@@ -1565,7 +1586,7 @@
   text-decoration: none;
   min-height: 3rem;
 }
-.wy-item > .wy-avatar, .wy-item > .wy-icon, .wy-item > .wy-icon-stack {
+.wy-item > .wy-avatar, .wy-item > .wy-icon, .wy-item > .wy-icon[data-icon=spinner], .wy-item > .wy-icon-stack {
   margin-left: -0.25rem;
 }
 
@@ -1586,6 +1607,9 @@
 .wy-item-body + .wy-emoji {
   margin-right: 0.125rem;
 }
+.wy-item-body > .wy-icon[data-icon=shield-star] {
+  vertical-align: -0.125rem;
+}
 
 .wy-item-title {
   color: var(--wy-on-background);
@@ -1637,6 +1661,11 @@
   margin-right: 2rem;
 }
 
+.wy-action-label {
+  margin-right: 0.5rem;
+  font-style: italic;
+}
+
 .wy-item-row {
   display: flex;
   align-items: center;
@@ -1684,6 +1713,14 @@
   border-color: var(--wy-component-background-color);
 }
 
+.wy-item-trashed {
+  text-decoration: line-through;
+  opacity: var(--wy-opacity-disabled);
+}
+.wy-item-trashed.wy-item-hover:hover {
+  opacity: 1;
+}
+
 .wy-item-lg {
   padding: 0.75rem;
   min-height: 4.5rem;
@@ -1883,129 +1920,6 @@
   text-align: center;
 }
 
-.wy-message-editor-top {
-  background-color: var(--wy-component-background-color);
-  color: var(--wy-component-color);
-}
-@supports (position: sticky) {
-  .wy-message-editor-top {
-    position: sticky;
-    top: 0;
-    z-index: 1020;
-  }
-}
-
-.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 [data-icon=plus] {
-  display: none;
-}
-.wy-message-form .wy-picker-list:not(:empty) {
-  border-top: 1px solid var(--wy-outline-variant);
-}
-
-.wy-message-editor-inputs {
-  display: flex;
-  flex-direction: row;
-  align-items: flex-end;
-  padding: 0.5rem 0.25rem;
-  min-height: 3.5rem;
-}
-.wy-message-editor-inputs > :not(:last-child) {
-  margin-right: 0.25rem;
-}
-
-.wy-message-editor-buttons {
-  flex: 1 0 auto;
-}
-
-.wy-message-editor-text {
-  flex: 1 1 100%;
-  display: flex;
-  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%;
-  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-family);
-  font-size: var(--wy-font-size-base);
-  padding: var(--wy-input-padding-y) var(--wy-input-padding-x);
-}
-
-.wy-message-editor-grow {
-  display: grid;
-}
-.wy-message-editor-grow::after,
-.wy-message-editor-grow > textarea {
-  grid-area: 1/1/2/2;
-}
-.wy-message-editor-grow::after {
-  content: attr(data-replicated-value) " ";
-  white-space: pre-wrap;
-  visibility: hidden;
-}
-.wy-message-editor-grow > textarea {
-  resize: none;
-  overflow: hidden;
-}
-
 .wy-meta {
   color: var(--wy-outline);
   font-size: var(--wy-font-size-sm);
@@ -2104,7 +2018,7 @@
   opacity: 1;
 }
 
-.wy-pager {
+tr.wy-pager {
   pointer-events: none;
 }
 
@@ -2517,48 +2431,82 @@ tr.wy-pager td .wy-spinner {
   outline: none;
 }
 
-:root, :host > * {
-  --pdfViewer-padding-bottom: 0;
-  --page-margin: 2rem auto;
-  --page-border: none;
-  --spreadHorizontalWrapped-margin-LR: -3.5px;
-  --zoom-factor: 1;
-  --viewport-scale-factor: 1;
+:root {
+  --annotation-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");
+  --input-focus-border-color: Highlight;
+  --input-focus-outline: 1px solid Canvas;
+  --input-unfocused-border-color: transparent;
+  --input-disabled-border-color: transparent;
+  --input-hover-border-color: black;
+}
+
+@media (forced-colors: active) {
+  :root {
+    --input-focus-border-color: CanvasText;
+    --input-unfocused-border-color: ActiveText;
+    --input-disabled-border-color: GrayText;
+    --input-hover-border-color: Highlight;
+  }
+}
+:root {
+  --xfa-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");
+  --xfa-focus-outline: auto;
 }
 
-@media screen and (forced-colors: active) {
-  :root, :host > * {
-    --pdfViewer-padding-bottom: 9px;
-    --page-margin: 9px auto 0;
-    --page-border: none;
-    --spreadHorizontalWrapped-margin-LR: 4.5px;
+@media (forced-colors: active) {
+  :root {
+    --xfa-focus-outline: 2px solid CanvasText;
   }
 }
 :root {
-  --annotation-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");
+  --focus-outline: solid 2px blue;
+  --hover-outline: dashed 2px blue;
+  --freetext-line-height: 1.35;
+  --freetext-padding: 2px;
+  --editorFreeText-editing-cursor: text;
+  --editorInk-editing-cursor: pointer;
+}
+
+@media (forced-colors: active) {
+  :root {
+    --focus-outline: solid 3px ButtonText;
+    --hover-outline: dashed 3px ButtonText;
+  }
 }
-
 :root {
-  --xfa-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");
+  --viewer-container-height: 0;
+  --pdfViewer-padding-bottom: 0;
+  --page-margin: 2rem auto;
+  --page-border: none;
+  --page-border-image: none;
+  --spreadHorizontalWrapped-margin-LR: -3.5px;
+  --scale-factor: 1;
 }
 
+@media screen and (forced-colors: active) {
+  :root {
+    --page-border: 1px solid CanvasText;
+    --page-border-image: none;
+    --spreadHorizontalWrapped-margin-LR: 3.5px;
+  }
+}
 .wy-content-pdf {
   /* Copyright 2014 Mozilla Foundation
-  *
-  * Licensed under the Apache License, Version 2.0 (the "License");
-  * you may not use this file except in compliance with the License.
-  * You may obtain a copy of the License at
-  *
-  *     http://www.apache.org/licenses/LICENSE-2.0
-  *
-  * Unless required by applicable law or agreed to in writing, software
-  * distributed under the License is distributed on an "AS IS" BASIS,
-  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-  * See the License for the specific language governing permissions and
-  * limitations under the License.
-  */
+   *
+   * Licensed under the Apache License, Version 2.0 (the "License");
+   * you may not use this file except in compliance with the License.
+   * You may obtain a copy of the License at
+   *
+   *     http://www.apache.org/licenses/LICENSE-2.0
+   *
+   * Unless required by applicable law or agreed to in writing, software
+   * distributed under the License is distributed on an "AS IS" BASIS,
+   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   * See the License for the specific language governing permissions and
+   * limitations under the License.
+   */
   /* Only necessary in Google Chrome, see issue 14205, and most unfortunately
-  * the problem doesn't show up in "text" reference tests. */
+   * the problem doesn't show up in "text" reference tests. */
   /* Avoids https://github.com/mozilla/pdf.js/issues/13840 in Chrome */
 }
 .wy-content-pdf .wy-input[data-pdf-target=pageNumber] {
@@ -2628,11 +2576,12 @@ tr.wy-pager td .wy-spinner {
   right: 0;
   bottom: 0;
   overflow: hidden;
-  opacity: 0.2;
+  opacity: 0.25;
   line-height: 1;
   -webkit-text-size-adjust: none;
   -moz-text-size-adjust: none;
   text-size-adjust: none;
+  forced-color-adjust: none;
 }
 .wy-content-pdf .textLayer span,
 .wy-content-pdf .textLayer br {
@@ -2668,10 +2617,12 @@ tr.wy-pager td .wy-spinner {
   background-color: rgb(0, 100, 0);
 }
 .wy-content-pdf .textLayer ::-moz-selection {
-  background: rgb(0, 0, 255);
+  background: blue;
+  background: AccentColor;
 }
 .wy-content-pdf .textLayer ::selection {
-  background: rgb(0, 0, 255);
+  background: blue;
+  background: AccentColor;
 }
 .wy-content-pdf .textLayer br::-moz-selection {
   background: transparent;
@@ -2695,9 +2646,28 @@ tr.wy-pager td .wy-spinner {
 .wy-content-pdf .textLayer .endOfContent.active {
   top: 0;
 }
+@media (forced-colors: active) {
+  .wy-content-pdf .annotationLayer .textWidgetAnnotation input:required,
+  .wy-content-pdf .annotationLayer .textWidgetAnnotation textarea:required,
+  .wy-content-pdf .annotationLayer .choiceWidgetAnnotation select:required,
+  .wy-content-pdf .annotationLayer .buttonWidgetAnnotation.checkBox input:required,
+  .wy-content-pdf .annotationLayer .buttonWidgetAnnotation.radioButton input:required {
+    outline: 1.5px solid selectedItem;
+  }
+}
+.wy-content-pdf .annotationLayer {
+  position: absolute;
+  top: 0;
+  left: 0;
+  pointer-events: none;
+  transform-origin: 0 0;
+}
 .wy-content-pdf .annotationLayer section {
   position: absolute;
   text-align: initial;
+  pointer-events: auto;
+  box-sizing: border-box;
+  transform-origin: 0 0;
 }
 .wy-content-pdf .annotationLayer .linkAnnotation > a,
 .wy-content-pdf .annotationLayer .buttonWidgetAnnotation.pushButton > a {
@@ -2709,10 +2679,8 @@ tr.wy-pager td .wy-spinner {
   height: 100%;
 }
 .wy-content-pdf .annotationLayer .buttonWidgetAnnotation.pushButton > canvas {
-  position: relative;
-  top: 0;
-  left: 0;
-  z-index: -1;
+  width: 100%;
+  height: 100%;
 }
 .wy-content-pdf .annotationLayer .linkAnnotation > a:hover,
 .wy-content-pdf .annotationLayer .buttonWidgetAnnotation.pushButton > a:hover {
@@ -2723,6 +2691,8 @@ tr.wy-pager td .wy-spinner {
 .wy-content-pdf .annotationLayer .textAnnotation img {
   position: absolute;
   cursor: pointer;
+  width: 100%;
+  height: 100%;
 }
 .wy-content-pdf .annotationLayer .textWidgetAnnotation input,
 .wy-content-pdf .annotationLayer .textWidgetAnnotation textarea,
@@ -2730,15 +2700,21 @@ tr.wy-pager td .wy-spinner {
 .wy-content-pdf .annotationLayer .buttonWidgetAnnotation.checkBox input,
 .wy-content-pdf .annotationLayer .buttonWidgetAnnotation.radioButton input {
   background-image: var(--annotation-unfocused-field-background);
-  border: 1px solid transparent;
+  border: 2px solid var(--input-unfocused-border-color);
   box-sizing: border-box;
-  font-size: 9px;
+  font: calc(9px * var(--scale-factor)) sans-serif;
   height: 100%;
   margin: 0;
-  padding: 0 3px;
   vertical-align: top;
   width: 100%;
 }
+.wy-content-pdf .annotationLayer .textWidgetAnnotation input:required,
+.wy-content-pdf .annotationLayer .textWidgetAnnotation textarea:required,
+.wy-content-pdf .annotationLayer .choiceWidgetAnnotation select:required,
+.wy-content-pdf .annotationLayer .buttonWidgetAnnotation.checkBox input:required,
+.wy-content-pdf .annotationLayer .buttonWidgetAnnotation.radioButton input:required {
+  outline: 1.5px solid red;
+}
 .wy-content-pdf .annotationLayer .choiceWidgetAnnotation select option {
   padding: 0;
 }
@@ -2746,8 +2722,6 @@ tr.wy-pager td .wy-spinner {
   border-radius: 50%;
 }
 .wy-content-pdf .annotationLayer .textWidgetAnnotation textarea {
-  font: message-box;
-  font-size: 9px;
   resize: none;
 }
 .wy-content-pdf .annotationLayer .textWidgetAnnotation input[disabled],
@@ -2756,7 +2730,7 @@ tr.wy-pager td .wy-spinner {
 .wy-content-pdf .annotationLayer .buttonWidgetAnnotation.checkBox input[disabled],
 .wy-content-pdf .annotationLayer .buttonWidgetAnnotation.radioButton input[disabled] {
   background: none;
-  border: 1px solid transparent;
+  border: 2px solid var(--input-disabled-border-color);
   cursor: not-allowed;
 }
 .wy-content-pdf .annotationLayer .textWidgetAnnotation input:hover,
@@ -2764,27 +2738,40 @@ tr.wy-pager td .wy-spinner {
 .wy-content-pdf .annotationLayer .choiceWidgetAnnotation select:hover,
 .wy-content-pdf .annotationLayer .buttonWidgetAnnotation.checkBox input:hover,
 .wy-content-pdf .annotationLayer .buttonWidgetAnnotation.radioButton input:hover {
-  border: 1px solid rgb(0, 0, 0);
+  border: 2px solid var(--input-hover-border-color);
+}
+.wy-content-pdf .annotationLayer .textWidgetAnnotation input:hover,
+.wy-content-pdf .annotationLayer .textWidgetAnnotation textarea:hover,
+.wy-content-pdf .annotationLayer .choiceWidgetAnnotation select:hover,
+.wy-content-pdf .annotationLayer .buttonWidgetAnnotation.checkBox input:hover {
+  border-radius: 2px;
 }
 .wy-content-pdf .annotationLayer .textWidgetAnnotation input:focus,
 .wy-content-pdf .annotationLayer .textWidgetAnnotation textarea:focus,
 .wy-content-pdf .annotationLayer .choiceWidgetAnnotation select:focus {
   background: none;
-  border: 1px solid transparent;
+  border: 2px solid var(--input-focus-border-color);
+  border-radius: 2px;
+  outline: var(--input-focus-outline);
 }
-.wy-content-pdf .annotationLayer .textWidgetAnnotation input :focus,
-.wy-content-pdf .annotationLayer .textWidgetAnnotation textarea :focus,
-.wy-content-pdf .annotationLayer .choiceWidgetAnnotation select :focus,
 .wy-content-pdf .annotationLayer .buttonWidgetAnnotation.checkBox :focus,
 .wy-content-pdf .annotationLayer .buttonWidgetAnnotation.radioButton :focus {
   background-image: none;
   background-color: transparent;
-  outline: auto;
+}
+.wy-content-pdf .annotationLayer .buttonWidgetAnnotation.checkBox :focus {
+  border: 2px solid var(--input-focus-border-color);
+  border-radius: 2px;
+  outline: var(--input-focus-outline);
+}
+.wy-content-pdf .annotationLayer .buttonWidgetAnnotation.radioButton :focus {
+  border: 2px solid var(--input-focus-border-color);
+  outline: var(--input-focus-outline);
 }
 .wy-content-pdf .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,
 .wy-content-pdf .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,
 .wy-content-pdf .annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before {
-  background-color: rgb(0, 0, 0);
+  background-color: CanvasText;
   content: "";
   display: block;
   position: absolute;
@@ -2815,11 +2802,11 @@ tr.wy-pager td .wy-spinner {
 }
 .wy-content-pdf .annotationLayer .textWidgetAnnotation input.comb:focus {
   /*
-  * Letter spacing is placed on the right side of each character. Hence, the
-  * letter spacing of the last character may be placed outside the visible
-  * area, causing horizontal scrolling. We avoid this by extending the width
-  * when the element has focus and revert this when it loses focus.
-  */
+   * Letter spacing is placed on the right side of each character. Hence, the
+   * letter spacing of the last character may be placed outside the visible
+   * area, causing horizontal scrolling. We avoid this by extending the width
+   * when the element has focus and revert this when it loses focus.
+   */
   width: 103%;
 }
 .wy-content-pdf .annotationLayer .buttonWidgetAnnotation.checkBox input,
@@ -2827,44 +2814,50 @@ tr.wy-pager td .wy-spinner {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
-  padding: 0;
+}
+.wy-content-pdf .annotationLayer .popupTriggerArea {
+  height: 100%;
+  width: 100%;
 }
 .wy-content-pdf .annotationLayer .popupWrapper {
   position: absolute;
-  width: 20em;
+  font-size: calc(9px * var(--scale-factor));
+  width: 100%;
+  min-width: calc(180px * var(--scale-factor));
+  pointer-events: none;
 }
 .wy-content-pdf .annotationLayer .popup {
   position: absolute;
-  z-index: 200;
-  max-width: 20em;
+  max-width: calc(180px * var(--scale-factor));
   background-color: rgb(255, 255, 153);
-  box-shadow: 0 2px 5px rgb(136, 136, 136);
-  border-radius: 2px;
-  padding: 6px;
-  margin-left: 5px;
+  box-shadow: 0 calc(2px * var(--scale-factor)) calc(5px * var(--scale-factor)) rgb(136, 136, 136);
+  border-radius: calc(2px * var(--scale-factor));
+  padding: calc(6px * var(--scale-factor));
+  margin-left: calc(5px * var(--scale-factor));
   cursor: pointer;
   font: message-box;
-  font-size: 9px;
   white-space: normal;
   word-wrap: break-word;
+  pointer-events: auto;
 }
 .wy-content-pdf .annotationLayer .popup > * {
-  font-size: 9px;
+  font-size: calc(9px * var(--scale-factor));
 }
 .wy-content-pdf .annotationLayer .popup h1 {
   display: inline-block;
 }
 .wy-content-pdf .annotationLayer .popupDate {
   display: inline-block;
-  margin-left: 5px;
+  margin-left: calc(5px * var(--scale-factor));
 }
 .wy-content-pdf .annotationLayer .popupContent {
   border-top: 1px solid rgb(51, 51, 51);
-  margin-top: 2px;
-  padding-top: 2px;
+  margin-top: calc(2px * var(--scale-factor));
+  padding-top: calc(2px * var(--scale-factor));
 }
 .wy-content-pdf .annotationLayer .richText > * {
   white-space: pre-wrap;
+  font-size: calc(9px * var(--scale-factor));
 }
 .wy-content-pdf .annotationLayer .highlightAnnotation,
 .wy-content-pdf .annotationLayer .underlineAnnotation,
@@ -2882,6 +2875,34 @@ tr.wy-pager td .wy-spinner {
 .wy-content-pdf .annotationLayer .fileAttachmentAnnotation {
   cursor: pointer;
 }
+.wy-content-pdf .annotationLayer section svg {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+}
+.wy-content-pdf .annotationLayer .annotationTextContent {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  opacity: 0;
+  color: transparent;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
+  pointer-events: none;
+}
+.wy-content-pdf .annotationLayer .annotationTextContent span {
+  width: 100%;
+  display: inline-block;
+}
+@media (forced-colors: active) {
+  .wy-content-pdf .xfaLayer *:required {
+    outline: 1.5px solid selectedItem;
+  }
+}
+.wy-content-pdf .xfaLayer {
+  background-color: transparent;
+}
 .wy-content-pdf .xfaLayer .highlight {
   margin: -1px;
   padding: 1px;
@@ -2903,12 +2924,6 @@ tr.wy-pager td .wy-spinner {
 .wy-content-pdf .xfaLayer .highlight.selected {
   background-color: rgb(203, 223, 203);
 }
-.wy-content-pdf .xfaLayer ::-moz-selection {
-  background: rgb(0, 0, 255);
-}
-.wy-content-pdf .xfaLayer ::selection {
-  background: rgb(0, 0, 255);
-}
 .wy-content-pdf .xfaPage {
   overflow: hidden;
   position: relative;
@@ -2943,6 +2958,9 @@ tr.wy-pager td .wy-spinner {
   pointer-events: auto;
   line-height: inherit;
 }
+.wy-content-pdf .xfaLayer *:required {
+  outline: 1.5px solid red;
+}
 .wy-content-pdf .xfaLayer div {
   pointer-events: none;
 }
@@ -3025,12 +3043,12 @@ tr.wy-pager td .wy-spinner {
 .wy-content-pdf .xfaSelect:focus {
   background-image: none;
   background-color: transparent;
-  outline: auto;
+  outline: var(--xfa-focus-outline);
   outline-offset: -1px;
 }
 .wy-content-pdf .xfaCheckbox:focus,
 .wy-content-pdf .xfaRadio:focus {
-  outline: auto;
+  outline: var(--xfa-focus-outline);
 }
 .wy-content-pdf .xfaTextfield,
 .wy-content-pdf .xfaSelect {
@@ -3041,6 +3059,11 @@ tr.wy-pager td .wy-spinner {
   resize: none;
   background-image: var(--xfa-unfocused-field-background);
 }
+.wy-content-pdf .xfaSelect {
+  padding-left: 2px;
+  padding-right: 2px;
+  padding-inline: 2px;
+}
 .wy-content-pdf .xfaTop > .xfaTextfield,
 .wy-content-pdf .xfaTop > .xfaSelect,
 .wy-content-pdf .xfaBottom > .xfaTextfield,
@@ -3151,28 +3174,143 @@ tr.wy-pager td .wy-spinner {
     text-overflow: "";
   }
 }
-.wy-content-pdf .pdfViewer {
-  padding-bottom: var(--pdfViewer-padding-bottom);
+.wy-content-pdf [data-editor-rotation="90"] {
+  transform: rotate(90deg);
 }
-.wy-content-pdf .pdfViewer .canvasWrapper {
-  overflow: hidden;
+.wy-content-pdf [data-editor-rotation="180"] {
+  transform: rotate(180deg);
 }
-.wy-content-pdf .pdfViewer .page {
-  direction: ltr;
-  width: 816px;
-  height: 1056px;
+.wy-content-pdf [data-editor-rotation="270"] {
+  transform: rotate(270deg);
+}
+.wy-content-pdf .annotationEditorLayer {
+  background: transparent;
+  position: absolute;
+  top: 0;
+  left: 0;
+  font-size: calc(100px * var(--scale-factor));
+  transform-origin: 0 0;
+  cursor: auto;
+  z-index: 20000;
+}
+.wy-content-pdf .annotationEditorLayer.freeTextEditing {
+  cursor: var(--editorFreeText-editing-cursor);
+}
+.wy-content-pdf .annotationEditorLayer.inkEditing {
+  cursor: var(--editorInk-editing-cursor);
+}
+.wy-content-pdf .annotationEditorLayer .selectedEditor {
+  outline: var(--focus-outline);
+  resize: none;
+}
+.wy-content-pdf .annotationEditorLayer .freeTextEditor {
+  position: absolute;
+  background: transparent;
+  border-radius: 3px;
+  padding: calc(var(--freetext-padding) * var(--scale-factor));
+  resize: none;
+  width: auto;
+  height: auto;
+  z-index: 1;
+  transform-origin: 0 0;
+  touch-action: none;
+  cursor: auto;
+}
+.wy-content-pdf .annotationEditorLayer .freeTextEditor .internal {
+  background: transparent;
+  border: none;
+  top: 0;
+  left: 0;
+  overflow: visible;
+  white-space: nowrap;
+  resize: none;
+  font: 10px sans-serif;
+  line-height: var(--freetext-line-height);
+}
+.wy-content-pdf .annotationEditorLayer .freeTextEditor .overlay {
+  position: absolute;
+  display: none;
+  background: transparent;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+.wy-content-pdf .annotationEditorLayer .freeTextEditor .overlay.enabled {
+  display: block;
+}
+.wy-content-pdf .annotationEditorLayer .freeTextEditor .internal:empty::before {
+  content: attr(default-content);
+  color: gray;
+}
+.wy-content-pdf .annotationEditorLayer .freeTextEditor .internal:focus {
+  outline: none;
+}
+.wy-content-pdf .annotationEditorLayer .inkEditor.disabled {
+  resize: none;
+}
+.wy-content-pdf .annotationEditorLayer .inkEditor.disabled.selectedEditor {
+  resize: horizontal;
+}
+.wy-content-pdf .annotationEditorLayer .freeTextEditor:hover:not(.selectedEditor),
+.wy-content-pdf .annotationEditorLayer .inkEditor:hover:not(.selectedEditor) {
+  outline: var(--hover-outline);
+}
+.wy-content-pdf .annotationEditorLayer .inkEditor {
+  position: absolute;
+  background: transparent;
+  border-radius: 3px;
+  overflow: auto;
+  width: 100%;
+  height: 100%;
+  z-index: 1;
+  transform-origin: 0 0;
+  cursor: auto;
+}
+.wy-content-pdf .annotationEditorLayer .inkEditor.editing {
+  resize: none;
+  cursor: inherit;
+}
+.wy-content-pdf .annotationEditorLayer .inkEditor .inkEditorCanvas {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  touch-action: none;
+}
+.wy-content-pdf [data-main-rotation="90"] {
+  transform: rotate(90deg) translateY(-100%);
+}
+.wy-content-pdf [data-main-rotation="180"] {
+  transform: rotate(180deg) translate(-100%, -100%);
+}
+.wy-content-pdf [data-main-rotation="270"] {
+  transform: rotate(270deg) translateX(-100%);
+}
+.wy-content-pdf .pdfViewer {
+  padding-bottom: var(--pdfViewer-padding-bottom);
+}
+.wy-content-pdf .pdfViewer .canvasWrapper {
+  overflow: hidden;
+}
+.wy-content-pdf .pdfViewer .page {
+  direction: ltr;
+  width: 816px;
+  height: 1056px;
   margin: var(--page-margin);
   position: relative;
   overflow: visible;
   border: var(--page-border);
+  -o-border-image: var(--page-border-image);
+  border-image: var(--page-border-image);
   background-clip: content-box;
-  box-shadow: var(--wy-shadow-level2);
-  background-color: #ffffff;
+  background-color: rgb(255, 255, 255);
 }
 .wy-content-pdf .pdfViewer .dummyPage {
   position: relative;
   width: 0;
-  /* The height is set via JS, see `BaseViewer.#ensurePageViewVisible`. */
+  height: var(--viewer-container-height);
 }
 .wy-content-pdf .pdfViewer.removePageBorders .page {
   margin: 0 auto 10px;
@@ -3241,6 +3379,12 @@ tr.wy-pager td .wy-spinner {
 .wy-content-pdf .pdfViewer .page .loadingIcon.notVisible {
   background: none;
 }
+.wy-content-pdf .pdfViewer.enablePermissions .textLayer span {
+  -webkit-user-select: none !important;
+  -moz-user-select: none !important;
+  user-select: none !important;
+  cursor: not-allowed;
+}
 .wy-content-pdf .pdfPresentationMode .pdfViewer {
   padding-bottom: 0;
 }
@@ -3251,6 +3395,10 @@ tr.wy-pager td .wy-spinner {
   margin: 0 auto;
   border: 2px solid transparent;
 }
+.wy-content-pdf .pdfViewer .page {
+  box-shadow: var(--wy-shadow-level2);
+  background-color: #ffffff;
+}
 
 .wy-content-text {
   word-break: break-word;
@@ -3323,6 +3471,51 @@ tr.wy-pager td .wy-spinner {
   background-clip: content-box;
 }
 
+.wy-sheet {
+  --wy-scrollbar-adjust-top: 0;
+  --wy-scrollbar-adjust-bottom: 0;
+  --wy-component-background-color: var(--wy-surface-3);
+  --wy-component-color: var(--wy-on-surface);
+  background-color: var(--wy-component-background-color);
+  color: var(--wy-component-color);
+  position: fixed;
+  z-index: 1055;
+  display: flex;
+  flex-direction: column;
+  bottom: 0.5rem;
+  left: 0.5rem;
+  right: 0.5rem;
+  max-height: max(50vh, 50%);
+  min-height: 3rem;
+  margin: 0.5rem auto;
+  max-width: 32rem;
+  transition: opacity var(--wy-transition);
+  border-radius: var(--wy-border-radius);
+  box-shadow: var(--wy-shadow-level1);
+}
+.wy-sheet > .wy-appbars, .wy-sheet > .wy-appbar {
+  border-top-left-radius: inherit;
+  border-top-right-radius: inherit;
+}
+
+.wy-sheet-body {
+  overflow: hidden;
+  padding: 0.5rem;
+  position: relative;
+  min-height: 3rem;
+}
+
+.wy-sheet:not(.wy-show) {
+  opacity: 0;
+  transform: translateY(32rem);
+}
+.wy-sheet.wy-show {
+  opacity: 1;
+  transform: none;
+  transition: transform var(--wy-transition), opacity var(--wy-transition);
+  pointer-events: auto;
+}
+
 .wy-spinner, .wy-icon[data-icon=spinner] {
   align-self: center;
   justify-self: center;
@@ -3340,6 +3533,14 @@ tr.wy-pager td .wy-spinner {
 .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;
 }
+.wy-spinner.wy-spinner-overlay, .wy-icon[data-icon=spinner].wy-spinner-overlay {
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  margin: auto;
+}
 
 @keyframes wy-rotate {
   100% {
@@ -3442,3 +3643,221 @@ tr.wy-pager td .wy-spinner {
 .wy-meeting-actions {
   margin-top: 0.5rem;
 }
+
+.wy-message-editor-top {
+  background-color: var(--wy-component-background-color);
+  color: var(--wy-component-color);
+}
+@supports (position: sticky) {
+  .wy-message-editor-top {
+    position: sticky;
+    top: 0;
+    z-index: 1020;
+  }
+}
+
+.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 [data-icon=plus] {
+  display: none;
+}
+.wy-message-form .wy-picker-list:not(:empty) {
+  border-top: 1px solid var(--wy-outline-variant);
+}
+
+.wy-message-editor-inputs {
+  display: flex;
+  flex-direction: row;
+  align-items: flex-end;
+  padding: 0.5rem 0.25rem;
+  min-height: 3.5rem;
+}
+.wy-message-editor-inputs > :not(:last-child) {
+  margin-right: 0.25rem;
+}
+
+.wy-message-editor-buttons {
+  flex: 1 0 auto;
+}
+
+.wy-message-editor-text {
+  flex: 1 1 100%;
+  display: flex;
+  flex-direction: column;
+}
+
+.wy-message-editor-mention {
+  background: blue;
+  color: white;
+}
+
+.wy-message-editor-link {
+  background: blue;
+  color: white;
+}
+
+.wy-message-editor .ͼ1.cm-editor,
+.wy-message-editor-grow::after,
+.wy-message-editor-grow > textarea,
+.wy-message-editor-textfield {
+  flex: 1 1 100%;
+  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 .ͼ1.cm-editor:focus,
+.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 .ͼ1.cm-editor .cm-content,
+.wy-message-editor-textcontent {
+  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 {
+  display: grid;
+}
+.wy-message-editor-grow::after,
+.wy-message-editor-grow > textarea {
+  grid-area: 1/1/2/2;
+}
+.wy-message-editor-grow::after {
+  content: attr(data-replicated-value) " ";
+  white-space: pre-wrap;
+  visibility: hidden;
+}
+.wy-message-editor-grow > textarea {
+  resize: none;
+  overflow: hidden;
+}
+
+.wy-message-editor .ͼ1 .cm-scroller {
+  font-family: unset;
+  line-height: 1.5;
+}
+.wy-message-editor .ͼ1 .cm-widgetBuffer {
+  vertical-align: unset;
+}
+.wy-message-editor .ͼ1 .cm-placeholder {
+  color: var(--wy-outline);
+}
+.wy-message-editor .ͼ2 .cm-content {
+  caret-color: var(--wy-on-background);
+}
+.wy-message-editor .ͼ1.cm-editor.cm-focused {
+  /* default theme in codemirror seems difficult to override */
+  --wy-component-color: var(--wy-on-background);
+  color: var(--wy-component-color);
+  border-color: var(--wy-outline-variant);
+  outline: 0;
+}
+.wy-message-editor .ͼ1.cm-editor .cm-scroller {
+  overflow: auto;
+}
+.wy-scrollbars .wy-message-editor .ͼ1.cm-editor .cm-scroller {
+  scrollbar-width: thin;
+  scrollbar-color: var(--wy-outline) transparent;
+}
+.wy-scrollbars .wy-message-editor .ͼ1.cm-editor .cm-scroller::-webkit-scrollbar {
+  height: 0.625rem;
+  width: 0.625rem;
+  background: transparent;
+  z-index: 999;
+}
+.wy-scrollbars .wy-message-editor .ͼ1.cm-editor .cm-scroller::-webkit-scrollbar-track {
+  background: transparent;
+}
+.wy-scrollbars .wy-message-editor .ͼ1.cm-editor .cm-scroller::-webkit-scrollbar-thumb {
+  background-color: var(--wy-outline);
+  border: 0.125rem solid transparent;
+  border-radius: 0.5rem;
+  background-clip: padding-box;
+  opacity: 75%;
+}
+.wy-scrollbars .wy-message-editor .ͼ1.cm-editor .cm-scroller::-webkit-scrollbar-thumb:hover {
+  background-color: var(--wy-outline-variant);
+  opacity: 75%;
+}
+.wy-scrollbars .wy-message-editor .ͼ1.cm-editor .cm-scroller::-webkit-scrollbar-thumb:window-inactive {
+  background-color: var(--wy-outline);
+  opacity: 50%;
+}
+.wy-scrollbars .wy-message-editor .ͼ1.cm-editor .cm-scroller::-webkit-scrollbar-button:vertical:start:single-button {
+  height: 0.375rem;
+}
+.wy-scrollbars .wy-message-editor .ͼ1.cm-editor .cm-scroller::-webkit-scrollbar-button:vertical:end:single-button {
+  height: 0.375rem;
+}
+.wy-message-editor .wy-is-invalid + [data-editor-target] .cm-editor, .wy-message-editor .wy-is-invalid .cm-editor {
+  border-color: var(--wy-error) !important;
+}
+.wy-message-editor .ͼ1 .cm-tooltip.cm-tooltip-autocomplete > ul {
+  font-family: unset;
+  max-height: 15rem;
+}
+.wy-message-editor .ͼ1 .cm-tooltip.cm-tooltip-autocomplete > ul > li {
+  padding: 0;
+}
+.wy-message-editor .ͼ2 .cm-tooltip {
+  border: none;
+  background-clip: padding-box;
+  background-color: var(--wy-surface-2);
+  color: var(--wy-on-surface);
+  border-radius: var(--wy-border-radius);
+  box-shadow: var(--wy-shadow-level1);
+  overflow: hidden;
+  z-index: 1000;
+}
+.wy-message-editor .ͼ2 .cm-tooltip-autocomplete ul li[aria-selected] {
+  background: var(--wy-primary-container);
+  color: unset;
+}
+.wy-message-editor .cm-tooltip-autocomplete .cm-completionLabel {
+  display: none;
+}
+.wy-message-editor .cm-tooltip-autocomplete .wy-item-hover:hover, .wy-message-editor .cm-tooltip-autocomplete .wy-item-hover:focus {
+  background: var(--wy-surface-variant);
+}
+.wy-message-editor .cm-tooltip-autocomplete .wy-avatar {
+  width: 32px;
+  height: 32px;
+}