@social-mail/social-mail-client 1.4.34 → 1.4.35

package/dist/admin/AdminAppIndex.pack.global.less.css

@@ -0,0 +1,2146 @@
+[data-force-contain=none] {
+  contain: none !important;
+}
+*[data-inline-popup=left] {
+  position: relative;
+  height: 0px;
+  width: 0px;
+  left: 0px;
+}
+*[data-inline-popup=left] > * {
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  padding: 5px;
+  max-height: 300px;
+  overflow: auto;
+  border-radius: 5px;
+  background-color: #ffffff;
+  z-index: 200;
+  box-shadow: rgba(50, 50, 105, 0.07) 0px 2px 5px 0px, rgba(0, 0, 0, 0.03) 0px 1px 1px 0px;
+  border: solid 1px rgba(0, 0, 0, 0.05);
+}
+*[data-inline-popup=right] {
+  position: absolute;
+  height: 0px;
+  width: 0px;
+  right: 0px;
+}
+*[data-inline-popup=right] > * {
+  position: absolute;
+  right: 0px;
+  top: 0px;
+  padding: 5px;
+  max-height: 300px;
+  overflow: auto;
+  border-radius: 5px;
+  background-color: #ffffff;
+  z-index: 200;
+  box-shadow: rgba(50, 50, 105, 0.07) 0px 2px 5px 0px, rgba(0, 0, 0, 0.03) 0px 1px 1px 0px;
+  border: solid 1px rgba(0, 0, 0, 0.05);
+}
+*[data-inline-popup=inline-left] {
+  position: relative;
+  height: 0px;
+  width: 0px;
+  left: 0px;
+}
+*[data-inline-popup=inline-left] > * {
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  padding: 5px;
+  max-height: 300px;
+  overflow: auto;
+  border-radius: 5px;
+  background-color: #ffffff;
+  z-index: 200;
+  box-shadow: rgba(50, 50, 105, 0.07) 0px 2px 5px 0px, rgba(0, 0, 0, 0.03) 0px 1px 1px 0px;
+  border: solid 1px rgba(0, 0, 0, 0.05);
+}
+*[data-center-popup] {
+  position: fixed;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  z-index: 10000;
+  padding: 5px;
+  background-color: #ffffff;
+  border: solid 1px lightgray;
+  border-radius: 5px;
+  box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;
+  display: inline-block;
+}
+.web-atoms-popup-local {
+  padding: 5px;
+  background-color: #ffffff;
+  border: solid 1px lightgray;
+  border-radius: 5px;
+  box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;
+  display: inline-block;
+}
+/*# sourceMappingURL=PopupService.global.less.css.map */
+[data-popup-window=popup-window] {
+  position: absolute;
+  border: solid 1px lightgray;
+  border-radius: 5px;
+  background-color: canvas;
+  color: canvastext;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  box-shadow: 0 0 20px 1px rgba(0 0 0 / 75%);
+  display: grid;
+  align-items: stretch;
+  justify-items: stretch;
+  grid-template-rows: auto auto 1fr auto;
+  grid-template-columns: auto 1fr auto;
+  opacity: 0;
+  transition: opacity 0.3s cubic-bezier(0.55, 0.09, 0.97, 0.32);
+  overflow: hidden;
+}
+[data-popup-window=popup-window] [data-window-modal-background=background] {
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+}
+[data-popup-window=popup-window][data-no-width=true] {
+  max-width: 95%;
+  min-width: 300px;
+}
+[data-popup-window=popup-window][data-no-height=true] {
+  max-height: 95%;
+  min-height: 100px;
+}
+[data-popup-window=popup-window][data-maximize=true] {
+  width: 90%;
+  height: 90%;
+}
+[data-popup-window=popup-window][data-ready=true] {
+  opacity: 1;
+}
+[data-popup-window=popup-window][data-dragging=true] {
+  opacity: 0.5;
+}
+[data-popup-window=popup-window] > [data-window-element=icon] {
+  grid-row: 1;
+  grid-column: 1;
+  z-index: 2;
+}
+[data-popup-window=popup-window] > [data-window-element=title] {
+  grid-row: 1;
+  grid-column: 2;
+  font-size: medium;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  cursor: move;
+  padding: var(--spacing, 5px);
+  color: var(--accent-text-color, #424242);
+  z-index: 2;
+}
+[data-popup-window=popup-window] > [data-window-element=close] {
+  grid-row: 1;
+  grid-column: 3;
+  color: white;
+  background-color: red;
+  border-radius: 9999px;
+  border: none;
+  outline: none;
+  /* padding: 5px; */
+  font-family: monospace;
+  height: 20px;
+  width: 20px;
+  margin: 5px;
+  cursor: pointer;
+  text-transform: capitalize;
+  z-index: 2;
+}
+[data-popup-window=popup-window] > [data-window-element=action-bar] {
+  grid-row: 1;
+  grid-column: 1 / span 3;
+  align-self: stretch;
+  justify-self: stretch;
+  background-color: var(--accent-color, rgba(211, 211, 211, 0.2));
+  border-top-left-radius: 5px;
+  border-top-right-radius: 5px;
+  z-index: 1;
+}
+[data-popup-window=popup-window] > [data-window-element=header] {
+  margin-top: 5px;
+  grid-row: 2;
+  grid-column: 1 / span 3;
+}
+[data-popup-window=popup-window] > [data-window-element=content] {
+  margin-top: 5px;
+  grid-row: 3;
+  grid-column: 1 / span 3;
+  position: relative;
+  overflow: auto;
+  padding: var(--spacing-medium, 7px);
+}
+[data-popup-window=popup-window] > [data-window-element=content][data-maximize=true] {
+  width: 90vw;
+  height: 90vh;
+}
+[data-popup-window=popup-window] > [data-window-element=footer] {
+  margin-top: 5px;
+  grid-row: 4;
+  grid-column: 1 / span 3;
+  padding-top: 5px;
+  padding-bottom: 5px;
+  background-color: var(--command-bar-color, #80808025);
+}
+[data-popup-window=popup-window] > [data-window-element=footer] > button,
+[data-popup-window=popup-window] > [data-window-element=footer] > * > button {
+  border-radius: 9999px;
+  padding: 5px;
+  padding-left: 20px;
+  padding-right: 20px;
+  border-width: 1px;
+  border-color: transparent;
+  margin: 5px;
+  margin-left: 10px;
+}
+body > div[data-popup-window=popup-window],
+body > div[data-window-modal-background] {
+  position: fixed;
+}
+[data-confirm-popup=confirm-popup] > [data-window-element=content] > [data-element=details] {
+  margin-top: 5px;
+  overflow: auto;
+  max-width: 80vw;
+  max-height: 50vh;
+}
+[data-confirm-popup=confirm-popup] > [data-window-element=footer] > .yes {
+  background-color: #01af01;
+  color: white;
+}
+[data-confirm-popup=confirm-popup] > [data-window-element=footer] > .no {
+  background-color: red;
+  color: white;
+}
+[data-confirm-popup=confirm-popup] > [data-window-element=footer] > .cancel {
+  background-color: gray;
+  color: white;
+}
+/*# sourceMappingURL=PopupWindow.global.less.css.map */
+[data-page-app=page-app] {
+  top: 0px;
+  left: 0px;
+  right: 0px;
+  bottom: 0px;
+  padding: 5px;
+}
+[data-page-app=page-app] > [data-container] {
+  top: 0px;
+  left: 0px;
+  width: 100%;
+  bottom: 0px;
+  transition: left 0.3s ease-out;
+}
+@media screen {
+  [data-page-app=page-app] {
+    position: absolute;
+    overflow: hidden;
+  }
+  [data-page-app=page-app] > [data-container] {
+    position: absolute;
+    overflow: hidden;
+  }
+}
+[data-page-app=page-app][data-drawer=visible] > [data-container] {
+  left: 80%;
+}
+[data-page-app=page-app][data-drawer=visible] > [data-drawer-page] {
+  left: 0px;
+}
+[data-page-app=page-app] div[data-drawer-page=drawer-page] {
+  position: absolute;
+  top: 0px;
+  left: -80%;
+  width: 80%;
+  height: 100%;
+  overflow: hidden;
+  transition: left 0.3s ease-out;
+}
+[data-base-page=base-page] {
+  top: 0px;
+  left: 0px;
+  width: 100%;
+  height: 100%;
+  contain: content;
+  transition: transform 0.3s ease-out;
+  display: grid;
+  grid-template-rows: auto auto 1fr auto;
+  grid-template-columns: auto 1fr auto;
+  transform: translate(100%, 0);
+}
+@media screen {
+  [data-base-page=base-page] {
+    position: absolute;
+    overflow: hidden;
+  }
+}
+[data-base-page=base-page] > [data-icon-button=icon-button] {
+  padding: 5px;
+}
+[data-base-page=base-page] > [data-page-element=action-bar] {
+  z-index: 11;
+  grid-row-start: 1;
+  grid-column-start: 1;
+  grid-column-end: span 3;
+  background-color: var(--accent-color, lightgray);
+}
+[data-base-page=base-page] > [data-page-element=icon] {
+  font-size: 20px;
+  z-index: 14;
+  padding: 10px;
+  text-align: center;
+  align-self: center;
+  justify-self: center;
+  grid-row-start: 1;
+  grid-column-start: 1;
+  color: var(--accent-text-color, black);
+}
+[data-base-page=base-page] > [data-page-element=title] {
+  font-size: 20px;
+  z-index: 14;
+  padding: 5px;
+  align-self: center;
+  justify-self: stretch;
+  grid-row-start: 1;
+  grid-column-start: 2;
+  color: var(--accent-text-color, black);
+}
+[data-base-page=base-page] > [data-page-element=action] {
+  font-size: 20px;
+  z-index: 14;
+  padding: 10px;
+  grid-row-start: 1;
+  grid-column-start: 3;
+  color: var(--accent-text-color, black);
+}
+[data-base-page=base-page] > [data-page-element=action] button {
+  width: 30px;
+  border: none;
+  outline: none;
+  background: transparent;
+  font-size: inherit;
+}
+[data-base-page=base-page] > button[data-page-element=action] {
+  min-width: 40px;
+  border: none;
+  outline: none;
+  background: transparent;
+}
+[data-base-page=base-page] > [data-page-element=header] {
+  z-index: 12;
+  padding: 5px;
+  grid-row-start: 2;
+  grid-column-start: 1;
+  grid-column-end: span 3;
+  background-color: #c0c0c0;
+}
+[data-base-page=base-page] > [data-page-element=pull-to-refresh] {
+  grid-row-start: 3;
+  grid-column-start: 1;
+  grid-column-end: span 3;
+  padding: 5px;
+  margin: 10px;
+  z-index: 9;
+  align-self: start;
+  justify-self: center;
+}
+[data-base-page=base-page] > [data-page-element=pull-to-refresh] .pull-icon {
+  transition: all 0.3s ease-out;
+}
+[data-base-page=base-page] > [data-page-element=pull-to-refresh][data-mode=up] .pull-icon {
+  transform: rotate(180deg);
+}
+[data-base-page=base-page] > [data-page-element=pull-to-refresh][data-mode=loading] .pull-icon {
+  display: none;
+}
+[data-base-page=base-page] > [data-page-element=pull-to-refresh]:not([data-mode=down]) .down {
+  display: none;
+}
+[data-base-page=base-page] > [data-page-element=pull-to-refresh]:not([data-mode=up]) .up {
+  display: none;
+}
+[data-base-page=base-page] > [data-page-element=pull-to-refresh]:not([data-mode=loading]) .loading {
+  display: none;
+}
+[data-base-page=base-page] > [data-page-element=content] {
+  grid-row-start: 3;
+  grid-column-start: 1;
+  grid-column-end: span 3;
+  padding: 5px;
+  position: relative;
+  overflow-x: hidden;
+  overflow-y: auto;
+  z-index: 10;
+  scrollbar-width: 5px;
+  scrollbar-color: #ffa500 white;
+}
+[data-base-page=base-page] > [data-page-element=content]::-webkit-scrollbar {
+  width: 5px;
+}
+[data-base-page=base-page] > [data-page-element=content]::-webkit-scrollbar-thumb {
+  background-color: white;
+  border-radius: 20px;
+  border: 3px solid #ffa500;
+}
+[data-base-page=base-page] > [data-page-element=footer] {
+  grid-row-start: 4;
+  grid-column-start: 1;
+  grid-column-end: span 3;
+  z-index: 11;
+  padding: 5px;
+}
+[data-base-page=base-page][data-page-state=ready] {
+  transform: translate(0, 0);
+}
+[data-base-page=base-page][data-page-state=hidden] {
+  transform: translate(-100%, 0);
+}
+[data-base-page=base-page][data-page-removed] {
+  display: none;
+  z-index: -1000;
+}
+[data-base-page=base-page][data-hide-toolbar=true] > [data-page-element=icon] {
+  display: none;
+}
+[data-base-page=base-page][data-hide-toolbar=true] > [data-page-element=title] {
+  display: none;
+}
+[data-base-page=base-page][data-hide-toolbar=true] > [data-page-element=action-bar] {
+  display: none;
+}
+[data-base-page=base-page][data-hide-toolbar=true] > [data-page-element=action] {
+  display: none;
+}
+@media screen {
+  body {
+    overflow: hidden;
+  }
+}
+/*# sourceMappingURL=mobile-app.global.less.css.map */
+html,
+body {
+  width: 100vw;
+  height: 100vh;
+}
+body {
+  justify-content: space-around;
+  align-items: stretch;
+  align-content: stretch;
+  flex-direction: row;
+}
+@media screen {
+  body {
+    overflow: hidden;
+    display: grid;
+  }
+  *[data-desktop-app=desktop-app] {
+    position: relative;
+    overflow: hidden;
+    display: grid;
+  }
+}
+*[data-desktop-app=desktop-app] {
+  min-width: 900px;
+  grid-template-rows: 1fr auto;
+  grid-template-columns: auto 1fr auto;
+}
+*[data-desktop-app=desktop-app] > [data-page-element=app] {
+  grid-row: 1;
+  grid-column: 2;
+  position: inherit;
+}
+*[data-desktop-app=desktop-app] > [data-page-element=menu-renderer] {
+  grid-row: 1;
+  grid-column: 1;
+  overflow-x: hidden;
+  overflow-y: auto;
+}
+*[data-desktop-app=desktop-app] > [data-page-element=side-bar] {
+  grid-row: 1;
+  grid-column: 3;
+  overflow-x: hidden;
+  overflow-y: auto;
+}
+*[data-desktop-app=desktop-app] > [data-page-element=status-bar] {
+  grid-row: 2;
+  grid-column: 1 / span 3;
+  padding: 5px;
+  margin-top: 2px;
+  border-top: solid 1px lightgray;
+  overflow: hidden;
+}
+/*# sourceMappingURL=desktop-app.global.less.css.map */
+*[data-inline-popup=inline-popup] {
+  position: absolute;
+  border-radius: 5px;
+  padding: 5px;
+  box-shadow: rgba(50, 50, 105, 0.5) 0px 4px 6px 4px, rgba(0, 0, 0, 0.5) 0px 1px 1px 0px;
+  border: solid 1px rgba(0, 0, 0, 0.05);
+  z-index: 5000;
+  background-color: var(--popup-background-color, white);
+  color: var(--popup-text-color, rgba(0, 0, 0, 0.8));
+}
+/*# sourceMappingURL=inline-popup.global.less.css.map */
+[data-repeater-popup=popup] {
+  min-width: 200px;
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  gap: 4px;
+}
+[data-repeater-popup=popup] > .items {
+  flex: 1 1 100%;
+  overflow: auto;
+}
+[data-repeater-popup=popup] > .items > .presenter > * {
+  padding: 5px;
+}
+[data-repeater-popup=popup] > .items > .presenter > [data-item-index] {
+  cursor: pointer;
+}
+[data-repeater-popup=popup] > .items > .presenter > [data-item-index]:hover {
+  color: blue;
+  text-decoration: underline;
+}
+[data-repeater-popup=popup] > .items > .presenter > [data-selected-item=true] {
+  background-color: lightgreen;
+}
+/*# sourceMappingURL=popup.global.less.css.map */
+*[data-suggestion-popup=suggestion-popup] {
+  height: 250px;
+  min-width: 80px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: space-around;
+  gap: 4px;
+}
+@media (max-width: 700px) {
+  *[data-suggestion-popup=suggestion-popup] {
+    height: unset;
+    max-height: 80px;
+  }
+}
+*[data-suggestion-popup=suggestion-popup] > .items {
+  flex: 1 1 100%;
+  overflow: auto;
+}
+*[data-suggestion-popup=suggestion-popup] > .items > .presenter > * {
+  padding: 5px;
+}
+*[data-suggestion-popup=suggestion-popup] > .items > .presenter > [data-selected-item=true] {
+  background-color: lightgreen;
+}
+/*# sourceMappingURL=suggestion-popup.global.less.css.map */
+*[data-item-index] i[data-click-event] {
+  padding: 5px;
+}
+*[data-item-index] [data-no-wrap=true] {
+  white-space: nowrap;
+}
+*[data-item-index] label[data-selector=check-box] {
+  padding: 5px;
+  width: 30px;
+}
+*[data-item-index] label[data-selector=check-box] > i {
+  padding: 0;
+}
+*[data-item-index]:not([data-selected-item]) [data-selector=check-box] i[data-click-event=item-deselect] {
+  display: none;
+}
+*[data-item-index][data-selected-item=true] [data-selector=check-box] i[data-click-event=item-select] {
+  display: none;
+}
+*[data-select-all=select-all] {
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  margin: 0;
+}
+*[data-select-all=select-all] i[data-ui-type] {
+  padding: 5px;
+}
+*[data-select-all=select-all] [data-no-wrap=true] {
+  white-space: nowrap;
+}
+*[data-select-all=select-all][data-is-selected=true] i[data-ui-type=item-select] {
+  display: none;
+}
+*[data-select-all=select-all][data-is-selected=false] i[data-ui-type=item-deselect] {
+  display: none;
+}
+[data-ui-display=none] {
+  display: none;
+}
+/*# sourceMappingURL=repeater.global.less.css.map */
+[data-form=form] {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing, 5px);
+}
+[data-form=form][data-valid=true] .field-error:not(:empty) {
+  display: none;
+}
+[data-form=form][data-valid=true] > .error-message {
+  display: none;
+}
+[data-form=form] > .error-message {
+  padding: var(--spacing-small, 2px);
+  padding-left: var(--spacing-large, 10px);
+  padding-right: var(--spacing-large, 10px);
+  background-color: red;
+  border-radius: 9999px;
+  color: white;
+  position: sticky;
+  top: 0;
+}
+/*# sourceMappingURL=form.global.less.css.map */
+[data-wa-form-field=wa-form-field] {
+  display: grid;
+  align-items: center;
+  grid-template-columns: auto 1fr auto auto;
+  grid-template-rows: auto auto auto;
+}
+[data-wa-form-field=wa-form-field] > [data-element=label] {
+  grid-row: 1;
+  grid-column: 1;
+}
+[data-wa-form-field=wa-form-field] > [data-element=content] {
+  grid-row-start: 2;
+  grid-column-start: 1;
+  grid-column-end: span 2;
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+[data-wa-form-field=wa-form-field][data-border=true] input {
+  border: none;
+  outline: none;
+}
+[data-wa-form-field=wa-form-field][data-border=true] textarea {
+  border: none;
+  outline: none;
+}
+[data-wa-form-field=wa-form-field][data-border=true] select {
+  border: none;
+}
+[data-wa-form-field=wa-form-field] > i[data-border=border] {
+  grid-column-start: 1;
+  grid-column-end: span 3;
+  grid-row-start: 3;
+  align-self: flex-end;
+  border-bottom-style: solid;
+  border-bottom-width: 1px;
+  border-bottom-color: #d3d3d3;
+}
+[data-wa-form-field=wa-form-field][data-focused=true] > i[data-border=border] {
+  border-bottom-color: #000000;
+}
+[data-wa-form-field=wa-form-field] > i[data-help=help] {
+  grid-row-start: 2;
+  grid-column-start: 3;
+  padding: 5px;
+  font-size: x-large;
+  cursor: pointer;
+  margin-left: auto;
+  color: #90ee90;
+}
+[data-wa-form-field=wa-form-field] > .field-error {
+  grid-row-start: 4;
+  grid-column-start: 1;
+  grid-column-end: span 3;
+  padding: 5px;
+  margin: 5px;
+  border-radius: 9999px;
+  background-color: #ff0000;
+  color: #ffffff;
+  font-size: smaller;
+}
+[data-wa-form-field=wa-form-field] > .field-error:empty {
+  display: none;
+}
+[data-wa-form-field=wa-form-field] > span[data-required=required] {
+  grid-column-start: 2;
+  grid-row: 1;
+  visibility: hidden;
+  color: #ff0000;
+}
+[data-wa-form-field=wa-form-field] > span[data-required=required].true {
+  visibility: visible;
+}
+[data-wa-form-field=wa-form-field][data-layout=horizontal] {
+  grid-template-columns: auto auto 1fr auto;
+  grid-template-rows: auto auto;
+}
+[data-wa-form-field=wa-form-field][data-layout=horizontal] > label.label {
+  grid-row-start: 2;
+  margin-right: 5px;
+  margin-bottom: 5px;
+}
+[data-wa-form-field=wa-form-field][data-layout=horizontal] > [data-content=content] {
+  grid-row-start: 2;
+  grid-column-start: 3;
+  margin-top: 0px;
+  margin-bottom: 5px;
+}
+[data-wa-form-field=wa-form-field][data-layout=horizontal] > i[data-help=help] {
+  grid-row-start: 2;
+  grid-column-start: 4;
+}
+[data-wa-form-field=wa-form-field][data-layout=horizontal] > .field-error {
+  grid-row-start: 4;
+  grid-column-start: 1;
+  grid-column-end: span 3;
+}
+[data-wa-form-field=wa-form-field][data-layout=horizontal] > span[data-required=required] {
+  grid-row-start: 2;
+  grid-column-start: 2;
+  margin-right: 5px;
+  display: none;
+  color: #ff0000;
+}
+[data-wa-form-field=wa-form-field][data-layout=horizontal] > span[data-required=required].true {
+  display: inline;
+}
+[data-form-field-help=help-window] {
+  overflow: auto;
+  padding: 10px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: flex-start;
+  gap: 4px;
+}
+/*# sourceMappingURL=form-field.global.less.css.map */
+div[data-password-box=password-box] {
+  display: inline-grid;
+  grid-template-columns: 1fr 20px;
+}
+div[data-password-box=password-box] > input {
+  grid-row: 1;
+  grid-column: 1 / span 2;
+}
+div[data-password-box=password-box] > input::-ms-reveal {
+  display: none;
+}
+div[data-password-box=password-box] > i {
+  grid-row: 1;
+  grid-column: 2;
+  align-self: center;
+  justify-self: center;
+  z-index: 2;
+}
+/*# sourceMappingURL=password-box.global.less.css.map */
+[data-check-box=check-box] {
+  display: inline-block;
+}
+[data-check-box=check-box] > label {
+  display: flex;
+  padding-left: 5px;
+  padding-right: 5px;
+}
+[data-check-box=check-box] > label > input[type=checkbox] {
+  border-radius: 3px;
+  margin: 0;
+  padding: 0;
+  align-self: center;
+}
+[data-check-box=check-box] > label > span {
+  align-self: center;
+  white-space: nowrap;
+  margin-left: 5px;
+  flex: 1 1 100%;
+}
+/*# sourceMappingURL=checkbox.global.less.css.map */
+*[data-is-expander=expander] {
+  display: grid;
+  grid-template-rows: auto 1fr;
+  grid-template-columns: auto 1fr auto;
+  align-items: center;
+}
+*[data-is-expander=expander] > [data-element=icon] {
+  grid-column-start: 1;
+  grid-row-start: 1;
+  padding: 5px;
+  margin-right: 5px;
+  align-self: center;
+  justify-self: center;
+}
+*[data-is-expander=expander] > [data-element=header] {
+  grid-row-start: 1;
+  grid-column-start: 2;
+}
+*[data-is-expander=expander] > [data-element=caret] {
+  grid-row-start: 1;
+  grid-column-start: 3;
+  padding: 5px;
+  margin-left: 5px;
+}
+*[data-is-expander=expander] > [data-element=detail] {
+  grid-row-start: 2;
+  grid-column-start: 1;
+  grid-column-end: span 3;
+  margin-top: 5px;
+}
+*[data-is-expander=expander][data-is-expanded=true] > [data-element=caret] {
+  overflow: hidden;
+  transform: rotate(-180deg);
+  transition: transform 150ms ease;
+  transform-origin: center center;
+}
+*[data-is-expander=expander][data-is-expanded=false] > [data-element=caret] {
+  overflow: hidden;
+  transform: rotate(-360deg);
+  transform-origin: center center;
+  transition: transform 150ms ease;
+}
+*[data-is-expander=expander][data-is-expanded=false] > *[data-element=detail] {
+  display: none;
+}
+*[data-is-expander=menu] {
+  display: grid;
+  grid-template-columns: auto auto 1fr auto;
+  align-items: center;
+  gap: 0px;
+}
+*[data-is-expander=menu] > [data-element=icon] {
+  grid-column-start: 1;
+  grid-column-end: span 2;
+  grid-row-start: 1;
+  padding: 5px;
+  align-self: center;
+  justify-self: center;
+}
+*[data-is-expander=menu] > [data-element=header] {
+  grid-row-start: 1;
+  grid-column-start: 3;
+}
+*[data-is-expander=menu] > [data-element=caret] {
+  grid-row-start: 1;
+  grid-column-start: 4;
+  padding: 5px;
+  margin-left: 5px;
+}
+*[data-is-expander=menu] > [data-element=detail] {
+  grid-row-start: 2;
+  grid-column-start: 2;
+  grid-column-end: span 3;
+  padding-left: 20px;
+  padding-top: 5px;
+  border-left-style: solid;
+  border-left-width: 1px;
+  border-left-color: var(--border-color, lightgray);
+  border-top-left-radius: 0px;
+  border-bottom-left-radius: 0px;
+  border-bottom-width: 0px;
+  border-top-width: 0px;
+  margin-top: 0px;
+  margin-bottom: 0px;
+  margin-left: 25px;
+}
+*[data-is-expander=menu] > [data-element=detail][data-selected=true] {
+  font-weight: bold;
+  border-left-color: var(--accent-color, darkgray);
+  border-left-width: medium;
+}
+*[data-is-expander=menu][data-is-expanded=true] > [data-element=caret] {
+  overflow: hidden;
+  transform: rotate(-180deg);
+  transition: transform 150ms ease;
+  transform-origin: center center;
+}
+*[data-is-expander=menu][data-is-expanded=false] > [data-element=caret] {
+  overflow: hidden;
+  transform: rotate(-360deg);
+  transform-origin: center center;
+  transition: transform 150ms ease;
+}
+*[data-is-expander=menu][data-is-expanded=false] > *[data-element=detail] {
+  display: none;
+}
+/*# sourceMappingURL=expander.global.less.css.map */
+div[data-drop-down=drop-down] {
+  display: inline-flex;
+  flex-direction: row;
+  gap: 4px;
+  align-items: center;
+  justify-content: stretch;
+}
+div[data-drop-down=drop-down] [data-white-space=nowrap] {
+  white-space: nowrap;
+}
+/*# sourceMappingURL=drop-down.global.less.css.map */
+[data-layout=tree-view] {
+  display: flex;
+  flex-direction: column;
+}
+[data-layout=tree-view] [data-layout=tree-view-item] {
+  display: grid;
+  grid-template-columns: auto 1fr auto;
+  grid-template-rows: auto auto;
+  align-items: center;
+  color: green;
+}
+[data-layout=tree-view] [data-layout=tree-view-item] > [data-element=action] {
+  grid-row: 1;
+  grid-column: 3;
+  opacity: 0;
+  border: none;
+  background-color: transparent;
+}
+[data-layout=tree-view] [data-layout=tree-view-item] > [data-element=action][data-popup-open] {
+  opacity: 1;
+}
+[data-layout=tree-view] [data-layout=tree-view-item]:hover {
+  background-color: var(--hover-color);
+  color: var(--hover-text-color);
+}
+[data-layout=tree-view] [data-layout=tree-view-item]:hover > [data-element=action] {
+  opacity: 1;
+}
+[data-layout=tree-view] [data-layout=tree-view-item] > [data-element=label] {
+  grid-row: 1;
+  grid-column: 2;
+  padding: 5px;
+  max-width: 200px;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  cursor: pointer;
+}
+[data-layout=tree-view] [data-layout=tree-view-item][data-selected] {
+  background-color: var(--selection-color);
+  color: var(--selection-text-color);
+}
+[data-layout=tree-view] [data-layout=tree-view-item] > [data-element=expand-collapse] {
+  grid-row: 1;
+  grid-column: 1;
+  padding: 5px;
+  cursor: pointer;
+}
+[data-layout=tree-view] [data-layout=tree-view-item] > [data-element=expand-collapse]::before {
+  content: "\f105";
+}
+[data-layout=tree-view] [data-layout=tree-view-item][data-expanded] > [data-element=expand-collapse]::before {
+  content: "\f107";
+}
+[data-layout=tree-view] [data-layout=tree-view-item][data-expanded] > [data-element=children] {
+  display: flex;
+  flex-direction: column;
+  gap: 5px;
+}
+/*# sourceMappingURL=TreeView.global.less.css.map */
+[data-attachment-file] {
+  display: inline-grid;
+  grid-template-rows: auto auto auto;
+}
+[data-attachment-file] > [data-element=file-name] {
+  grid-row: 1;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+[data-attachment-file] > progress {
+  grid-row: 2;
+  width: 100%;
+}
+[data-attachment-file] > [data-element=error] {
+  grid-row: 3;
+  width: 100%;
+}
+/*# sourceMappingURL=local-file-service.global.less.css.map */
+[data-page-type=master-detail] > [data-page-element=content] {
+  display: grid;
+}
+[data-page-type=master-detail] > [data-page-element=content] > * {
+  grid-row: 1;
+  grid-column: 1;
+  align-self: stretch;
+  justify-self: stretch;
+}
+[data-page-type=master-detail] > [data-page-element=content] > *[data-element=detail] {
+  display: none;
+}
+[data-page-type=master-detail] > [data-page-element=content][data-mode=desktop] {
+  display: grid;
+  grid-template-columns: 5fr minmax(400px, 3fr) auto;
+  grid-template-rows: auto 1fr;
+  overflow: hidden;
+}
+[data-page-type=master-detail] > [data-page-element=content][data-mode=desktop] > * {
+  grid-row: 1 / span 2;
+  grid-column: 1;
+  overflow: auto;
+}
+[data-page-type=master-detail] > [data-page-element=content][data-mode=desktop] > *[data-element=close] {
+  grid-row: 1;
+  grid-column: 3;
+  color: red;
+  margin-top: 0.35em;
+  padding: 5px;
+  align-self: center;
+  justify-self: center;
+  font-size: 1.5em;
+  z-index: 2;
+}
+[data-page-type=master-detail] > [data-page-element=content][data-mode=desktop] > *[data-element=detail] {
+  grid-row: 1 / span 2;
+  grid-column: 2 / span 2;
+  align-self: stretch;
+  justify-self: stretch;
+  transform: none;
+  transition: none;
+  display: grid;
+  position: relative;
+  margin: 5px;
+  border-radius: 9px;
+  box-shadow: rgba(50, 50, 105, 0.07) 0px 2px 5px 0px, rgba(0, 0, 0, 0.03) 0px 1px 1px 0px;
+  border: solid 1px #d9d9d9;
+  padding: 0;
+}
+[data-page-type=master-detail] > [data-page-element=content][data-mode=desktop] > *[data-element=detail] > [data-page-element=header] {
+  grid-column: 1 / span 3;
+}
+[data-page-type=master-detail] > [data-page-element=content][data-mode=desktop] > *[data-element=detail] > [data-page-element=footer] {
+  grid-column: 1 / span 3;
+}
+[data-page-type=master-detail] > [data-page-element=content][data-mode=desktop] > *[data-element=detail] > [data-page-element=content] {
+  grid-column: 1 / span 3;
+}
+/*# sourceMappingURL=master-detail.global.less.css.map */
+[data-inline-editor=inline-editor] {
+  display: grid;
+  grid-template-rows: auto 1fr;
+}
+[data-inline-editor=inline-editor] > [data-element=editor] {
+  padding: var(--spacing, 5px);
+  border: solid 1px lightgray;
+  border-radius: var(--spacing, 5px);
+  margin: var(--spacing, 5px);
+  overflow: auto;
+}
+[data-inline-editor=inline-editor] > [data-element=editor] > * {
+  outline: none;
+}
+[data-inline-editor=inline-editor] > [data-element=toolbar] {
+  flex-direction: column;
+  align-items: center;
+  justify-content: space-around;
+  gap: 4px;
+  display: flex;
+}
+[data-inline-editor=inline-editor] > [data-element=toolbar] > .toolbar {
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-around;
+  gap: 4px;
+  display: flex;
+}
+[data-inline-editor=inline-editor] > [data-element=toolbar] > .toolbar .command.pressed {
+  font-weight: bold;
+}
+/*# sourceMappingURL=inline-html-editor.global.less.css.map */
+[data-html-editor-element=toolbar] {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  align-content: center;
+  justify-content: center;
+  gap: var(--spacing, 5px);
+}
+[data-html-editor-element=toolbar] .command {
+  display: flex;
+  align-content: center;
+  justify-content: center;
+  align-items: center;
+  justify-items: center;
+}
+/*# sourceMappingURL=html-editor-toolbar.global.less.css.map */
+*[data-menu-item=menu-item] {
+  padding: 5px;
+  border-radius: 5px;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  gap: 4px;
+  flex-wrap: wrap;
+  min-width: 20ch;
+}
+*[data-menu-item=menu-item]:hover {
+  background-color: lightgreen;
+}
+*[data-menu-item=menu-item] > * {
+  flex-shrink: 0;
+}
+*[data-menu-item=menu-item] > [data-element=icon] {
+  width: 1.3em;
+  text-align: center;
+}
+*[data-menu-items=menu-items] {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  justify-content: stretch;
+  gap: 4px;
+}
+/*# sourceMappingURL=popup-button.global.less.css.map */
+[data-title-editor=title-editor] {
+  display: inline-grid;
+  grid-template-rows: 1fr auto;
+  grid-template-columns: 1fr 40px;
+  column-gap: 5px;
+}
+[data-title-editor=title-editor] > input {
+  grid-row: 1 / span 2;
+  grid-column: 1;
+}
+[data-title-editor=title-editor] > i {
+  grid-row: 1;
+  grid-column: 2;
+  font-size: smaller;
+  padding-left: 5px;
+  padding-right: 5px;
+  align-self: stretch;
+  justify-self: stretch;
+  text-align: center;
+}
+[data-title-editor=title-editor] > span {
+  grid-row: 2;
+  grid-column: 2;
+  font-size: xx-small;
+  align-self: stretch;
+  justify-self: stretch;
+  text-align: center;
+}
+/*# sourceMappingURL=title-editor.global.less.css.map */
+*[data-item-chip] {
+  padding: 2px;
+  padding-left: 10px;
+  padding-right: 10px;
+  border-radius: 9999px;
+  display: grid;
+  align-items: center;
+  grid-template-rows: auto 1fr;
+  grid-template-columns: auto 1fr auto;
+}
+*[data-item-chip] > [data-content] {
+  grid-row-start: 2;
+  grid-column-start: 2;
+}
+*[data-item-chip] > .icon {
+  grid-column-start: 1;
+  grid-row-start: 1;
+  grid-row-end: span 2;
+  padding: 2px;
+  padding-right: 4px;
+  align-self: center;
+}
+*[data-item-chip] > .delete {
+  grid-column-start: 3;
+  grid-row-start: 1;
+  grid-row-end: span 2;
+  align-self: center;
+  font-size: small;
+  background-color: transparent;
+  border-radius: 4px;
+  padding: 2px;
+  padding-left: 4px;
+  color: gray;
+}
+*[data-item-chip] > .delete:hover {
+  background-color: lightgray;
+  color: red;
+}
+*[data-item-chip] > .header {
+  font-size: x-small;
+  grid-row-start: 1;
+  grid-column-start: 2;
+  text-align: center;
+}
+*[data-item-chip] > .label {
+  grid-row-start: 2;
+  grid-column-start: 2;
+}
+*[data-item-chip] > .delete-strike {
+  grid-row: 1 / span 2;
+  grid-column: 1 / span 2;
+  height: 2px;
+  background-color: red;
+  align-self: center;
+}
+*[data-item-chip][data-deleted=false] > .delete-strike {
+  display: none;
+}
+*[data-item-chip][data-deleted=true] {
+  border: solid 1px red;
+  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' viewBox='0 0 100 100'><path d='M100 0 L0 100 ' stroke='red' stroke-width='1'/><path d='M0 0 L100 100 ' stroke='red' stroke-width='1'/></svg>");
+}
+/*# sourceMappingURL=chip.global.less.css.map */
+div[data-atom-chips] {
+  flex-direction: row;
+  align-items: center;
+  justify-content: stretch;
+  gap: 4px;
+  display: flex;
+  flex-flow: wrap;
+  padding: 5px;
+}
+div[data-atom-chips] > .search {
+  border: none;
+  outline: none;
+  flex: 1 1;
+}
+div[data-atom-chips] > .footer {
+  margin-left: auto;
+}
+div[data-atom-chips] > .presenter {
+  flex-direction: row;
+  align-items: center;
+  justify-content: flex-start;
+  gap: 4px;
+  display: inline-flex;
+  flex-flow: wrap;
+}
+div[data-atom-chips] > .presenter > * {
+  background-color: rgba(211, 211, 211, 0.3);
+  color: var(--text-color, CanvasText);
+}
+div[data-atom-chips][data-mode=search] > .search {
+  color: inherit;
+  padding-left: 20px;
+  background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'%3E%3C/path%3E%3C/svg%3E") no-repeat 1px center;
+}
+div[data-atom-chips][data-mode=search] > .search::placeholder {
+  color: inherit;
+  opacity: 0.7;
+}
+/*# sourceMappingURL=chips.global.less.css.map */
+*[data-item-suggestion] {
+  padding: 1px;
+  padding-left: 5px;
+  padding-right: 5px;
+  border-radius: 10px;
+  display: grid;
+  align-items: center;
+  grid-template-rows: auto 1fr;
+  grid-template-columns: auto 1fr auto;
+  max-width: 100%;
+  overflow-x: hidden;
+}
+*[data-item-suggestion] > [data-content] {
+  grid-row-start: 2;
+  grid-column-start: 2;
+}
+*[data-item-suggestion] > .icon {
+  grid-column-start: 1;
+  grid-row-start: 1;
+  grid-row-end: span 2;
+  align-self: center;
+  margin-right: 5px;
+}
+*[data-item-suggestion] > .delete {
+  grid-column-start: 3;
+  grid-row-start: 1;
+  grid-row-end: span 2;
+  align-self: center;
+  color: #ff0000;
+}
+*[data-item-suggestion] > .header {
+  font-size: x-small;
+  grid-row-start: 1;
+  grid-column-start: 2;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+*[data-item-suggestion] > .label {
+  grid-row-start: 2;
+  grid-column-start: 2;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+/*# sourceMappingURL=item-suggestion.global.less.css.map */
+[data-limited-text] {
+  position: relative;
+  overflow: hidden;
+  contain: content;
+}
+[data-limited-text][data-mode=collapsed] > [data-element=more] {
+  cursor: pointer;
+  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 19%, #ffffff 65%, #ffffff 100%);
+}
+[data-limited-text][data-mode=collapsed] > [data-element=more] > button {
+  transform: rotate(180deg);
+}
+[data-limited-text] > [data-element=more] {
+  display: flex;
+  justify-content: flex-end;
+  width: 100%;
+  right: 0;
+  left: 0;
+  position: absolute;
+  transform: translateY(-100%);
+}
+[data-limited-text] > [data-element=more] > button {
+  padding: 1px;
+  padding-left: 10px;
+  padding-right: 10px;
+  border-radius: 9999px;
+  border: none;
+  outline: none;
+  box-shadow: 0 0 6px 6px white;
+  transition: transform 0.5s ease-out;
+}
+/*# sourceMappingURL=limited-text.global.less.css.map */
+input[data-mask] {
+  position: relative;
+  padding-left: 2px;
+  padding-top: 1px;
+  font-family: monospace;
+}
+/*# sourceMappingURL=masked-input.global.less.css.map */
+[data-file-preview=file-preview] {
+  border: solid 2px lightgray;
+  display: inline-grid;
+  margin: 5px;
+  height: 150px;
+  width: 180px;
+  contain: content;
+  text-decoration: none;
+  grid-template-columns: auto 1fr auto;
+  grid-template-rows: 1fr auto;
+}
+[data-file-preview=file-preview] a {
+  text-decoration: none;
+}
+[data-file-preview=file-preview] > [data-element=preview] {
+  grid-column: 1 / span 3;
+  grid-row: 1;
+  padding-left: 10px;
+  padding-top: 10px;
+  padding-right: 10px;
+  overflow: hidden;
+  justify-self: stretch;
+  align-self: start;
+  max-width: 160px;
+}
+[data-file-preview=file-preview] > [data-element=icon] {
+  grid-column: 1;
+  grid-row: 2;
+}
+[data-file-preview=file-preview] > [data-element=file-name] {
+  grid-column: 1 / span 3;
+  grid-row: 2;
+  padding: 5px;
+  font-size: smaller;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  background-color: var(--accent-color);
+  color: var(--accent-text-color);
+}
+[data-file-preview=file-preview] > [data-element=file-size] {
+  grid-column: 3;
+  grid-row: 2;
+}
+[data-file-preview=attachment] {
+  border: solid 1px lightgray;
+  display: inline-flex;
+  padding: 10px;
+  margin: 5px;
+}
+/*# sourceMappingURL=FilePreview.global.less.css.map */
+[data-animate-slide=from-bottom] {
+  transition: all 0.5s ease-out;
+}
+[data-animate-slide=from-bottom]:not([data-animation-state]) {
+  display: none;
+}
+[data-animate-slide=from-bottom][data-animation-state=down] {
+  transform: translate(0, 100%);
+}
+[data-animate-slide=from-bottom][data-animation-state=normal] {
+  transform: translate(0, 0);
+}
+[data-animate-slide=from-top] {
+  transition: all 0.5s ease-out;
+}
+[data-animate-slide=from-top]:not([data-animation-state]) {
+  display: none;
+}
+[data-animate-slide=from-top][data-animation-state=up] {
+  transform: translate(0, -100%);
+}
+[data-animate-slide=from-top][data-animation-state=normal] {
+  transform: translate(0, 0);
+}
+/*# sourceMappingURL=Animations.global.less.css.map */
+*[data-bottom-popup] {
+  position: absolute;
+  left: 0px;
+  right: 0px;
+  bottom: 0px;
+  margin-left: 2px;
+  margin-right: 2px;
+  border-top-left-radius: 5px;
+  border-top-right-radius: 5px;
+  display: grid;
+  grid-template-columns: auto 1fr auto;
+  grid-template-rows: auto auto auto;
+  background-color: #ffffff;
+}
+*[data-bottom-popup] > [data-element=bar] {
+  border-top-left-radius: 5px;
+  border-top-right-radius: 5px;
+  grid-row: 1;
+  grid-column: 1 / span 3;
+  background-color: #d3d3d3;
+  z-index: 10;
+}
+*[data-bottom-popup] > [data-element=icon] {
+  grid-row: 1;
+  grid-column: 1;
+  padding: 5px;
+  align-self: center;
+  margin-right: 5px;
+  z-index: 11;
+}
+*[data-bottom-popup] > [data-element=close] {
+  grid-row: 1;
+  grid-column: 3;
+  padding: 5px;
+  margin-left: 5px;
+  align-self: center;
+  z-index: 11;
+}
+*[data-bottom-popup] > [data-element=title] {
+  grid-row: 1;
+  grid-column: 2;
+  padding: 5px;
+  z-index: 11;
+}
+*[data-bottom-popup] > [data-element=content] {
+  padding: 5px;
+  grid-row: 2;
+  grid-column: 1 / span 3;
+  z-index: 11;
+}
+*[data-bottom-popup] > [data-element=footer] {
+  grid-row: 3;
+  grid-column: 1 / span 3;
+  margin-top: 5px;
+  padding: 5px;
+  z-index: 11;
+}
+*[data-bottom-popup-container] {
+  position: absolute;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  background-color: rgba(0, 0, 0, 0.3);
+  z-index: 500;
+}
+/*# sourceMappingURL=bottom-popup.global.less.css.map */
+button[data-round-button=round-button] {
+  border-radius: 9999px;
+  height: 70px;
+  width: 70px;
+  min-height: 70px;
+  text-align: center;
+  align-self: center;
+  border: none;
+  background-color: var(--accent-color);
+  color: var(--accent-text-color);
+  font-weight: bold;
+  flex-basis: auto;
+  margin-left: auto;
+  margin-right: auto;
+}
+/*# sourceMappingURL=RoundButton.global.less.css.map */
+.atom-control-html-editor {
+  display: flex;
+  flex-direction: column;
+  min-height: 500px;
+}
+.atom-control-html-editor > iframe {
+  flex: 1 1 100%;
+}
+.atom-control-html-editor > .files > .file {
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-around;
+  gap: 4px;
+  display: inline-flex;
+  border-color: rgba(211, 211, 211, 0.5);
+  border-width: 1px;
+  border-style: solid;
+  border-radius: 15px;
+  padding-left: 10px;
+  padding-right: 10px;
+}
+.atom-control-html-editor > .files > .file > label {
+  max-width: 100px;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.atom-control-html-editor .toolbar {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+}
+.atom-control-html-editor .toolbar > .command {
+  display: inline-flex;
+  align-items: center;
+  justify-content: space-evenly;
+  border: none;
+  cursor: pointer;
+  background-color: #00000000;
+  min-width: 28px;
+  height: 28px;
+}
+.atom-control-html-editor .toolbar > .command:hover {
+  background-color: #90ee90;
+}
+.atom-control-html-editor .toolbar > .command.pressed {
+  background-color: #d3d3d3;
+}
+.atom-control-html-editor .toolbar > .command.pressed:hover {
+  background-color: #90ee90;
+}
+.atom-control-html-editor .toolbar > .command .ri-bold {
+  font-weight: bold;
+}
+/*# sourceMappingURL=atom-html-editor.global.less.css.map */
+.web-atoms-notification-popup {
+  padding: 5px;
+  font-size: larger;
+}
+.web-atoms-notification-popup .error {
+  color: red;
+  border-color: red;
+}
+.web-atoms-notification-popup .warning {
+  background-color: lightyellow;
+}
+/*# sourceMappingURL=NotifcationPopup.global.less.css.map */
+[data-button-bar=button-bar] {
+  display: inline-grid;
+  grid-auto-flow: column;
+  align-content: center;
+  justify-items: stretch;
+  text-align: center;
+  border-style: solid;
+  border-width: 1px;
+  border-color: #d3d3d3;
+  border-radius: 9999px;
+}
+[data-button-bar=button-bar] > [data-item-type=toggle-button] {
+  padding: 5px;
+  background-color: #ffffff;
+  cursor: pointer;
+}
+[data-button-bar=button-bar] > [data-item-type=toggle-button]:first-child {
+  padding-left: 10px;
+  border-top-left-radius: 9999px;
+  border-bottom-left-radius: 9999px;
+}
+[data-button-bar=button-bar] > [data-item-type=toggle-button]:last-child {
+  border-top-right-radius: 9999px;
+  border-bottom-right-radius: 9999px;
+  padding-right: 10px;
+}
+[data-button-bar=button-bar] > [data-item-type=toggle-button][data-selected-item=true] {
+  background-color: var(--accent-color, black);
+  color: #ffffff;
+}
+/*# sourceMappingURL=toggle-button-bar.global.less.css.map */
+[data-resizable=resizable] {
+  display: grid;
+  overflow: hidden;
+  grid-template-columns: 1fr 2px;
+  gap: 1px;
+}
+[data-resizable=resizable] > * {
+  grid-row: 1;
+  grid-column: 1;
+}
+[data-resizable=resizable] > [data-element=resizer] {
+  cursor: ew-resize;
+  grid-row: 1;
+  grid-column: 2;
+}
+[data-resizable=resizable] > [data-element=resizer][data-resizing] {
+  cursor: col-resize;
+  background-color: rgba(0, 0, 0, 0.25);
+}
+[data-resizable=resizable][data-direction=vertical] > [data-element=resizer] {
+  cursor: ns-resize;
+}
+/*# sourceMappingURL=resizable.global.less.css.map */
+[data-ui-switch=ui-switch] {
+  position: relative;
+  display: inline-block;
+  vertical-align: top;
+  min-width: 70px;
+  height: 30px;
+  padding: 3px;
+  margin: 0px;
+  background: linear-gradient(to bottom, #eeeeee, #FFFFFF 25px);
+  background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF 25px);
+  border-radius: 18px;
+  box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
+  cursor: pointer;
+  box-sizing: content-box;
+}
+[data-ui-switch=ui-switch] > .switch-input {
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  opacity: 0;
+  box-sizing: content-box;
+}
+[data-ui-switch=ui-switch] > .switch-label {
+  position: relative;
+  display: block;
+  height: inherit;
+  background-color: #eceeef;
+  border-radius: inherit;
+  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
+  box-sizing: content-box;
+  transition: all 0.3s ease;
+}
+[data-ui-switch=ui-switch] > .switch-label:before,
+[data-ui-switch=ui-switch] > .switch-label:after {
+  position: absolute;
+  top: 50%;
+  margin-top: -0.5em;
+  line-height: 1;
+  webkit-transition: inherit;
+  transition: inherit;
+  box-sizing: content-box;
+}
+[data-ui-switch=ui-switch] > .switch-label:before {
+  content: attr(data-off);
+  right: 11px;
+  color: #aaaaaa;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.5);
+}
+[data-ui-switch=ui-switch] > .switch-label:after {
+  content: attr(data-on);
+  left: 11px;
+  color: #FFFFFF;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  opacity: 0;
+}
+[data-ui-switch=ui-switch] > .switch-input:checked ~ .switch-label {
+  background-color: #E1B42B;
+  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
+}
+[data-ui-switch=ui-switch] > .switch-input:checked ~ .switch-label:before {
+  opacity: 0;
+}
+[data-ui-switch=ui-switch] > .switch-input:checked ~ .switch-label:after {
+  opacity: 1;
+}
+[data-ui-switch=ui-switch] > .switch-input:checked ~ .switch-handle {
+  left: 44px;
+  box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
+}
+[data-ui-switch=ui-switch] > .switch-handle {
+  position: absolute;
+  top: 4px;
+  left: 4px;
+  width: 28px;
+  height: 28px;
+  background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0);
+  border-radius: 100%;
+  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
+  transition: all 0.3s ease;
+}
+[data-ui-switch=ui-switch] > .switch-handle:before {
+  content: "";
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: 12px;
+  height: 12px;
+  background: linear-gradient(to bottom, #eeeeee, #FFFFFF);
+  border-radius: 6px;
+  box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
+}
+[data-ui-switch=ui-switch] > .switch-input:checked ~ .switch-handle {
+  left: 44px;
+  box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
+}
+[data-ui-switch=ui-switch] > .switch-label,
+[data-ui-switch=ui-switch] .switch-handle {
+  transition: All 0.3s ease;
+}
+/*# sourceMappingURL=switch.global.less.css.map */
+*[data-calendar=calendar] {
+  display: inline-grid;
+  grid-template-rows: auto auto 1fr;
+  grid-template-columns: auto auto auto auto;
+  justify-items: stretch;
+}
+*[data-calendar=calendar] > .fa-solid {
+  padding: 5px;
+  padding-left: 10px;
+  padding-right: 10px;
+  cursor: pointer;
+}
+*[data-calendar=calendar] > [data-element=year],
+*[data-calendar=calendar] > [data-element=month] {
+  justify-self: center;
+}
+*[data-calendar=calendar] > [data-element=previous] {
+  justify-self: start;
+}
+*[data-calendar=calendar] > [data-element=next] {
+  justify-self: end;
+}
+*[data-calendar=calendar] > .fa-solid:hover {
+  color: blueviolet;
+}
+*[data-calendar=calendar] > select {
+  border: none;
+}
+*[data-calendar=calendar] > .week {
+  grid-column-start: 1;
+  grid-column-end: span 4;
+  grid-row-start: 2;
+  display: inline-grid;
+  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
+  gap: 2px;
+}
+*[data-calendar=calendar] > .week > * {
+  font-size: smaller;
+  padding: 5px;
+  padding-left: 10px;
+  padding-right: 10px;
+  background-color: rgba(211, 211, 211, 0.5);
+  cursor: default;
+  text-align: center;
+  align-self: center;
+  justify-self: stretch;
+}
+*[data-calendar=calendar] > .dates {
+  grid-column-start: 1;
+  grid-column-end: span 4;
+  grid-row-start: 3;
+  display: inline-grid;
+  gap: 0px;
+  grid-template-columns: repeat(7, 1fr);
+}
+*[data-calendar=calendar] > .dates > [data-item-index] {
+  align-self: stretch;
+  justify-self: stretch;
+  padding: 7px;
+  cursor: pointer;
+  text-align: center;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+*[data-calendar=calendar] > .dates > [data-item-index]:hover {
+  background-color: rgba(211, 211, 211, 0.5);
+}
+*[data-calendar=calendar] > .dates > [data-item-index][data-is-today=true] {
+  background-color: lightgreen;
+}
+*[data-calendar=calendar] > .dates > [data-item-index][data-is-weekend=true] {
+  background-color: rgba(211, 211, 211, 0.3);
+}
+*[data-calendar=calendar] > .dates > [data-item-index][data-is-other-month=true] {
+  opacity: 0.5;
+}
+*[data-calendar=calendar] > .dates > [data-item-index][data-is-disabled] {
+  text-decoration: line-through;
+}
+*[data-calendar=calendar] > .dates > [data-item-index][data-selected-item=true] {
+  background-color: var(--selection-color, blueviolet);
+  color: var(--selection-color-text, white);
+}
+/*# sourceMappingURL=calendar.global.less.css.map */
+[data-time-editor] {
+  padding-left: 5px;
+  grid-row: 2;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: start;
+  gap: 0;
+}
+[data-time-editor] > [data-element=hour] {
+  margin-left: 5px;
+  margin-right: 5px;
+}
+[data-time-editor] > [data-element=minute] {
+  margin-left: 5px;
+}
+[data-time-editor] > [data-element=pm] {
+  margin-right: 5px;
+}
+[data-time-editor] > button {
+  border-radius: 9999px;
+  outline: none;
+  border: none;
+  background-color: transparent;
+}
+[data-time-editor] > button[data-selected=true] {
+  background-color: var(--accent-color, blue);
+  color: var(--accent-text-color, white);
+}
+[data-time-editor] > button[data-element=am] {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+[data-time-editor] > button[data-element=pm] {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+[data-time-editor] > select {
+  border: none;
+  outline: none;
+}
+/*# sourceMappingURL=time-editor.global.less.css.map */
+*[data-date-field=date-field] {
+  display: inline-flex;
+  cursor: pointer;
+  text-align: left;
+  border: none;
+  background-color: transparent;
+}
+*[data-date-field=date-field]::after {
+  content: "";
+  display: inline-block;
+  width: 20px;
+  height: 20px;
+  background: url("data:image/svg+xml,<svg height='10px' width='10px' viewBox='0 0 16 16' fill='%23000000' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>") no-repeat;
+  background-position: 0 center !important;
+}
+*[data-date-field=date-field]:hover {
+  text-decoration: underline;
+  color: #0000ff;
+}
+*[data-date-field=date-field] .calendar-popup {
+  display: grid;
+  grid-template-columns: 1fr auto;
+  grid-template-rows: 1fr auto auto;
+  gap: 7px;
+  min-width: max-content;
+}
+*[data-date-field=date-field] .calendar-popup > [data-calendar] {
+  grid-row: 1;
+  grid-column: 1 / span 2;
+}
+*[data-date-field=date-field] .calendar-popup > .time-editor {
+  padding-left: 5px;
+  grid-row: 2;
+  flex-direction: row;
+  align-items: center;
+  justify-content: start;
+  gap: 4px;
+  display: flex;
+}
+*[data-date-field=date-field] .calendar-popup > .time-editor [data-item-index] {
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+*[data-date-field=date-field] .calendar-popup > .time-editor select {
+  border: none;
+  outline: none;
+}
+*[data-date-field=date-field] .calendar-popup > .clear {
+  grid-column: 1;
+  grid-row: 3;
+  justify-self: start;
+  border: none;
+  outline: none;
+  background-color: transparent;
+  color: var(--accent-color, blue);
+  padding-left: 5px;
+  margin-left: 0px;
+}
+*[data-date-field=date-field] .calendar-popup > .today {
+  grid-row: 3;
+  grid-column: 2;
+  justify-self: end;
+  border: none;
+  outline: none;
+  background-color: transparent;
+  color: var(--accent-color, blue);
+  padding-left: 5px;
+  margin-left: 0px;
+}
+/*# sourceMappingURL=date-field.global.less.css.map */
+div[data-pinch-zoom] {
+  position: relative;
+  overflow: hidden;
+  cursor: grab;
+}
+div[data-pinch-zoom][data-state=grabbing] {
+  cursor: grabbing;
+}
+div[data-pinch-zoom] > .scale {
+  position: absolute;
+  right: 10px;
+  top: 10px;
+  border: solid 2px darkgray;
+  border-radius: 4px;
+  background-color: white;
+  padding: 4px;
+  color: black;
+  width: 30px;
+  height: 30px;
+  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%0A%3C!--!Font%20Awesome%20Pro%206.6.0%20by%20%40fontawesome%20-%20https%3A%2F%2Ffontawesome.com%20License%20-%20https%3A%2F%2Ffontawesome.com%2Flicense%20(Commercial%20License)%20Copyright%202024%20Fonticons%2C%20Inc.--%3E%0A%3Cpath%20d%3D%22M502.6%2054.6c12.5-12.5%2012.5-32.8%200-45.3s-32.8-12.5-45.3%200L336%20130.7%20336%2080c0-17.7-14.3-32-32-32s-32%2014.3-32%2032l0%20128c0%2017.7%2014.3%2032%2032%2032l128%200c17.7%200%2032-14.3%2032-32s-14.3-32-32-32l-50.7%200L502.6%2054.6zM80%20272c-17.7%200-32%2014.3-32%2032s14.3%2032%2032%2032l50.7%200L9.4%20457.4c-12.5%2012.5-12.5%2032.8%200%2045.3s32.8%2012.5%2045.3%200L176%20381.3l0%2050.7c0%2017.7%2014.3%2032%2032%2032s32-14.3%2032-32l0-128c0-17.7-14.3-32-32-32L80%20272z%22%2F%3E%0A%3C%2Fsvg%3E");
+  background-position: 2px 2px;
+  background-size: 20px 20px;
+  background-repeat: no-repeat;
+}
+div[data-pinch-zoom] > .image-container {
+  position: absolute;
+  left: 0;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  overflow: hidden;
+  display: grid;
+  align-items: center;
+  justify-items: center;
+  justify-content: center;
+}
+div[data-pinch-zoom] > .spinner {
+  position: absolute;
+  left: 0;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  display: inline-grid;
+  align-items: center;
+  justify-items: center;
+  z-index: 10;
+}
+div[data-pinch-zoom] > .hide {
+  display: none;
+}
+/*# sourceMappingURL=pinch-zoom-view.global.less.css.map */
+[data-video-player=video-player] {
+  display: grid;
+  grid-template-rows: auto 1fr auto auto auto;
+  grid-template-columns: auto 1fr auto;
+  overflow: hidden;
+}
+[data-video-player=video-player] > [data-element=banner] {
+  grid-row-start: 3;
+  grid-row-end: span 3;
+  grid-column-start: 1;
+  grid-column-end: span 3;
+  align-self: end;
+  justify-self: center;
+  height: 15%;
+  gap: 5px;
+  overflow: hidden;
+  grid-template-columns: auto 1fr;
+  grid-template-rows: auto auto;
+  background-color: black;
+  color: white;
+  border-radius: 10px;
+  padding: 10px;
+  align-items: center;
+  justify-items: stretch;
+  z-index: 2;
+  display: none;
+}
+[data-video-player=video-player] > [data-element=banner][data-has-logo=true] {
+  display: grid;
+}
+[data-video-player=video-player] > [data-element=banner] > * {
+  min-height: 0;
+  min-width: 0;
+}
+[data-video-player=video-player] > [data-element=banner] > [data-element=logo] {
+  grid-row: 1 / span 2;
+  grid-column: 1;
+  z-index: 2;
+  height: 100%;
+}
+[data-video-player=video-player] > [data-element=banner] > [data-element=logo-title] {
+  grid-row-start: 1;
+  grid-column-start: 2;
+  z-index: 2;
+  font-weight: bold;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+[data-video-player=video-player] > [data-element=banner] > [data-element=logo-description] {
+  grid-row-start: 2;
+  grid-column-start: 2;
+  z-index: 2;
+  font-size: smaller;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+[data-video-player=video-player] > [data-element=video],
+[data-video-player=video-player] > [data-element=poster] {
+  grid-row-start: 1;
+  grid-row-end: span 5;
+  grid-column-start: 1;
+  grid-column-end: span 3;
+  align-self: stretch;
+  justify-self: stretch;
+}
+[data-video-player=video-player] > [data-element=play-element] {
+  z-index: 10;
+  grid-row-start: 1;
+  grid-row-end: span 5;
+  grid-column-start: 1;
+  grid-column-end: span 3;
+  align-self: center;
+  justify-self: center;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  gap: 4px;
+  display: flex;
+}
+[data-video-player=video-player] > [data-element=play-element] > button.play {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  color: #ffffff;
+  background-color: #0000ff;
+  border-radius: 9999px;
+  font-size: 25px;
+  padding: 10px;
+  width: 50px;
+  height: 50px;
+  text-align: center;
+  vertical-align: middle;
+}
+[data-video-player=video-player] > [data-element=play-element] > button.play > i {
+  margin-left: 4px;
+}
+[data-video-player=video-player] > [data-element=progress] {
+  z-index: 11;
+  grid-row-start: 4;
+  grid-column-start: 1;
+  grid-column-end: span 3;
+  align-self: flex-end;
+  height: 15px;
+  padding-top: 5px;
+  padding-bottom: 5px;
+  justify-self: stretch;
+  background-color: rgba(0, 0, 0, 0.3);
+  width: 100%;
+  cursor: pointer;
+}
+[data-video-player=video-player] > [data-element=toolbar] {
+  z-index: 10;
+  grid-row-start: 5;
+  grid-column-start: 1;
+  grid-column-end: span 3;
+  background-color: rgba(0, 0, 0, 0.3);
+  color: #ffffff;
+  flex-direction: row;
+  align-items: center;
+  justify-content: flex-start;
+  gap: 4px;
+  display: flex;
+}
+[data-video-player=video-player] > [data-element=toolbar] > * {
+  min-width: 20px;
+  margin-left: 5px;
+  padding: 5px;
+}
+[data-video-player=video-player] > [data-element=toolbar] > [data-style=button] {
+  width: 30px;
+  height: 30px;
+  padding: 5px;
+}
+[data-video-player=video-player] > [data-element=toolbar] > [data-font-size=small] {
+  font-size: x-small;
+}
+[data-video-player=video-player] > [data-element=toolbar] > [data-element=volume-range] {
+  height: 2px;
+  color: #008000;
+  box-shadow: none;
+  border: none;
+}
+[data-video-player=video-player] > [data-element=toolbar] > [data-element=volume-range]:focus {
+  box-shadow: none;
+  border: none;
+}
+[data-video-player=video-player] > [data-element=toolbar] > [data-element=full-screen] {
+  margin-left: auto;
+}
+[data-video-player=video-player][data-controls=true] > [data-element=toolbar] {
+  display: flex;
+}
+[data-video-player=video-player][data-controls=true] > [data-element=progress] {
+  display: flex;
+}
+[data-video-player=video-player][data-state=playing][data-controls=false] > [data-element=play-element],
+[data-video-player=video-player][data-state=playing][data-controls=false] > [data-element=progress],
+[data-video-player=video-player][data-state=playing][data-controls=false] > [data-element=toolbar] {
+  display: none;
+}
+[data-video-player=video-player][data-state=waiting][data-controls=false] > [data-element=toolbar],
+[data-video-player=video-player][data-state=waiting][data-controls=false] > [data-element=progress] {
+  display: none;
+}
+[data-video-player=video-player][data-state=waiting] > [data-element=toolbar] > [data-element=play] {
+  display: none;
+}
+[data-video-player=video-player][data-state=waiting] > [data-element=play-element] {
+  display: none;
+}
+[data-video-player=video-player][data-state=paused] > [data-element=toolbar] > [data-element-pause] {
+  display: none;
+}
+/*# sourceMappingURL=AtomVideoPlayer.global.less.css.map */
+[data-menu-item=menu-item] {
+  display: grid;
+  grid-template-columns: auto 1fr auto;
+  grid-template-rows: 1fr auto;
+}
+[data-menu-item=menu-item] > a {
+  grid-column: 1;
+  grid-row: 1;
+}
+/*# sourceMappingURL=MenuItem.global.less.css.map */
+drawer-menu {
+  width: 300px;
+  background-color: var(--accent-color);
+  display: grid;
+  grid-template-rows: auto 1fr;
+}
+drawer-menu > .header,
+drawer-menu > header {
+  grid-row: 1;
+  padding: 10px;
+  font-size: large;
+  color: white;
+}
+drawer-menu > .menus,
+drawer-menu > section {
+  grid-row: 2;
+  background-color: canvas;
+  padding: var(--spacing);
+  margin: var(--spacing);
+  border-radius: 10px;
+  overflow: auto;
+}
+/*# sourceMappingURL=BaseDrawer.global.less.css.map */
+/*# sourceMappingURL=AdminAppIndex.pack.global.less.css.map */