@social-mail/social-mail-hosted-web 1.2.18 → 1.2.21

package/dist/AppIndex.pack.global.less.css

@@ -0,0 +1,950 @@
+[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;
+}
+[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;
+}
+[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;
+  }
+}
+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;
+}
+:root {
+  --primary-color: #294D4A;
+  --accent-color: #ff6733;
+  --accent2-color: #ff673375;
+  --lighter-accent-color: #e6e6fa60;
+  --light-accent-color: #f2e5fa;
+  --accent-text-color: white;
+  --background-color: #f1f1f160;
+  --window-background: #50505025;
+  --media-bg-color: #9F33FF0F;
+  --font-size-small: 0.8125em;
+  --hover-color: #b8b88b20;
+  --hover-text-color: CanvasText;
+  --selection-color: #b8b88b60;
+  --selection-text-color: CanvasText;
+  --spacing: 10px;
+  --spacing-medium: 15px;
+  --spacing-large: 20px;
+}
+html,
+body {
+  margin: 0;
+  color-scheme: dark;
+}
+* {
+  scrollbar-width: 5px;
+  scrollbar-color: var(--accent-color) white;
+}
+*::-webkit-scrollbar {
+  width: 5px;
+}
+*::-webkit-scrollbar-track {
+  background: white;
+}
+*::-webkit-scrollbar-thumb {
+  background-color: white;
+  border-radius: 20px;
+  border: 3px solid var(--accent-color);
+}
+body {
+  background-image: url("../images/bg.png");
+  background-attachment: scroll, local;
+  background-repeat: repeat;
+  background-clip: border-box;
+  background-image: linear-gradient(19deg, #000000 45%, #B721FF 100%);
+  font-family: trebuchet ms, "Source Sans Pro";
+  font-size: 16px;
+  width: 100vw;
+}
+body * {
+  font-family: trebuchet ms, "Source Sans Pro";
+  box-sizing: border-box;
+}
+body::placeholder {
+  font-size: smaller;
+}
+body ul {
+  padding-inline-start: 15px;
+}
+body input[type=search] {
+  border: none;
+  outline: none;
+  border-radius: 9999px;
+  padding-right: 10px;
+  padding-left: 25px;
+  background: canvas 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 5px center;
+}
+[data-popup-window=popup-window] {
+  background-color: #FFFFFF20;
+  backdrop-filter: blur(11px) saturate(180%);
+}
+[data-layout=command-row] {
+  background-color: #FFFFFF20;
+}
+div[data-desktop-app=desktop-app] {
+  width: 100vw;
+}
+div[data-base-page] > [data-page-element=action-bar] {
+  background-color: #000000;
+  background-image: linear-gradient(19deg, #000000 0%, #B721FF 100%);
+}
+.app-bar {
+  backdrop-filter: blur(14px) saturate(180%);
+  -webkit-backdrop-filter: blur(14px) saturate(180%);
+  background-color: rgba(17, 25, 40, 0.56);
+  border-radius: 12px;
+  border: 1px solid rgba(255, 255, 255, 0.125);
+  position: sticky;
+  top: 5px;
+  z-index: 200;
+  display: flex;
+  gap: 5px;
+  font-size: 2em;
+  align-items: center;
+  flex-wrap: wrap;
+  padding-right: 10px;
+}
+.app-bar > img {
+  max-height: 50px;
+}
+.app-bar > a {
+  text-decoration: none;
+  color: white;
+}
+.spacer {
+  width: 1px;
+  height: 50px;
+}
+.sub-heading {
+  font-size: 1.6em;
+  text-align: center;
+}
+.box {
+  padding: 30px;
+  border-radius: 30px;
+  margin: 50px;
+  backdrop-filter: blur(11px) saturate(180%);
+  -webkit-backdrop-filter: blur(11px) saturate(180%);
+  background-color: rgba(255, 255, 255, 0.27);
+  border-radius: 12px;
+  border: 1px solid rgba(255, 255, 255, 0.125);
+  color: white;
+  display: flex;
+  gap: 30px;
+  flex-direction: column;
+  contain: content;
+}
+.box > header {
+  background-color: #0093E9;
+  background-image: linear-gradient(160deg, #0093E9 0%, #80D0C7 100%);
+  opacity: 0.8;
+  color: var(--primary-color);
+  margin: -30px;
+  padding: 25px;
+  margin-bottom: 10px;
+  text-align: center;
+  font-size: 1.4em;
+}
+.box > header.green {
+  background-color: #85FFBD;
+  background-image: linear-gradient(45deg, #85FFBD 0%, #FFFB7D 100%);
+}
+.box > header.yellow {
+  background-color: #FBAB7E;
+  background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);
+}
+.box > header.fuschia {
+  background-color: #4158D0;
+  background-image: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%);
+  color: white;
+}
+.feature-list {
+  display: flex;
+  flex-direction: column;
+  gap: 20px;
+  padding: 10px;
+  align-items: stretch;
+  justify-items: stretch;
+}
+.feature-list > * {
+  font-size: 1.2em;
+}
+.feature {
+  display: flex;
+  flex-direction: row;
+  gap: 20px;
+  align-items: center;
+  font-size: 1.3em;
+}
+.feature > i {
+  min-width: 40px;
+  text-align: center;
+  color: #ff98ff;
+  font-size: 1.4em;
+}
+.table {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-evenly;
+}
+.table > .box {
+  padding: 20px;
+  margin: 10px;
+}
+.table > .box > header {
+  margin: -20px;
+  padding: 20px;
+  margin-bottom: 0;
+}
+.table > .box > div {
+  font-size: 0.8em;
+}
+.table > .box i {
+  min-width: 30px;
+}
+.table > * {
+  width: 270px;
+}
+.banner {
+  padding: 30px;
+  margin: 50px;
+  display: flex;
+  gap: 30px;
+  flex-direction: column;
+}
+.heading {
+  font-size: 2em;
+  text-align: center;
+}
+[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;
+}
+[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;
+}
+*[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));
+}
+[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;
+}
+*[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;
+}
+*[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;
+}
+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;
+}
+input[data-mask] {
+  position: relative;
+  padding-left: 2px;
+  padding-top: 1px;
+  font-family: monospace;
+}
+.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=AppIndex.pack.global.less.css.map */