@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Whisper&display=swap");
:root {
  --element-radius: 1rem;
  --anim-duration: 0.25s;
  --anim-delay: 0;
  --anim-timing: ease;
  --success-color: #479921;
  --error-color: #9b1616;
}

:root {
  --yo-font-icon-family: 'Font Awesome 7 Pro';
  --text-color: #fff;
  --background-color:#111;
  --base-primary: 0, 0%;
  --primary-color: hsl(var(--base-primary), 20%);
  --primary-color-inverse: hsl(var(--base-primary), 100%);
  --base-secondary: 120, 0%;
  --secondary-color: hsl(var(--base-secondary), 20%);
  --secondary-color-inverse: #fff;
  --base-action: 36, 100%;
  --action-color: hsl(var(--base-action), 50%);
  --action-color-inverse: #fff;
  --element-border-color: hsl(var(--base-primary), 80%);
  --primary-color-contrast-min: hsl(var(--base-primary), 15%);
  --primary-color-contrast-mid: hsl(var(--base-primary), 30%);
  --primary-color-contrast-max: hsl(var(--base-primary), 100%);
  --primary-color-a25: hsla(var(--base-primary), 20%, 0.25);
  --primary-color-a50: hsla(var(--base-primary), 20%, 0.5);
  --primary-color-a75: hsla(var(--base-primary), 20%, 0.75);
  --primary-color-a20: hsla(var(--base-primary), 20%, .2);
  --primary-color-a40: hsla(var(--base-primary), 20%, .4);
  --primary-color-a60: hsla(var(--base-primary), 20%, .6);
  --primary-color-a80: hsla(var(--base-primary), 20%, .8);
  --action-color-a80: hsla(var(--base-action), 50%, 0.8);
  --action-color-a50: hsla(var(--base-action), 50%, 0.5);
}

html .yo-power-level-1000 {
  --item-color-level: #a11f0e;
}
html .yo-power-level-100 {
  --item-color-level: #9d2cca;
}
html .yo-power-level-10 {
  --item-color-level: #00a675;
}
html .yo-power-level-0 {
  --item-color-level: #999;
}

html, body {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
}
@media screen and (max-width: 640px) {
  html, body {
    position: initial;
    overflow: hidden;
  }
}
@media print {
  html, body {
    position: initial !important;
    height: auto !important;
    width: 8.5in;
    margin: 0px;
    overflow: auto;
  }
  @page {
    html, body {
      size: 8.5in 11in; /* auto is the initial value */
      /* this affects the margin in the printer settings */
      margin: 0.5in 0.5in 0.5in 0.5in;
    }
  }
}

body.app {
  margin: 0px;
  padding: 0px;
  color: var(--text-color);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}
body.app h1, body.app h2, body.app h3, body.app h4, body.app h5,
body.app span, body.app div, body.app i, body.app p, body.app em, body.app a, body.app pre,
body.app input, body.app textarea, body.app select, body.app label,
body.app md-icon, body.app .md-button {
  color: var(--text-color, #fff);
}
body.app h3, body.app h4, body.app h5 {
  margin: 0;
}
body.app h3:not(:first-child), body.app h4:not(:first-child), body.app h5:not(:first-child) {
  margin-top: 1em;
}
body.app * {
  box-sizing: border-box;
}
body.app .print-only {
  display: none;
}
body.app #print-area {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: auto;
  background: #fff;
  display: none;
  z-index: 9999999;
  --text-color:#333;
  overflow: auto;
}
@media print {
  body.app .viewport {
    padding-top: 0px;
  }
  body.app .no-print {
    display: none !important;
  }
  body.app.localized-print #print-area {
    display: block;
  }
  body.app.localized-print .viewport {
    display: none;
  }
  body.app .print-only {
    display: initial;
  }
}
body.app h1, body.app h2, body.app h3, body.app h4, body.app h5 {
  font-weight: 300;
}
body.app .align-left {
  float: left;
}
body.app .align-right {
  float: right;
}
body.app [data-current-skin=orange] {
  background-color: #ff9900;
}
body.app .yo-exclude-from-flow {
  display: contents;
}
body.app form[name=mainForm] {
  margin: 0px;
}
body.app a[target=_blank]:not(:has(.fa-external-link, .fa-up-right-from-square)):not(:is(.md-icon-button, .md-button))::after {
  content: "\f35d";
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  padding-left: 0.2em;
  font-size: 0.7em;
  vertical-align: super;
  font-style: normal;
}
body.app .heading {
  display: flex;
  flex-direction: column;
}
body.app .heading span {
  display: block;
  font-weight: 400;
  font-size: 1em;
  font-family: Montserrat;
}
body.app .heading em {
  font-style: normal;
  display: block;
  font-size: 0.6em;
}
body.app .heading small {
  display: block;
  font-size: 0.6em;
  opacity: 0.5;
}
body.app .heading.h1 {
  font-size: 32px;
}
@media screen and (max-width: 640px) {
  body.app .heading.h1 {
    font-size: 20pt;
  }
}
body.app .heading .badge {
  display: inline-block;
  vertical-align: super;
  background: #4C8BF5;
  border-radius: 5px;
  font-size: 0.6em;
  padding: 5px;
  width: 1.2em;
  height: 1.2em;
  line-height: 0.6em;
  color: #fff;
  text-align: center;
}
body.app .privacy-policies {
  padding: 20px;
}
body.app.nav_user_panel_visible .app-navigation .user-panel {
  opacity: 1;
  pointer-events: auto;
}
body.app.nav_user_panel_visible .app-navigation .user-panel .content {
  width: 250px;
  height: 400px;
}
body.app label.placeholder {
  text-transform: uppercase;
  opacity: 0.5;
  font-size: 1.5rem;
  display: block;
  text-align: center;
  padding: 1em;
}
body.app .viewport {
  transition: 0.5s;
  position: relative;
  padding-top: 53px;
  overflow: hidden auto;
  overflow: hidden overlay;
  height: 100vh;
}
body.app .viewport md-backdrop {
  max-height: calc(100vh - 50px);
}
body.app .viewport > section {
  position: relative;
  min-height: calc(100vh - 60px);
}
body.app .viewport > section .view-content {
  overflow: auto;
  transition: 0.5s;
  height: 100%;
  display: grid;
  grid-template-rows: auto 1fr;
}
body.app .viewport > section .view-content .list-filter {
  padding: 5px 0px;
}
body.app .viewport > section .view-content .list-filter .container {
  position: relative;
}
body.app .viewport > section .view-content .list-filter i.fa {
  color: #aaa;
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 15px;
  transform: translateY(-50%);
}
body.app .viewport > section .view-content .list-filter input[type=search] {
  padding: 5px 10px 5px 35px;
  font-size: 15px;
  border: none;
  width: 100%;
}
body.app .viewport > section .view-content md-fab-toolbar {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 100%;
  pointer-events: none;
}
body.app .viewport > section .view-content md-fab-toolbar md-fab-trigger button.md-fab {
  pointer-events: auto;
}
body.app .viewport > section .view-content md-fab-toolbar md-toolbar md-fab-actions .md-fab-action-item {
  pointer-events: auto;
}
body.app .viewport.ng-leave, body.app .viewport.ng-enter {
  transition: 0.5s;
}
body.app .viewport.ng-leave {
  left: 0;
}
body.app .viewport.ng-leave.ng-leave-active {
  position: absolute;
  left: -1920px;
}
body.app .viewport.ng-enter {
  right: 0px;
}
body.app .viewport.ng-enter.ng-leave-active {
  position: absolute;
  right: -1920px;
}
body.app .viewport .editor-header {
  padding: 0 15px;
  position: relative;
  justify-content: space-between;
  align-content: center;
  align-items: center;
  color: #fff;
}
body.app .viewport .editor-header .h1 {
  margin: 0px;
}
@media screen and (max-width: 640px) {
  body.app .viewport .editor-header .actions {
    position: relative;
  }
}
body.app .viewport .editor-header .actions .md-button, body.app .viewport .editor-header .actions md-icon, body.app .viewport .editor-header .actions i {
  color: #fff;
}
body.app .viewport #context-menu {
  max-height: calc(100vh - 50px);
}
body.app .viewport label.huge {
  font-size: 45px;
  display: block;
}
body.app .viewport .floating-panel {
  position: fixed;
  right: 50px;
  top: 80px;
  text-align: center;
}
body.app .viewport [ng-click] {
  cursor: pointer;
}
body.app.nav_is_visible .viewport {
  padding-left: 300px;
}
body.app key {
  border: solid 1px currentColor;
  font-style: italic;
  display: inline-block;
  font-size: 0.6rem;
  line-height: 1;
  padding: 0.5em;
  border-radius: 0.25em;
  box-shadow: 1px 2px 0 2px currentColor;
  transform: translate(-2px, -5px);
  margin-inline: 0.1em;
}
body.app .list {
  overflow: hidden;
}
body.app .list-header {
  font-size: 0.8em;
  opacity: 0.8;
  padding-top: 0.5em;
  padding-bottom: 0.1em;
  font-style: italic;
  position: sticky;
  top: 0px;
  z-index: 100;
  place-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  text-align: left;
  text-transform: uppercase;
}
body.app .list-header:first-child::before {
  content: "";
  width: 200vw;
  top: -20px;
  left: -20vw;
  bottom: 0px;
  background: #fff;
  border-bottom: solid 1px rgba(0, 0, 0, 0.3333333333);
  position: absolute;
}
body.app .list-header:first-child::after {
  content: " ";
}
body.app .list-header .md-button {
  margin-top: 0px;
}
body.app md-input-container {
  margin: 30px 0 0;
}
body.app [disabled],
body.app .yo-disabled {
  pointer-events: none;
  opacity: 0.5;
}
body.app em.badge {
  background: #dc0e0e;
  color: #fff;
  font-size: 0.65rem;
  padding: 0.25em 0.5em;
  border-radius: 1rem;
  vertical-align: top;
}
body.app .image-container {
  position: relative;
  background: rgba(0, 0, 0, 0.05);
  width: 120px;
  height: 120px;
  border-radius: 5px;
  overflow: hidden;
  border: solid 1px rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
body.app .image-container img {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
body.app .image-container input[type=file] {
  cursor: pointer;
  opacity: 0;
  width: 250px;
  height: 350px;
  top: -100px;
  left: 0;
  position: absolute;
  display: block !important;
}
body.app .loading-panel {
  position: fixed;
  z-index: 99999999;
  transition: 0.25s;
  top: 0px;
  left: 0px;
  width: 100vw;
  height: 100vh;
  opacity: 0;
}
body.app .loading-panel .backdrop {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.25);
}
body.app .loading-panel .placeholder {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  font-size: 32px;
  text-shadow: black 0 0 100px;
  color: rgba(255, 255, 255, 0.75);
  text-transform: uppercase;
}
body.app .loading-panel .placeholder md-progress-circular {
  margin: 20px auto;
}
body.app .loading-panel.state_idle {
  pointer-events: none;
}
body.app .loading-panel.state_fetching {
  opacity: 1;
}
body.app .md-menu-backdrop,
body.app .md-select-backdrop {
  z-index: 999999994;
}
body.app .md-select-menu-container.md-active {
  z-index: 999999995;
}
body.app md-truncate, body.app [md-truncate] {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
body.app md-icon[role=button] {
  cursor: pointer;
  outline: none;
}
body.app md-icon.fal, body.app md-icon.fas, body.app md-icon.fab, body.app md-icon.far, body.app md-icon.fad {
  font-size: 20px;
  line-height: 1.25em;
}
body.app md-toolbar.md-menu-toolbar {
  background-color: #f8f8f8;
  position: sticky;
  top: 0px;
}
body.app md-bottom-sheet {
  position: fixed;
  max-height: calc(100vh - 60px);
  overflow-y: auto;
}
@media screen and (max-width: 640px) {
  body.app md-bottom-sheet {
    max-height: 100vh;
  }
}
body.app md-bottom-sheet container {
  position: relative;
}
body.app.md-dialog-is-showing .md-dialog-backdrop {
  z-index: 999999993;
}
body.app .md-dialog-container {
  z-index: 999999993;
}
body.app md-card-header, body.app md-card-header-text {
  overflow: hidden;
}
body.app .limit-text-overflow {
  display: block;
}
body.app .limit-text-overflow * {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
body.app .md-avatar {
  width: 32px;
  height: 32px;
  position: relative;
  overflow: hidden;
  border-radius: 100%;
  margin: 5px;
}
body.app .md-avatar img {
  min-width: 100%;
  max-height: 100%;
}
body.app md-chips .md-chip-input-container:first-child {
  width: 100%;
}
body.app md-chips .md-chip-input-container:first-child .md-input {
  width: 100%;
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="1"] {
    min-height: 1%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="1"] {
    min-height: 1%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="1"] {
    min-height: 1%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="1"] {
    min-height: 1%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="2"] {
    min-height: 2%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="2"] {
    min-height: 2%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="2"] {
    min-height: 2%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="2"] {
    min-height: 2%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="3"] {
    min-height: 3%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="3"] {
    min-height: 3%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="3"] {
    min-height: 3%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="3"] {
    min-height: 3%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="4"] {
    min-height: 4%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="4"] {
    min-height: 4%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="4"] {
    min-height: 4%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="4"] {
    min-height: 4%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="5"] {
    min-height: 5%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="5"] {
    min-height: 5%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="5"] {
    min-height: 5%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="5"] {
    min-height: 5%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="6"] {
    min-height: 6%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="6"] {
    min-height: 6%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="6"] {
    min-height: 6%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="6"] {
    min-height: 6%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="7"] {
    min-height: 7%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="7"] {
    min-height: 7%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="7"] {
    min-height: 7%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="7"] {
    min-height: 7%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="8"] {
    min-height: 8%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="8"] {
    min-height: 8%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="8"] {
    min-height: 8%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="8"] {
    min-height: 8%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="9"] {
    min-height: 9%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="9"] {
    min-height: 9%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="9"] {
    min-height: 9%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="9"] {
    min-height: 9%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="10"] {
    min-height: 10%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="10"] {
    min-height: 10%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="10"] {
    min-height: 10%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="10"] {
    min-height: 10%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="11"] {
    min-height: 11%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="11"] {
    min-height: 11%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="11"] {
    min-height: 11%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="11"] {
    min-height: 11%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="12"] {
    min-height: 12%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="12"] {
    min-height: 12%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="12"] {
    min-height: 12%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="12"] {
    min-height: 12%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="13"] {
    min-height: 13%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="13"] {
    min-height: 13%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="13"] {
    min-height: 13%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="13"] {
    min-height: 13%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="14"] {
    min-height: 14%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="14"] {
    min-height: 14%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="14"] {
    min-height: 14%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="14"] {
    min-height: 14%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="15"] {
    min-height: 15%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="15"] {
    min-height: 15%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="15"] {
    min-height: 15%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="15"] {
    min-height: 15%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="16"] {
    min-height: 16%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="16"] {
    min-height: 16%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="16"] {
    min-height: 16%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="16"] {
    min-height: 16%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="17"] {
    min-height: 17%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="17"] {
    min-height: 17%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="17"] {
    min-height: 17%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="17"] {
    min-height: 17%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="18"] {
    min-height: 18%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="18"] {
    min-height: 18%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="18"] {
    min-height: 18%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="18"] {
    min-height: 18%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="19"] {
    min-height: 19%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="19"] {
    min-height: 19%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="19"] {
    min-height: 19%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="19"] {
    min-height: 19%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="20"] {
    min-height: 20%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="20"] {
    min-height: 20%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="20"] {
    min-height: 20%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="20"] {
    min-height: 20%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="21"] {
    min-height: 21%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="21"] {
    min-height: 21%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="21"] {
    min-height: 21%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="21"] {
    min-height: 21%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="22"] {
    min-height: 22%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="22"] {
    min-height: 22%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="22"] {
    min-height: 22%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="22"] {
    min-height: 22%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="23"] {
    min-height: 23%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="23"] {
    min-height: 23%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="23"] {
    min-height: 23%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="23"] {
    min-height: 23%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="24"] {
    min-height: 24%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="24"] {
    min-height: 24%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="24"] {
    min-height: 24%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="24"] {
    min-height: 24%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="25"] {
    min-height: 25%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="25"] {
    min-height: 25%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="25"] {
    min-height: 25%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="25"] {
    min-height: 25%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="26"] {
    min-height: 26%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="26"] {
    min-height: 26%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="26"] {
    min-height: 26%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="26"] {
    min-height: 26%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="27"] {
    min-height: 27%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="27"] {
    min-height: 27%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="27"] {
    min-height: 27%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="27"] {
    min-height: 27%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="28"] {
    min-height: 28%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="28"] {
    min-height: 28%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="28"] {
    min-height: 28%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="28"] {
    min-height: 28%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="29"] {
    min-height: 29%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="29"] {
    min-height: 29%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="29"] {
    min-height: 29%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="29"] {
    min-height: 29%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="30"] {
    min-height: 30%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="30"] {
    min-height: 30%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="30"] {
    min-height: 30%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="30"] {
    min-height: 30%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="31"] {
    min-height: 31%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="31"] {
    min-height: 31%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="31"] {
    min-height: 31%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="31"] {
    min-height: 31%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="32"] {
    min-height: 32%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="32"] {
    min-height: 32%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="32"] {
    min-height: 32%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="32"] {
    min-height: 32%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="33"] {
    min-height: 33%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="33"] {
    min-height: 33%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="33"] {
    min-height: 33%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="33"] {
    min-height: 33%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="34"] {
    min-height: 34%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="34"] {
    min-height: 34%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="34"] {
    min-height: 34%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="34"] {
    min-height: 34%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="35"] {
    min-height: 35%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="35"] {
    min-height: 35%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="35"] {
    min-height: 35%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="35"] {
    min-height: 35%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="36"] {
    min-height: 36%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="36"] {
    min-height: 36%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="36"] {
    min-height: 36%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="36"] {
    min-height: 36%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="37"] {
    min-height: 37%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="37"] {
    min-height: 37%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="37"] {
    min-height: 37%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="37"] {
    min-height: 37%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="38"] {
    min-height: 38%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="38"] {
    min-height: 38%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="38"] {
    min-height: 38%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="38"] {
    min-height: 38%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="39"] {
    min-height: 39%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="39"] {
    min-height: 39%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="39"] {
    min-height: 39%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="39"] {
    min-height: 39%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="40"] {
    min-height: 40%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="40"] {
    min-height: 40%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="40"] {
    min-height: 40%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="40"] {
    min-height: 40%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="41"] {
    min-height: 41%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="41"] {
    min-height: 41%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="41"] {
    min-height: 41%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="41"] {
    min-height: 41%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="42"] {
    min-height: 42%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="42"] {
    min-height: 42%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="42"] {
    min-height: 42%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="42"] {
    min-height: 42%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="43"] {
    min-height: 43%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="43"] {
    min-height: 43%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="43"] {
    min-height: 43%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="43"] {
    min-height: 43%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="44"] {
    min-height: 44%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="44"] {
    min-height: 44%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="44"] {
    min-height: 44%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="44"] {
    min-height: 44%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="45"] {
    min-height: 45%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="45"] {
    min-height: 45%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="45"] {
    min-height: 45%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="45"] {
    min-height: 45%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="46"] {
    min-height: 46%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="46"] {
    min-height: 46%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="46"] {
    min-height: 46%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="46"] {
    min-height: 46%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="47"] {
    min-height: 47%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="47"] {
    min-height: 47%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="47"] {
    min-height: 47%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="47"] {
    min-height: 47%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="48"] {
    min-height: 48%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="48"] {
    min-height: 48%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="48"] {
    min-height: 48%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="48"] {
    min-height: 48%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="49"] {
    min-height: 49%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="49"] {
    min-height: 49%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="49"] {
    min-height: 49%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="49"] {
    min-height: 49%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="50"] {
    min-height: 50%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="50"] {
    min-height: 50%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="50"] {
    min-height: 50%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="50"] {
    min-height: 50%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="51"] {
    min-height: 51%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="51"] {
    min-height: 51%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="51"] {
    min-height: 51%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="51"] {
    min-height: 51%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="52"] {
    min-height: 52%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="52"] {
    min-height: 52%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="52"] {
    min-height: 52%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="52"] {
    min-height: 52%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="53"] {
    min-height: 53%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="53"] {
    min-height: 53%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="53"] {
    min-height: 53%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="53"] {
    min-height: 53%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="54"] {
    min-height: 54%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="54"] {
    min-height: 54%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="54"] {
    min-height: 54%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="54"] {
    min-height: 54%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="55"] {
    min-height: 55%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="55"] {
    min-height: 55%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="55"] {
    min-height: 55%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="55"] {
    min-height: 55%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="56"] {
    min-height: 56%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="56"] {
    min-height: 56%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="56"] {
    min-height: 56%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="56"] {
    min-height: 56%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="57"] {
    min-height: 57%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="57"] {
    min-height: 57%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="57"] {
    min-height: 57%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="57"] {
    min-height: 57%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="58"] {
    min-height: 58%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="58"] {
    min-height: 58%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="58"] {
    min-height: 58%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="58"] {
    min-height: 58%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="59"] {
    min-height: 59%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="59"] {
    min-height: 59%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="59"] {
    min-height: 59%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="59"] {
    min-height: 59%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="60"] {
    min-height: 60%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="60"] {
    min-height: 60%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="60"] {
    min-height: 60%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="60"] {
    min-height: 60%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="61"] {
    min-height: 61%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="61"] {
    min-height: 61%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="61"] {
    min-height: 61%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="61"] {
    min-height: 61%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="62"] {
    min-height: 62%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="62"] {
    min-height: 62%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="62"] {
    min-height: 62%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="62"] {
    min-height: 62%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="63"] {
    min-height: 63%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="63"] {
    min-height: 63%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="63"] {
    min-height: 63%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="63"] {
    min-height: 63%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="64"] {
    min-height: 64%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="64"] {
    min-height: 64%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="64"] {
    min-height: 64%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="64"] {
    min-height: 64%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="65"] {
    min-height: 65%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="65"] {
    min-height: 65%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="65"] {
    min-height: 65%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="65"] {
    min-height: 65%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="66"] {
    min-height: 66%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="66"] {
    min-height: 66%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="66"] {
    min-height: 66%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="66"] {
    min-height: 66%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="67"] {
    min-height: 67%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="67"] {
    min-height: 67%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="67"] {
    min-height: 67%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="67"] {
    min-height: 67%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="68"] {
    min-height: 68%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="68"] {
    min-height: 68%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="68"] {
    min-height: 68%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="68"] {
    min-height: 68%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="69"] {
    min-height: 69%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="69"] {
    min-height: 69%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="69"] {
    min-height: 69%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="69"] {
    min-height: 69%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="70"] {
    min-height: 70%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="70"] {
    min-height: 70%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="70"] {
    min-height: 70%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="70"] {
    min-height: 70%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="71"] {
    min-height: 71%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="71"] {
    min-height: 71%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="71"] {
    min-height: 71%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="71"] {
    min-height: 71%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="72"] {
    min-height: 72%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="72"] {
    min-height: 72%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="72"] {
    min-height: 72%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="72"] {
    min-height: 72%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="73"] {
    min-height: 73%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="73"] {
    min-height: 73%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="73"] {
    min-height: 73%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="73"] {
    min-height: 73%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="74"] {
    min-height: 74%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="74"] {
    min-height: 74%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="74"] {
    min-height: 74%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="74"] {
    min-height: 74%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="75"] {
    min-height: 75%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="75"] {
    min-height: 75%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="75"] {
    min-height: 75%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="75"] {
    min-height: 75%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="76"] {
    min-height: 76%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="76"] {
    min-height: 76%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="76"] {
    min-height: 76%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="76"] {
    min-height: 76%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="77"] {
    min-height: 77%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="77"] {
    min-height: 77%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="77"] {
    min-height: 77%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="77"] {
    min-height: 77%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="78"] {
    min-height: 78%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="78"] {
    min-height: 78%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="78"] {
    min-height: 78%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="78"] {
    min-height: 78%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="79"] {
    min-height: 79%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="79"] {
    min-height: 79%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="79"] {
    min-height: 79%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="79"] {
    min-height: 79%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="80"] {
    min-height: 80%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="80"] {
    min-height: 80%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="80"] {
    min-height: 80%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="80"] {
    min-height: 80%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="81"] {
    min-height: 81%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="81"] {
    min-height: 81%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="81"] {
    min-height: 81%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="81"] {
    min-height: 81%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="82"] {
    min-height: 82%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="82"] {
    min-height: 82%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="82"] {
    min-height: 82%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="82"] {
    min-height: 82%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="83"] {
    min-height: 83%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="83"] {
    min-height: 83%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="83"] {
    min-height: 83%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="83"] {
    min-height: 83%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="84"] {
    min-height: 84%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="84"] {
    min-height: 84%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="84"] {
    min-height: 84%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="84"] {
    min-height: 84%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="85"] {
    min-height: 85%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="85"] {
    min-height: 85%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="85"] {
    min-height: 85%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="85"] {
    min-height: 85%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="86"] {
    min-height: 86%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="86"] {
    min-height: 86%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="86"] {
    min-height: 86%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="86"] {
    min-height: 86%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="87"] {
    min-height: 87%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="87"] {
    min-height: 87%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="87"] {
    min-height: 87%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="87"] {
    min-height: 87%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="88"] {
    min-height: 88%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="88"] {
    min-height: 88%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="88"] {
    min-height: 88%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="88"] {
    min-height: 88%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="89"] {
    min-height: 89%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="89"] {
    min-height: 89%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="89"] {
    min-height: 89%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="89"] {
    min-height: 89%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="90"] {
    min-height: 90%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="90"] {
    min-height: 90%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="90"] {
    min-height: 90%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="90"] {
    min-height: 90%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="91"] {
    min-height: 91%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="91"] {
    min-height: 91%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="91"] {
    min-height: 91%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="91"] {
    min-height: 91%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="92"] {
    min-height: 92%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="92"] {
    min-height: 92%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="92"] {
    min-height: 92%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="92"] {
    min-height: 92%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="93"] {
    min-height: 93%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="93"] {
    min-height: 93%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="93"] {
    min-height: 93%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="93"] {
    min-height: 93%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="94"] {
    min-height: 94%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="94"] {
    min-height: 94%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="94"] {
    min-height: 94%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="94"] {
    min-height: 94%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="95"] {
    min-height: 95%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="95"] {
    min-height: 95%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="95"] {
    min-height: 95%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="95"] {
    min-height: 95%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="96"] {
    min-height: 96%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="96"] {
    min-height: 96%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="96"] {
    min-height: 96%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="96"] {
    min-height: 96%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="97"] {
    min-height: 97%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="97"] {
    min-height: 97%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="97"] {
    min-height: 97%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="97"] {
    min-height: 97%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="98"] {
    min-height: 98%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="98"] {
    min-height: 98%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="98"] {
    min-height: 98%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="98"] {
    min-height: 98%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="99"] {
    min-height: 99%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="99"] {
    min-height: 99%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="99"] {
    min-height: 99%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="99"] {
    min-height: 99%;
  }
}
@media screen and (min-width: 1920px) {
  body.app [layout=column] [flex-gt-lg="100"] {
    min-height: 100%;
  }
}
@media screen and (min-width: 1280px) {
  body.app [layout=column] [flex-gt-md="100"] {
    min-height: 100%;
  }
}
@media screen and (min-width: 960px) {
  body.app [layout=column] [flex-gt-sm="100"] {
    min-height: 100%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout=column] [flex-gt-xs="100"] {
    min-height: 100%;
  }
}
body.app md-sidenav,
body.app md-sidenav.md-locked-open,
body.app md-sidenav.md-closed.md-locked-open-add-active {
  min-width: 322px;
  width: auto !important;
  max-width: none !important;
  max-height: calc(100vh - 50px);
}
body.app .md-open-menu-container {
  z-index: 999999999;
}
body.app .md-select-menu-container {
  z-index: 999999999;
}
body.app md-card-content .card-media {
  overflow: hidden;
}
body.app md-card-content .card-media img {
  max-width: 100%;
  min-height: 100%;
}
body.app md-icon.fab {
  font-family: Font Awesome\ 6 Brands;
}
body.app md-icon.fa, body.app md-icon.fal, body.app md-icon.far, body.app md-icon.fas {
  font-family: Font Awesome\ 6 Pro;
}
body.app md-icon.fal {
  font-weight: 200;
}
body.app md-icon.far {
  font-weight: 300;
}
body.app md-icon.fas {
  font-weight: 900;
}
body.app id3-data-container {
  display: block;
  font-size: 15px;
  color: #333;
}
body.app id3-data-container label {
  display: block;
  font-weight: 400;
  font-size: 0.8em;
  margin: 0px;
  opacity: 0.75;
}
body.app id3-data-container id3-data {
  display: block;
  font-weight: 500;
}
body.app [layout-margin-left="1"] {
  margin-left: 1%;
}
body.app [layout-margin-right="1"] {
  margin-right: 1%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="1"] {
    margin-left: 1%;
  }
  body.app [layout-margin-right-xs="1"] {
    margin-right: 1%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="1"] {
    margin-left: 1%;
  }
  body.app [layout-margin-right-gt-xs="1"] {
    margin-right: 1%;
  }
}
body.app [layout-margin-left="2"] {
  margin-left: 2%;
}
body.app [layout-margin-right="2"] {
  margin-right: 2%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="2"] {
    margin-left: 2%;
  }
  body.app [layout-margin-right-xs="2"] {
    margin-right: 2%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="2"] {
    margin-left: 2%;
  }
  body.app [layout-margin-right-gt-xs="2"] {
    margin-right: 2%;
  }
}
body.app [layout-margin-left="3"] {
  margin-left: 3%;
}
body.app [layout-margin-right="3"] {
  margin-right: 3%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="3"] {
    margin-left: 3%;
  }
  body.app [layout-margin-right-xs="3"] {
    margin-right: 3%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="3"] {
    margin-left: 3%;
  }
  body.app [layout-margin-right-gt-xs="3"] {
    margin-right: 3%;
  }
}
body.app [layout-margin-left="4"] {
  margin-left: 4%;
}
body.app [layout-margin-right="4"] {
  margin-right: 4%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="4"] {
    margin-left: 4%;
  }
  body.app [layout-margin-right-xs="4"] {
    margin-right: 4%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="4"] {
    margin-left: 4%;
  }
  body.app [layout-margin-right-gt-xs="4"] {
    margin-right: 4%;
  }
}
body.app [layout-margin-left="5"] {
  margin-left: 5%;
}
body.app [layout-margin-right="5"] {
  margin-right: 5%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="5"] {
    margin-left: 5%;
  }
  body.app [layout-margin-right-xs="5"] {
    margin-right: 5%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="5"] {
    margin-left: 5%;
  }
  body.app [layout-margin-right-gt-xs="5"] {
    margin-right: 5%;
  }
}
body.app [layout-margin-left="6"] {
  margin-left: 6%;
}
body.app [layout-margin-right="6"] {
  margin-right: 6%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="6"] {
    margin-left: 6%;
  }
  body.app [layout-margin-right-xs="6"] {
    margin-right: 6%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="6"] {
    margin-left: 6%;
  }
  body.app [layout-margin-right-gt-xs="6"] {
    margin-right: 6%;
  }
}
body.app [layout-margin-left="7"] {
  margin-left: 7%;
}
body.app [layout-margin-right="7"] {
  margin-right: 7%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="7"] {
    margin-left: 7%;
  }
  body.app [layout-margin-right-xs="7"] {
    margin-right: 7%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="7"] {
    margin-left: 7%;
  }
  body.app [layout-margin-right-gt-xs="7"] {
    margin-right: 7%;
  }
}
body.app [layout-margin-left="8"] {
  margin-left: 8%;
}
body.app [layout-margin-right="8"] {
  margin-right: 8%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="8"] {
    margin-left: 8%;
  }
  body.app [layout-margin-right-xs="8"] {
    margin-right: 8%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="8"] {
    margin-left: 8%;
  }
  body.app [layout-margin-right-gt-xs="8"] {
    margin-right: 8%;
  }
}
body.app [layout-margin-left="9"] {
  margin-left: 9%;
}
body.app [layout-margin-right="9"] {
  margin-right: 9%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="9"] {
    margin-left: 9%;
  }
  body.app [layout-margin-right-xs="9"] {
    margin-right: 9%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="9"] {
    margin-left: 9%;
  }
  body.app [layout-margin-right-gt-xs="9"] {
    margin-right: 9%;
  }
}
body.app [layout-margin-left="10"] {
  margin-left: 10%;
}
body.app [layout-margin-right="10"] {
  margin-right: 10%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="10"] {
    margin-left: 10%;
  }
  body.app [layout-margin-right-xs="10"] {
    margin-right: 10%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="10"] {
    margin-left: 10%;
  }
  body.app [layout-margin-right-gt-xs="10"] {
    margin-right: 10%;
  }
}
body.app [layout-margin-left="11"] {
  margin-left: 11%;
}
body.app [layout-margin-right="11"] {
  margin-right: 11%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="11"] {
    margin-left: 11%;
  }
  body.app [layout-margin-right-xs="11"] {
    margin-right: 11%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="11"] {
    margin-left: 11%;
  }
  body.app [layout-margin-right-gt-xs="11"] {
    margin-right: 11%;
  }
}
body.app [layout-margin-left="12"] {
  margin-left: 12%;
}
body.app [layout-margin-right="12"] {
  margin-right: 12%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="12"] {
    margin-left: 12%;
  }
  body.app [layout-margin-right-xs="12"] {
    margin-right: 12%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="12"] {
    margin-left: 12%;
  }
  body.app [layout-margin-right-gt-xs="12"] {
    margin-right: 12%;
  }
}
body.app [layout-margin-left="13"] {
  margin-left: 13%;
}
body.app [layout-margin-right="13"] {
  margin-right: 13%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="13"] {
    margin-left: 13%;
  }
  body.app [layout-margin-right-xs="13"] {
    margin-right: 13%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="13"] {
    margin-left: 13%;
  }
  body.app [layout-margin-right-gt-xs="13"] {
    margin-right: 13%;
  }
}
body.app [layout-margin-left="14"] {
  margin-left: 14%;
}
body.app [layout-margin-right="14"] {
  margin-right: 14%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="14"] {
    margin-left: 14%;
  }
  body.app [layout-margin-right-xs="14"] {
    margin-right: 14%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="14"] {
    margin-left: 14%;
  }
  body.app [layout-margin-right-gt-xs="14"] {
    margin-right: 14%;
  }
}
body.app [layout-margin-left="15"] {
  margin-left: 15%;
}
body.app [layout-margin-right="15"] {
  margin-right: 15%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="15"] {
    margin-left: 15%;
  }
  body.app [layout-margin-right-xs="15"] {
    margin-right: 15%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="15"] {
    margin-left: 15%;
  }
  body.app [layout-margin-right-gt-xs="15"] {
    margin-right: 15%;
  }
}
body.app [layout-margin-left="16"] {
  margin-left: 16%;
}
body.app [layout-margin-right="16"] {
  margin-right: 16%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="16"] {
    margin-left: 16%;
  }
  body.app [layout-margin-right-xs="16"] {
    margin-right: 16%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="16"] {
    margin-left: 16%;
  }
  body.app [layout-margin-right-gt-xs="16"] {
    margin-right: 16%;
  }
}
body.app [layout-margin-left="17"] {
  margin-left: 17%;
}
body.app [layout-margin-right="17"] {
  margin-right: 17%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="17"] {
    margin-left: 17%;
  }
  body.app [layout-margin-right-xs="17"] {
    margin-right: 17%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="17"] {
    margin-left: 17%;
  }
  body.app [layout-margin-right-gt-xs="17"] {
    margin-right: 17%;
  }
}
body.app [layout-margin-left="18"] {
  margin-left: 18%;
}
body.app [layout-margin-right="18"] {
  margin-right: 18%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="18"] {
    margin-left: 18%;
  }
  body.app [layout-margin-right-xs="18"] {
    margin-right: 18%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="18"] {
    margin-left: 18%;
  }
  body.app [layout-margin-right-gt-xs="18"] {
    margin-right: 18%;
  }
}
body.app [layout-margin-left="19"] {
  margin-left: 19%;
}
body.app [layout-margin-right="19"] {
  margin-right: 19%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="19"] {
    margin-left: 19%;
  }
  body.app [layout-margin-right-xs="19"] {
    margin-right: 19%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="19"] {
    margin-left: 19%;
  }
  body.app [layout-margin-right-gt-xs="19"] {
    margin-right: 19%;
  }
}
body.app [layout-margin-left="20"] {
  margin-left: 20%;
}
body.app [layout-margin-right="20"] {
  margin-right: 20%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="20"] {
    margin-left: 20%;
  }
  body.app [layout-margin-right-xs="20"] {
    margin-right: 20%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="20"] {
    margin-left: 20%;
  }
  body.app [layout-margin-right-gt-xs="20"] {
    margin-right: 20%;
  }
}
body.app [layout-margin-left="21"] {
  margin-left: 21%;
}
body.app [layout-margin-right="21"] {
  margin-right: 21%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="21"] {
    margin-left: 21%;
  }
  body.app [layout-margin-right-xs="21"] {
    margin-right: 21%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="21"] {
    margin-left: 21%;
  }
  body.app [layout-margin-right-gt-xs="21"] {
    margin-right: 21%;
  }
}
body.app [layout-margin-left="22"] {
  margin-left: 22%;
}
body.app [layout-margin-right="22"] {
  margin-right: 22%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="22"] {
    margin-left: 22%;
  }
  body.app [layout-margin-right-xs="22"] {
    margin-right: 22%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="22"] {
    margin-left: 22%;
  }
  body.app [layout-margin-right-gt-xs="22"] {
    margin-right: 22%;
  }
}
body.app [layout-margin-left="23"] {
  margin-left: 23%;
}
body.app [layout-margin-right="23"] {
  margin-right: 23%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="23"] {
    margin-left: 23%;
  }
  body.app [layout-margin-right-xs="23"] {
    margin-right: 23%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="23"] {
    margin-left: 23%;
  }
  body.app [layout-margin-right-gt-xs="23"] {
    margin-right: 23%;
  }
}
body.app [layout-margin-left="24"] {
  margin-left: 24%;
}
body.app [layout-margin-right="24"] {
  margin-right: 24%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="24"] {
    margin-left: 24%;
  }
  body.app [layout-margin-right-xs="24"] {
    margin-right: 24%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="24"] {
    margin-left: 24%;
  }
  body.app [layout-margin-right-gt-xs="24"] {
    margin-right: 24%;
  }
}
body.app [layout-margin-left="25"] {
  margin-left: 25%;
}
body.app [layout-margin-right="25"] {
  margin-right: 25%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="25"] {
    margin-left: 25%;
  }
  body.app [layout-margin-right-xs="25"] {
    margin-right: 25%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="25"] {
    margin-left: 25%;
  }
  body.app [layout-margin-right-gt-xs="25"] {
    margin-right: 25%;
  }
}
body.app [layout-margin-left="26"] {
  margin-left: 26%;
}
body.app [layout-margin-right="26"] {
  margin-right: 26%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="26"] {
    margin-left: 26%;
  }
  body.app [layout-margin-right-xs="26"] {
    margin-right: 26%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="26"] {
    margin-left: 26%;
  }
  body.app [layout-margin-right-gt-xs="26"] {
    margin-right: 26%;
  }
}
body.app [layout-margin-left="27"] {
  margin-left: 27%;
}
body.app [layout-margin-right="27"] {
  margin-right: 27%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="27"] {
    margin-left: 27%;
  }
  body.app [layout-margin-right-xs="27"] {
    margin-right: 27%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="27"] {
    margin-left: 27%;
  }
  body.app [layout-margin-right-gt-xs="27"] {
    margin-right: 27%;
  }
}
body.app [layout-margin-left="28"] {
  margin-left: 28%;
}
body.app [layout-margin-right="28"] {
  margin-right: 28%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="28"] {
    margin-left: 28%;
  }
  body.app [layout-margin-right-xs="28"] {
    margin-right: 28%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="28"] {
    margin-left: 28%;
  }
  body.app [layout-margin-right-gt-xs="28"] {
    margin-right: 28%;
  }
}
body.app [layout-margin-left="29"] {
  margin-left: 29%;
}
body.app [layout-margin-right="29"] {
  margin-right: 29%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="29"] {
    margin-left: 29%;
  }
  body.app [layout-margin-right-xs="29"] {
    margin-right: 29%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="29"] {
    margin-left: 29%;
  }
  body.app [layout-margin-right-gt-xs="29"] {
    margin-right: 29%;
  }
}
body.app [layout-margin-left="30"] {
  margin-left: 30%;
}
body.app [layout-margin-right="30"] {
  margin-right: 30%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="30"] {
    margin-left: 30%;
  }
  body.app [layout-margin-right-xs="30"] {
    margin-right: 30%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="30"] {
    margin-left: 30%;
  }
  body.app [layout-margin-right-gt-xs="30"] {
    margin-right: 30%;
  }
}
body.app [layout-margin-left="31"] {
  margin-left: 31%;
}
body.app [layout-margin-right="31"] {
  margin-right: 31%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="31"] {
    margin-left: 31%;
  }
  body.app [layout-margin-right-xs="31"] {
    margin-right: 31%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="31"] {
    margin-left: 31%;
  }
  body.app [layout-margin-right-gt-xs="31"] {
    margin-right: 31%;
  }
}
body.app [layout-margin-left="32"] {
  margin-left: 32%;
}
body.app [layout-margin-right="32"] {
  margin-right: 32%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="32"] {
    margin-left: 32%;
  }
  body.app [layout-margin-right-xs="32"] {
    margin-right: 32%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="32"] {
    margin-left: 32%;
  }
  body.app [layout-margin-right-gt-xs="32"] {
    margin-right: 32%;
  }
}
body.app [layout-margin-left="33"] {
  margin-left: 33%;
}
body.app [layout-margin-right="33"] {
  margin-right: 33%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="33"] {
    margin-left: 33%;
  }
  body.app [layout-margin-right-xs="33"] {
    margin-right: 33%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="33"] {
    margin-left: 33%;
  }
  body.app [layout-margin-right-gt-xs="33"] {
    margin-right: 33%;
  }
}
body.app [layout-margin-left="34"] {
  margin-left: 34%;
}
body.app [layout-margin-right="34"] {
  margin-right: 34%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="34"] {
    margin-left: 34%;
  }
  body.app [layout-margin-right-xs="34"] {
    margin-right: 34%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="34"] {
    margin-left: 34%;
  }
  body.app [layout-margin-right-gt-xs="34"] {
    margin-right: 34%;
  }
}
body.app [layout-margin-left="35"] {
  margin-left: 35%;
}
body.app [layout-margin-right="35"] {
  margin-right: 35%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="35"] {
    margin-left: 35%;
  }
  body.app [layout-margin-right-xs="35"] {
    margin-right: 35%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="35"] {
    margin-left: 35%;
  }
  body.app [layout-margin-right-gt-xs="35"] {
    margin-right: 35%;
  }
}
body.app [layout-margin-left="36"] {
  margin-left: 36%;
}
body.app [layout-margin-right="36"] {
  margin-right: 36%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="36"] {
    margin-left: 36%;
  }
  body.app [layout-margin-right-xs="36"] {
    margin-right: 36%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="36"] {
    margin-left: 36%;
  }
  body.app [layout-margin-right-gt-xs="36"] {
    margin-right: 36%;
  }
}
body.app [layout-margin-left="37"] {
  margin-left: 37%;
}
body.app [layout-margin-right="37"] {
  margin-right: 37%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="37"] {
    margin-left: 37%;
  }
  body.app [layout-margin-right-xs="37"] {
    margin-right: 37%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="37"] {
    margin-left: 37%;
  }
  body.app [layout-margin-right-gt-xs="37"] {
    margin-right: 37%;
  }
}
body.app [layout-margin-left="38"] {
  margin-left: 38%;
}
body.app [layout-margin-right="38"] {
  margin-right: 38%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="38"] {
    margin-left: 38%;
  }
  body.app [layout-margin-right-xs="38"] {
    margin-right: 38%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="38"] {
    margin-left: 38%;
  }
  body.app [layout-margin-right-gt-xs="38"] {
    margin-right: 38%;
  }
}
body.app [layout-margin-left="39"] {
  margin-left: 39%;
}
body.app [layout-margin-right="39"] {
  margin-right: 39%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="39"] {
    margin-left: 39%;
  }
  body.app [layout-margin-right-xs="39"] {
    margin-right: 39%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="39"] {
    margin-left: 39%;
  }
  body.app [layout-margin-right-gt-xs="39"] {
    margin-right: 39%;
  }
}
body.app [layout-margin-left="40"] {
  margin-left: 40%;
}
body.app [layout-margin-right="40"] {
  margin-right: 40%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="40"] {
    margin-left: 40%;
  }
  body.app [layout-margin-right-xs="40"] {
    margin-right: 40%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="40"] {
    margin-left: 40%;
  }
  body.app [layout-margin-right-gt-xs="40"] {
    margin-right: 40%;
  }
}
body.app [layout-margin-left="41"] {
  margin-left: 41%;
}
body.app [layout-margin-right="41"] {
  margin-right: 41%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="41"] {
    margin-left: 41%;
  }
  body.app [layout-margin-right-xs="41"] {
    margin-right: 41%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="41"] {
    margin-left: 41%;
  }
  body.app [layout-margin-right-gt-xs="41"] {
    margin-right: 41%;
  }
}
body.app [layout-margin-left="42"] {
  margin-left: 42%;
}
body.app [layout-margin-right="42"] {
  margin-right: 42%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="42"] {
    margin-left: 42%;
  }
  body.app [layout-margin-right-xs="42"] {
    margin-right: 42%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="42"] {
    margin-left: 42%;
  }
  body.app [layout-margin-right-gt-xs="42"] {
    margin-right: 42%;
  }
}
body.app [layout-margin-left="43"] {
  margin-left: 43%;
}
body.app [layout-margin-right="43"] {
  margin-right: 43%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="43"] {
    margin-left: 43%;
  }
  body.app [layout-margin-right-xs="43"] {
    margin-right: 43%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="43"] {
    margin-left: 43%;
  }
  body.app [layout-margin-right-gt-xs="43"] {
    margin-right: 43%;
  }
}
body.app [layout-margin-left="44"] {
  margin-left: 44%;
}
body.app [layout-margin-right="44"] {
  margin-right: 44%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="44"] {
    margin-left: 44%;
  }
  body.app [layout-margin-right-xs="44"] {
    margin-right: 44%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="44"] {
    margin-left: 44%;
  }
  body.app [layout-margin-right-gt-xs="44"] {
    margin-right: 44%;
  }
}
body.app [layout-margin-left="45"] {
  margin-left: 45%;
}
body.app [layout-margin-right="45"] {
  margin-right: 45%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="45"] {
    margin-left: 45%;
  }
  body.app [layout-margin-right-xs="45"] {
    margin-right: 45%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="45"] {
    margin-left: 45%;
  }
  body.app [layout-margin-right-gt-xs="45"] {
    margin-right: 45%;
  }
}
body.app [layout-margin-left="46"] {
  margin-left: 46%;
}
body.app [layout-margin-right="46"] {
  margin-right: 46%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="46"] {
    margin-left: 46%;
  }
  body.app [layout-margin-right-xs="46"] {
    margin-right: 46%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="46"] {
    margin-left: 46%;
  }
  body.app [layout-margin-right-gt-xs="46"] {
    margin-right: 46%;
  }
}
body.app [layout-margin-left="47"] {
  margin-left: 47%;
}
body.app [layout-margin-right="47"] {
  margin-right: 47%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="47"] {
    margin-left: 47%;
  }
  body.app [layout-margin-right-xs="47"] {
    margin-right: 47%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="47"] {
    margin-left: 47%;
  }
  body.app [layout-margin-right-gt-xs="47"] {
    margin-right: 47%;
  }
}
body.app [layout-margin-left="48"] {
  margin-left: 48%;
}
body.app [layout-margin-right="48"] {
  margin-right: 48%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="48"] {
    margin-left: 48%;
  }
  body.app [layout-margin-right-xs="48"] {
    margin-right: 48%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="48"] {
    margin-left: 48%;
  }
  body.app [layout-margin-right-gt-xs="48"] {
    margin-right: 48%;
  }
}
body.app [layout-margin-left="49"] {
  margin-left: 49%;
}
body.app [layout-margin-right="49"] {
  margin-right: 49%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="49"] {
    margin-left: 49%;
  }
  body.app [layout-margin-right-xs="49"] {
    margin-right: 49%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="49"] {
    margin-left: 49%;
  }
  body.app [layout-margin-right-gt-xs="49"] {
    margin-right: 49%;
  }
}
body.app [layout-margin-left="50"] {
  margin-left: 50%;
}
body.app [layout-margin-right="50"] {
  margin-right: 50%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="50"] {
    margin-left: 50%;
  }
  body.app [layout-margin-right-xs="50"] {
    margin-right: 50%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="50"] {
    margin-left: 50%;
  }
  body.app [layout-margin-right-gt-xs="50"] {
    margin-right: 50%;
  }
}
body.app [layout-margin-left="51"] {
  margin-left: 51%;
}
body.app [layout-margin-right="51"] {
  margin-right: 51%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="51"] {
    margin-left: 51%;
  }
  body.app [layout-margin-right-xs="51"] {
    margin-right: 51%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="51"] {
    margin-left: 51%;
  }
  body.app [layout-margin-right-gt-xs="51"] {
    margin-right: 51%;
  }
}
body.app [layout-margin-left="52"] {
  margin-left: 52%;
}
body.app [layout-margin-right="52"] {
  margin-right: 52%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="52"] {
    margin-left: 52%;
  }
  body.app [layout-margin-right-xs="52"] {
    margin-right: 52%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="52"] {
    margin-left: 52%;
  }
  body.app [layout-margin-right-gt-xs="52"] {
    margin-right: 52%;
  }
}
body.app [layout-margin-left="53"] {
  margin-left: 53%;
}
body.app [layout-margin-right="53"] {
  margin-right: 53%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="53"] {
    margin-left: 53%;
  }
  body.app [layout-margin-right-xs="53"] {
    margin-right: 53%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="53"] {
    margin-left: 53%;
  }
  body.app [layout-margin-right-gt-xs="53"] {
    margin-right: 53%;
  }
}
body.app [layout-margin-left="54"] {
  margin-left: 54%;
}
body.app [layout-margin-right="54"] {
  margin-right: 54%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="54"] {
    margin-left: 54%;
  }
  body.app [layout-margin-right-xs="54"] {
    margin-right: 54%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="54"] {
    margin-left: 54%;
  }
  body.app [layout-margin-right-gt-xs="54"] {
    margin-right: 54%;
  }
}
body.app [layout-margin-left="55"] {
  margin-left: 55%;
}
body.app [layout-margin-right="55"] {
  margin-right: 55%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="55"] {
    margin-left: 55%;
  }
  body.app [layout-margin-right-xs="55"] {
    margin-right: 55%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="55"] {
    margin-left: 55%;
  }
  body.app [layout-margin-right-gt-xs="55"] {
    margin-right: 55%;
  }
}
body.app [layout-margin-left="56"] {
  margin-left: 56%;
}
body.app [layout-margin-right="56"] {
  margin-right: 56%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="56"] {
    margin-left: 56%;
  }
  body.app [layout-margin-right-xs="56"] {
    margin-right: 56%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="56"] {
    margin-left: 56%;
  }
  body.app [layout-margin-right-gt-xs="56"] {
    margin-right: 56%;
  }
}
body.app [layout-margin-left="57"] {
  margin-left: 57%;
}
body.app [layout-margin-right="57"] {
  margin-right: 57%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="57"] {
    margin-left: 57%;
  }
  body.app [layout-margin-right-xs="57"] {
    margin-right: 57%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="57"] {
    margin-left: 57%;
  }
  body.app [layout-margin-right-gt-xs="57"] {
    margin-right: 57%;
  }
}
body.app [layout-margin-left="58"] {
  margin-left: 58%;
}
body.app [layout-margin-right="58"] {
  margin-right: 58%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="58"] {
    margin-left: 58%;
  }
  body.app [layout-margin-right-xs="58"] {
    margin-right: 58%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="58"] {
    margin-left: 58%;
  }
  body.app [layout-margin-right-gt-xs="58"] {
    margin-right: 58%;
  }
}
body.app [layout-margin-left="59"] {
  margin-left: 59%;
}
body.app [layout-margin-right="59"] {
  margin-right: 59%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="59"] {
    margin-left: 59%;
  }
  body.app [layout-margin-right-xs="59"] {
    margin-right: 59%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="59"] {
    margin-left: 59%;
  }
  body.app [layout-margin-right-gt-xs="59"] {
    margin-right: 59%;
  }
}
body.app [layout-margin-left="60"] {
  margin-left: 60%;
}
body.app [layout-margin-right="60"] {
  margin-right: 60%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="60"] {
    margin-left: 60%;
  }
  body.app [layout-margin-right-xs="60"] {
    margin-right: 60%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="60"] {
    margin-left: 60%;
  }
  body.app [layout-margin-right-gt-xs="60"] {
    margin-right: 60%;
  }
}
body.app [layout-margin-left="61"] {
  margin-left: 61%;
}
body.app [layout-margin-right="61"] {
  margin-right: 61%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="61"] {
    margin-left: 61%;
  }
  body.app [layout-margin-right-xs="61"] {
    margin-right: 61%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="61"] {
    margin-left: 61%;
  }
  body.app [layout-margin-right-gt-xs="61"] {
    margin-right: 61%;
  }
}
body.app [layout-margin-left="62"] {
  margin-left: 62%;
}
body.app [layout-margin-right="62"] {
  margin-right: 62%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="62"] {
    margin-left: 62%;
  }
  body.app [layout-margin-right-xs="62"] {
    margin-right: 62%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="62"] {
    margin-left: 62%;
  }
  body.app [layout-margin-right-gt-xs="62"] {
    margin-right: 62%;
  }
}
body.app [layout-margin-left="63"] {
  margin-left: 63%;
}
body.app [layout-margin-right="63"] {
  margin-right: 63%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="63"] {
    margin-left: 63%;
  }
  body.app [layout-margin-right-xs="63"] {
    margin-right: 63%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="63"] {
    margin-left: 63%;
  }
  body.app [layout-margin-right-gt-xs="63"] {
    margin-right: 63%;
  }
}
body.app [layout-margin-left="64"] {
  margin-left: 64%;
}
body.app [layout-margin-right="64"] {
  margin-right: 64%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="64"] {
    margin-left: 64%;
  }
  body.app [layout-margin-right-xs="64"] {
    margin-right: 64%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="64"] {
    margin-left: 64%;
  }
  body.app [layout-margin-right-gt-xs="64"] {
    margin-right: 64%;
  }
}
body.app [layout-margin-left="65"] {
  margin-left: 65%;
}
body.app [layout-margin-right="65"] {
  margin-right: 65%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="65"] {
    margin-left: 65%;
  }
  body.app [layout-margin-right-xs="65"] {
    margin-right: 65%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="65"] {
    margin-left: 65%;
  }
  body.app [layout-margin-right-gt-xs="65"] {
    margin-right: 65%;
  }
}
body.app [layout-margin-left="66"] {
  margin-left: 66%;
}
body.app [layout-margin-right="66"] {
  margin-right: 66%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="66"] {
    margin-left: 66%;
  }
  body.app [layout-margin-right-xs="66"] {
    margin-right: 66%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="66"] {
    margin-left: 66%;
  }
  body.app [layout-margin-right-gt-xs="66"] {
    margin-right: 66%;
  }
}
body.app [layout-margin-left="67"] {
  margin-left: 67%;
}
body.app [layout-margin-right="67"] {
  margin-right: 67%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="67"] {
    margin-left: 67%;
  }
  body.app [layout-margin-right-xs="67"] {
    margin-right: 67%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="67"] {
    margin-left: 67%;
  }
  body.app [layout-margin-right-gt-xs="67"] {
    margin-right: 67%;
  }
}
body.app [layout-margin-left="68"] {
  margin-left: 68%;
}
body.app [layout-margin-right="68"] {
  margin-right: 68%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="68"] {
    margin-left: 68%;
  }
  body.app [layout-margin-right-xs="68"] {
    margin-right: 68%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="68"] {
    margin-left: 68%;
  }
  body.app [layout-margin-right-gt-xs="68"] {
    margin-right: 68%;
  }
}
body.app [layout-margin-left="69"] {
  margin-left: 69%;
}
body.app [layout-margin-right="69"] {
  margin-right: 69%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="69"] {
    margin-left: 69%;
  }
  body.app [layout-margin-right-xs="69"] {
    margin-right: 69%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="69"] {
    margin-left: 69%;
  }
  body.app [layout-margin-right-gt-xs="69"] {
    margin-right: 69%;
  }
}
body.app [layout-margin-left="70"] {
  margin-left: 70%;
}
body.app [layout-margin-right="70"] {
  margin-right: 70%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="70"] {
    margin-left: 70%;
  }
  body.app [layout-margin-right-xs="70"] {
    margin-right: 70%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="70"] {
    margin-left: 70%;
  }
  body.app [layout-margin-right-gt-xs="70"] {
    margin-right: 70%;
  }
}
body.app [layout-margin-left="71"] {
  margin-left: 71%;
}
body.app [layout-margin-right="71"] {
  margin-right: 71%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="71"] {
    margin-left: 71%;
  }
  body.app [layout-margin-right-xs="71"] {
    margin-right: 71%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="71"] {
    margin-left: 71%;
  }
  body.app [layout-margin-right-gt-xs="71"] {
    margin-right: 71%;
  }
}
body.app [layout-margin-left="72"] {
  margin-left: 72%;
}
body.app [layout-margin-right="72"] {
  margin-right: 72%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="72"] {
    margin-left: 72%;
  }
  body.app [layout-margin-right-xs="72"] {
    margin-right: 72%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="72"] {
    margin-left: 72%;
  }
  body.app [layout-margin-right-gt-xs="72"] {
    margin-right: 72%;
  }
}
body.app [layout-margin-left="73"] {
  margin-left: 73%;
}
body.app [layout-margin-right="73"] {
  margin-right: 73%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="73"] {
    margin-left: 73%;
  }
  body.app [layout-margin-right-xs="73"] {
    margin-right: 73%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="73"] {
    margin-left: 73%;
  }
  body.app [layout-margin-right-gt-xs="73"] {
    margin-right: 73%;
  }
}
body.app [layout-margin-left="74"] {
  margin-left: 74%;
}
body.app [layout-margin-right="74"] {
  margin-right: 74%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="74"] {
    margin-left: 74%;
  }
  body.app [layout-margin-right-xs="74"] {
    margin-right: 74%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="74"] {
    margin-left: 74%;
  }
  body.app [layout-margin-right-gt-xs="74"] {
    margin-right: 74%;
  }
}
body.app [layout-margin-left="75"] {
  margin-left: 75%;
}
body.app [layout-margin-right="75"] {
  margin-right: 75%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="75"] {
    margin-left: 75%;
  }
  body.app [layout-margin-right-xs="75"] {
    margin-right: 75%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="75"] {
    margin-left: 75%;
  }
  body.app [layout-margin-right-gt-xs="75"] {
    margin-right: 75%;
  }
}
body.app [layout-margin-left="76"] {
  margin-left: 76%;
}
body.app [layout-margin-right="76"] {
  margin-right: 76%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="76"] {
    margin-left: 76%;
  }
  body.app [layout-margin-right-xs="76"] {
    margin-right: 76%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="76"] {
    margin-left: 76%;
  }
  body.app [layout-margin-right-gt-xs="76"] {
    margin-right: 76%;
  }
}
body.app [layout-margin-left="77"] {
  margin-left: 77%;
}
body.app [layout-margin-right="77"] {
  margin-right: 77%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="77"] {
    margin-left: 77%;
  }
  body.app [layout-margin-right-xs="77"] {
    margin-right: 77%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="77"] {
    margin-left: 77%;
  }
  body.app [layout-margin-right-gt-xs="77"] {
    margin-right: 77%;
  }
}
body.app [layout-margin-left="78"] {
  margin-left: 78%;
}
body.app [layout-margin-right="78"] {
  margin-right: 78%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="78"] {
    margin-left: 78%;
  }
  body.app [layout-margin-right-xs="78"] {
    margin-right: 78%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="78"] {
    margin-left: 78%;
  }
  body.app [layout-margin-right-gt-xs="78"] {
    margin-right: 78%;
  }
}
body.app [layout-margin-left="79"] {
  margin-left: 79%;
}
body.app [layout-margin-right="79"] {
  margin-right: 79%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="79"] {
    margin-left: 79%;
  }
  body.app [layout-margin-right-xs="79"] {
    margin-right: 79%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="79"] {
    margin-left: 79%;
  }
  body.app [layout-margin-right-gt-xs="79"] {
    margin-right: 79%;
  }
}
body.app [layout-margin-left="80"] {
  margin-left: 80%;
}
body.app [layout-margin-right="80"] {
  margin-right: 80%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="80"] {
    margin-left: 80%;
  }
  body.app [layout-margin-right-xs="80"] {
    margin-right: 80%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="80"] {
    margin-left: 80%;
  }
  body.app [layout-margin-right-gt-xs="80"] {
    margin-right: 80%;
  }
}
body.app [layout-margin-left="81"] {
  margin-left: 81%;
}
body.app [layout-margin-right="81"] {
  margin-right: 81%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="81"] {
    margin-left: 81%;
  }
  body.app [layout-margin-right-xs="81"] {
    margin-right: 81%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="81"] {
    margin-left: 81%;
  }
  body.app [layout-margin-right-gt-xs="81"] {
    margin-right: 81%;
  }
}
body.app [layout-margin-left="82"] {
  margin-left: 82%;
}
body.app [layout-margin-right="82"] {
  margin-right: 82%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="82"] {
    margin-left: 82%;
  }
  body.app [layout-margin-right-xs="82"] {
    margin-right: 82%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="82"] {
    margin-left: 82%;
  }
  body.app [layout-margin-right-gt-xs="82"] {
    margin-right: 82%;
  }
}
body.app [layout-margin-left="83"] {
  margin-left: 83%;
}
body.app [layout-margin-right="83"] {
  margin-right: 83%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="83"] {
    margin-left: 83%;
  }
  body.app [layout-margin-right-xs="83"] {
    margin-right: 83%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="83"] {
    margin-left: 83%;
  }
  body.app [layout-margin-right-gt-xs="83"] {
    margin-right: 83%;
  }
}
body.app [layout-margin-left="84"] {
  margin-left: 84%;
}
body.app [layout-margin-right="84"] {
  margin-right: 84%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="84"] {
    margin-left: 84%;
  }
  body.app [layout-margin-right-xs="84"] {
    margin-right: 84%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="84"] {
    margin-left: 84%;
  }
  body.app [layout-margin-right-gt-xs="84"] {
    margin-right: 84%;
  }
}
body.app [layout-margin-left="85"] {
  margin-left: 85%;
}
body.app [layout-margin-right="85"] {
  margin-right: 85%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="85"] {
    margin-left: 85%;
  }
  body.app [layout-margin-right-xs="85"] {
    margin-right: 85%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="85"] {
    margin-left: 85%;
  }
  body.app [layout-margin-right-gt-xs="85"] {
    margin-right: 85%;
  }
}
body.app [layout-margin-left="86"] {
  margin-left: 86%;
}
body.app [layout-margin-right="86"] {
  margin-right: 86%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="86"] {
    margin-left: 86%;
  }
  body.app [layout-margin-right-xs="86"] {
    margin-right: 86%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="86"] {
    margin-left: 86%;
  }
  body.app [layout-margin-right-gt-xs="86"] {
    margin-right: 86%;
  }
}
body.app [layout-margin-left="87"] {
  margin-left: 87%;
}
body.app [layout-margin-right="87"] {
  margin-right: 87%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="87"] {
    margin-left: 87%;
  }
  body.app [layout-margin-right-xs="87"] {
    margin-right: 87%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="87"] {
    margin-left: 87%;
  }
  body.app [layout-margin-right-gt-xs="87"] {
    margin-right: 87%;
  }
}
body.app [layout-margin-left="88"] {
  margin-left: 88%;
}
body.app [layout-margin-right="88"] {
  margin-right: 88%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="88"] {
    margin-left: 88%;
  }
  body.app [layout-margin-right-xs="88"] {
    margin-right: 88%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="88"] {
    margin-left: 88%;
  }
  body.app [layout-margin-right-gt-xs="88"] {
    margin-right: 88%;
  }
}
body.app [layout-margin-left="89"] {
  margin-left: 89%;
}
body.app [layout-margin-right="89"] {
  margin-right: 89%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="89"] {
    margin-left: 89%;
  }
  body.app [layout-margin-right-xs="89"] {
    margin-right: 89%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="89"] {
    margin-left: 89%;
  }
  body.app [layout-margin-right-gt-xs="89"] {
    margin-right: 89%;
  }
}
body.app [layout-margin-left="90"] {
  margin-left: 90%;
}
body.app [layout-margin-right="90"] {
  margin-right: 90%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="90"] {
    margin-left: 90%;
  }
  body.app [layout-margin-right-xs="90"] {
    margin-right: 90%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="90"] {
    margin-left: 90%;
  }
  body.app [layout-margin-right-gt-xs="90"] {
    margin-right: 90%;
  }
}
body.app [layout-margin-left="91"] {
  margin-left: 91%;
}
body.app [layout-margin-right="91"] {
  margin-right: 91%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="91"] {
    margin-left: 91%;
  }
  body.app [layout-margin-right-xs="91"] {
    margin-right: 91%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="91"] {
    margin-left: 91%;
  }
  body.app [layout-margin-right-gt-xs="91"] {
    margin-right: 91%;
  }
}
body.app [layout-margin-left="92"] {
  margin-left: 92%;
}
body.app [layout-margin-right="92"] {
  margin-right: 92%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="92"] {
    margin-left: 92%;
  }
  body.app [layout-margin-right-xs="92"] {
    margin-right: 92%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="92"] {
    margin-left: 92%;
  }
  body.app [layout-margin-right-gt-xs="92"] {
    margin-right: 92%;
  }
}
body.app [layout-margin-left="93"] {
  margin-left: 93%;
}
body.app [layout-margin-right="93"] {
  margin-right: 93%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="93"] {
    margin-left: 93%;
  }
  body.app [layout-margin-right-xs="93"] {
    margin-right: 93%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="93"] {
    margin-left: 93%;
  }
  body.app [layout-margin-right-gt-xs="93"] {
    margin-right: 93%;
  }
}
body.app [layout-margin-left="94"] {
  margin-left: 94%;
}
body.app [layout-margin-right="94"] {
  margin-right: 94%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="94"] {
    margin-left: 94%;
  }
  body.app [layout-margin-right-xs="94"] {
    margin-right: 94%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="94"] {
    margin-left: 94%;
  }
  body.app [layout-margin-right-gt-xs="94"] {
    margin-right: 94%;
  }
}
body.app [layout-margin-left="95"] {
  margin-left: 95%;
}
body.app [layout-margin-right="95"] {
  margin-right: 95%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="95"] {
    margin-left: 95%;
  }
  body.app [layout-margin-right-xs="95"] {
    margin-right: 95%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="95"] {
    margin-left: 95%;
  }
  body.app [layout-margin-right-gt-xs="95"] {
    margin-right: 95%;
  }
}
body.app [layout-margin-left="96"] {
  margin-left: 96%;
}
body.app [layout-margin-right="96"] {
  margin-right: 96%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="96"] {
    margin-left: 96%;
  }
  body.app [layout-margin-right-xs="96"] {
    margin-right: 96%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="96"] {
    margin-left: 96%;
  }
  body.app [layout-margin-right-gt-xs="96"] {
    margin-right: 96%;
  }
}
body.app [layout-margin-left="97"] {
  margin-left: 97%;
}
body.app [layout-margin-right="97"] {
  margin-right: 97%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="97"] {
    margin-left: 97%;
  }
  body.app [layout-margin-right-xs="97"] {
    margin-right: 97%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="97"] {
    margin-left: 97%;
  }
  body.app [layout-margin-right-gt-xs="97"] {
    margin-right: 97%;
  }
}
body.app [layout-margin-left="98"] {
  margin-left: 98%;
}
body.app [layout-margin-right="98"] {
  margin-right: 98%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="98"] {
    margin-left: 98%;
  }
  body.app [layout-margin-right-xs="98"] {
    margin-right: 98%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="98"] {
    margin-left: 98%;
  }
  body.app [layout-margin-right-gt-xs="98"] {
    margin-right: 98%;
  }
}
body.app [layout-margin-left="99"] {
  margin-left: 99%;
}
body.app [layout-margin-right="99"] {
  margin-right: 99%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="99"] {
    margin-left: 99%;
  }
  body.app [layout-margin-right-xs="99"] {
    margin-right: 99%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="99"] {
    margin-left: 99%;
  }
  body.app [layout-margin-right-gt-xs="99"] {
    margin-right: 99%;
  }
}
body.app [layout-margin-left="100"] {
  margin-left: 100%;
}
body.app [layout-margin-right="100"] {
  margin-right: 100%;
}
@media screen and (max-width: 600px) {
  body.app [layout-margin-left-xs="100"] {
    margin-left: 100%;
  }
  body.app [layout-margin-right-xs="100"] {
    margin-right: 100%;
  }
}
@media screen and (min-width: 600px) {
  body.app [layout-margin-left-gt-xs="100"] {
    margin-left: 100%;
  }
  body.app [layout-margin-right-gt-xs="100"] {
    margin-right: 100%;
  }
}
body.app table.ui {
  width: 100%;
}
body.app table.ui thead {
  background: var(--background-color);
  z-index: 5;
}
body.app table.ui thead tr td {
  padding: 10px 0;
  margin: 0px;
  border-bottom: solid 2px #ccc;
  color: #ff8200;
  white-space: nowrap;
  width: 200px;
}
body.app table.ui thead input {
  background: transparent;
}
body.app table.ui tr.is_selected {
  background: #888;
  color: #fff;
}
body.app table.ui tr.is_selected md-icon.fa {
  color: inherit;
}
body.app table.ui tr.is_selected:nth-child(even) {
  background: #676767;
}
body.app table.ui tr:nth-child(odd) {
  background: var(--background-color);
}
body.app table.ui tr:nth-child(even) {
  background: rgba(255, 255, 255, 0.2);
}
body.app table.ui tr td {
  border-bottom: solid 1px #ccc;
}
body.app table.ui tr td:last-child {
  text-align: center;
}
body.app table.ui tr td > md-checkbox {
  margin: 0px 5px;
}
body.app timeline-event timeline-badge {
  display: flex;
  align-items: center;
  justify-content: center;
}
body.app timeline-event timeline-badge i.fa {
  line-height: inherit;
}
body.app .ui-table-container {
  overflow-x: auto;
}
body.app div.ui.ui-table {
  display: grid;
  place-items: center stretch;
}
body.app .ui.ui-table {
  width: 100%;
  background: var(--background-color);
}
body.app .ui.ui-table td.selection {
  min-width: 16px !important;
  max-width: 45px;
}
body.app .ui.ui-table div.ui-table-head {
  display: contents;
  padding: 5px;
  border-radius: 5px;
}
body.app .ui.ui-table div.ui-table-head div {
  position: sticky;
  top: 0px;
  background: var(--background-color);
  padding: 15px 5px 5px 5px;
  text-transform: uppercase;
  font-size: 13px;
  z-index: 5;
}
body.app .ui.ui-table div.ui-table-head div::after {
  content: "";
  background: #ccc;
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: 0px;
  left: 0px;
}
body.app .ui.ui-table div.ui-table-head div:empty {
  place-self: stretch;
  z-index: 99999;
}
body.app .ui.ui-table div.ui-table-head div:empty::before {
  content: " ";
  display: block;
  height: 100%;
}
body.app .ui.ui-table div.ui-table-head div:last-child {
  text-align: right;
}
body.app .ui.ui-table div.ui-table-row {
  display: contents;
  padding: 5px;
  border-bottom: solid 1px #efefef;
}
body.app .ui.ui-table div.ui-table-row:nth-child(odd) {
  background: rgba(255, 255, 255, 0.2);
}
body.app .ui.ui-table div.ui-table-row:nth-child(even) {
  background: var(--background-color);
}
body.app .ui.ui-table div.ui-table-row div {
  padding: 5px;
}
body.app .ui.ui-table div.ui-table-row div:last-child {
  text-align: right;
}
body.app .ui.ui-table td {
  border-right: solid #EFF0F1 1px;
  padding-left: 5px;
}
body.app .ui.ui-table td.selection {
  width: 25px;
  border-left: solid #EFF0F1 3px;
}
body.app .ui.ui-table td.actions {
  width: 250px;
}
body.app .ui.ui-table thead tr td {
  color: #777;
  white-space: nowrap;
  min-width: 120px;
  background: var(--background-color);
  position: sticky;
  top: 0px;
  z-index: 5;
}
body.app .ui.ui-table thead tr td:empty::before {
  content: "";
  display: block;
  min-height: 30px;
}
body.app .ui.ui-table thead tr td md-icon {
  display: none;
}
body.app .ui.ui-table thead tr td.searchable input {
  border: none;
  width: calc(100% - 50px);
  outline: none;
}
body.app .ui.ui-table thead tr td.sortable md-icon {
  cursor: pointer;
  display: inline-block;
  opacity: 0.2;
  float: right;
  margin-right: 10px;
  transition: 0.25s;
  outline: none;
}
body.app .ui.ui-table thead tr td.sortable.is-sorted {
  color: #ff9900;
  font-weight: 700;
  border-bottom-color: currentColor;
}
body.app .ui.ui-table thead tr td.sortable.is-sorted md-icon {
  opacity: 1;
  color: inherit;
}
body.app .ui.ui-table thead tr td.sortable.is-sorted.sort-dir-asc md-icon {
  transform: rotate(180deg);
}
body.app .ui.ui-table tbody tr.selected {
  background: #B9E9FF;
}
body.app .ui.background-layer {
  position: absolute;
  inset: -5rem;
  background: linear-gradient(135deg, black, transparent), var(--unsh-background);
  background-repeat: no-repeat;
  filter: blur(10px);
  background-size: cover;
  isolation: isolate;
}
body.app .ui.background-layer::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #000;
  opacity: 0.25;
}
body.app .ui.background-layer.ui-fixed {
  position: fixed;
}
body.app .ui.ui-fixed-panel {
  position: fixed;
  top: auto;
  left: auto;
}
body.app .ui.background-layer-controls {
  position: absolute;
  right: 10px;
  top: 50px;
}
body.app .entity {
  outline: none;
  cursor: pointer;
  transition: 0.25s;
}
body.app .entity:hover {
  background: rgba(252, 252, 252, 0.1);
  border-left: 4px solid #ff9900;
  padding-left: 10px;
}
body.app .entity h4 {
  margin-bottom: 0px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
body.app .entity .fa-heartbeat, body.app .entity .fa-calendar-alt {
  color: #999;
  font-size: 15px;
}
body.app .entity.is_type_0 .fa-user {
  display: initial;
}
body.app .entity.is_type_4 .fa-users {
  display: initial;
}
body.app .entity.is_type_1 .fa-building {
  display: initial;
}
body.app .entity.is_active .fa-heartbeat {
  color: #579c57;
}
body.app .entity.is_not_expired .fa-calendar-alt {
  color: #579c57;
}
body.app .entity.to_delete * {
  color: #dc0e0e;
}
body.app .yo-success {
  color: var(--success-color);
}
body.app .yo-error {
  color: var(--error-color);
}
body.app.lang-fr [lang=en] {
  display: none;
}
body.app.lang-en [lang=fr] {
  display: none;
}

input[type=range], input[type=range]::-webkit-slider-runnable-track, input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
}
input[type=range] {
  --theme-base: #333;
  --theme-base-a: #3333;
  --theme-hl: #f90;
  --thumb-v: 2 1 60;
  --thumb-v-s: 3;
  --thumb-u: GHz GB GB;
  --thumb-u-s: .75;
  --thumb-color: var(--highlight-color,#f90);
  --thumb-d: 1.25em;
  --track-w: calc(100% - var(--thumb-d));
  --track-h: .75em;
  --track-r: .25em;
  --u: 3em;
  display: block;
  border: none;
  margin: 0 auto;
  padding: 0;
  width: var(--track-w);
  height: calc(2 * var(--track-h));
  opacity: 0.7;
  font-size: 1em;
  cursor: pointer;
  transition: 0.25s ease;
}
input[type=range]:focus {
  outline: none;
  opacity: 0.99;
}
input[type=range]::-webkit-slider-runnable-track {
  position: relative;
  width: var(--track-w);
  height: var(--track-h);
  border-radius: var(--track-r);
  box-shadow: 0 1px 1px var(--theme-base-a);
  background: var(--theme-base-a);
}
.js input[type=range]::-webkit-slider-runnable-track {
  background: linear-gradient(var(--theme-base), var(--theme-base)) no-repeat var(--theme-base-a);
}
input[type=range]::-moz-range-track {
  width: var(--track-w);
  height: var(--track-h);
  border-radius: var(--track-r);
  box-shadow: 0 1px 1px var(--theme-base-a);
  background: var(--theme-base-a);
}
input[type=range]::-ms-track {
  border: none;
  width: var(--track-w);
  height: var(--track-h);
  border-radius: var(--track-r);
  box-shadow: 0 1px 1px var(--theme-base-a);
  background: var(--theme-base-a);
  color: transparent;
}
input[type=range]::-moz-range-progress {
  height: var(--track-h);
  border-radius: var(--track-r);
  background: var(--theme-base);
}
input[type=range]::-ms-fill-lower {
  border-radius: var(--track-r);
  background: var(--theme-base);
}
input[type=range]::-webkit-slider-thumb {
  margin-top: calc((var(--track-h) - var(--thumb-d)) / 2);
  box-sizing: border-box;
  border: solid 0.125em var(--theme-hl);
  width: var(--thumb-d);
  height: var(--thumb-d);
  border-radius: 50%;
  background: var(--thumb-color);
  cursor: ew-resize;
}
input[type=range]::-moz-range-thumb {
  box-sizing: border-box;
  border: solid 0.125em var(--theme-hl);
  width: var(--thumb-d);
  height: var(--thumb-d);
  border-radius: 50%;
  background: var(--thumb-color);
  cursor: ew-resize;
}
input[type=range]::-ms-thumb {
  box-sizing: border-box;
  border: solid 0.125em var(--theme-hl);
  width: var(--thumb-d);
  height: var(--thumb-d);
  border-radius: 50%;
  background: var(--thumb-color);
  cursor: ew-resize;
}
input[type=range]::-webkit-slider-runnable-track:before, input[type=range] #track:before {
  position: absolute;
  bottom: 100%;
  left: 0;
  color: var(--theme-base);
  line-height: 1.5;
}
[class*=webkit] input[type=range]::-webkit-slider-thumb:before, [class*=webkit] input[type=range]::-webkit-slider-thumb:after, [class*=webkit] input[type=range] #thumb:before, [class*=webkit] input[type=range] #thumb:after {
  position: absolute;
  bottom: 0;
  color: var(--theme-base);
  line-height: 1;
}
[class*=webkit] input[type=range]::-webkit-slider-thumb:before, [class*=webkit] input[type=range] #thumb:before {
  box-sizing: border-box;
  left: 100%;
  padding-right: 0.0625em;
  width: calc(2 * var(--u) / var(--thumb-v-s));
  transform: translateY(8px);
  font-size: calc(var(--thumb-v-s) * 1em);
  text-align: right;
}
[class*=webkit] input[type=range]::-webkit-slider-thumb:after, [class*=webkit] input[type=range] #thumb:after {
  left: calc(100% + 2 * var(--u) / var(--thumb-u-s));
  font-size: calc(var(--thumb-u-s) * 1em);
}

::placeholder {
  color: var(--text-color, #fff);
  opacity: 0.5;
}

::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.0666666667);
  opacity: 0.2;
  margin: 0.5rem;
}

::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  background-color: transparent;
  opacity: 1;
  transition: 0.25s;
}

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #ff9900;
  transition: 0.25s;
}

html.public,
body.public {
  --background-color: #333;
  background: var(--background-color);
  position: static;
  top: unset;
  left: unset;
  height: auto;
  scroll-behavior: smooth;
}
@media screen and (max-width: 640px) {
  html.public,
  body.public {
    min-height: -webkit-fill-available;
  }
}
@media screen and (max-width: 1024px) {
  html.public,
  body.public {
    position: initial !important;
    overflow: initial;
    height: initial;
  }
}

@media screen and (max-width: 640px) {
  html.public {
    height: -webkit-fill-available;
  }
}

body.public .app-info {
  text-align: center;
  opacity: 0.5;
  font-size: 0.6rem;
}
body.public.network-newsletter-moderation, body.public.network-moderation {
  padding-bottom: 4rem;
  overflow: hidden auto;
  isolation: isolate;
}
@media screen and (max-width: 1024px) {
  body.public.network-newsletter-moderation, body.public.network-moderation {
    padding: 0rem;
    overflow: hidden auto !important;
    position: initial !important;
    height: unset;
  }
}
body.public.network-newsletter-moderation:has(#newsletter-listings-picker, #newsletter-articles-picker), body.public.network-moderation:has(#newsletter-listings-picker, #newsletter-articles-picker) {
  overflow: hidden;
}
body.public.network-newsletter-moderation .background, body.public.network-moderation .background {
  position: fixed;
  z-index: -1;
  top: 80vh;
  left: 0;
  opacity: 0.1;
  transform: translate(0, -100%);
}
@media screen and (max-width: 1024px) {
  body.public.network-newsletter-moderation .background, body.public.network-moderation .background {
    top: unset;
    bottom: 0vh;
    left: 0;
    transform: none;
  }
}
body.public.network-newsletter-moderation .background als-svg, body.public.network-moderation .background als-svg {
  display: block;
  width: 50vw;
  height: 50vh;
}
@media screen and (max-width: 1024px) {
  body.public.network-newsletter-moderation .background als-svg, body.public.network-moderation .background als-svg {
    width: 100vw;
    height: 100vh;
  }
}
body.public.network-newsletter-moderation .background als-svg .st0, body.public.network-moderation .background als-svg .st0 {
  fill: #231F20;
}
body.public.network-newsletter-moderation .background als-svg .st1, body.public.network-moderation .background als-svg .st1 {
  fill: #000;
}
body.public.network-newsletter-moderation .background als-svg .st2, body.public.network-moderation .background als-svg .st2 {
  fill: #000;
}
body.public.network-newsletter-moderation .background als-svg .st3, body.public.network-moderation .background als-svg .st3 {
  fill: #191818;
}
body.public.network-newsletter-moderation .main-content, body.public.network-moderation .main-content {
  width: clamp(640px, 80vw, 1200px);
  margin-inline: auto;
}
@media screen and (max-width: 1024px) {
  body.public.network-newsletter-moderation .main-content, body.public.network-moderation .main-content {
    width: 100vw;
    padding: 0.5rem;
  }
}
body.public.network-newsletter-moderation .main-content .moderation-content, body.public.network-moderation .main-content .moderation-content {
  display: grid;
  place-items: center;
  text-align: center;
  gap: 2rem;
}
body.public.network-newsletter-moderation .main-content .moderation-content > div, body.public.network-moderation .main-content .moderation-content > div {
  display: contents;
}
@media screen and (max-width: 1024px) {
  body.public.network-newsletter-moderation .main-content .moderation-content, body.public.network-moderation .main-content .moderation-content {
    gap: 1rem;
    place-items: stretch;
  }
}
body.public.network-newsletter-moderation h1, body.public.network-moderation h1 {
  font-size: 2.25rem;
}
body.public.network-newsletter-moderation .post-preview, body.public.network-moderation .post-preview {
  border: solid 1px #777;
  border-radius: 0.5rem;
  overflow: hidden;
  display: grid;
  grid-template-rows: auto 1fr;
  width: 460px;
  margin-inline: auto;
  text-align: left;
  max-width: calc(100vw - 2rem);
  background: #111;
}
@media screen and (max-width: 1024px) {
  body.public.network-newsletter-moderation .post-preview, body.public.network-moderation .post-preview {
    width: 100%;
  }
}
body.public.network-newsletter-moderation .post-preview .post-text > span, body.public.network-moderation .post-preview .post-text > span {
  display: block;
  padding: 1rem;
  white-space: pre-wrap;
}
body.public.network-newsletter-moderation .post-preview .post-content .post-image, body.public.network-moderation .post-preview .post-content .post-image {
  width: 100%;
}
body.public.network-newsletter-moderation .post-preview .post-content .post-image img, body.public.network-moderation .post-preview .post-content .post-image img {
  width: 100%;
  object-fit: cover;
  object-position: center;
}
body.public.network-newsletter-moderation .post-preview .post-content .post-card-info, body.public.network-moderation .post-preview .post-content .post-card-info {
  display: none;
}
body.public.network-newsletter-moderation .post-preview .post-content.type-card .post-image, body.public.network-moderation .post-preview .post-content.type-card .post-image {
  aspect-ratio: 1200/630;
}
body.public.network-newsletter-moderation .post-preview .post-content.type-card .post-card-info, body.public.network-moderation .post-preview .post-content.type-card .post-card-info {
  display: block;
  background: #222;
  padding: 1rem;
}
body.public.network-newsletter-moderation .post-preview .post-content.type-card .post-card-title, body.public.network-moderation .post-preview .post-content.type-card .post-card-title {
  font-size: 1.3rem;
  font-weight: 500;
}
body.public.network-newsletter-moderation .choices-container, body.public.network-moderation .choices-container {
  display: contents;
}
body.public.network-newsletter-moderation .moderation-choices, body.public.network-moderation .moderation-choices {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}
@media screen and (max-width: 1024px) {
  body.public.network-newsletter-moderation .moderation-choices, body.public.network-moderation .moderation-choices {
    align-items: stretch;
    flex-direction: column;
  }
}
body.public.network-newsletter-moderation .moderation-choices .md-button, body.public.network-moderation .moderation-choices .md-button {
  font-size: 1.25rem;
  height: auto;
  line-height: 1;
  padding: 0.5em 0.75em;
}
body.public.network-newsletter-moderation .moderation-choices .choice-approve, body.public.network-moderation .moderation-choices .choice-approve {
  background-color: #019733;
}
body.public.network-newsletter-moderation .moderation-choices .choice-decline, body.public.network-moderation .moderation-choices .choice-decline {
  background-color: #ac2013;
}
body.public.network-newsletter-moderation .moderation-choices textarea, body.public.network-moderation .moderation-choices textarea {
  width: 100%;
  border-radius: 0.5rem;
  padding: 1rem;
  border: solid 1px #999;
  background: rgba(68, 68, 68, 0.6);
  outline: none;
}
body.public.network-newsletter-moderation .confirm-choice, body.public.network-moderation .confirm-choice {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 1rem;
  width: clamp(320px, 80%, 800px);
}
@media screen and (max-width: 1024px) {
  body.public.network-newsletter-moderation .confirm-choice, body.public.network-moderation .confirm-choice {
    width: 100%;
  }
}
body.public.network-newsletter-moderation .confirm-choice h3, body.public.network-moderation .confirm-choice h3 {
  text-transform: uppercase;
}
body.public.network-newsletter-moderation .confirm-choice textarea, body.public.network-moderation .confirm-choice textarea {
  width: 100%;
  border-radius: 0.5rem;
  padding: 1rem;
  border: solid 1px #999;
  background: rgba(68, 68, 68, 0.6);
  outline: none;
}
body.public.network-newsletter-moderation .moderation-toolbox, body.public.network-moderation .moderation-toolbox {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  z-index: 90;
}
@media screen and (max-width: 1024px) {
  body.public.network-newsletter-moderation .moderation-toolbox, body.public.network-moderation .moderation-toolbox {
    flex-wrap: wrap;
  }
}
body.public.network-newsletter-moderation .moderation-toolbox .toolbox-button, body.public.network-moderation .moderation-toolbox .toolbox-button {
  display: flex;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: #000;
  border-radius: 5em;
  align-items: center;
}
body.public.network-newsletter-moderation .moderation-toolbox .toolbox-button.primary, body.public.network-moderation .moderation-toolbox .toolbox-button.primary {
  background-color: #f90;
  --text-color:#fff;
  font-weight: 700;
}
body.public.network-newsletter-moderation .moderation-toolbox .toolbox-button ls, body.public.network-moderation .moderation-toolbox .toolbox-button ls {
  transition: 0.25s ease;
  overflow: hidden;
  white-space: nowrap;
  max-width: 100vw;
}
body.public.network-newsletter-moderation .moderation-toolbox.floating, body.public.network-moderation .moderation-toolbox.floating {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  transition: 0.25s ease;
  translate: -100% 0;
}
@media screen and (max-width: 1024px) {
  body.public.network-newsletter-moderation .moderation-toolbox.floating .toolbox-button, body.public.network-moderation .moderation-toolbox.floating .toolbox-button {
    padding: 0.5rem;
  }
  body.public.network-newsletter-moderation .moderation-toolbox.floating .toolbox-button i, body.public.network-moderation .moderation-toolbox.floating .toolbox-button i {
    font-size: 1.5rem;
  }
  body.public.network-newsletter-moderation .moderation-toolbox.floating .toolbox-button ls, body.public.network-moderation .moderation-toolbox.floating .toolbox-button ls {
    display: none;
  }
}
body.public.network-moderation .main-content .moderation-content {
  gap: 0;
}
@media screen and (min-width: 1024px) {
  body.public.network-newsletter-moderation {
    position: static !important;
  }
}
body.public.network-newsletter-moderation .moderation-content {
  cursor: normal;
}
body.public.network-newsletter-moderation .moderation-content.has-response .yo-newsletter-component {
  display: none !important;
}
body.public.network-newsletter-moderation .moderation-content.has-response .yo-to-remove {
  display: none !important;
  opacity: 0.25;
}
body.public.network-newsletter-moderation .editor-actions {
  border: dashed 2px #f90;
  background: #ffe6bf;
  border-radius: 0.25rem;
  margin-block: 0.5em;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #333;
  font-size: 0.8rem;
}
body.public.network-newsletter-moderation .editor-actions > label {
  padding: 0.5rem;
  text-transform: uppercase;
  margin: 0;
  padding-block: 1rem;
}
@media screen and (max-width: 640px) {
  body.public.network-newsletter-moderation .editor-actions {
    flex-direction: column;
    align-items: center;
  }
  body.public.network-newsletter-moderation .editor-actions:has(.md-button) > label {
    padding-bottom: 0;
  }
}
body.public.network-newsletter-moderation span.editor-actions {
  margin-block: 0;
  padding: 0.5em;
  display: inline;
}
body.public.network-newsletter-moderation .moderation-action-panel {
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 80;
  background: #444;
  border-radius: 1rem 1rem 0 0;
  padding: 1rem 0 0.5rem 0;
  width: clamp(320px, 100%, 800px);
  max-height: var(--moderation-action-panel-height, 50vh);
  transition: 0.25s ease;
}
body.public.network-newsletter-moderation .moderation-action-panel.stow-away {
  translate: -50% 100%;
}
body.public.network-newsletter-moderation .moderation-action-panel.focused {
  --moderation-action-panel-height: 50vh;
}
body.public.network-newsletter-moderation .moderation-action-panel.focused .focus-toggle-container {
  display: none;
}
body.public.network-newsletter-moderation .moderation-action-panel .focus-toggle-container {
  display: none;
}
body.public.network-newsletter-moderation .moderation-action-panel h3,
body.public.network-newsletter-moderation .moderation-action-panel h4 {
  margin: 0;
}
body.public.network-newsletter-moderation .moderation-action-panel .confirm-choice {
  width: auto;
}
body.public.network-newsletter-moderation .moderation-action-panel .moderation-choices {
  margin-top: 0.5rem;
}
@media screen and (max-width: 640px) {
  body.public.network-newsletter-moderation .moderation-action-panel .moderation-choices {
    flex-direction: row;
    flex-wrap: wrap;
  }
  body.public.network-newsletter-moderation .moderation-action-panel .moderation-choices .md-button {
    font-size: 1.5rem;
  }
}
body.public.network-newsletter-moderation .moderation-action-panel .comment-container {
  margin-top: 1rem;
}
body.public.network-newsletter-moderation .moderation-action-panel .comment-container label {
  opacity: 0.75;
}
body.public.network-newsletter-moderation .moderation-action-panel textarea {
  width: 100%;
  border-radius: 0.5rem;
  padding: 1rem;
  border: solid 1px #999;
  background: rgba(68, 68, 68, 0.6);
  outline: none;
}
body.public.network-newsletter-moderation .moderation-action-panel .more-button {
  display: inline-block;
  padding: 0.5em 1em;
  border: solid 1px #ccc;
  border-radius: 0.25rem;
  margin-block: 0.5em;
}
body.public.network-newsletter-moderation .moderation-action-panel .more-button .fal {
  transition: 0.5s ease;
}
body.public.network-newsletter-moderation .moderation-action-panel:has(.moderation-more-info.active) .more-button .fal {
  rotate: 180deg;
}
body.public.network-newsletter-moderation .moderation-action-panel .moderation-more-info {
  max-height: 0;
  overflow: hidden;
  padding: 0;
  transition: 0.25s ease;
}
body.public.network-newsletter-moderation .moderation-action-panel .moderation-more-info.active {
  max-height: 25vh;
  padding-block: 1rem;
}
body.public.network-newsletter-moderation .newsletter-preview-subject {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1rem;
  width: clamp(320px, 100%, 660px);
  background: rgba(255, 255, 255, 0.1333333333);
  height: 4.25rem;
  padding: 0.75rem 1rem;
  padding-bottom: 1.5rem;
  text-align: left;
  border-radius: 0.25rem 0.25rem 0 0;
  margin-bottom: -2.5rem;
  place-items: center stretch;
}
@media screen and (max-width: 1024px) {
  body.public.network-newsletter-moderation .newsletter-preview-subject {
    margin-bottom: -1.5rem;
  }
}
body.public.network-newsletter-moderation .newsletter-preview-subject label {
  font-size: 0.8rem;
  opacity: 0.75;
}
body.public.network-newsletter-moderation .newsletter-preview-subject .subject-value {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
body.public.network-newsletter-moderation .newsletter-preview {
  padding-bottom: 4rem;
}
body.public.network-newsletter-moderation .newsletter-preview a[target=_blank]::after {
  content: unset;
}
body.public.network-newsletter-moderation .newsletter-preview .preview-container {
  background: #cdcdcd var(--background-pattern) repeat;
  border-radius: 0.25rem;
  overflow: hidden;
  border: solid 1px #555;
  box-shadow: 0 2px 1rem #000;
}
body.public.network-newsletter-moderation .newsletter-preview .preview-content {
  background: #fff;
  max-width: calc(100vw - 1rem);
}
body.public.network-newsletter-moderation .newsletter-preview .preview-content .newsletter-body {
  --text-color:#333;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0px;
}
body.public.network-newsletter-moderation .newsletter-preview .preview-content .newsletter-body img {
  max-width: 100%;
}
body.public.network-newsletter-moderation .newsletter-preview .preview-content .newsletter-body .texte {
  width: 100%;
}
@media screen and (min-width: 800px) {
  body.public.network-newsletter-moderation .newsletter-preview .preview-content #preview-newsletter-body .bg-body {
    padding: 32px !important;
  }
}
body.public.network-newsletter-moderation .newsletter-preview .preview-content [data-row-id] {
  position: relative;
}
@media screen and (max-width: 640px) {
  body.public.network-newsletter-moderation .newsletter-preview .preview-content *,
  body.public.network-newsletter-moderation .newsletter-preview .preview-content table,
  body.public.network-newsletter-moderation .newsletter-preview .preview-content .border-frame,
  body.public.network-newsletter-moderation .newsletter-preview .preview-content .responsive-content {
    min-width: 0 !important;
    max-width: calc(100vw - 1rem) !important;
  }
  body.public.network-newsletter-moderation .newsletter-preview .preview-content .call-to-action-block {
    width: 100%;
  }
  body.public.network-newsletter-moderation .newsletter-preview .preview-content .bg-body > table,
  body.public.network-newsletter-moderation .newsletter-preview .preview-content table:has(.spacer-row),
  body.public.network-newsletter-moderation .newsletter-preview .preview-content img.responsiveImage:not(.img-icon) {
    width: 100% !important;
    max-width: calc(100vw - 1rem);
  }
  body.public.network-newsletter-moderation .newsletter-preview .preview-content .responsiveImage {
    height: auto !important;
  }
  body.public.network-newsletter-moderation .newsletter-preview .preview-content .btntext {
    white-space: nowrap;
  }
  body.public.network-newsletter-moderation .newsletter-preview .preview-content tr.flex-row {
    display: flex;
  }
  body.public.network-newsletter-moderation .newsletter-preview .preview-content tr.flex-row td {
    flex-grow: 1;
    width: auto;
  }
  body.public.network-newsletter-moderation .newsletter-preview .preview-content .listing-list.list-style-grid .listing-item .responsive-content {
    width: 175px !important;
    height: 110px;
  }
  body.public.network-newsletter-moderation .newsletter-preview .preview-content .listing-list.list-style-grid .listing-item .responsive-content p {
    font-size: 0.8rem !important;
  }
  body.public.network-newsletter-moderation .newsletter-preview .preview-content .article-list .article-item.responsive-content {
    width: 175px !important;
  }
  body.public.network-newsletter-moderation .newsletter-preview .preview-content .article-list .article-item .responsive-content {
    width: 175px !important;
    height: 110px;
  }
  body.public.network-newsletter-moderation .newsletter-preview .preview-content .article-list .article-item .responsive-content.image {
    aspect-ratio: 4/3;
  }
  body.public.network-newsletter-moderation .newsletter-preview .preview-content .article-list .article-item .responsive-content.image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
  }
  body.public.network-newsletter-moderation .newsletter-preview .preview-content .article-list .article-item .responsive-content p {
    font-size: 0.8rem !important;
  }
}
body.public.network-newsletter-moderation .newsletter-preview .yo-button {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0.25em;
  padding: 0.5em;
  border-radius: 0.25em;
  color: #fff;
  --text-color:#fff;
  border: dashed 2px #f90;
  background: rgba(0, 0, 0, 0.4666666667);
  transition: 0.25s ease;
}
body.public.network-newsletter-moderation .newsletter-preview .yo-button:hover {
  background: #f90;
}
body.public.network-newsletter-moderation .newsletter-preview .yo-button.yo-section-remove-button {
  top: 50%;
  right: -2rem;
  left: unset;
  translate: 0 -50%;
  background: #f90;
  border-radius: 2em;
  border: none;
  font-size: 1.2rem;
}
@media screen and (max-width: 1024px) {
  body.public.network-newsletter-moderation .newsletter-preview .yo-button.yo-section-remove-button {
    right: 0rem;
  }
}
body.public.network-newsletter-moderation .newsletter-preview [yo-removable-section] .canvas {
  transition: 0.25s ease;
}
body.public.network-newsletter-moderation .newsletter-preview [yo-removable-section]:has(.yo-section-remove-button:hover) {
  outline: 2px solid #f90;
  z-index: 50;
}
body.public.network-newsletter-moderation .newsletter-preview .yo-alternate-content-nav {
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(100% + 4rem);
  translate: -50% -50%;
  display: flex;
  justify-content: space-between;
  pointer-events: none;
}
body.public.network-newsletter-moderation .newsletter-preview .yo-alternate-content-nav > i {
  color: #fff;
  background: #f90;
  padding: 1em;
  border-radius: 5em;
  pointer-events: auto;
}
body.public.network-newsletter-moderation .newsletter-preview.read-only-mode .yo-section-remove-button,
body.public.network-newsletter-moderation .newsletter-preview.read-only-mode .yo-newsletter-component,
body.public.network-newsletter-moderation .newsletter-preview.read-only-mode .yo-to-remove,
body.public.network-newsletter-moderation .newsletter-preview.read-only-mode .yo-alternate-content-nav,
body.public.network-newsletter-moderation .newsletter-preview.read-only-mode .yo-hide {
  display: none !important;
}
body.public.network-newsletter-moderation .newsletter-preview.read-only-mode .custom-title:has(> *:first-child:empty),
body.public.network-newsletter-moderation .newsletter-preview.read-only-mode .custom-text:has(> *:first-child:empty) {
  display: none;
}
body.public.network-newsletter-moderation .newsletter-preview.read-only-mode [contenteditable=plaintext-only],
body.public.network-newsletter-moderation .newsletter-preview.read-only-mode [contenteditable=true] {
  pointer-events: none;
}
body.public.network-newsletter-moderation .newsletter-preview.edit-mode [contenteditable=plaintext-only],
body.public.network-newsletter-moderation .newsletter-preview.edit-mode [contenteditable=true] {
  outline: dashed 2px var(--outline-color, #ccc);
  margin-block: 0.5rem !important;
  padding: 0.5rem !important;
}
body.public.network-newsletter-moderation .newsletter-preview.edit-mode [contenteditable=plaintext-only]:focus,
body.public.network-newsletter-moderation .newsletter-preview.edit-mode [contenteditable=true]:focus {
  --outline-color:#f90;
}
body.public.network-newsletter-moderation [yo-newsletter-removable] {
  position: relative;
}
body.public.network-newsletter-moderation .yo-hide .canvas {
  opacity: 0.25;
  pointer-events: none;
}
body.public.network-newsletter-moderation .yo-hide .yo-section-remove-button i::before {
  content: "\f070";
}
body.public.network-newsletter-moderation .newsletter-preview.read-only-mode .yo-newsletter-editable-content > *:first-child:empty {
  display: none;
}
body.public.network-newsletter-moderation .loading-message-list {
  position: absolute;
  bottom: 0;
  left: 50%;
  text-align: center;
  translate: -50% 0;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
}
body.public.network-newsletter-moderation .loading-message-list .loading-message-item {
  font-size: 1.5rem;
  opacity: 0;
  transition: 0.5s ease;
  animation: id3-anim-slide-in-bottom 0.25s ease-in forwards;
}
body.public.network-newsletter-moderation .loading-message-list .loading-message-item:not(:last-child) {
  font-size: 1rem;
  opacity: 0.25 !important;
}
body.public .listing-not-found {
  isolation: isolate;
  position: absolute;
  width: 100vw;
  height: 100vh;
  overflow: clip;
}
body.public .listing-not-found::before {
  content: "";
  background: color-mix(in srgb, var(--background-color), #000);
  position: absolute;
  inset: 0;
  width: 200vw;
  z-index: -1;
  translate: -25% -40%;
  transform: translate(0, -100%);
  rotate: 10deg;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
  animation-duration: 0.25s;
  animation-delay: 0.25s;
  animation-name: id3-anim-slide-in;
}
body.public .listing-not-found .yo-public-footer {
  position: absolute;
  z-index: 10;
  bottom: 0;
  width: 100%;
  background: color-mix(in srgb, var(--background-color), transparent 50%);
}
body.public .listing-not-found > .layout-container {
  display: grid;
  grid-template-columns: 1fr 50%;
  height: 100%;
  isolation: isolate;
}
@media screen and (max-width: 800px) {
  body.public .listing-not-found > .layout-container {
    grid-template-columns: 1fr;
  }
}
body.public .listing-not-found > .layout-container > .layout-content {
  padding-block: 5rem;
}
body.public .listing-not-found > .layout-container > .layout-content .page-code {
  font-size: 10rem;
  font-weight: bold;
  position: absolute;
  opacity: 0.1;
}
body.public .listing-not-found > .layout-container > .layout-content h1 {
  font-size: 3rem;
  text-transform: uppercase;
  text-wrap: balance;
  line-height: 1;
}
body.public .listing-not-found > .layout-container > .layout-content .page-code, body.public .listing-not-found > .layout-container > .layout-content h1, body.public .listing-not-found > .layout-container > .layout-content p {
  text-shadow: 2px 2px 4px #000;
}
body.public .listing-not-found > .layout-container .layout-background {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 800px;
  z-index: -1;
}
@media screen and (max-width: 800px) {
  body.public .listing-not-found > .layout-container .layout-background {
    left: 0%;
  }
}
body.public .yo-newsletter-editable-content {
  position: relative;
}
body.public .yo-newsletter-editable-content > *:first-child:empty::after {
  content: attr(placeholder);
  opacity: 0.25;
  pointer-events: none;
}
body.public .yo-editable-content {
  position: relative;
}
body.public .yo-editable-content[contenteditable=plaintext-only]:empty::after {
  content: attr(placeholder);
  opacity: 0.25;
  pointer-events: none;
}
body.public .yo-newsletter-custom-section-editor .section-action-button-container,
body.public .yo-newsletter-custom-section-editor .new-section-button-container {
  display: flex;
  justify-content: center;
  align-items: center;
}
body.public .yo-newsletter-custom-section-editor .section-action-button-container > ls,
body.public .yo-newsletter-custom-section-editor .new-section-button-container > ls {
  font-size: 0.75rem;
  opacity: 0.75;
}
body.public .yo-newsletter-custom-section-editor .custom-section-media {
  position: relative;
}
body.public .yo-newsletter-custom-section-editor .custom-section-media .remove-media-button {
  position: absolute;
  top: 1rem;
  right: 2rem;
}
body.public .yo-newsletter-custom-section-editor .custom-section-media.has-media .section-action-button-container {
  display: none;
}
body.public .yo-newsletter-custom-section-editor .custom-section-media:not(.has-media) .remove-media-button {
  display: none;
}
body.public md-dialog[role=dialog],
body.public md-dialog[role=alertdialog] {
  position: fixed;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}
@media screen and (max-width: 1024px) {
  body.public md-dialog[role=dialog],
  body.public md-dialog[role=alertdialog] {
    width: 100%;
  }
}

html.public.listing-detail,
body.public.listing-detail,
html.public.pinboard-detail,
body.public.pinboard-detail,
html.public.url-splash-screen,
body.public.url-splash-screen {
  --background-color: #ececec;
  --action-color: #f90;
  --text-color: #333;
}
html.public.listing-detail .md-button.md-primary.md-raised,
body.public.listing-detail .md-button.md-primary.md-raised,
html.public.pinboard-detail .md-button.md-primary.md-raised,
body.public.pinboard-detail .md-button.md-primary.md-raised,
html.public.url-splash-screen .md-button.md-primary.md-raised,
body.public.url-splash-screen .md-button.md-primary.md-raised {
  background: var(--action-color);
}

html.public header {
  display: block;
}
html.public dialog {
  padding: 0;
  border: none;
  border-radius: 1rem;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.5333333333);
  width: clamp(300px, 100vw - 2rem, 1200px);
  opacity: 0;
  transform: translate(0%, 100%);
  animation-timing-function: ease;
  animation-fill-mode: forwards;
  animation-duration: 0.25s;
  animation-name: id3-anim-slide-in;
  overscroll-behavior: contain;
  background: color-mix(in srgb, var(--background-color), #fff 25%);
}
html.public dialog[open]::backdrop {
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
  animation-duration: 0.25s;
  animation-name: id3-anim-fade-in;
}
html.public dialog .dialog-close-button {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  font-size: 1.5rem;
  z-index: 10;
}
html.public dialog .dialog-content {
  display: grid;
  grid-template-columns: auto 1fr;
}
@media screen and (max-width: 800px) {
  html.public dialog .dialog-content {
    grid-template-columns: 1fr;
  }
}
html.public [target=_blank]::after {
  content: unset !important;
}
html.public .layout-container {
  width: clamp(300px, 100% - 2rem, 1200px);
  margin-inline: auto;
  position: relative;
}
html.public section:has(.layout-container:empty) {
  display: none;
}
html.public.listing-detail {
  --border-shadow: 0 0 0 2px #0003;
  font-size: clamp(12px, 0.75vmax, 18px);
}
html.public.listing-detail header.default {
  padding: 1rem;
}
html.public.listing-detail .listing-info-container {
  display: grid;
  gap: 2rem;
}
html.public.listing-detail section .layout-container {
  background: color-mix(in srgb, var(--text-color), transparent 95%);
  border-radius: 1rem;
  padding: 2rem;
}
html.public.listing-detail section .layout-container .section-header {
  margin: -2rem;
  margin-bottom: 0;
  padding: 2rem;
  padding-bottom: 0rem;
  pointer-events: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
html.public.listing-detail section .layout-container .section-header h3 {
  font-size: 1.25rem;
  text-transform: uppercase;
  font-weight: bold;
}
html.public.listing-detail section .layout-container .section-body-content {
  padding-top: 1rem;
}
html.public.listing-detail section.collapsable .section-header {
  pointer-events: all;
}
html.public.listing-detail section.collapsable .section-header::after {
  content: "\f107";
  font-family: var(--yo-font-icon-family);
  font-size: 1rem;
  font-weight: 400;
  transition: transform 0.25s ease-in-out;
}
html.public.listing-detail section.collapsable .section-body {
  overflow: hidden;
  max-height: calc(1px * var(--max-height));
  transition: max-height 0.25s ease-in-out;
}
html.public.listing-detail section.collapsable.collapsed .section-header::after {
  transform: rotate(180deg);
}
html.public.listing-detail section.collapsable.collapsed .section-body {
  max-height: 0px;
}
html.public.listing-detail .image-container {
  width: 100%;
  display: block;
  height: unset;
}
html.public.listing-detail .image-container img {
  max-width: 100%;
  display: block;
  position: relative;
  top: unset;
  left: unset;
  transform: unset;
}
html.public.listing-detail .image-container.cover img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}
html.public.listing-detail #resume {
  display: block;
}
html.public.listing-detail #resume .tag-list {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
html.public.listing-detail #resume .tag-list .tag-item {
  color: #fff;
  background: var(--action-color);
  font-size: 0.8rem;
  border-radius: 0.25em;
  padding: 0.5em 1em;
}
html.public.listing-detail #resume .listing-resume-info h2 {
  text-transform: uppercase;
}
html.public.listing-detail #resume .listing-resume-info .civic-address {
  opacity: 0.7;
}
html.public.listing-detail #resume .listing-resume-info .civic-address, html.public.listing-detail #resume .listing-resume-info .city {
  font-size: 1.25rem;
  text-transform: uppercase;
}
html.public.listing-detail #resume .listing-resume-info .price {
  font-size: 2rem;
}
html.public.listing-detail #resume section {
  display: block;
  background-image: var(--header-background);
  background-size: cover;
  background-position: center center;
}
html.public.listing-detail #overview .section-body {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
  place-items: center start;
}
html.public.listing-detail #overview .section-body .overview-update {
  grid-column: 1/-1;
}
html.public.listing-detail #overview .section-body:has(.open-houses) {
  grid-template-columns: 1fr auto;
}
@media screen and (max-width: 640px) {
  html.public.listing-detail #overview .section-body {
    grid-template-columns: 1fr !important;
    place-items: center;
  }
  html.public.listing-detail #overview .section-body .open-houses > h3 {
    text-align: center;
  }
}
html.public.listing-detail .rooms {
  display: flex;
  gap: 1rem;
  justify-content: center;
  flex-wrap: wrap;
}
html.public.listing-detail .rooms .room-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem;
  background: color-mix(in srgb, var(--background-color), #000 10%);
  border-radius: 0.25rem;
}
html.public.listing-detail .rooms .room-item yo-icon {
  font-size: 1.5rem;
}
html.public.listing-detail .open-house-list {
  display: flex;
  gap: 1rem;
}
html.public.listing-detail .open-house-list .open-house-item {
  display: grid;
  grid-template-columns: auto 1fr 1fr;
  place-items: center stretch;
  gap: 1rem;
  box-shadow: var(--border-shadow);
  padding: 1rem;
  border-radius: 0.25rem;
}
html.public.listing-detail .open-house-list .open-house-item .date h3 {
  text-align: center;
}
html.public.listing-detail .open-house-list .open-house-item .date h3 div {
  font-weight: 700;
  background: var(--action-color);
  color: #fff;
  padding: 0.25em 0.5em;
  border-radius: 0.25em;
}
html.public.listing-detail .open-house-list .open-house-item .date h3 span {
  font-size: 1rem;
  text-transform: uppercase;
}
html.public.listing-detail .open-house-list .open-house-item .date label {
  font-size: 0.8rem;
  font-style: italic;
}
html.public.listing-detail .open-house-list .open-house-item .time label {
  font-size: 0.6rem;
  text-transform: uppercase;
}
html.public.listing-detail .open-house-list .open-house-item .time div {
  font-size: 1.2rem;
  font-weight: bold;
}
html.public.listing-detail .proximity-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
html.public.listing-detail .proximity-list .proximity-item {
  box-shadow: var(--border-shadow);
  border-radius: 0.25rem;
  padding: 0.5rem 1rem;
}
html.public.listing-detail #photos-gallery .layout-container {
  border-radius: 1rem;
  overflow: hidden;
}
html.public.listing-detail #photos-gallery .photo-masonry {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  position: relative;
}
html.public.listing-detail #photos-gallery .photo-masonry .photo-item {
  transition: 0.25s ease-in-out;
  position: relative;
  transform-origin: var(--transform-origin);
}
html.public.listing-detail #photos-gallery .photo-masonry .photo-item:nth-child(1) {
  --transform-origin: top left;
  grid-column: span 2;
  grid-row: span 2;
}
html.public.listing-detail #photos-gallery .photo-masonry .photo-item:nth-child(2) {
  --transform-origin: top center;
}
html.public.listing-detail #photos-gallery .photo-masonry .photo-item:nth-child(3) {
  --transform-origin: top right;
}
html.public.listing-detail #photos-gallery .photo-masonry .photo-item:nth-child(4) {
  --transform-origin: bottom center;
}
html.public.listing-detail #photos-gallery .photo-masonry .photo-item .overlay {
  display: none;
}
html.public.listing-detail #photos-gallery .photo-masonry .photo-item:last-child {
  box-shadow: 0 0 0 0px color-mix(in srgb, var(--action-color), transparent 40%);
}
html.public.listing-detail #photos-gallery .photo-masonry .photo-item:last-child .overlay {
  display: flex;
  background: color-mix(in srgb, var(--action-color), transparent 40%);
  position: absolute;
  inset: 0;
  justify-content: center;
  align-items: center;
}
html.public.listing-detail #photos-gallery .photo-masonry:hover .photo-item:last-child {
  box-shadow: 0 0 0 1200px color-mix(in srgb, var(--action-color), transparent 40%);
}
html.public.listing-detail #photos-gallery .photo-item {
  aspect-ratio: 16/12;
  overflow: hidden;
  position: relative;
  overflow: hidden;
}
html.public.listing-detail #photos-gallery .photo-item.empty-item {
  background: color-mix(in srgb, var(--background-color), #000 15%);
}
html.public.listing-detail #photos-gallery .photo-item {
  --text-color:#fff;
}
html.public.listing-detail #photos-gallery .photo-item img {
  object-fit: cover;
  object-position: center;
  display: block;
  width: 100%;
  height: 100%;
}
html.public.listing-detail #photo-dialog .dialog-content .photo-list-container {
  --photo-width: 850px;
  width: var(--photo-width);
  overflow: hidden;
  position: relative;
}
html.public.listing-detail #photo-dialog .dialog-content .photo-list-container .photo-list-nav {
  position: absolute;
  inset: 0;
}
html.public.listing-detail #photo-dialog .dialog-content .photo-list-container .photo-list-nav yo-icon {
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  font-size: 2.5rem;
  color: #fff;
  background: rgba(0, 0, 0, 0.3333333333);
  transition: background 0.25s ease;
  padding: 0.5rem;
  width: calc(1em + 1rem);
  border-radius: 0.25rem;
  text-align: center;
}
html.public.listing-detail #photo-dialog .dialog-content .photo-list-container .photo-list-nav yo-icon:hover {
  background: rgba(0, 0, 0, 0.6666666667);
}
html.public.listing-detail #photo-dialog .dialog-content .photo-list-container .photo-list-nav yo-icon.previous {
  left: 0.25rem;
}
html.public.listing-detail #photo-dialog .dialog-content .photo-list-container .photo-list-nav yo-icon.next {
  right: 0.25rem;
}
html.public.listing-detail #photo-dialog .dialog-content .photo-list-container .photo-list {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: var(--photo-width);
  transition: translate 0.25s ease;
  translate: calc(var(--photo-width) * -1 * var(--current-gallery-index)) 0;
}
@media screen and (max-width: 800px) {
  html.public.listing-detail #photo-dialog .dialog-content .contact-form {
    display: none;
  }
  html.public.listing-detail #photo-dialog .dialog-content .photo-list-container {
    --photo-width:100%;
  }
}
html.public.listing-detail #brokers .list-container {
  display: flex;
  justify-content: center;
}
html.public.listing-detail #broker-dialog .dialog-content .broker-item {
  background: color-mix(in srgb, var(--background-color), #000 2%);
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1rem;
  place-items: start stretch;
  padding: 2rem;
  width: 800px;
}
@media screen and (max-width: 800px) {
  html.public.listing-detail #broker-dialog .dialog-content .broker-item {
    width: 100%;
    grid-template-columns: 1fr;
  }
  html.public.listing-detail #broker-dialog .dialog-content .broker-item .broker-name,
  html.public.listing-detail #broker-dialog .dialog-content .broker-item .broker-title,
  html.public.listing-detail #broker-dialog .dialog-content .broker-item .broker-office {
    text-align: center;
  }
}
html.public.listing-detail #broker-dialog .dialog-content .broker-item .broker-avatar {
  width: 250px;
  border-radius: 0.5rem;
  box-shadow: var(--border-shadow);
  aspect-ratio: 3.4/4;
  overflow: hidden;
}
@media screen and (max-width: 800px) {
  html.public.listing-detail #broker-dialog .dialog-content .broker-item .broker-avatar {
    width: 150px;
    place-self: center;
  }
}
html.public.listing-detail #broker-dialog .dialog-content .broker-item .broker-avatar img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
html.public.listing-detail #broker-dialog .dialog-content .broker-item .broker-office {
  margin-bottom: 1rem;
}
html.public.listing-detail #broker-dialog .dialog-content .broker-item .broker-office .office-name {
  font-weight: bold;
}
html.public.listing-detail #broker-dialog .dialog-content .broker-item .broker-name {
  font-size: 2rem;
  text-transform: uppercase;
  font-weight: bold;
}
html.public.listing-detail #broker-dialog .dialog-content .broker-item .broker-title {
  font-size: 1.25rem;
  margin-bottom: 1rem;
}
html.public.listing-detail #broker-dialog .dialog-content .broker-item .broker-contact {
  display: grid;
  gap: 1.5rem;
  margin-block: 2rem;
}
html.public.listing-detail #broker-dialog .dialog-content .broker-item .broker-contact .contact-item {
  position: relative;
}
html.public.listing-detail #broker-dialog .dialog-content .broker-item .broker-contact .contact-item > span {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 0.75rem;
  translate: 0 -100%;
}
html.public.listing-detail #broker-dialog .dialog-content .broker-item .broker-contact .contact-item > span yo-icon {
  margin-right: 0.5rem;
}
html.public.listing-detail #broker-dialog .dialog-content .broker-item .broker-contact .contact-item em {
  font-weight: bold;
  font-style: normal;
}
html.public.listing-detail .broker-list {
  display: inline-grid;
  grid-template-columns: repeat(var(--list-count, 4), 1fr);
  gap: 1rem;
}
@media screen and (max-width: 800px) {
  html.public.listing-detail .broker-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 640px) {
  html.public.listing-detail .broker-list {
    grid-template-columns: 1fr;
    place-items: center;
  }
}
html.public.listing-detail .broker-list .broker-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
html.public.listing-detail .broker-list .broker-item .broker-avatar {
  height: 15rem;
  aspect-ratio: 3.4/4;
  overflow: hidden;
  border-radius: 0.5rem;
  position: relative;
  box-shadow: var(--border-shadow);
}
html.public.listing-detail .broker-list .broker-item .broker-avatar img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
html.public.listing-detail .broker-list .broker-item .broker-info {
  text-align: center;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
html.public.listing-detail .broker-list .broker-item .broker-info .broker-name {
  font-size: 1.25rem;
  text-transform: uppercase;
}
html.public.listing-detail .broker-list .broker-item .broker-info .broker-title {
  max-width: 250px;
  text-wrap: balance;
  height: 2.2em;
}
html.public.listing-detail .broker-list .broker-item .broker-info .office .office-name {
  font-size: 0.75rem;
}
html.public.listing-detail .broker-list .broker-item .broker-info yo-icon {
  font-size: 1.25rem;
}
html.public.listing-detail .broker-list .broker-item .broker-info .broker-phones a:not(:empty) {
  display: inline-block;
  padding-left: 1ch;
  font-weight: bold;
  text-decoration: none;
}
html.public.listing-detail .broker-list .broker-item .broker-info .broker-phones a:not(:empty):not(:first-child)::before {
  content: "";
  display: inline-block;
  height: 0.8em;
  width: 1px;
  background-color: color-mix(in srgb, var(--text-color), transparent 20%);
  margin-right: 1ch;
}
html.public.listing-detail .label-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  padding-block: 1rem;
  place-items: start stretch;
}
html.public.listing-detail .label-grid label:has(> em:empty) {
  display: none;
}
html.public.listing-detail .label-grid label {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
}
html.public.listing-detail .label-grid label > span {
  font-weight: bold;
}
html.public.listing-detail .label-grid label > span::after {
  content: ":";
}
html.public.listing-detail .label-grid label > em {
  font-style: normal;
}
html.public.listing-detail .icon-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1rem;
  padding-block: 1rem;
  place-items: start stretch;
}
html.public.listing-detail .icon-grid .icon-item {
  display: flex;
  gap: 1rem;
  align-items: center;
}
html.public.listing-detail .contact-form {
  padding: 2rem;
}
html.public.listing-detail .contact-form h3 {
  font-size: 1.5rem;
  font-weight: bold;
}
html.public.listing-detail .contact-form h5 {
  font-size: 1.25rem;
}
html.public.listing-detail .contact-form .yo-input {
  display: block;
  margin-block: 1rem;
  width: 100%;
}
html.public.listing-detail .contact-form .yo-input:focus {
  box-shadow: 0 0 5px var(--action-color);
}
html.public.listing-detail .contact-form .form-actions {
  display: flex;
  gap: 0.5rem;
  justify-content: stretch;
  align-items: center;
  margin-inline: -0.5rem;
}
html.public.listing-detail .contact-form .form-actions .md-button {
  width: 100%;
}
html.public.listing-detail .contact-form:has(.yo-input:invalid) .form-actions .send-form-button, html.public.listing-detail .contact-form:has(.yo-input:placeholder-shown) .form-actions .send-form-button {
  opacity: 0.25;
  pointer-events: none;
}
html.public.listing-detail #related .related-listing-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
}
@media screen and (max-width: 800px) {
  html.public.listing-detail #related .related-listing-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 640px) {
  html.public.listing-detail #related .related-listing-list {
    grid-template-columns: 1fr;
  }
}
html.public.listing-detail #related .related-listing-list .listing-item {
  border-radius: 0.5rem;
  overflow: hidden;
  background: color-mix(in srgb, var(--background-color), #fff 25%);
}
html.public.listing-detail #related .related-listing-list .listing-item .matches {
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  background: #333;
  color: #fff;
  font-size: 0.8rem;
  padding: 0.25em 0.5em;
  border-radius: 0.25em;
  font-weight: bold;
  z-index: 5;
}
html.public.listing-detail #related .related-listing-list .listing-item .city {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  font-size: 0.8rem;
  padding: 0.5em;
  text-shadow: 0px 0px 5px #000;
  z-index: 5;
}
html.public.listing-detail #related .related-listing-list .listing-item .listing-info {
  display: flex;
  padding: 1rem;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
html.public.listing-detail #related .related-listing-list .listing-item .price {
  font-size: 1.5rem;
  color: var(--action-color);
}
html.public.listing-detail #related .related-listing-list .listing-item .listing-title {
  text-transform: uppercase;
}
html.public.listing-detail #related .related-listing-list .listing-item .description {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
html.public.listing-detail #related .related-listing-list .listing-item .listing-photo {
  overflow: hidden;
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
}
html.public.listing-detail #related .related-listing-list .listing-item .listing-photo::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.2);
}
html.public.listing-detail #related .related-listing-list .listing-item .listing-photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
html.public.pinboard-detail {
  --border-shadow: 0 0 0 2px #0003;
  font-size: clamp(12px, 0.75vmax, 18px);
}
html.public.pinboard-detail .empty-board-message {
  display: none;
}
html.public.pinboard-detail:not(:has(.pin-item)) .empty-board-message {
  display: initial;
}
html.public.pinboard-detail .pinboard-info-container {
  display: grid;
  gap: 2rem;
  grid-template-rows: auto auto 1fr auto;
}
html.public.pinboard-detail .pinboard-info-container .pin-section-container {
  display: grid;
  gap: 2rem;
}
html.public.pinboard-detail header.default {
  background: color-mix(in srgb, var(--action-color), transparent 95%);
}
html.public.pinboard-detail header.default .layout-container {
  padding: 2rem;
}
html.public.pinboard-detail header.default .entity-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}
html.public.pinboard-detail header.default .entity-info .entity-name {
  font-size: 1.5rem;
}
html.public.pinboard-detail section .layout-container {
  background: color-mix(in srgb, var(--text-color), transparent 95%);
  border-radius: 1rem;
  padding: 2rem;
}
html.public.pinboard-detail section .layout-container .section-header {
  margin: -2rem;
  margin-bottom: 0;
  padding: 2rem;
  padding-bottom: 0rem;
  pointer-events: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
html.public.pinboard-detail section .layout-container .section-header h3 {
  font-size: 1.25rem;
  text-transform: uppercase;
  font-weight: bold;
}
html.public.pinboard-detail section .layout-container .section-body-content {
  padding-top: 1rem;
}
html.public.pinboard-detail section#open-house-pins .open-houses {
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
}
html.public.pinboard-detail section#open-house-pins .open-houses .open-house-item {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 0.5rem;
  background: #111;
  --text-color:#fff;
  border-radius: 0.5rem;
}
html.public.pinboard-detail section#open-house-pins .open-houses .open-house-item .date {
  display: flex;
  flex-direction: column;
  align-items: center;
}
html.public.pinboard-detail section#open-house-pins .open-houses .open-house-item .date div {
  font-weight: bold;
}
html.public.pinboard-detail section#open-house-pins .open-houses .open-house-item .time label {
  font-size: 0.8rem;
}
html.public.pinboard-detail section#open-house-pins .open-houses .open-house-item .time div {
  font-size: 1.5rem;
  font-weight: bold;
}
html.public.pinboard-detail section#open-house-pins .open-houses.too-late {
  background: #911;
  padding: 0.5em;
  text-transform: uppercase;
  border-radius: 0.25rem;
  --text-color:#fff;
}
html.public.pinboard-detail .pinboard-resume {
  text-align: center;
}
html.public.pinboard-detail .pin-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 1rem;
}
html.public.pinboard-detail .pin-list .pin-item-container {
  position: relative;
}
html.public.pinboard-detail .pin-list .pin-item {
  text-decoration: none;
  display: block;
  background: color-mix(in srgb, var(--background-color), #fff 25%);
  border-radius: 0.5rem;
  overflow: hidden;
}
html.public.pinboard-detail .pin-list .pin-item:has(img.error) {
  display: none;
}
html.public.pinboard-detail .pin-list .pin-item .pin-image {
  width: 100%;
  aspect-ratio: 16/11;
  overflow: hidden;
  position: relative;
}
html.public.pinboard-detail .pin-list .pin-item .pin-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
html.public.pinboard-detail .pin-list .pin-item .pin-image .pin-location {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0.75em;
  font-size: 0.8rem;
  --text-color:#fff;
  font-weight: bold;
  z-index: 5;
  text-shadow: 0 0 5px #000;
}
html.public.pinboard-detail .pin-list .pin-item .pin-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
}
html.public.pinboard-detail .pin-list .pin-item .pin-price {
  color: var(--action-color);
  font-size: 1.6rem;
}
html.public.pinboard-detail .pin-list .pin-item .pin-title {
  text-transform: uppercase;
  min-height: 2.5em;
}
html.public.pinboard-detail dialog#contact-dialog .dialog-content {
  grid-template-columns: 4fr 3fr;
}
html.public.pinboard-detail dialog#contact-dialog .board-info {
  position: relative;
}
html.public.pinboard-detail dialog#contact-dialog .board-info .board-mosaic {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
html.public.pinboard-detail dialog#contact-dialog .board-info .board-mosaic .mosaic-item {
  position: relative;
  aspect-ratio: 16/11;
}
html.public.pinboard-detail dialog#contact-dialog .board-info .board-mosaic .mosaic-item img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}
html.public.pinboard-detail dialog#contact-dialog .board-info .board-mosaic .mosaic-item:nth-child(4n+1) {
  grid-column: span 2;
  grid-row: span 2;
}
html.public.pinboard-detail dialog#contact-dialog .board-info .board-description {
  position: absolute;
  top: 50%;
  left: 0;
  padding: 2rem;
  text-transform: uppercase;
  background: var(--background-color);
  translate: 0 -50%;
}
html.public.pinboard-detail .contact-form {
  padding: 2rem;
}
html.public.pinboard-detail .contact-form h3 {
  font-size: 1.5rem;
  font-weight: bold;
}
html.public.pinboard-detail .contact-form h5 {
  font-size: 1.25rem;
}
html.public.pinboard-detail .contact-form .yo-input {
  display: block;
  margin-block: 1rem;
  width: 100%;
}
html.public.pinboard-detail .contact-form .yo-input:focus {
  box-shadow: 0 0 5px var(--action-color);
}
html.public.pinboard-detail .contact-form .form-actions {
  display: flex;
  gap: 0.5rem;
  justify-content: stretch;
  align-items: center;
  margin-inline: -0.5rem;
}
html.public.pinboard-detail .contact-form .form-actions .md-button {
  width: 100%;
}
html.public.pinboard-detail .contact-form:has(.yo-input:invalid) .form-actions .send-form-button, html.public.pinboard-detail .contact-form:has(.yo-input:placeholder-shown) .form-actions .send-form-button {
  opacity: 0.25;
  pointer-events: none;
}
html.public.url-splash-screen .splash-screen-info-container {
  display: grid;
  gap: 2rem;
}
html.public.url-splash-screen .splash-screen-info-container:not(:has(header)) {
  padding-block: 2rem;
}
html.public.url-splash-screen section .layout-container {
  background: color-mix(in srgb, var(--background-color), #fff 60%);
  border-radius: 1rem;
  padding: 2rem;
}
html.public.url-splash-screen section#splash-action {
  position: sticky;
  bottom: 0;
}
html.public.url-splash-screen section#splash-action .layout-container {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--background-color);
  padding: 2rem 0;
}
html.public.url-splash-screen section#splash-action .layout-container .continue-button {
  font-size: 1.5rem;
  max-width: unset;
  padding: 0.5em 1em;
  background-color: transparent;
  box-shadow: 0 0 0 2px var(--action-color);
  --text-color: var(--action-color);
  color: var(--text-color);
}
html.public.url-splash-screen section#splash-action .layout-container .continue-button:hover {
  background-color: var(--action-color);
  --text-color:#fff;
}
html.public.url-splash-screen section#entity-info .layout-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
html.public.url-splash-screen section#entity-info h2 {
  text-transform: uppercase;
  margin: 0;
  padding: 0;
}
html.public.url-splash-screen section#entity-info .contact {
  display: flex;
  gap: 1rem;
  align-items: center;
}
html.public.url-splash-screen .splash-screen-presentation.default {
  padding: 2rem;
  border-radius: 0 0 1rem 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  background: color-mix(in srgb, var(--background-color), #fff 60%);
}
html.public.url-splash-screen .team-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  width: 100%;
  gap: 1rem;
}
@media screen and (max-width: 640px) {
  html.public.url-splash-screen .team-list {
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  }
}
html.public.url-splash-screen .team-list .team-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  overflow: hidden;
  border-radius: 0.5rem;
}
html.public.url-splash-screen .team-list .team-item .item-photo {
  aspect-ratio: 122/143;
  width: 100%;
  overflow: hidden;
  border-radius: 0.5rem;
}
html.public.url-splash-screen .team-list .team-item .item-photo img {
  display: block;
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}
html.public.url-splash-screen .team-list .team-item .item-info {
  padding: 1rem;
}
html.public.url-splash-screen .team-list .team-item .item-info .name {
  font-size: 1.2rem;
  text-transform: uppercase;
  font-weight: bold;
}
html.public.url-splash-screen .team-list .team-item:not([is-team-leader=yes]) .item-info {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  --text-color:#fff;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  translate: 0 100%;
  transition: 0.25s ease;
}
html.public.url-splash-screen .team-list .team-item:not([is-team-leader=yes]):hover .item-info {
  opacity: 1;
  translate: 0 0;
}
html.public.url-splash-screen .team-list .team-item[is-team-leader=yes] {
  grid-column: 1/-1;
}
html.public.url-splash-screen .team-list .team-item[is-team-leader=yes] .item-photo {
  width: 250px;
}
html.public.url-splash-screen .team-list .team-item[is-team-leader=yes] .item-info {
  text-align: center;
}
html.public.url-splash-screen .team-list:not(:has(.team-item:nth-child(2))) .team-item .item-info .name {
  display: none;
}
@media screen and (min-width: 640px) {
  html.public.url-splash-screen .team-list:not(:has(.team-item:nth-child(5))) {
    --item-max-width: 220px;
    width: auto;
    display: inline-grid;
    grid-auto-flow: column;
    grid-template-columns: unset;
    grid-auto-columns: var(--item-max-width);
  }
  html.public.url-splash-screen .team-list:not(:has(.team-item:nth-child(4))) {
    --item-max-width: 320px;
  }
}
html.public body.CAPI {
  --background-color:#dbf0ff;
  --action-color: #005B9D;
  --button-border-radius: 2em;
}
html.public body.CENT {
  --background-color: #252526;
  --text-color: #fff;
  --action-color: #BDAF8A;
  --button-hover-fg-color:#333;
}
html.public body.KWL {
  --background-color: #ccc;
  --action-color: #D11241;
  --element-border-radius:0;
  --button-border-radius: 0;
}
html.public body.REM {
  --background-color: #ccc;
  --action-color: #003589;
  --element-border-radius:0;
  --button-border-radius: 0;
}
html.public body.ROYLEP {
  --background-color: #ececec;
  --action-color: #FB000B;
}
html.public body.SUTTON {
  --element-border-radius: 0;
  --button-border-radius: 0;
  --background-color: #ececec;
  --action-color: #CF112B;
}
html.public body.VIR {
  --element-border-radius: 0;
  --button-border-radius: 0;
  --background-color: #ececec;
  --action-color: #F47920;
}
html.public body.SOT {
  --background-color:#F0F0F0;
  --action-color: #142F4C;
  --button-border-radius: 2em;
}
html.public body.PRD {
  --element-border-radius: 5px;
  --button-border-radius: 5px;
  --background-color: #ececec;
  --action-color: #E62337;
}
html.public body:has(.yo-public-footer) {
  position: relative;
  overflow: hidden auto;
  display: grid;
  grid-template-rows: 1fr auto;
  gap: 2rem;
}

.yo-public-footer {
  background: color-mix(in srgb, var(--text-color), transparent 95%);
  z-index: 1;
}
.yo-public-footer .layout-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
}
.yo-public-footer .layout-container sup {
  font-size: 0.75rem;
  opacity: 0.75;
  display: block;
}
.yo-public-footer .layout-container a {
  text-decoration: none;
  font-weight: bold;
}
.yo-public-footer .layout-container a[target=_blank]::after {
  content: unset !important;
}
.yo-public-footer dialog#locale-selector {
  width: clamp(300px, 100vw - 2rem, 800px);
}
.yo-public-footer dialog#locale-selector .dialog-content {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
  place-items: center;
  padding: 2rem;
}
.yo-public-footer dialog#locale-selector .locale-list {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.yo-public-footer dialog#locale-selector .locale-list .locale-item {
  background: color-mix(in srgb, var(--background-color), #000 2%);
  border-radius: 0.25rem;
  padding: 0.5em 1em;
}
.yo-public-footer dialog#locale-selector .locale-list .locale-item.active {
  pointer-events: none;
  font-weight: bold;
}
.yo-public-footer dialog#locale-selector .locale-list .locale-item.active::before {
  content: "\f058";
  font-family: var(--yo-font-icon-family);
  font-weight: 400;
  margin-right: 0.25em;
}

price {
  display: inline-block;
}

html[lang=fr] [lang] {
  display: none;
}
html[lang=fr] [lang=fr] {
  display: revert;
}
html[lang=fr] price::after {
  content: "$";
}

html[lang=en] [lang] {
  display: none;
}
html[lang=en] [lang=en] {
  display: revert;
}
html[lang=en] price::before {
  content: "$";
}

html.public[scrolled] body.public.network-newsletter-moderation .moderation-toolbox.floating {
  translate: 0 0;
}

a {
  text-decoration: none;
}

:root {
  --max-opacity: 1;
  --min-opacity: 0;
}

.id3-animate {
  animation-timing-function: ease;
  animation-fill-mode: forwards;
  animation-duration: 0.25s;
  animation-delay: var(--id3-anim-delay, calc(0.1s * var(--item-index, 0)));
  animation-name: var(--id3-anim-name);
}

.id3-anim-fade-in {
  opacity: var(--min-opacity);
  --id3-anim-name: id3-anim-fade-in;
}

.id3-anim-fade-out {
  opacity: var(--max-opacity);
  --id3-anim-name: id3-anim-fade-out;
}

.id3-anim-slide-in-top {
  opacity: var(--min-opacity);
  transform: translate(0%, -100%);
  --id3-anim-name: id3-anim-slide-in;
}

.id3-anim-slide-in-up {
  opacity: var(--min-opacity);
  transform: translate(0%, -100%);
  --id3-anim-name: id3-anim-slide-in;
}
.id3-anim-slide-in-up.id3-anim-reverse {
  --id3-anim-name: id3-anim-slide-out-up;
}

.id3-anim-slide-out-up {
  opacity: 1;
  transform: translate(0%, 0%);
  --id3-anim-name: id3-anim-slide-out-up;
}

.id3-anim-slide-in-bottom {
  opacity: var(--min-opacity);
  transform: translate(0%, 100%);
  --id3-anim-name: id3-anim-slide-in;
}

.id3-anim-slide-in-right {
  opacity: var(--min-opacity);
  transform: translate(100%, 0%);
  --id3-anim-name: id3-anim-slide-in;
}

.id3-anim-slide-out-right {
  opacity: 1;
  transform: translate(0%, 0%);
  --id3-anim-name: id3-anim-slide-out-right;
}

.id3-anim-slide-in-left {
  opacity: var(--min-opacity);
  transform: translate(-100%, 0%);
  --id3-anim-name: id3-anim-slide-in;
}

.id3-anim-slide-out-left {
  opacity: 1;
  transform: translate(0%, 0%);
  --id3-anim-name: id3-anim-slide-out-left;
}

.id3-anim-pop-in {
  scale: 0;
  --id3-anim-name: id3-anim-pop-in;
}

.id3-anim-pop-out {
  scale: 1;
  --id3-anim-name: id3-anim-pop-out;
}

.svg-anim-lines svg {
  --dash-max: 2500;
}
.svg-anim-lines svg path,
.svg-anim-lines svg polygon {
  fill: transparent;
  stroke: #fff;
  stroke-width: 2px;
  stroke-linecap: round;
  animation-name: id3-svg-anim-lines;
  animation-duration: 2s;
  animation-delay: calc(0.1s * var(--item-index));
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  stroke-opacity: 0;
  stroke-dasharray: var(--dash-max);
  stroke-dashoffset: var(--dash-max);
}

@keyframes id3-anim-rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes id3-svg-anim-lines {
  0% {
    fill: transparent;
    stroke-opacity: 0;
    stroke-dasharray: var(--dash-max);
    stroke-dashoffset: var(--dash-max);
  }
  80% {
    stroke-opacity: 1;
    stroke-dasharray: var(--dash-max);
    stroke-dashoffset: 0;
    fill: transparent;
    stroke: #fff;
  }
  95% {
    stroke-opacity: 1;
    stroke-dasharray: var(--dash-max);
    stroke-dashoffset: 0;
    fill: var(--fill, #fff);
    stroke: var(--fill, #fff);
  }
  100% {
    stroke-opacity: 1;
    stroke: var(--fill, #fff);
    stroke-dasharray: var(--dash-max);
    stroke-dashoffset: 0;
    fill: var(--fill, #fff);
  }
}
@keyframes id3-splash-out {
  0% {
    opacity: var(--max-opacity);
  }
  100% {
    opacity: var(--min-opacity);
  }
}
@keyframes id3-splash-in-panel-left {
  0% {
    left: -300vmax;
  }
  100% {
    left: 200vmax;
  }
}
@keyframes id3-splash-in-panel-right {
  0% {
    right: -300vmax;
  }
  100% {
    right: 200vmax;
  }
}
@keyframes id3-anim-fade-in {
  0% {
    opacity: var(--min-opacity, 0);
  }
  100% {
    opacity: var(--max-opacity, 1);
  }
}
@keyframes id3-anim-fade-out {
  0% {
    opacity: var(--max-opacity, 1);
  }
  100% {
    opacity: var(--min-opacity, 0);
  }
}
@keyframes id3-anim-zoom-in {
  100% {
    opacity: var(--max-opacity, 1);
    scale: 1;
  }
}
@keyframes id3-anim-slide-in-left {
  100% {
    opacity: var(--max-opacity, 1);
    transform: translate(0, 0);
  }
}
@keyframes id3-anim-slide-out-left {
  0% {
    opacity: var(--max-opacity);
    transform: translateX(0%);
  }
  100% {
    opacity: 0;
    transform: translateX(-100%);
  }
}
@keyframes id3-anim-slide-in {
  100% {
    opacity: var(--max-opacity, 1);
    transform: translate(0, 0);
  }
}
@keyframes id3-anim-slide-in-bottom {
  0% {
    opacity: var(--min-opacity, 0);
    transform: translateY(100%);
  }
  100% {
    opacity: var(--max-opacity, 1);
    transform: translateY(0);
  }
}
@keyframes id3-anim-slide-in-far-bottom {
  0% {
    opacity: var(--min-opacity);
    transform: scale(0.5) translateY(50vh);
  }
  50% {
    opacity: var(--max-opacity);
    transform: scale(0.5) translateY(0vh);
  }
  100% {
    opacity: var(--max-opacity);
    transform: scale(1);
  }
}
@keyframes id3-anim-slide-in-top {
  0% {
    opacity: var(--min-opacity);
    transform: translateY(-100%);
  }
  100% {
    opacity: var(--max-opacity);
    transform: translateY(0%);
  }
}
@keyframes id3-anim-slide-out-up {
  0% {
    opacity: var(--max-opacity);
    transform: translateY(0%);
  }
  100% {
    opacity: 0;
    transform: translateY(-100%);
  }
}
@keyframes id3-anim-slide-out-right {
  0% {
    opacity: var(--max-opacity);
    transform: translateX(0%);
  }
  100% {
    opacity: 0;
    transform: translateX(100%);
  }
}
@keyframes id3-anim-pop-in {
  0% {
    scale: 0;
  }
  95% {
    scale: 1.1;
  }
  100% {
    scale: 1;
  }
}
@keyframes id3-anim-pop-out {
  0% {
    scale: 1;
  }
  100% {
    scale: 0;
  }
}
@keyframes id3-anim-expand {
  0% {
    opacity: var(--min-opacity);
    max-height: 0;
  }
  100% {
    opacity: var(--max-opacity);
    max-height: 100vh;
  }
}
.layout-gap-1 {
  gap: 1rem;
}

.layout-gap-2 {
  gap: 2rem;
}

.layout-gap-3 {
  gap: 3rem;
}

.layout-gap-4 {
  gap: 4rem;
}

.layout-gap-5 {
  gap: 5rem;
}

.layout-gap-6 {
  gap: 6rem;
}

.layout-gap-7 {
  gap: 7rem;
}

.layout-gap-8 {
  gap: 8rem;
}

.layout-gap-9 {
  gap: 9rem;
}

.layout-gap-10 {
  gap: 10rem;
}

[ng-click] {
  cursor: pointer;
  outline: none;
}

[disabled] {
  opacity: 0.25;
  pointer-events: none;
}

.md-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5em;
  color: var(--text-color) !important;
}
.md-button yo-icon {
  font-size: 1.32em;
}

.md-button.md-warn {
  --text-color:#f20505;
}

.md-button.md-raised {
  --text-color:#fff;
}

.md-button.md-accent {
  border: solid 2px var(--text-color);
  min-height: 32px;
  line-height: 32px;
}

.md-button-combo {
  display: inline-flex;
  align-items: center;
  margin: 0.5rem;
  gap: 1px;
}
.md-button-combo:has(.md-button.md-raised) {
  box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.6);
}
.md-button-combo:has(.md-button.md-raised) > .md-button,
.md-button-combo:has(.md-button.md-raised) > md-menu > .md-button {
  box-shadow: none;
}
.md-button-combo > .md-button,
.md-button-combo > md-menu > .md-button {
  margin: 0;
}
.md-button-combo > .md-button {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.md-button-combo > md-menu > .md-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  min-width: 3ch;
}

md-select-menu {
  --text-color:#333;
}
md-select-menu md-select-header {
  position: sticky;
  top: 0;
  background: #fff;
  display: block;
  z-index: 9000;
  border-bottom: solid 1px color-mix(in srgb, currentColor 25%, transparent);
}
md-select-menu md-select-header input {
  border: none;
  outline: none;
  padding: 0.5rem 1rem;
}

.md-autocomplete-suggestions-container {
  z-index: 999999999 !important;
  --text-color:#333;
}

md-calendar {
  --text-color:#333;
  display: block;
  max-width: 420px;
  border: solid 2px #ccc;
  border-radius: 0.25rem;
}
md-calendar .md-calendar-scroll-container {
  width: unset;
}

md-checkbox {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
md-checkbox .md-container {
  margin: 0;
  transform: none;
  position: relative;
}
md-checkbox .md-container .md-icon {
  border-color: var(--text-color) !important;
}
md-checkbox .md-label {
  margin: 0;
}
md-checkbox .md-label label {
  margin: 0;
  padding: 0;
}

.md-datepicker-calendar-pane {
  z-index: 999999999 !important;
}

md-dialog.als-ui-element {
  max-height: calc(100vh - 150px);
  --text-color:#333;
}
md-dialog.als-ui-element form {
  margin: 0;
}
md-dialog.als-ui-element md-dialog-content {
  overflow: hidden auto;
  max-height: calc(100vh - 200px);
  display: block;
}

md-dialog md-dialog-content.md-dialog-content.als-prompt {
  min-width: clamp(0px, 50vw, 860px);
}

md-list .md-subheader {
  background: color-mix(in srgb, var(--text-color), transparent 95%);
}
md-list md-list-item .md-input {
  outline: none;
  border: none;
  border-bottom: solid 1px #ccc;
  background: transparent;
  text-align: right;
  flex: 1;
}
md-list md-list-item .md-input:first-child {
  text-align: left;
}
md-list md-list-item .md-list-item-inner yo-icon {
  margin: 1.2rem;
}
md-list md-list-item.md-2-line .md-list-item-text h2, md-list md-list-item.md-2-line .md-list-item-text h3, md-list md-list-item.md-2-line .md-list-item-text h4, md-list md-list-item.md-2-line .md-list-item-text p {
  color: var(--text-color);
}
md-list md-list-item.md-2-line::before,
md-list md-list-item.md-2-line .md-list-item-inner, md-list md-list-item.md-2-line .md-list-item-inner::before {
  min-height: unset;
}

md-menu-content {
  --text-color:#333;
  padding-block: 0;
}
md-menu-content.md-menu-bar-menu.md-dense {
  padding: 0;
}
md-menu-content.md-menu-bar-menu.md-dense .md-button {
  display: flex;
  gap: 1rem;
  align-items: center;
}
md-menu-content.md-menu-bar-menu.md-dense .md-button > span {
  display: block;
  float: unset;
  margin-top: unset;
  margin-bottom: unset;
}
md-menu-content .md-subheader {
  position: sticky;
  top: 0;
  z-index: 100;
}
md-menu-content .md-subheader .md-subheader-content {
  text-transform: uppercase;
  font-style: italic;
  opacity: 0.5;
  text-align: center;
}

md-toolbar {
  --text-color:#fff;
}

md-tabs md-tab-item.md-tab {
  color: var(--text-color);
}

md-toast.als-toast {
  position: fixed;
}
md-toast.als-toast.primary .md-toast-content {
  background: #f90;
  color: #fff;
}
md-toast.als-toast.secondary .md-toast-content {
  background: #00bbf4;
  color: #fff;
}

md-option.prime {
  font-weight: 700;
}

md-input-container {
  width: 100%;
}
md-input-container .md-errors-spacer:empty {
  display: none;
}
md-input-container .md-resize-wrapper {
  width: 100%;
}
md-input-container:has(.hint) {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 0.5rem;
}
md-input-container:has(.hint) input,
md-input-container:has(.hint) textarea,
md-input-container:has(.hint) select,
md-input-container:has(.hint) md-select {
  order: unset;
}
md-input-container.md-default-theme:not(.md-input-invalid).md-input-has-value label,
md-input-container:not(.md-input-invalid).md-input-has-value label {
  color: var(--text-color, #fff);
}

md-select.md-default-theme .md-select-value, md-select .md-select-value {
  border-bottom-color: var(--text-color, #fff);
}

md-input-container.md-default-theme .md-input, md-input-container .md-input {
  border-color: var(--text-color, #fff);
}

.md-button[disabled],
.md-button.md-warn[disabled] {
  color: var(--text-color, #fff);
}
.md-button[disabled] md-icon,
.md-button.md-warn[disabled] md-icon {
  color: inherit;
}

[disabled] md-input-container.md-default-theme .md-input,
[disabled] md-input-container .md-input, md-input-container.md-default-theme .md-input[disabled],
md-input-container .md-input[disabled] {
  color: var(--text-color, #fff);
}

.md-button {
  border-radius: 5px;
}
.md-button.md-hollow {
  border: solid 2px var(--border-color, currentColor);
}

.layout-row md-divider {
  min-height: 1rem;
  border-right-color: currentColor;
  opacity: 0.25;
}

.layout-column md-divider {
  min-width: 1rem;
  border-top-color: currentColor;
  opacity: 0.25;
}

@media (prefers-reduced-motion: reduce) {
  .fa-beat, .fa-beat-fade, .fa-bounce, .fa-fade, .fa-flip, .fa-pulse, .fa-shake, .fa-spin, .fa-spin-pulse {
    animation-delay: 0ms;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    transition-delay: 0s;
    transition-duration: 1.5s;
  }
  .fa-beat::before, .fa-beat-fade::before, .fa-bounce::before, .fa-fade::before, .fa-flip::before, .fa-pulse::before, .fa-shake::before, .fa-spin::before, .fa-spin-pulse::before {
    aspect-ratio: 1;
  }
}
.pac-container {
  z-index: 999999999;
  --text-color: #333;
}

md-option h {
  display: none;
}

.kamelo-template-input {
  display: grid;
  grid-template-columns: 1fr auto;
  place-items: center stretch;
  gap: 1rem;
}
.kamelo-template-input .template-selected {
  border-radius: 0.25rem;
  border: solid 1px #ccc;
  padding: 0.5rem 1rem;
}
.kamelo-template-input .template-selected label {
  padding: 0;
  margin: 0;
  min-height: 1.25rem;
}
.kamelo-template-input .template-selected label.no-selection {
  font-style: italic;
}

.kamelo-group-input {
  display: grid;
  grid-template-columns: 1fr auto;
  place-items: center stretch;
  gap: 1rem;
}
.kamelo-group-input .group-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
}
.kamelo-group-input .group-list .group-item {
  display: flex;
  gap: 0.5rem;
  border-radius: 2em;
  align-items: center;
  background-color: var(--pill-bg, #ddd);
  color: var(--pill-fg, #333);
  padding: 0.5em 1em;
}

.kamelo-template-preview {
  min-width: 620px;
}
.kamelo-template-preview .preview-tabs {
  display: flex;
  justify-content: center;
  align-items: center;
}
.kamelo-template-preview .preview-tabs .tab-item {
  padding: 0.5em 1em;
}
.kamelo-template-preview .preview-tabs .tab-item.selected {
  font-weight: bold;
  border-bottom: solid 2px var(--action-color);
}
.kamelo-template-preview .tab-content {
  display: none;
  border: solid 1px #ccc;
  padding: 0.5rem;
}
.kamelo-template-preview .tab-content textarea {
  width: 100%;
  height: calc(100% - 2rem);
}
.kamelo-template-preview .tab-content.selected {
  display: block;
}

.ss-json-visualizer .ss-tracks-list {
  display: grid;
  gap: 1rem;
}
.ss-json-visualizer .ss-tracks-list .ss-track {
  border: dashed 2px rgba(255, 255, 255, 0.1333333333);
  padding: 1rem;
}
.ss-json-visualizer .ss-tracks-list .ss-track .ss-track-name {
  font-size: 1.2rem;
  text-transform: uppercase;
  opacity: 0.5;
}
.ss-json-visualizer .ss-tracks-list .ss-track .ss-track-info .ss-track-timeline-part {
  position: relative;
  height: 2rem;
  border-radius: 0.25rem;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1333333333);
  background: rgba(255, 255, 255, 0.0666666667);
}
.ss-json-visualizer .ss-tracks-list .ss-track .ss-track-info .ss-track-timeline-part .ss-track-timeline-before {
  position: absolute;
  top: 50%;
  left: 4px;
  transform: translate(0, -50%);
  opacity: 0.5;
}
.ss-json-visualizer .ss-tracks-list .ss-track .ss-track-info .ss-track-timeline-part .ss-track-timeline-after {
  position: absolute;
  top: 50%;
  right: 4px;
  transform: translate(0, -50%);
  opacity: 0.5;
}
.ss-json-visualizer .ss-tracks-list .ss-track .ss-track-info .ss-track-timeline-part .ss-track-timeline-section {
  position: absolute;
  top: 4px;
  bottom: 4px;
  background: #f90;
  color: #fff;
  border-radius: 0.25rem;
  text-align: center;
  line-height: calc(2rem - 8px);
  left: calc(var(--ss-starts-at) + 4px);
  right: calc(var(--ss-ends-at) + 4px);
}
.ss-json-visualizer .ss-clips-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 180px), 1fr));
  gap: 0.5rem;
}
.ss-json-visualizer .ss-clips-list .ss-clip {
  background: color-mix(in srgb, var(--background-color), transparent 50%);
  border-radius: 0.25rem;
  padding: 1rem;
  position: relative;
  min-height: 4rem;
  overflow: hidden;
  isolation: isolate;
}
.ss-json-visualizer .ss-clips-list .ss-clip img {
  display: block;
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: 0.5;
}

body.app .editor-header {
  padding: 0.5rem;
}
body.app .editor-header .page-title {
  display: grid;
  flex-direction: row;
  gap: 1rem;
  place-items: center stretch;
  flex: 1;
  flex: 1;
  grid-template-columns: auto 1fr;
}
body.app .editor-header .page-title .page-preview-image {
  height: 50px;
  aspect-ratio: 1;
  overflow: hidden;
  border-radius: 0.5rem;
  position: relative;
}
body.app .editor-header .page-title .page-preview-image .preview-default {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  background: var(--primary-color-contrast-mid);
  transition: 0.25s ease;
}
body.app .editor-header .page-title .page-preview-image label.preview-default {
  opacity: 0.5;
  font-weight: 300;
  margin: 0;
  text-transform: uppercase;
}
body.app .editor-header .page-title .page-preview-image .back-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  z-index: 5;
  opacity: 0;
  transition: 0.25s ease;
}
body.app .editor-header .page-title .page-preview-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: 0.25s ease;
  position: relative;
  z-index: 2;
}
body.app .editor-header .page-title .page-preview-image:hover .back-button {
  opacity: 1;
}
body.app .editor-header .page-title .page-preview-image:hover .preview-default,
body.app .editor-header .page-title .page-preview-image:hover img {
  opacity: 0;
}
body.app .editor-header .page-title h2 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
  line-height: normal;
}
body.app.users .user-list-container {
  width: 100%;
  margin-inline: auto;
  text-align: center;
}
@media screen and (max-width: 640px) {
  body.app.users .user-list-container {
    width: 100%;
  }
}
body.app.users .user-groups-container {
  width: clamp(320px, 100% - 1rem, 1200px);
  margin-inline: auto;
}
body.app.users .user-group-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
body.app.users .user-group-list .user-group {
  background: rgba(0, 0, 0, 0.3333333333);
  padding: 1rem;
  border-radius: 1rem;
}
body.app.users .user-group-list .user-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 2rem;
}
body.app.users .user-group-list .user-list .user-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
body.app.users .user-group-list .user-list .user-item .avatar-container {
  position: relative;
}
body.app.users .user-group-list .user-list .user-item .info-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
body.app.users .user-group-list .user-list .user-item .security-icon {
  position: absolute;
  top: 0;
  right: 0;
  background: var(--action-color);
  font-size: 1.4rem;
  border-radius: 2em;
  width: 1.5em;
  height: 1.5em;
  display: flex;
  align-items: center;
  justify-content: center;
}
body.app.users .user-group-list .user-list .user-item .name {
  font-size: 1.2rem;
  font-weight: 500;
}
body.app.users .user-list {
  --tile-gap: 0.5rem;
  --tile-size: calc(100px - (var(--tile-gap)*.5) );
  display: inline-grid;
  grid-auto-rows: calc(var(--tile-size) * 0.5);
  gap: var(--tile-gap);
}
body.app.users .user-list .user-item {
  position: relative;
  aspect-ratio: 1;
  grid-column: span 2;
  grid-row: span 2;
  isolation: isolate;
  --item-shape-path: 'M 80 20 C 100 0 100 0 120 20 L 180 80 C 200 100 200 100 180 120 L 120 180 C 100 200 100 200 80 180 L 20 120 C 0 100 0 100 20 80 Z';
  overflow: visible;
  border-radius: 0.5rem;
  overflow: hidden;
  transition: all 0.25s linear;
  filter: drop-shadow(0 0 0rem #000);
}
body.app.users .user-list .user-item .user-item-body {
  background: var(--item-color-level, #fff);
  clip-path: path(var(--item-shape-path));
  transition: clip-path 0.25s ease;
  position: relative;
  border-radius: 0.5rem;
  overflow: hidden;
  border: solid 4px color-mix(in srgb, var(--item-color-level, #fff), #000 25%);
  aspect-ratio: 1;
}
body.app.users .user-list .user-item .user-item-body .user-item-info {
  position: absolute;
  bottom: 0;
  left: 50%;
  translate: -50% 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: 0.25s ease;
  text-align: center;
  padding: 0.25rem;
  z-index: 5;
}
body.app.users .user-list .user-item .user-item-body .user-item-info .user-name {
  font-weight: bold;
  text-shadow: 2px 2px 4px #000;
  text-wrap: balance;
  text-transform: uppercase;
}
body.app.users .user-list .user-item svg.user-item-frame {
  position: absolute;
  inset: 0;
  z-index: 10;
}
body.app.users .user-list .user-item svg.user-item-frame path {
  transition: d 0.25s ease, stroke-width 0.25s ease;
  d: path(var(--item-shape-path));
  fill: transparent;
  stroke: color-mix(in srgb, var(--item-color-level, #fff), #000 25%);
  stroke-width: 4px;
  stroke-linejoin: round;
  stroke-linecap: round;
}
body.app.users .user-list .user-item .user-level {
  color: #fff;
  background: var(--item-color-level, #000);
  font-size: 1.25rem;
  font-weight: bold;
  display: inline-flex;
  z-index: 5;
  text-align: center;
  border-radius: 0em;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 100%;
  height: 1.5em;
  translate: -50% 0;
  transition: 0.25s ease-out;
}
body.app.users .user-list .user-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
body.app.users .user-list .user-item:not(.yo-offline):hover {
  scale: 1.2;
  filter: drop-shadow(0 0rem 2rem #000);
  --item-shape-path: 'M 0 0 C 100 0 100 0 200 0 L 200 0 C 200 100 200 100 200 200 L 200 200 C 100 200 100 200 0 200 L 0 200 C 0 100 0 100 0 0 Z';
  z-index: 100;
}
body.app.users .user-list .user-item:not(.yo-offline):hover .user-item-body .user-item-info {
  translate: -50% 0;
  transition: 0.25s 0.25s ease;
}
body.app.users .user-list .user-item:not(.yo-offline):hover .user-item-body .user-level {
  border-radius: 10em;
  width: 2rem;
  height: 2rem;
  translate: -50% -100%;
}
body.app.users .user-list .user-item:not(:hover) {
  animation: zIndexHack 0.25s;
}
body.app.users .user-list .user-item.yo-offline {
  scale: 0.9;
}
body.app.users .user-list .user-item.yo-offline svg.user-item-frame {
  display: none;
}
body.app.users .user-list .user-item.yo-offline .user-item-body {
  background: transparent;
}
body.app.users .user-list .user-item.yo-offline .user-item-body img {
  filter: grayscale(1);
  opacity: 0.5;
}
body.app.users .user-list .user-item.yo-offline .user-level {
  display: none;
}
body.app.users .user-list .user-item.yo-offline .user-item-info {
  bottom: 50%;
  translate: -50% 50%;
}
body.app.users .user-list .user-item.yo-offline .user-item-info .user-name {
  text-transform: unset;
}
body.app.users .user-list .user-item.yo-online .user-item-body::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 60%, #3c5);
  z-index: 1;
}
@media screen and (min-width: 1200px) {
  body.app.users .user-list {
    grid-template-columns: repeat(10, var(--tile-size));
  }
  body.app.users .user-list .user-item:nth-child(6), body.app.users .user-list .user-item:nth-child(15), body.app.users .user-list .user-item:nth-child(24), body.app.users .user-list .user-item:nth-child(33) {
    grid-column: 2/span 2;
  }
}
@media screen and (min-width: 640px) and (max-width: 1200px) {
  body.app.users .user-list {
    grid-template-columns: repeat(6, var(--tile-size));
  }
  body.app.users .user-list .user-item:nth-child(4), body.app.users .user-list .user-item:nth-child(9), body.app.users .user-list .user-item:nth-child(14), body.app.users .user-list .user-item:nth-child(19) {
    grid-column: 2/span 2;
  }
}
@media screen and (max-width: 640px) {
  body.app.users .user-list {
    grid-template-columns: repeat(4, var(--tile-size));
  }
  body.app.users .user-list .user-item:nth-child(3), body.app.users .user-list .user-item:nth-child(6), body.app.users .user-list .user-item:nth-child(9), body.app.users .user-list .user-item:nth-child(12) {
    grid-column: 2/span 2;
  }
}
@keyframes zIndexHack {
  0%, 100% {
    z-index: 10;
  }
}
body.app.entities .viewport > section {
  display: block;
}
body.app.entities .view-content {
  min-height: calc(100vh - 53px);
  overflow: hidden;
  padding-bottom: 1rem;
}
body.app.entities .data-table-container {
  width: clamp(640px, 80vw, 1200px);
  margin-inline: auto;
  overflow: hidden overlay;
  border-radius: 0.5rem;
}
body.app.entities .ui-table tr td:nth-child(2) {
  width: auto;
}
body.app.entities .ui-table tr td:nth-child(n+3) {
  width: 120px;
}
body.app.entities .ui-table tr.is-active td:first-child {
  border-left: 3px solid #1CA261;
}
body.app.entities .ui-table tbody tr.type-0 td:nth-child(2),
body.app.entities .editor-header .actions button.type-0 span {
  border-left: 5px solid #4C8CF5;
  padding-left: 10px;
  transition: 0.25s;
}
body.app.entities .editor-header .actions button.type-0.selected span {
  border-left-width: 0px;
  font-weight: 700;
  border-bottom: 5px solid #4C8CF5;
  padding-left: 0px;
  padding-bottom: 5px;
  padding-top: 0px;
}
body.app.entities .list-container .list-item[data-type=type-0] {
  --type-color: #4C8CF5;
}
body.app.entities .ui-table tbody tr.type-1 td:nth-child(2),
body.app.entities .editor-header .actions button.type-1 span {
  border-left: 5px solid #FFCE43;
  padding-left: 10px;
  transition: 0.25s;
}
body.app.entities .editor-header .actions button.type-1.selected span {
  border-left-width: 0px;
  font-weight: 700;
  border-bottom: 5px solid #FFCE43;
  padding-left: 0px;
  padding-bottom: 5px;
  padding-top: 0px;
}
body.app.entities .list-container .list-item[data-type=type-1] {
  --type-color: #FFCE43;
}
body.app.entities .ui-table tbody tr.type-2 td:nth-child(2),
body.app.entities .editor-header .actions button.type-2 span {
  border-left: 5px solid #68217A;
  padding-left: 10px;
  transition: 0.25s;
}
body.app.entities .editor-header .actions button.type-2.selected span {
  border-left-width: 0px;
  font-weight: 700;
  border-bottom: 5px solid #68217A;
  padding-left: 0px;
  padding-bottom: 5px;
  padding-top: 0px;
}
body.app.entities .list-container .list-item[data-type=type-2] {
  --type-color: #68217A;
}
body.app.entities .ui-table .entity-info {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1rem;
  place-items: center stretch;
}
body.app.entities .ui-table .entity-info .entity-name {
  font-weight: 500;
  text-decoration: none;
}
body.app.entities .ui-table .entity-info em {
  display: block;
  font-size: 0.7em;
}
body.app.entities .page-content {
  width: clamp(640px, 80vw, 1200px);
  margin-inline: auto;
}
body.app.entities .search-bar {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
body.app.entities .list-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  place-items: stretch;
  padding: 2rem;
  gap: 1rem;
}
body.app.entities .list-container .list-item {
  transition: all 0.25s ease;
  perspective: 1000px;
  position: relative;
  isolation: isolate;
}
body.app.entities .list-container .list-item::before {
  content: "";
  position: absolute;
  inset: 0 -25px;
  z-index: -1;
  opacity: 0;
  scale: 0.75;
  background: rgba(0, 0, 0, 0.8);
  filter: blur(10px);
  transition: 0.25s ease;
}
body.app.entities .list-container .list-item .item-side-container {
  transition: 0.25s ease;
  transform-style: preserve-3d;
  position: relative;
}
body.app.entities .list-container .list-item .item-side-container .side {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.3333333333);
  border-radius: 1rem;
}
body.app.entities .list-container .list-item .item-side-container .side .entity-info {
  padding: 1rem;
  text-align: center;
}
body.app.entities .list-container .list-item .item-side-container .side.side-front {
  background: radial-gradient(180px circle at bottom center, color-mix(in srgb, var(--type-color), transparent 80%), transparent), linear-gradient(135deg, rgba(0, 0, 0, 0.3333333333), rgba(0, 0, 0, 0.5333333333));
}
body.app.entities .list-container .list-item .item-side-container .side.side-front .entity-name {
  font-weight: bold;
  text-decoration: none;
  font-size: 1.25rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: capitalize;
  width: 200px;
}
body.app.entities .list-container .list-item .item-side-container .side.side-front .yo-avatar {
  box-shadow: 0 0 0px 4px var(--type-color);
}
body.app.entities .list-container .list-item .item-side-container .side.side-back {
  --image-size: 160px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -50px;
  right: -50px;
  transform: rotateY(180deg);
  backface-visibility: hidden;
  padding-left: var(--image-size);
  overflow: hidden;
  background: #fff;
  --text-color: #333;
}
body.app.entities .list-container .list-item .item-side-container .side.side-back .entity-info {
  text-align: left;
}
body.app.entities .list-container .list-item .item-side-container .side.side-back .entity-image {
  position: absolute;
  inset: 0 auto 0 0;
  width: var(--image-size);
  overflow: hidden;
}
body.app.entities .list-container .list-item .item-side-container .side.side-back .entity-image img {
  width: 120%;
  height: 120%;
  object-fit: cover;
  object-position: center;
}
body.app.entities .list-container .list-item .item-side-container .side.side-back .entity-name {
  font-weight: bold;
  text-decoration: none;
  font-size: 1rem;
  text-transform: capitalize;
}
body.app.entities .list-container .list-item .item-side-container .side.side-back .entity-remote-id {
  font-size: 0.75rem;
  opacity: 0.6;
}
body.app.entities .list-container .list-item .item-side-container .side.side-back .item-actions {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
body.app.entities .list-container .list-item:hover {
  transition: all 0.25s ease, translate 0.25s 0.1s ease;
  scale: 1.2;
  translate: 0 -2rem;
  z-index: 50;
}
body.app.entities .list-container .list-item:hover::before {
  opacity: 1;
  scale: 1;
  transition: 0.5s ease;
  translate: 0 1rem;
}
body.app.entities .list-container .list-item:hover .item-side-container {
  transform: rotateY(180deg);
}
body.app.single_entity .viewport {
  overflow-y: hidden;
}
body.app.single_entity .viewport .view-content {
  overflow-y: hidden;
  padding-bottom: 1rem;
}
body.app.single_entity .placeholder.loading-status {
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 1;
  z-index: 1000;
  transform: translate(-50%, -50%);
}
body.app.single_entity .yo-tabbed-sections.is-loading {
  opacity: 0;
  pointer-events: none;
}
body.app.single_entity .yo-tabbed-sections[entity-status=inactive] yo-tab:nth-child(n+2) {
  opacity: 0.5;
}
body.app.single_entity .yo-tabbed-sections[entity-status=inactive] .fieldset.data-source, body.app.single_entity .yo-tabbed-sections[entity-status=inactive] .fieldset.log-graph, body.app.single_entity .yo-tabbed-sections[entity-status=inactive] .fieldset.notes {
  opacity: 0.25;
  pointer-events: none;
}
body.app.single_entity .yo-tab-body .fieldset > h1 {
  font-size: 2rem;
  font-weight: 500;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
}
body.app.single_entity .yo-tab-body .fieldset > h4 {
  font-size: 1.25rem;
  font-weight: 500;
  text-transform: uppercase;
}
body.app.single_entity .yo-tab-body .fieldset {
  isolation: isolate;
  position: relative;
  overflow: hidden;
}
body.app.single_entity .yo-tab-body .fieldset[columns=full] {
  grid-column: 1/-1;
}
body.app.single_entity .yo-tab-body .fieldset[columns="span 2"] {
  grid-column: span 2;
}
body.app.single_entity .yo-tab-body .fieldset[columns="span 3"] {
  grid-column: span 3;
}
body.app.single_entity .yo-tab-body .fieldset[columns="span 4"] {
  grid-column: span 4;
}
body.app.single_entity .yo-tab-body .fieldset[columns="span 5"] {
  grid-column: span 5;
}
body.app.single_entity .yo-tab-body .fieldset[columns="span 6"] {
  grid-column: span 6;
}
body.app.single_entity .yo-tab-body .fieldset[rows="span 2"] {
  grid-row: span 2;
}
body.app.single_entity .yo-tab-body .fieldset[rows="span 3"] {
  grid-row: span 3;
}
body.app.single_entity .yo-tab-body .fieldset[rows="span 4"] {
  grid-row: span 4;
}
body.app.single_entity .yo-tab-body .fieldset[rows="span 5"] {
  grid-row: span 5;
}
body.app.single_entity .yo-tab-body .fieldset[rows="span 6"] {
  grid-row: span 6;
}
body.app.single_entity .yo-tab-body .fieldset.active::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: 0;
  animation: id3-anim-slide-in-left 0.5s ease-out forwards;
  background: radial-gradient(200px circle at 0px -100px, #08ffde, transparent), radial-gradient(500px circle at 0px -250px, rgba(7, 228, 129, 0.6), transparent), radial-gradient(200px circle at bottom right, rgba(8, 255, 222, 0.4), transparent), radial-gradient(500px circle at bottom right, rgba(7, 228, 129, 0.2), transparent);
}
body.app.single_entity .yo-tab-body .fieldset.inactive::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: 0;
  animation: id3-anim-slide-in-left 0.5s ease-out forwards;
  background: radial-gradient(200px circle at 0px -100px, #e4d507, transparent), radial-gradient(500px circle at 0px -250px, rgba(228, 7, 7, 0.6), transparent), radial-gradient(200px circle at bottom right, rgba(228, 213, 7, 0.4), transparent), radial-gradient(500px circle at bottom right, rgba(228, 7, 7, 0.2), transparent);
}
body.app.single_entity .yo-tab-body .fieldset.data-source.source-type-remax {
  background: radial-gradient(circle at top left, #05f, transparent), radial-gradient(circle at bottom right, #f00, transparent);
}
body.app.single_entity .yo-tab-body .fieldset.data-source.source-type-centris {
  background: radial-gradient(circle at top left, #d58ce7, transparent), radial-gradient(circle at bottom center, #5c99ff, transparent), radial-gradient(circle at top right, #44cbab, transparent);
}
body.app.single_entity .yo-tab-body .fieldset.ai-profile {
  background: radial-gradient(circle at top left, var(--fieldset-background-color-1, #000), transparent), radial-gradient(circle at bottom right, var(--fieldset-background-color-2, #333), transparent);
}
body.app.single_entity .yo-tab-body .fieldset.ai-profile.ai-profile-active {
  --fieldset-background-color-1: #006e1c;
  --fieldset-background-color-2: #ffd902;
}
body.app.single_entity .yo-tab-body.tab-home {
  grid-template-columns: repeat(5, 1fr);
}
@media screen and (max-width: 800px) {
  body.app.single_entity .yo-tab-body.tab-home {
    grid-template-columns: 1fr;
  }
  body.app.single_entity .yo-tab-body.tab-home .fieldset {
    grid-column: 1/-1 !important;
  }
  body.app.single_entity .yo-tab-body.tab-home {
    padding-bottom: 10rem;
  }
}
body.app.single_entity .yo-tab-body.tab-home .fieldset.entity-info:has(.firm-logo img) {
  padding-left: 150px;
}
@media screen and (max-width: 800px) {
  body.app.single_entity .yo-tab-body.tab-home .fieldset.entity-info:has(.firm-logo img) {
    padding-left: 1rem;
    padding-top: 3rem;
  }
  body.app.single_entity .yo-tab-body.tab-home .fieldset.entity-info:has(.firm-logo img) h1 {
    display: none;
  }
}
body.app.single_entity .yo-tab-body.tab-home .fieldset.entity-info .entity-info-bar {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 800px) {
  body.app.single_entity .yo-tab-body.tab-home .fieldset.entity-info .entity-info-bar {
    justify-content: center;
  }
}
body.app.single_entity .yo-tab-body.tab-home .fieldset.entity-info .entity-info-bar md-divider {
  min-width: 0;
  margin-inline: 1rem;
}
@media screen and (max-width: 800px) {
  body.app.single_entity .yo-tab-body.tab-home .fieldset.entity-info .entity-info-bar md-divider {
    margin-inline: 0;
    opacity: 0;
    flex: 1;
  }
}
body.app.single_entity .yo-tab-body.tab-home .fieldset.entity-info .locale-flag-icon {
  width: 1.25rem;
}
body.app.single_entity .yo-tab-body.tab-home .fieldset.entity-info .status-switch {
  position: absolute;
  top: 0;
  right: 1rem;
}
body.app.single_entity .yo-tab-body.tab-home .fieldset.entity-info .firm-logo {
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  overflow: hidden;
  border-radius: 0.25rem;
  width: 120px;
  height: 120px;
  background: rgba(0, 0, 0, 0.1333333333);
}
body.app.single_entity .yo-tab-body.tab-home .fieldset.entity-info .firm-logo:not(:has(img)) {
  display: none;
}
body.app.single_entity .yo-tab-body.tab-home .fieldset.entity-info .firm-logo > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  display: block;
}
@media screen and (max-width: 800px) {
  body.app.single_entity .yo-tab-body.tab-home .fieldset.entity-info .firm-logo {
    width: 60px;
  }
}
body.app.single_entity .yo-tab-body.tab-home .fieldset.entity-info .configuration-status:has(button) {
  box-shadow: none;
  padding: 0;
}
body.app.single_entity .yo-tab-body.tab-home .fieldset.entity-info .configuration-status:has(button) > span {
  display: none;
}
body.app.single_entity .yo-tab-body.tab-home .fieldset.log-graph {
  padding: 0;
  background: none;
}
body.app.single_entity .yo-tab-body.tab-home .fieldset.log-graph .graph-footer {
  padding-inline: 2rem;
}
body.app.single_entity .yo-tab-body.tab-home .notes {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  isolation: isolate;
  position: relative;
  overflow: hidden;
}
body.app.single_entity .yo-tab-body.tab-home .notes h3 {
  margin: 0;
  padding: 0;
  font-weight: 700;
  text-transform: uppercase;
}
body.app.single_entity .yo-tab-body.tab-home .notes p {
  margin-block: 0.5em 0;
  font-size: 1.2rem;
  white-space: pre-wrap;
}
body.app.single_entity .yo-tab-body.tab-home .notes::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: 0;
  animation: id3-anim-slide-in-left 0.5s ease-out forwards;
  background: radial-gradient(300px circle at 0px -150px, var(--note-bg-color-1, #000), transparent), radial-gradient(circle at bottom right, var(--note-bg-color-2, #000), transparent), linear-gradient(135deg, rgba(0, 0, 0, 0.3333333333), rgba(0, 0, 0, 0.5333333333));
}
body.app.single_entity .yo-tab-body.tab-home .notes:has(p:not(:empty)) {
  --note-bg-color-1: #ffbe00;
  --note-bg-color-2: #b13c00;
}
body.app.single_entity .yo-tab-body.tab-home .chart-container {
  width: 100%;
  aspect-ratio: 16/9;
  height: auto;
  padding: 1rem;
  padding-bottom: 2rem;
  border-radius: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  position: relative;
}
body.app.single_entity .yo-tab-body.tab-home .chart-container > label.placeholder {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 640px) {
  body.app.single_entity .yo-tab-body.tab-home .chart-container {
    padding-inline: 0;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    background: none;
  }
}
body.app.single_entity .yo-tab-body.tab-home .linechart {
  display: block;
  width: 100%;
  overflow: hidden;
}
body.app.single_entity .yo-tab-body.tab-home .linechart svg {
  width: 100%;
  height: 100%;
}
body.app.single_entity .yo-tab-body.tab-home .linechart .axes .grid {
  opacity: 0.25;
}
body.app.single_entity .yo-tab-body.tab-home .linechart .axis text {
  fill: var(--text-color);
}
body.app.single_entity .yo-tab-body.tab-home .linechart .axis line, body.app.single_entity .yo-tab-body.tab-home .linechart .axis path {
  stroke: var(--text-color);
}
body.app.single_entity .yo-tab-body.tab-home .linechart .chart-tooltip {
  background-color: var(--background-color);
  border-radius: 0.25rem;
}
body.app.single_entity .yo-tab-body.tab-home .actions {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 640px) {
  body.app.single_entity .yo-tab-body.tab-home .actions {
    flex-direction: column;
  }
}
body.app.single_entity .yo-tab-body.tab-customizations .logo-override .logo-flow-container {
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: center;
}
body.app.single_entity .yo-tab-body.tab-customizations .logo-override .logo-flow-container .custom-logo,
body.app.single_entity .yo-tab-body.tab-customizations .logo-override .logo-flow-container .default-logo {
  width: 250px;
  height: 250px;
  position: relative;
  isolation: isolate;
  background-color: rgba(255, 255, 255, 0.0666666667);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
}
body.app.single_entity .yo-tab-body.tab-customizations .logo-override .logo-flow-container .custom-logo > yo-icon,
body.app.single_entity .yo-tab-body.tab-customizations .logo-override .logo-flow-container .default-logo > yo-icon {
  font-size: 4rem;
  opacity: 0.5;
  position: absolute;
  z-index: -1;
  inset: auto;
}
body.app.single_entity .yo-tab-body.tab-customizations .logo-override .logo-flow-container .custom-logo:has(img[src]) > yo-icon,
body.app.single_entity .yo-tab-body.tab-customizations .logo-override .logo-flow-container .default-logo:has(img[src]) > yo-icon {
  display: none;
}
body.app.single_entity .yo-tab-body.tab-customizations .logo-override .logo-flow-container .custom-logo > img,
body.app.single_entity .yo-tab-body.tab-customizations .logo-override .logo-flow-container .default-logo > img {
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}
body.app.single_entity .yo-tab-body.tab-customizations .logo-override .logo-flow-container .custom-logo .logo-actions {
  position: absolute;
  top: 50%;
  left: 50%;
  display: flex;
  padding: 0.5rem 1rem;
  border-radius: 3rem;
  background: rgba(0, 0, 0, 0.5333333333);
  align-items: center;
  justify-content: center;
  transition: 0.25s ease;
  opacity: 0;
  transform: translate(-50%, 100%);
}
body.app.single_entity .yo-tab-body.tab-customizations .logo-override .logo-flow-container .custom-logo:hover .logo-actions {
  opacity: 1;
  transform: translate(-50%, -50%);
}
body.app.single_entity .yo-tab-body.tab-customizations .override-list {
  display: grid;
  gap: 0.5rem;
}
body.app.single_entity .yo-tab-body.tab-customizations .override-list .override-item {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 1rem;
  place-items: center stretch;
}
body.app.single_entity .yo-tab-body.tab-customizations .override-list .override-item .override-item-label {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
body.app.single_entity .yo-tab-body.tab-customizations .override-list .override-item .override-item-label label {
  opacity: 0.7;
}
body.app.single_entity .yo-tab-body.tab-customizations .post-customization-list {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}
body.app.single_entity .yo-tab-body.tab-customizations .post-customization-list .customization-item {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  text-align: center;
  display: grid;
  gap: 1rem;
  overflow: hidden;
}
body.app.single_entity .yo-tab-body.tab-customizations .post-customization-list .customization-item .item-body {
  padding: 1rem;
}
body.app.single_entity .yo-tab-body.tab-customizations .post-customization-list .customization-item .preview-container {
  width: 100%;
  aspect-ratio: 1200/630;
  overflow: hidden;
  position: relative;
}
body.app.single_entity .yo-tab-body.tab-customizations .post-customization-list .customization-item .preview-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
body.app.single_entity .yo-tab-body.tab-customizations .post-customization-list .customization-item .preview-container .name {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
  padding: 0.5em;
  z-index: 5;
}
body.app.single_entity .yo-tab-body.tab-customizations .post-customization-list .customization-item .preview-container::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
  z-index: 2;
}
body.app.single_entity .yo-tab-body.tab-customizations .post-customization-list .customization-item .name {
  text-transform: uppercase;
}
body.app.single_entity .yo-tab-body.tab-customizations .post-customization-list .customization-item .status {
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0.5rem;
  gap: 0.5rem;
  --tag-color: color-mix(in srgb, var(--background-color), transparent 40%);
}
body.app.single_entity .yo-tab-body.tab-customizations .customization-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
body.app.single_entity .yo-tab-body.tab-customizations .customization-list .customization-item {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  display: grid;
  grid-template-columns: 1fr auto;
}
body.app.single_entity .yo-tab-body.tab-customizations .customization-list .customization-item.inactive {
  opacity: 0.5;
}
body.app.single_entity .yo-tab-body.tab-customizations .customization-list .customization-item.active {
  border-left: solid 3px #09a91b;
  border-radius: 0 0.5rem 0.5rem 0;
  padding-left: 0.5rem;
}
body.app.single_entity .yo-tab-body.tab-customizations .customization-list .customization-item .item-name {
  text-transform: uppercase;
}
body.app.single_entity .yo-tab-body.tab-customizations .customization-list .customization-item .item-key {
  opacity: 0.6;
  font-size: 0.7rem;
  font-style: italic;
}
body.app.single_entity .yo-tab-body.tab-customizations .customization-list .customization-item .item-actions {
  grid-column: 2;
  grid-row: 1/span 2;
}
body.app.single_entity .yo-tab-body.tab-customizations .customization-actions {
  padding: 1rem;
  display: flex;
  gap: 1rem;
  justify-content: center;
  align-items: center;
}
body.app.single_entity .yo-tab-body.tab-targets .target-list-container {
  display: grid;
  gap: 1rem;
}
body.app.single_entity .yo-tab-body.tab-targets .target-list-container .target-type {
  display: grid;
  gap: 0.5rem;
}
body.app.single_entity .yo-tab-body.tab-targets .target-list-container .target-type .target-type-header {
  display: grid;
  grid-template-columns: 1fr auto;
  place-items: center stretch;
  gap: 1rem;
}
body.app.single_entity .yo-tab-body.tab-targets .target-list-container .target-type .target-type-name {
  line-height: 1;
  margin: 0;
  font-size: 1.5rem;
  text-transform: uppercase;
}
body.app.single_entity .yo-tab-body.tab-targets .target-list-container .target-type.registered .target-type-name {
  font-size: 1.1rem;
  opacity: 0.6;
}
body.app.single_entity .yo-tab-body.tab-targets .target-list-container .target-group {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 1rem;
}
body.app.single_entity .yo-tab-body.tab-targets .target-list-container .target-item {
  display: grid;
  grid-template-columns: 1fr;
  place-items: center stretch;
  gap: 0 0.75rem;
  background-color: color-mix(in srgb, var(--text-color), transparent 90%);
  padding: 1rem;
  border-radius: 0.25rem;
}
body.app.single_entity .yo-tab-body.tab-targets .target-list-container .target-item .target-item-footer {
  display: flex;
  align-items: center;
}
body.app.single_entity .yo-tab-body.tab-targets .target-list-container .target-item .target-item-footer .target-queue {
  margin-left: auto;
}
body.app.single_entity .yo-tab-body.tab-targets .target-list-container .target-item .name {
  line-height: 1;
  font-size: 1.35rem;
  margin-bottom: 0.5rem;
}
body.app.single_entity .yo-tab-body.tab-targets .target-list-container .target-item .yo-tags {
  margin-top: 0.25rem;
}
body.app.single_entity .yo-tab-body.tab-targets .target-list-container .target-item .target-info {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 1rem;
  place-items: start stretch;
}
body.app.single_entity .yo-tab-body.tab-targets .target-list-container .target-item .target-states {
  display: flex;
  gap: 0.5rem;
  padding: 0.25em;
  border-radius: 2em;
  background: color-mix(in srgb, var(--background-color), transparent 40%);
}
body.app.single_entity .yo-tab-body.tab-targets .target-list-container .target-item .target-states yo-icon {
  width: 2em;
  aspect-ratio: 1;
  --fa-display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.25em;
  border-radius: 2em;
  background-color: var(--state-background-color, transparent);
  opacity: 0.25;
}
body.app.single_entity .yo-tab-body.tab-targets .target-list-container .target-item.is-default .target-states yo-icon.default-icon {
  --state-background-color: #f90;
  opacity: 1;
}
body.app.single_entity .yo-tab-body.tab-targets .target-list-container .target-item.is-active .target-states yo-icon.active-icon {
  --state-background-color: #0f9e02;
  opacity: 1;
}
body.app.single_entity .yo-tab-body.tab-targets .target-list-container .target-item .external-link {
  display: inline-grid;
  gap: 0.5rem;
  grid-template-columns: 1fr auto;
  place-items: center stretch;
}
body.app.single_entity .yo-tab-body.tab-targets .target-list-container .target-item .external-link > span {
  overflow: hidden;
  text-overflow: ellipsis;
}
body.app.single_entity .yo-tab-body.tab-targets .target-list-container .target-item .target-icon {
  transition: 0.25s ease;
  place-self: start center;
}
body.app.single_entity .yo-tab-body.tab-targets .target-list-container .target-item.unregistered > *:not(.actions) {
  opacity: 0.25;
}
body.app.single_entity .yo-tab-body.tab-targets .target-list-container .target-item:not(.unregistered):hover .target-icon {
  color: var(--target-color);
}
body.app.single_entity .yo-tab-body.tab-targets .target-list-container .add-more-target {
  place-self: center;
}
body.app.single_entity .yo-tab-body.tab-targets .target-list-container[list-type=flat] {
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
}
body.app.single_entity .yo-tab-body.tab-targets .target-list-container[list-type=flat] .target-item.facebook {
  --target-color: #1877f2;
}
body.app.single_entity .yo-tab-body.tab-targets .target-list-container[list-type=flat] .target-item.twitter, body.app.single_entity .yo-tab-body.tab-targets .target-list-container[list-type=flat] .target-item.x {
  --target-color: #000;
}
body.app.single_entity .yo-tab-body.tab-targets .target-list-container[list-type=flat] .target-item.linkedin {
  --target-color: #0077b5;
}
body.app.single_entity .yo-tab-body.tab-targets .target-list-container[list-type=flat] .target-item.gmb {
  --target-color: #d34836;
}
body.app.single_entity .yo-tab-body.tab-targets .target-list-container[list-type=flat] .target-item.instagram {
  --target-color: #e4405f;
}
body.app.single_entity .yo-tab-body.tab-targets .target-list-container[list-type=flat] .target-item.tiktok {
  --target-color: #fb2cc5;
}
body.app.single_entity .yo-tab-body.tab-targets .target-list-container[list-type=flat] .target-item {
  isolation: isolate;
  position: relative;
  background: radial-gradient(200px circle at bottom left, var(--target-color), transparent), linear-gradient(to right, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.3333333333));
  overflow: hidden;
}
body.app.single_entity .yo-tab-body.tab-targets .target-list-container[list-type=flat] .target-item .target-icon {
  font-size: 7rem;
  position: absolute;
  bottom: 0;
  left: 0;
  rotate: -15deg;
  color: #fff;
  translate: -10% 10%;
  mix-blend-mode: multiply;
}
body.app.single_entity .yo-tab-body.tab-targets .target-list-container[list-type=flat] .target-item:not(.is-active) {
  --target-color: #363636;
}
body.app.single_entity .yo-tab-body.tab-targets .target-list-container[list-type=flat] .target-item:not(.is-active) .target-icon {
  opacity: 0.5;
}
body.app.single_entity .yo-tab-body.tab-targets .empty-target-list-container {
  text-align: center;
}
body.app.single_entity .yo-tab-body.tab-targets .new-target-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 1rem;
  padding: 1rem;
}
body.app.single_entity .yo-tab-body.tab-targets .new-target-list .target-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  padding: 1rem;
  border-radius: 0.5rem;
  background: color-mix(in srgb, var(--text-color), transparent 90%);
  overflow: hidden;
}
body.app.single_entity .yo-tab-body.tab-targets .new-target-list .target-item .target-icon {
  font-size: 5rem;
}
body.app.single_entity .yo-tab-body.tab-targets .new-target-list .target-item .target-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: 0.25s ease;
  background: color-mix(in srgb, var(--target-color), transparent 20%);
  padding: 1rem;
}
body.app.single_entity .yo-tab-body.tab-targets .new-target-list .target-item .target-info .name {
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
}
body.app.single_entity .yo-tab-body.tab-targets .new-target-list .target-item .target-info .name,
body.app.single_entity .yo-tab-body.tab-targets .new-target-list .target-item .target-info .md-button {
  translate: 0 100%;
  opacity: 0;
  transition: 0.25s ease;
}
body.app.single_entity .yo-tab-body.tab-targets .new-target-list .target-item:hover .target-info {
  opacity: 1;
}
body.app.single_entity .yo-tab-body.tab-targets .new-target-list .target-item:hover .target-info .name,
body.app.single_entity .yo-tab-body.tab-targets .new-target-list .target-item:hover .target-info .md-button {
  translate: 0 0;
  opacity: 1;
  transition: 0.25s 0.2s ease;
}
body.app.single_entity .yo-tab-body.tab-targets .new-target-list .target-item:hover .target-info .name {
  transition: 0.25s 0.1s ease;
}
body.app.single_entity .yo-tab-body.tab-targets .target-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem;
}
body.app.single_entity .yo-tab-body.tab-brokers .broker-list {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  perspective: 2000px;
  position: relative;
  z-index: 1;
  transform: translate3d(0.1px, 0.1px, 0.1px);
}
body.app.single_entity .yo-tab-body.tab-brokers .broker-list .broker-item {
  width: 250px;
  position: relative;
  overflow: hidden;
  border-radius: 0.25rem;
  display: grid;
  grid-template-rows: auto 1fr;
}
body.app.single_entity .yo-tab-body.tab-brokers .broker-list .broker-item .image {
  width: 100%;
}
body.app.single_entity .yo-tab-body.tab-brokers .broker-list .broker-item .image .image-container {
  all: unset;
  display: block;
  aspect-ratio: 3.4/4;
  overflow: hidden;
}
body.app.single_entity .yo-tab-body.tab-brokers .broker-list .broker-item .image .image-container img {
  all: unset;
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}
body.app.single_entity .yo-tab-body.tab-brokers .broker-list .broker-item .item-is-primary {
  position: absolute;
  top: 1rem;
  right: 1rem;
  width: 2rem;
  aspect-ratio: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 2em;
  background: rgba(0, 0, 0, 0.2);
  transition: background 0.25s ease;
}
body.app.single_entity .yo-tab-body.tab-brokers .broker-list .broker-item .item-is-primary.is-active {
  background: #ffcf33;
}
body.app.single_entity .yo-tab-body.tab-brokers .broker-list .broker-item .item-is-primary.is-active yo-icon {
  font-weight: 800;
}
body.app.single_entity .yo-tab-body.tab-brokers .broker-list .broker-item .item-body {
  width: 100%;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.6666666667);
  color: #fff;
  font-size: 0.8rem;
}
body.app.single_entity .yo-tab-body.tab-brokers .broker-list .broker-item .item-body .name {
  font-size: 1.1rem;
  font-weight: bold;
}
body.app.single_entity .yo-tab-body.tab-brokers .broker-list .broker-item .item-body .license-type {
  opacity: 0.6;
}
body.app.single_entity .yo-tab-body.tab-brokers .broker-list .broker-item .item-body .actions {
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  align-items: center;
}
body.app.single_entity .yo-tab-body.tab-listings {
  grid-template-rows: auto auto 1fr;
  height: 100%;
}
body.app.single_entity .yo-tab-body.tab-listings .listings-selection-options {
  animation-name: id3-anim-slide-in-top;
  animation-duration: 0.25s;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
body.app.single_entity .yo-tab-body.tab-listings .listings-global-resume {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
body.app.single_entity .yo-tab-body.tab-listings .listing-list-container {
  height: 100%;
  overflow: hidden overlay;
  padding-inline: 1rem;
}
body.app.single_entity .yo-tab-body.tab-listings .listing-list-container .list-actions {
  display: flex;
  justify-content: center;
}
body.app.single_entity .yo-tab-body.tab-listings .listing-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 1rem;
}
body.app.single_entity .yo-tab-body.tab-listings .listing-list .listing-item {
  padding: 0;
}
body.app.single_entity .yo-tab-body.tab-listings .listing-list .listing-item .image {
  position: relative;
}
body.app.single_entity .yo-tab-body.tab-listings .listing-list .listing-item .image::before {
  content: "";
  z-index: 4;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
  position: absolute;
  inset: 0;
  pointer-events: none;
}
body.app.single_entity .yo-tab-body.tab-listings .listing-list .listing-item .image md-checkbox {
  position: absolute;
  top: 0;
  left: 1rem;
  z-index: 5;
}
body.app.single_entity .yo-tab-body.tab-listings .listing-list .listing-item .image .yo-tags {
  position: absolute;
  bottom: 0.25rem;
  left: 0.25rem;
  z-index: 5;
}
body.app.single_entity .yo-tab-body.tab-listings .listing-list .listing-item .image .image-container {
  width: 100%;
  aspect-ratio: 16/9;
  border-radius: 0;
}
body.app.single_entity .yo-tab-body.tab-listings .listing-list .listing-item .image .image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body.app.single_entity .yo-tab-body.tab-listings .listing-list .listing-item .item-body {
  padding: 1rem;
  display: block;
  text-decoration: none;
}
body.app.single_entity .yo-tab-body.tab-listings .listing-list .listing-item .item-body .address {
  font-weight: 500;
}
body.app.single_entity .yo-tab-body.tab-listings.has-selection {
  grid-template-rows: auto auto 1fr;
}
body.app.single_entity .yo-tab-body.tab-listings.has-selection .listing-list .listing-item .actions {
  opacity: 0.2;
  pointer-events: none;
}
body.app.single_entity .yo-tab-body.tab-network .network-list {
  padding: 2rem 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 2rem;
}
body.app.single_entity .yo-tab-body.tab-network .network-item .network-title {
  font-size: 2rem;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 1rem;
}
body.app.single_entity .yo-tab-body.tab-network .network-item .network-title a {
  font-size: inherit;
  text-decoration: none;
}
body.app.single_entity .yo-tab-body.tab-network .network-item .activation {
  opacity: 0.75;
}
body.app.single_entity .yo-tab-body.tab-schedules .schedule-list {
  display: grid;
  gap: 2rem;
  place-items: center stretch;
  padding: 2rem;
}
@media screen and (max-width: 640px) {
  body.app.single_entity .yo-tab-body.tab-schedules .schedule-list {
    padding: 0rem;
  }
}
body.app.single_entity .yo-tab-body.tab-schedules .schedule-list .schedule-item {
  display: grid;
  grid-template-columns: 1fr auto;
  padding: 1rem;
  transition: 0.25s;
  border-left: 5px solid var(--status-color, #479921);
}
@media screen and (max-width: 640px) {
  body.app.single_entity .yo-tab-body.tab-schedules .schedule-list .schedule-item {
    grid-template-columns: 1fr;
  }
}
body.app.single_entity .yo-tab-body.tab-schedules .schedule-list .schedule-item .infos .name {
  font-size: 1.5rem;
}
body.app.single_entity .yo-tab-body.tab-schedules .schedule-list .schedule-item .infos .triggers {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1rem;
  place-items: center stretch;
}
@media screen and (max-width: 640px) {
  body.app.single_entity .yo-tab-body.tab-schedules .schedule-list .schedule-item .infos .triggers {
    grid-template-columns: 1fr;
  }
}
body.app.single_entity .yo-tab-body.tab-schedules .schedule-list .schedule-item .infos .trigger-time {
  font-size: 2rem;
  font-weight: 500;
}
body.app.single_entity .yo-tab-body.tab-schedules .schedule-list .schedule-item .infos .trigger-days {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  font-size: 0.6rem;
  opacity: 0.6;
}
body.app.single_entity .yo-tab-body.tab-schedules .schedule-list .schedule-item .infos .trigger-days > span {
  display: inline-block;
  border: solid 1px #eee;
  border-radius: 4px;
  padding: 0.5em 1em;
  opacity: 0.5;
}
body.app.single_entity .yo-tab-body.tab-schedules .schedule-list .schedule-item .infos .trigger-days > span.active {
  --text-color:#28ec28;
  border-color: #28ec28;
  opacity: 1;
}
body.app.single_entity .yo-tab-body.tab-schedules .schedule-list .schedule-item .actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
}
body.app.single_entity .yo-tab-body.tab-schedules .schedule-list .schedule-item.opted-out {
  --status-color: #9b1616;
}
body.app.single_entity .yo-tab-body.tab-schedules .schedule-list .schedule-item.opted-out .infos {
  opacity: 0.5;
  pointer-events: none;
}
body.app.single_entity .yo-tab-body.tab-pinboards .board-list {
  display: grid;
  gap: 1rem;
}
body.app.single_entity .yo-tab-body.tab-pinboards .board-item .board-title {
  font-size: 1.25rem;
  font-weight: 500;
}
body.app.single_entity .yo-tab-body.tab-post-lifecycle .fieldset.lifecycle-actions {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
}
body.app.single_entity .yo-tab-body.tab-post-lifecycle .webhook-list {
  display: grid;
  gap: 1rem;
}
body.app.single_entity .yo-tab-body.tab-post-lifecycle .webhook-list .webhook-item {
  background: linear-gradient(to right, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2));
  padding: 1rem;
  border-radius: 0.5rem;
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 1rem;
  place-items: center stretch;
  isolation: isolate;
  overflow: hidden;
}
body.app.single_entity .yo-tab-body.tab-post-lifecycle .webhook-list .webhook-item::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(100px circle at top left, #07e481, transparent), radial-gradient(250px circle at top left, #095, transparent);
  z-index: -1;
  translate: -250px 0;
  transition: 0.25s ease-out;
}
body.app.single_entity .yo-tab-body.tab-post-lifecycle .webhook-list .webhook-item.active::before {
  translate: 0 0;
}
body.app.single_entity .yo-tab-body.tab-post-lifecycle .webhook-list .webhook-item .item-icon {
  font-size: 2rem;
}
body.app.single_entity .yo-tab-body.tab-post-lifecycle .webhook-list .webhook-item .item-actions {
  place-self: end;
}
body.app.single_entity .yo-tab-body.tab-post-lifecycle .webhook-list .webhook-item .item-info h3 {
  text-transform: uppercase;
}
body.app.single_entity .yo-tab-body.tab-post-lifecycle .webhook-list .webhook-item .item-info .item-url {
  font-size: 0.75rem;
  opacity: 0.75;
  font-style: italic;
}
body.app.single_entity .yo-tab-body.tab-post-lifecycle .webhook-list .webhook-item md-switch {
  position: absolute;
  top: 0;
  right: 0;
  translate: 0 -25%;
}
body.app.single_entity .yo-tab-body.tab-post-lifecycle .webhook-actions {
  display: flex;
  justify-content: center;
  padding-top: 1rem;
  gap: 1rem;
}
body.app.single_entity .yo-tab-body.tab-tokens .access-token-item {
  display: grid;
  grid-template-columns: auto 1fr auto auto;
  gap: 1rem;
  place-items: center stretch;
  padding: 0.25rem;
  border-radius: 0.25rem;
  transition: background 0.25s ease;
  background: color-mix(in srgb, var(--item-background, transparent), transparent 90%);
}
body.app.single_entity .yo-tab-body.tab-tokens .access-token-item .token-restricted {
  display: inline-block;
  font-size: 0.6rem;
  color: #f00;
  padding: 0.25em 0.5em;
  border-radius: 0.25em;
  box-shadow: 0 0 0 1px currentColor;
}
body.app.single_entity .yo-tab-body.tab-tokens .access-token-item:hover {
  background: color-mix(in srgb, var(--item-background, #fff), transparent 80%);
}
body.app.single_entity .yo-tab-body.tab-tokens .access-token-item.inactive {
  --item-background: #f54;
}
body.app.single_entity .editor-header {
  padding: 0.5rem;
}
body.app.single_entity .editor-header .indicator {
  overflow: hidden;
  max-width: 0;
  transition: 0.25s;
  white-space: nowrap;
}
body.app.single_entity .editor-header .indicator.active {
  max-width: 200px;
}
body.app.single_entity .editor-header .actions .md-icon-button .fad {
  color: #ff9900;
}
body.app.single_entity .listing-item-container {
  max-width: 280px;
}
body.app.single_entity .listing-item-container .listing-item.sold {
  border: dashed 1px red;
}
body.app.single_entity .listing-item-container .listing-item.has-open-house {
  border: dashed 1px #ff9900;
}
body.app.single_entity .listing-item-container .listing-item.exception {
  opacity: 0.25;
}
@media screen and (max-width: 640px) {
  body.app.single_entity .listing-item-container {
    max-width: 100%;
  }
  body.app.single_entity .listing-item-container .md-card-image {
    min-height: 220px;
    max-height: 220px;
  }
}
body.app.single_entity .postTargets .triggers-process-options md-switch {
  margin: 5px 0px;
}
body.app.single_entity .postTargets .target-item {
  transition: 0.25s ease;
  position: relative;
  display: grid;
  grid-template-columns: 1fr auto;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 0 5px rgba(51, 51, 51, 0.2);
  padding: 0;
  overflow: hidden;
}
body.app.single_entity .postTargets .target-item.is-inactive {
  opacity: 0.25;
}
body.app.single_entity .postTargets .target-item.is-inactive:hover {
  opacity: 1;
}
body.app.single_entity .postTargets .target-item label {
  display: block;
  text-align: center;
}
body.app.single_entity .postTargets .target-item .item-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  border-radius: 50%;
  grid-column: 1;
}
body.app.single_entity .postTargets .target-item .item-header i.fab {
  color: var(--item-color);
  font-size: 4rem;
}
body.app.single_entity .postTargets .target-item .item-body {
  grid-column: 1;
  padding: 0.5rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
body.app.single_entity .postTargets .target-item .hint {
  opacity: 0.5;
  font-size: 0.8rem;
  text-align: center;
}
body.app.single_entity .postTargets .target-item .used-visual .visual-item {
  opacity: 0.5;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 3rem;
  transition: 0.25s;
  cursor: pointer;
  outline: none;
  justify-content: flex-end;
}
body.app.single_entity .postTargets .target-item .used-visual .visual-item i.fal {
  text-align: center;
}
body.app.single_entity .postTargets .target-item .used-visual .visual-item label {
  font-size: 0.75rem;
}
body.app.single_entity .postTargets .target-item .used-visual .visual-item.active {
  opacity: 1;
  color: #ff9900;
}
body.app.single_entity .postTargets .target-item .used-visual .visual-item.active i.fal {
  color: #ff9900;
  font-size: 1.5rem;
}
body.app.single_entity .postTargets .target-item .used-visual .visual-item:hover {
  opacity: 1;
}
body.app.single_entity .postTargets .target-item .item-actions {
  grid-column: 2;
  grid-row: 1/span 2;
  background: #ccc;
  overflow: hidden;
  max-width: 0;
  transition: 0.25s;
}
body.app.single_entity .postTargets .target-item:hover .item-actions {
  max-width: 4rem;
}
body.app.single_entity .search-panel {
  background: #F8F8F8;
  display: grid;
  grid-gap: 40px;
  place-items: center start;
  grid-template-columns: 2fr auto auto;
  padding: 0px;
  max-height: 0px;
  overflow: hidden;
  transition: 0.25s;
}
body.app.single_entity .search-panel label {
  margin: 0px;
  font-weight: 500;
}
body.app.single_entity .search-panel input {
  outline: none;
}
body.app.single_entity .search-panel .list-filter {
  position: relative;
  padding: 0px 10px;
  place-self: center stretch;
}
body.app.single_entity .search-panel .list-filter input {
  width: 100%;
}
body.app.single_entity .search-panel .list-filter .fal {
  position: absolute;
  top: 50%;
  left: 5px;
  transform: translateY(-50%);
}
body.app.single_entity .search-panel .filter {
  display: grid;
  grid-template-columns: repeat(4, auto);
  grid-gap: 10px;
  transition: 0.25s;
  opacity: 1;
  place-items: center;
}
body.app.single_entity .search-panel .filter md-checkbox {
  margin: 0px;
}
body.app.single_entity .search-panel .sort {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: auto 1fr;
  place-items: center end;
  place-self: center end;
}
body.app.single_entity .search-panel .sort md-select {
  margin: 0px;
}
body.app.single_entity .search-panel.has-keywords .filter {
  opacity: 0.25;
  pointer-events: none;
}
body.app.single_entity .search-panel.opened {
  padding: 10px;
  max-height: 250px;
  position: sticky;
  z-index: 10;
}
body.app.single_entity .number-box {
  text-align: center;
  width: 75px;
  max-width: 75px;
}
body.app.single_entity .number-box .value {
  font-weight: 700;
  font-size: 25px;
  border-bottom: solid 2px #ff9900;
}
body.app.single_entity .number-box label {
  font-style: italic;
  font-size: 12px;
  padding: 0px;
}
body.app.single_entity .listing-post-list {
  --line-color: #4A8AF4;
}
body.app.single_entity .listing-post-list .listing-post-item .listing {
  padding: 5px 10px;
  padding-left: 36px;
  position: relative;
  height: 30px;
}
body.app.single_entity .listing-post-list .listing-post-item .listing:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 30px;
  height: 30px;
  display: block;
  border: 3px solid var(--line-color);
  border-radius: 50%;
}
body.app.single_entity .listing-post-list .listing-post-item .listing .title {
  font-weight: 700;
  font-size: 16px;
  line-height: 15px;
}
body.app.single_entity .listing-post-list .listing-post-item .listing .title em {
  display: block;
  font-size: 12px;
  color: #777;
}
body.app.single_entity .listing-post-list .listing-post-item .post-list {
  margin-left: 15px;
}
body.app.single_entity .listing-post-list .listing-post-item .post-list .post {
  border-left: solid 2px var(--line-color);
  padding: 0 20px;
  font-size: 12px;
}
body.app.single_entity .listing-post-list .listing-post-item .post-list .post:last-child {
  padding-bottom: 20px;
}
body.app.single_entity .listing-post-list .listing-post-item.sold {
  --line-color:#ff9900;
}
body.app.single_entity .listing-post-list .listing-post-item.delete {
  --line-color:#DE5347;
}
body.app.single_entity .post-customization .customization-list .customization-item {
  padding: 10px 0;
  border-bottom: solid 1px #ccc;
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: 10px;
  place-items: center stretch;
}
body.app.single_entity .post-customization .customization-list .customization-item .preview-container {
  position: relative;
}
body.app.single_entity .post-customization .customization-list .customization-item .name {
  font-size: 1.2rem;
}
body.app.single_entity .post-customization .customization-list .customization-item .status {
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0.5rem;
  gap: 0.5rem;
}
body.app.single_entity .post-customization .customization-list .customization-item .status .icon {
  opacity: 0.5;
}
body.app.single_entity .post-customization .customization-list .customization-item .status .icon.active {
  color: #23af10;
}
body.app.single_entity .post-customization .customization-list .customization-item .status .icon.active i.fal {
  font-weight: 700;
}
body.app.single_entity .post-customization .customization-list .customization-item .status .icon.active {
  opacity: 1;
}
body.app.single_entity .post-customization .customization-list .customization-item .status .md-icon-button .fa-exclamation-triangle {
  color: #DD5043;
  font-weight: 700;
}
body.app.single_entity .notice-list {
  padding: 1rem;
  position: fixed;
  bottom: 0;
  left: 50%;
  translate: -50% 0;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: stretch;
  justify-content: flex-start;
  --notice-panel-background: 0deg,0%,0%;
  background: hsla(var(--notice-panel-background), 0.8);
  border-radius: 1rem 1rem 0 0;
  transition: 0.25s ease;
  width: clamp(420px, 100vw - 1rem, 1000px);
}
@media screen and (min-width: 1900px) {
  body.app.single_entity .notice-list {
    width: 340px;
    left: unset;
    right: 1rem;
    top: 120px;
    bottom: auto;
    translate: 0% 0% !important;
    padding: 0;
    background: none !important;
    gap: 1rem;
    border-radius: 1rem;
  }
  body.app.single_entity .notice-list .notice-list-header {
    display: none !important;
  }
}
body.app.single_entity .notice-list:has(.yo-notice) {
  --notice-panel-background: 196deg, 100%, 43%;
}
body.app.single_entity .notice-list:has(.notice-type-error) {
  --notice-panel-background: 0deg, 100%, 43%;
}
body.app.single_entity .notice-list .notice-list-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
body.app.single_entity .notice-list .notice-list-header .fa-angle-down {
  transition: 1s ease;
}
body.app.single_entity .notice-list.list-hide {
  translate: -50% calc(100% - 4rem);
  background: hsla(var(--notice-panel-background), 0.45);
}
body.app.single_entity .notice-list.list-hide .notice-list-header .fa-angle-down {
  rotate: 180deg;
}
body.app.single_entity #targetAdvanced {
  min-width: 600px;
}
body.app.listing input[disabled] {
  color: #333;
}
body.app.dashboard .viewport form.main-form, body.app.entity-dashboard .viewport form.main-form {
  display: grid;
  grid-template-columns: 1fr 2fr;
  grid-template-rows: auto;
  place-items: start center;
  position: relative;
}
body.app.dashboard .viewport .searchbox, body.app.entity-dashboard .viewport .searchbox {
  place-self: center;
  width: 50vw;
}
body.app.dashboard .viewport .searchbox .input-container, body.app.entity-dashboard .viewport .searchbox .input-container {
  padding: 20px 20px 50px 20px;
}
body.app.dashboard .viewport .searchbox .input-container input, body.app.entity-dashboard .viewport .searchbox .input-container input {
  font-size: 25px;
  background: rgba(0, 0, 0, 0.3);
  padding: 10px 20px;
  border: solid 2px rgba(255, 255, 255, 0.8);
  color: #fff;
  box-shadow: rgba(0, 0, 0, 0.5) 0 0 10px;
  outline: none;
  width: 100%;
  max-width: 640px;
}
body.app.dashboard .viewport .searchbox .input-container input::placeholder, body.app.entity-dashboard .viewport .searchbox .input-container input::placeholder {
  color: #fff;
  opacity: 0.5;
  font-style: italic;
  font-weight: 400;
}
body.app.dashboard .viewport .searchbox .results-container, body.app.entity-dashboard .viewport .searchbox .results-container {
  width: 100%;
  max-width: 640px;
  position: relative;
  max-height: calc(100vh - 150px);
  overflow-y: auto;
}
body.app.dashboard .viewport .searchbox .results-container .result-list, body.app.entity-dashboard .viewport .searchbox .results-container .result-list {
  max-height: calc(var(--count) * 70px);
  background: rgba(255, 255, 255, 0.9);
  width: 100%;
  z-index: 99;
  overflow: hidden;
  transition: 0.25s;
}
body.app.dashboard .viewport .searchbox .results-container .result-list .list-item, body.app.entity-dashboard .viewport .searchbox .results-container .result-list .list-item {
  padding: 10px;
  border-bottom: solid 1px rgba(0, 0, 0, 0.25);
  transition: 0.25s;
}
body.app.dashboard .viewport .searchbox .results-container .result-list .list-item h3, body.app.entity-dashboard .viewport .searchbox .results-container .result-list .list-item h3 {
  margin: 0px;
  font-size: 18px;
}
body.app.dashboard .viewport .searchbox .results-container .result-list .list-item em, body.app.entity-dashboard .viewport .searchbox .results-container .result-list .list-item em {
  opacity: 0.6;
}
body.app.dashboard .viewport .searchbox .results-container .result-list .list-item:hover, body.app.entity-dashboard .viewport .searchbox .results-container .result-list .list-item:hover {
  background: #fff;
}
body.app.dashboard .viewport .background-layer-controls, body.app.entity-dashboard .viewport .background-layer-controls {
  right: auto;
  top: auto;
  left: 2rem;
  bottom: 0.5rem;
  color: #fff;
  opacity: 0.25;
  transition: 0.25s;
}
body.app.dashboard .viewport .background-layer-controls md-icon, body.app.dashboard .viewport .background-layer-controls a, body.app.entity-dashboard .viewport .background-layer-controls md-icon, body.app.entity-dashboard .viewport .background-layer-controls a {
  color: inherit;
}
body.app.dashboard .viewport .background-layer-controls:hover, body.app.entity-dashboard .viewport .background-layer-controls:hover {
  opacity: 1;
}
body.app.dashboard .viewport .tabs-section, body.app.entity-dashboard .viewport .tabs-section {
  height: 100%;
  width: 100%;
}
body.app.dashboard .viewport .tabs-section md-tabs, body.app.entity-dashboard .viewport .tabs-section md-tabs {
  height: 100%;
}
body.app.dashboard .viewport .tabs-section md-tabs md-tabs-wrapper, body.app.entity-dashboard .viewport .tabs-section md-tabs md-tabs-wrapper {
  border-color: rgba(255, 255, 255, 0.5);
}
body.app.dashboard .viewport .tabs-section md-tabs md-tabs-wrapper md-tab-item, body.app.entity-dashboard .viewport .tabs-section md-tabs md-tabs-wrapper md-tab-item {
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.75) 1px 1px 1px;
}
body.app.dashboard .viewport .tabs-section md-tabs md-tabs-wrapper md-icon, body.app.entity-dashboard .viewport .tabs-section md-tabs md-tabs-wrapper md-icon {
  color: inherit;
}
body.app.dashboard .viewport .tabs-section md-tabs .md-tab.md-active, body.app.entity-dashboard .viewport .tabs-section md-tabs .md-tab.md-active {
  color: #ff9900;
}
body.app.dashboard .viewport .tabs-section md-tabs md-tab-item, body.app.entity-dashboard .viewport .tabs-section md-tabs md-tab-item {
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.75) 1px 1px 1px;
}
body.app.dashboard .viewport .tabs-section md-tabs .list-filter, body.app.entity-dashboard .viewport .tabs-section md-tabs .list-filter {
  background: none;
  position: relative;
}
body.app.dashboard .viewport .tabs-section md-tabs .list-filter .fa, body.app.entity-dashboard .viewport .tabs-section md-tabs .list-filter .fa {
  color: #fff;
  left: 20px;
}
body.app.dashboard .viewport .tabs-section md-tabs .list-filter input, body.app.entity-dashboard .viewport .tabs-section md-tabs .list-filter input {
  background: rgba(0, 0, 0, 0.5);
  border: solid 1px rgba(255, 255, 255, 0.75);
  border-radius: 5px;
  margin-left: 8px;
  outline: none;
  padding: 10px 5px 10px 35px;
}
body.app.dashboard .viewport .tabs-section md-tabs .list-filter input::-webkit-input-placeholder, body.app.entity-dashboard .viewport .tabs-section md-tabs .list-filter input::-webkit-input-placeholder {
  color: #fff;
  opacity: 0.5;
}
body.app.dashboard .viewport .tabs-section md-tabs .listings-container, body.app.entity-dashboard .viewport .tabs-section md-tabs .listings-container {
  max-height: calc(100vh - 375px);
  overflow-y: auto;
  overflow-x: hidden;
}
body.app.dashboard .viewport .tabs-section md-tabs .post-target-item, body.app.dashboard .viewport .tabs-section md-tabs .listing-item, body.app.entity-dashboard .viewport .tabs-section md-tabs .post-target-item, body.app.entity-dashboard .viewport .tabs-section md-tabs .listing-item {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 5px;
  margin: 5px 0px;
  color: #fff;
}
body.app.dashboard .viewport .tabs-section md-tabs .post-target-item .target-logo, body.app.dashboard .viewport .tabs-section md-tabs .listing-item .target-logo, body.app.entity-dashboard .viewport .tabs-section md-tabs .post-target-item .target-logo, body.app.entity-dashboard .viewport .tabs-section md-tabs .listing-item .target-logo {
  font-size: 25px;
  margin: 0 10px;
}
body.app.dashboard .viewport .tabs-section md-tabs .post-target-item h3, body.app.dashboard .viewport .tabs-section md-tabs .listing-item h3, body.app.entity-dashboard .viewport .tabs-section md-tabs .post-target-item h3, body.app.entity-dashboard .viewport .tabs-section md-tabs .listing-item h3 {
  margin: 0px;
}
body.app.dashboard .viewport .tabs-section md-tabs .post-target-item h3 em, body.app.dashboard .viewport .tabs-section md-tabs .listing-item h3 em, body.app.entity-dashboard .viewport .tabs-section md-tabs .post-target-item h3 em, body.app.entity-dashboard .viewport .tabs-section md-tabs .listing-item h3 em {
  display: block;
  font-size: 50%;
}
body.app.dashboard .viewport .tabs-section md-tabs .post-target-item md-icon, body.app.dashboard .viewport .tabs-section md-tabs .listing-item md-icon, body.app.entity-dashboard .viewport .tabs-section md-tabs .post-target-item md-icon, body.app.entity-dashboard .viewport .tabs-section md-tabs .listing-item md-icon {
  color: #fff;
}
body.app.dashboard .viewport .tabs-section md-tabs .post-target-item .is_active md-icon, body.app.dashboard .viewport .tabs-section md-tabs .listing-item .is_active md-icon, body.app.entity-dashboard .viewport .tabs-section md-tabs .post-target-item .is_active md-icon, body.app.entity-dashboard .viewport .tabs-section md-tabs .listing-item .is_active md-icon {
  color: #1ED760;
}
body.app.dashboard .viewport .tabs-section md-tabs .post-target-item .md-avatar, body.app.dashboard .viewport .tabs-section md-tabs .listing-item .md-avatar, body.app.entity-dashboard .viewport .tabs-section md-tabs .post-target-item .md-avatar, body.app.entity-dashboard .viewport .tabs-section md-tabs .listing-item .md-avatar {
  position: relative;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 5px;
}
body.app.dashboard .viewport .tabs-section md-tabs .post-target-item .md-avatar img, body.app.dashboard .viewport .tabs-section md-tabs .listing-item .md-avatar img, body.app.entity-dashboard .viewport .tabs-section md-tabs .post-target-item .md-avatar img, body.app.entity-dashboard .viewport .tabs-section md-tabs .listing-item .md-avatar img {
  max-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
body.app.dashboard .viewport .tabs-section .stats-tab-content, body.app.dashboard .viewport .tabs-section .task-tab-content, body.app.entity-dashboard .viewport .tabs-section .stats-tab-content, body.app.entity-dashboard .viewport .tabs-section .task-tab-content {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  padding: 20px;
  gap: 50px;
}
body.app.dashboard .viewport .tabs-section .task-list .item md-icon, body.app.entity-dashboard .viewport .tabs-section .task-list .item md-icon {
  color: #fff;
}
body.app.dashboard .viewport .tabs-section .task-list .item .done md-icon, body.app.entity-dashboard .viewport .tabs-section .task-list .item .done md-icon {
  color: #1FA463;
}
body.app.dashboard .viewport .tabs-section .task-list .item .warning md-icon, body.app.entity-dashboard .viewport .tabs-section .task-list .item .warning md-icon {
  color: #F69403;
}
body.app.dashboard .viewport .tabs-section .task-list .item .critical md-icon, body.app.entity-dashboard .viewport .tabs-section .task-list .item .critical md-icon {
  color: #DE5448;
}
body.app.dashboard .viewport .tabs-section .latest-list .latest-item .avatar md-icon, body.app.entity-dashboard .viewport .tabs-section .latest-list .latest-item .avatar md-icon {
  color: #fff;
}
body.app.dashboard .viewport .tabs-section .watch-list .list, body.app.entity-dashboard .viewport .tabs-section .watch-list .list {
  display: grid;
  grid-template-columns: 1fr max-content max-content;
  gap: 0 10px;
}
body.app.dashboard .viewport .tabs-section .watch-list .list .item, body.app.entity-dashboard .viewport .tabs-section .watch-list .list .item {
  display: contents;
}
body.app.dashboard .viewport .tabs-section .watch-list .list .item a, body.app.entity-dashboard .viewport .tabs-section .watch-list .list .item a {
  color: inherit;
  text-decoration: none;
}
body.app.dashboard .viewport .tabs-section .watch-list .list .item > div, body.app.entity-dashboard .viewport .tabs-section .watch-list .list .item > div {
  text-align: center;
}
body.app.dashboard .viewport .tabs-section .watch-list .list .item sup.badge, body.app.entity-dashboard .viewport .tabs-section .watch-list .list .item sup.badge {
  background: #FFC107;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  line-height: 1.25em;
  font-size: 10px;
  text-align: center;
  color: #333;
}
body.app.dashboard .viewport .tabs-section .stats-tab-content, body.app.entity-dashboard .viewport .tabs-section .stats-tab-content {
  grid-template-rows: auto;
  place-items: center;
}
body.app.dashboard .viewport .tabs-section .stats-tab-content .panel, body.app.entity-dashboard .viewport .tabs-section .stats-tab-content .panel {
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  place-items: center;
}
body.app.dashboard .viewport .tabs-section .stats-tab-content .panel.graph, body.app.entity-dashboard .viewport .tabs-section .stats-tab-content .panel.graph {
  width: 100%;
}
body.app.dashboard .viewport .tabs-section .stats-tab-content .panel.graph canvas, body.app.entity-dashboard .viewport .tabs-section .stats-tab-content .panel.graph canvas {
  height: 300px;
}
body.app.dashboard .viewport .tabs-section .stats-tab-content .panel.stats-entities, body.app.dashboard .viewport .tabs-section .stats-tab-content .panel.stats-others, body.app.entity-dashboard .viewport .tabs-section .stats-tab-content .panel.stats-entities, body.app.entity-dashboard .viewport .tabs-section .stats-tab-content .panel.stats-others {
  width: 640px;
}
body.app.dashboard .viewport .tabs-section .stats-tab-content .panel.stats-entities .list, body.app.dashboard .viewport .tabs-section .stats-tab-content .panel.stats-others .list, body.app.entity-dashboard .viewport .tabs-section .stats-tab-content .panel.stats-entities .list, body.app.entity-dashboard .viewport .tabs-section .stats-tab-content .panel.stats-others .list {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
body.app.dashboard .viewport .tabs-section .stats-tab-content .panel.stats-entities .list .chart, body.app.dashboard .viewport .tabs-section .stats-tab-content .panel.stats-others .list .chart, body.app.entity-dashboard .viewport .tabs-section .stats-tab-content .panel.stats-entities .list .chart, body.app.entity-dashboard .viewport .tabs-section .stats-tab-content .panel.stats-others .list .chart {
  width: 320px !important;
  height: 320px !important;
}
body.app.dashboard .viewport .actions label, body.app.entity-dashboard .viewport .actions label {
  padding: 5px;
  margin: 2px;
  background: #ff9900;
  color: #fff;
  border-radius: 4px;
  white-space: nowrap;
}
body.app.dashboard .viewport .actions label.placeholder, body.app.entity-dashboard .viewport .actions label.placeholder {
  background: transparent;
  text-shadow: none;
  opacity: 0.4;
  width: 100%;
  text-transform: uppercase;
  font-size: 16px;
}
body.app.dashboard .viewport .no-overlay-over-bg *, body.app.entity-dashboard .viewport .no-overlay-over-bg * {
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.8) 1px 1px 1px;
}
body.app.dashboard .viewport {
  background: transparent;
}
body.app.dashboard .viewport .view-content {
  background: transparent;
  height: unset;
  overflow: unset;
  grid-template-rows: 1fr;
}
body.app.dashboard .viewport form.main-form {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr;
  place-items: stretch;
  position: relative;
}
body.app.dashboard #activity-chart {
  position: fixed;
  z-index: 1;
  width: 100vw;
  height: calc(100vh - 3.5rem);
  top: 3.5rem;
  left: 0;
  background: transparent;
  opacity: 0.25;
  transition: 0.25s;
  transform: scale(1.05);
  pointer-events: none;
}
body.app.dashboard #activity-chart .container {
  max-width: 100%;
  width: 100%;
  height: 100%;
  padding: 0;
}
body.app.dashboard #activity-chart .chart-legend {
  opacity: 0;
  top: 1rem;
  left: 2rem;
  pointer-events: none;
  color: #fff;
  transition: 0.25s;
  text-shadow: 1px 1px 4px #000;
}
body.app.dashboard #activity-chart .chart-actions {
  position: absolute;
  top: 1rem;
  right: 1rem;
  opacity: 0;
  transition: 0.25s;
  color: #fff;
  text-shadow: 1px 1px 4px #000;
}
body.app.dashboard #activity-chart svg .axes .x-axis .tick, body.app.dashboard #activity-chart svg .axes .y-axis .tick {
  opacity: 1 !important;
}
body.app.dashboard #activity-chart svg .axes .x-axis .tick text, body.app.dashboard #activity-chart svg .axes .y-axis .tick text {
  fill: #fff;
}
body.app.dashboard #activity-chart svg .axes .x-axis .tick line, body.app.dashboard #activity-chart svg .axes .y-axis .tick line {
  stroke: #fff;
}
body.app.dashboard #activity-chart svg .data .line, body.app.dashboard #activity-chart svg .data .area {
  transition: 0.25s;
}
body.app.dashboard .number-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}
body.app.dashboard .number-box em {
  font-size: 2rem;
  font-style: normal;
}
body.app.dashboard .number-box em sub {
  line-height: 1;
  vertical-align: baseline;
  font-size: 0.5em;
  bottom: 0;
  opacity: 0.75;
}
body.app.dashboard .number-box label {
  text-align: center;
  border-top: solid 1px #ffffff;
  opacity: 0.75;
  font-style: italic;
}
body.app.dashboard .number-box small {
  font-size: 0.75rem;
  opacity: 0.5;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}
body.app.dashboard .page-header {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 1rem;
  place-items: center stretch;
  padding: 2rem 0;
  position: relative;
  z-index: 5;
  color: #fff;
  text-shadow: 1px 1px 4px #000;
  transition: 0.25s;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  body.app.dashboard .page-header {
    padding: 2rem;
  }
}
@media screen and (max-width: 1024px) {
  body.app.dashboard .page-header {
    grid-template-columns: 1fr;
    place-items: center;
  }
}
@media screen and (max-width: 640px) {
  body.app.dashboard .page-header .title {
    display: none;
  }
}
body.app.dashboard .page-header h1 {
  font-size: 3rem;
  text-transform: uppercase;
}
body.app.dashboard .page-header p {
  margin-bottom: 0;
}
body.app.dashboard .page-header i.fal {
  text-shadow: 1px 1px 4px #000;
}
body.app.dashboard .page-header .page-actions, body.app.dashboard .page-header .global-stats {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: center;
  justify-content: space-between;
}
body.app.dashboard .page-header .page-actions .group, body.app.dashboard .page-header .global-stats .group {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 640px) {
  body.app.dashboard .page-header .page-actions, body.app.dashboard .page-header .global-stats {
    flex-direction: column;
  }
  body.app.dashboard .page-header .page-actions md-divider, body.app.dashboard .page-header .global-stats md-divider {
    display: none;
  }
}
body.app.dashboard .page-header .page-actions md-divider, body.app.dashboard .page-header .global-stats md-divider {
  border: none;
  border-right: solid 1px #fff;
  opacity: 0.2;
  height: 1em;
}
@media screen and (max-width: 640px) {
  body.app.dashboard .page-header .page-actions p {
    display: none;
  }
}
body.app.dashboard .page-header .global-stats {
  grid-column: 1/-1;
}
body.app.dashboard .page-header .searchbox .input-container {
  padding: 0;
  position: relative;
}
body.app.dashboard .page-header .searchbox .results-container {
  position: absolute;
  top: 100%;
}
body.app.dashboard .page-body {
  width: clamp(320px, 100vw - 1rem, 1200px);
  margin-inline: auto;
}
@media screen and (max-width: 640px) {
  body.app.dashboard .page-body {
    padding: 0.5rem;
  }
}
body.app.dashboard .page-body .widget-container .widget-column {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(4, 1fr);
}
@media screen and (max-width: 640px) {
  body.app.dashboard .page-body .widget-container .widget-column {
    grid-template-columns: 1fr;
  }
}
body.app.dashboard .page-body .widget-container .widget-column.center-column .widget .widget-header {
  justify-content: center;
}
body.app.dashboard .page-body .widget-container .widget-column.center-column .widget .widget-header h3 {
  text-align: center;
}
body.app.dashboard .page-body .widget-container .widget {
  background: rgba(0, 0, 0, 0.2666666667);
  border-radius: 1rem;
  color: #fff;
}
body.app.dashboard .page-body .widget-container .widget.widget-size-big {
  grid-column: span 2;
}
@media screen and (max-width: 640px) {
  body.app.dashboard .page-body .widget-container .widget.widget-size-big {
    grid-column: 1;
  }
}
body.app.dashboard .page-body .widget-container .widget.widget-size-fullrow {
  grid-column: 1/-1;
}
body.app.dashboard .page-body .widget-container .widget .widget-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 1rem 2rem;
  padding-bottom: 0;
}
body.app.dashboard .page-body .widget-container .widget .widget-header h3 {
  font-size: 1.5rem;
  text-transform: uppercase;
  margin: 0;
}
body.app.dashboard .page-body .widget-container .widget .widget-body {
  padding: 1rem 2rem;
}
body.app.dashboard .page-body .widget.welcome {
  background: transparent;
}
body.app.dashboard .page-body .widget.welcome .widget-header {
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
body.app.dashboard .page-body .widget.welcome .widget-body .layout-row {
  gap: 1rem;
}
body.app.dashboard .page-body .widget.welcome .widget-body .md-icon-button {
  font-size: 1.5rem;
}
body.app.dashboard .page-body .widget.stats .key-value {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: center;
}
body.app.dashboard .page-body .widget.stats .key-value em {
  font-weight: 500;
  font-style: normal;
}
body.app.dashboard .page-body .widget.stats .key-value label {
  font-weight: 300;
  opacity: 0.5;
}
body.app.dashboard .page-body .widget.sys-status .status-gauge-container {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 1rem;
}
body.app.dashboard .page-body .widget.sys-status .status-gauge-container .gauge-list {
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 1rem;
}
body.app.dashboard .page-body .widget.sys-status .status-gauge-container .gauge-list .gauge-item {
  position: relative;
  display: grid;
  grid-template-rows: auto auto 1fr;
  place-items: stretch center;
  text-align: center;
  gap: 0.5rem;
  width: 80px;
}
@media screen and (max-width: 640px) {
  body.app.dashboard .page-body .widget.sys-status .status-gauge-container .gauge-list .gauge-item {
    width: unset;
  }
}
body.app.dashboard .page-body .widget.sys-status .status-gauge-container .gauge-list .gauge-item.inactive {
  display: none;
  pointer-events: none;
  --filter: grayscale();
  filter: var(--filter);
  opacity: 0.75;
}
body.app.dashboard .page-body .widget.sys-status .status-gauge-container .gauge-list .gauge-item.inactive .value {
  opacity: 0;
}
body.app.dashboard .page-body .widget.sys-status .status-gauge-container .gauge-list .gauge-item.inactive .gauge-track label {
  display: none;
}
@media screen and (max-width: 640px) {
  body.app.dashboard .page-body .widget.sys-status .status-gauge-container .gauge-list .gauge-item.inactive {
    display: none;
  }
}
@media screen and (max-width: 640px) {
  body.app.dashboard .page-body .widget.sys-status .status-gauge-container .gauge-list .gauge-item .name {
    display: none;
  }
}
body.app.dashboard .page-body .widget.sys-status .status-gauge-container .gauge-list .gauge-item .gauge-track {
  border-radius: 10rem;
  width: 2.5rem;
  height: 8rem;
  border: solid 3px var(--item-color);
  position: relative;
  isolation: isolate;
}
body.app.dashboard .page-body .widget.sys-status .status-gauge-container .gauge-list .gauge-item .gauge-track::before {
  content: "";
  z-index: -1;
  position: absolute;
  inset: 2px;
  inset-block-start: auto;
  height: calc(1% * var(--item-pct) - 4px);
  background: var(--item-color);
  --top-butt-roundness: calc(1rem * (var(--item-pct) - 80));
  border-top-left-radius: min(max(var(--top-butt-roundness), 0px), 10rem);
  border-top-right-radius: min(max(var(--top-butt-roundness), 0px), 10rem);
  border-bottom-left-radius: 10rem;
  border-bottom-right-radius: 10rem;
}
body.app.dashboard .page-body .widget.sys-status .status-gauge-container .gauge-list .gauge-item .gauge-track label, body.app.dashboard .page-body .widget.sys-status .status-gauge-container .gauge-list .gauge-item .gauge-track i {
  position: absolute;
  left: 50%;
  bottom: 10px;
  translate: -50% 0;
}
body.app.dashboard .page-body .widget.sys-status .status-gauge-container .gauge-list .gauge-item .gauge-track label {
  translate: -50% 50%;
  bottom: calc(1% * var(--item-pct));
}
body.app.dashboard .page-body .widget.sys-status .status-gauge-container .gauge-list .gauge-item .gauge-track label::after {
  content: "%";
}
body.app.dashboard .page-body .widget.sys-status .target-info-panel {
  overflow: hidden;
  max-height: 0px;
  transition: max-height 0.25s 0.1s ease-in-out;
  background: color-mix(in srgb, var(--background-color), transparent 75%);
  border-radius: 0.5rem;
}
body.app.dashboard .page-body .widget.sys-status .target-info-panel:has(.target-info-item) {
  max-height: 25vh;
}
body.app.dashboard .page-body .widget.sys-status .target-info-panel .target-info-panel-body {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 1rem;
  gap: 1rem;
}
body.app.dashboard .page-body .widget.sys-status .target-info-list {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}
body.app.dashboard .page-body .widget.sys-status .target-info-list .target-info-item {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 1rem;
  border-radius: 0.25rem;
  background: color-mix(in srgb, var(--background-color), transparent 50%);
}
body.app.dashboard .page-body .widget.sys-status .target-info-list .target-info-item label {
  font-size: 0.75rem;
  text-transform: uppercase;
}
body.app.dashboard .page-body .widget.sys-status .target-info-list .target-info-item > div {
  font-size: 2rem;
  font-weight: bold;
}
body.app.dashboard .page-body .widget.quote-of-the-day {
  display: flex;
  flex-direction: column;
}
body.app.dashboard .page-body .widget.quote-of-the-day #quote-reaction-dialog {
  background: rgba(0, 0, 0, 0.5333333333);
  border-radius: 1rem;
  border: none;
  outline: none;
  margin: unset;
  translate: -50% -100%;
}
body.app.dashboard .page-body .widget.quote-of-the-day #quote-reaction-dialog .yo-dialog-content {
  max-width: clamp(320px, 50vw, 800px);
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 1rem;
}
body.app.dashboard .page-body .widget.quote-of-the-day #quote-reaction-dialog .yo-dialog-content i {
  color: #ffcf00;
}
body.app.dashboard .page-body .widget.video-approval-list:not(:has(.list .item)) {
  display: none;
}
body.app.dashboard .page-body .widget.recent-entity:not(:has(.entity-item)) {
  display: none;
}
body.app.dashboard .page-body .widget.recent-entity .entity-list {
  display: grid;
  gap: 0.5rem;
}
body.app.dashboard .page-body .widget.recent-entity .entity-list .entity-item {
  display: grid;
  place-items: center stretch;
  grid-template-columns: 1fr auto;
  gap: 1rem;
}
body.app.dashboard .page-body .widget.recent-entity .entity-list .entity-item .info {
  display: grid;
  place-items: center stretch;
  grid-template-columns: auto 1fr;
  gap: 0 1rem;
}
body.app.dashboard .page-body .widget.recent-entity .entity-list .entity-item .info yo-avatar {
  grid-row: 1/span 2;
}
body.app.dashboard .page-body .widget.recent-entity .entity-list .entity-item .info .name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.app.dashboard .page-body .widget.recent-entity .entity-list .entity-item .info .subscription-date {
  font-size: 0.8rem;
  opacity: 0.6;
}
body.app.dashboard .page-body .post-target-item, body.app.dashboard .page-body .listing-item {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 5px;
  margin: 5px 0px;
  color: #fff;
}
body.app.dashboard .page-body .post-target-item .target-logo, body.app.dashboard .page-body .listing-item .target-logo {
  font-size: 25px;
  margin: 0 10px;
}
body.app.dashboard .page-body .post-target-item h3, body.app.dashboard .page-body .listing-item h3 {
  margin: 0px;
}
body.app.dashboard .page-body .post-target-item h3 em, body.app.dashboard .page-body .listing-item h3 em {
  display: block;
  font-size: 50%;
}
body.app.dashboard .page-body .post-target-item md-icon, body.app.dashboard .page-body .listing-item md-icon {
  color: #fff;
}
body.app.dashboard .page-body .post-target-item .is_active md-icon, body.app.dashboard .page-body .listing-item .is_active md-icon {
  color: #1ED760;
}
body.app.dashboard .page-body .post-target-item .md-avatar, body.app.dashboard .page-body .listing-item .md-avatar {
  position: relative;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 5px;
}
body.app.dashboard .page-body .post-target-item .md-avatar img, body.app.dashboard .page-body .listing-item .md-avatar img {
  max-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
body.app.dashboard .page-body .user-leaderboard {
  text-align: center;
}
body.app.dashboard .page-body .user-leaderboard .leaderboard-podium {
  display: inline-grid;
  grid-template-columns: repeat(3, 1fr);
  place-items: end center;
  gap: 1rem;
  padding-block: 1rem;
  position: relative;
}
body.app.dashboard .page-body .user-leaderboard .leaderboard-podium::after {
  content: "";
  width: 110%;
  height: 1px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 20%, #fff 80%, rgba(255, 255, 255, 0) 100%);
  position: absolute;
  bottom: 1rem;
  left: 50%;
  translate: -50% 0;
}
body.app.dashboard .page-body .user-leaderboard .leaderboard-podium .leaderboard-item {
  grid-row: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 1rem;
  min-width: 12em;
  position: relative;
  z-index: 5;
  --podium-avatar-size: 2.25em;
}
body.app.dashboard .page-body .user-leaderboard .leaderboard-podium .leaderboard-item .item-body {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: color-mix(in srgb, var(--item-color, #fff), transparent 90%);
  border-radius: 1rem 1rem 0 0;
  padding: 1rem;
  padding-block: 2rem;
}
body.app.dashboard .page-body .user-leaderboard .leaderboard-podium .leaderboard-item .yo-avatar {
  --avatar-size: var(--podium-avatar-size);
  margin-bottom: -1rem;
  border: solid 5px var(--item-color, #fff);
}
body.app.dashboard .page-body .user-leaderboard .leaderboard-podium .leaderboard-item .level > span {
  color: var(--item-color);
  font-size: 1.2em;
  font-weight: bold;
}
body.app.dashboard .page-body .user-leaderboard .leaderboard-podium .leaderboard-item .position {
  position: absolute;
  top: calc(var(--podium-avatar-size) * 2);
  left: 50%;
  translate: -50% -50%;
  padding: 0.5rem;
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  scale: 0.75;
  background: var(--item-color, #fff);
}
body.app.dashboard .page-body .user-leaderboard .leaderboard-podium .leaderboard-item .position span {
  font-size: 1.2em;
  font-weight: bold;
}
body.app.dashboard .page-body .user-leaderboard .leaderboard-podium .leaderboard-item:nth-child(1) {
  grid-column: 2;
  font-size: 1.75rem;
  --item-color: #fdbd1f;
  --clip-ratio:1.5;
}
body.app.dashboard .page-body .user-leaderboard .leaderboard-podium .leaderboard-item:nth-child(1)::before {
  content: "\f521";
  font-family: var(--yo-font-icon-family);
  color: var(--item-color);
  font-weight: 900;
  font-size: 2rem;
  position: absolute;
  top: -1rem;
  left: 50%;
  translate: -50% -50%;
  z-index: 5;
}
body.app.dashboard .page-body .user-leaderboard .leaderboard-podium .leaderboard-item:nth-child(2) {
  grid-column: 1;
  font-size: 1.25rem;
  place-self: end end;
  --item-color: #29d4ff;
  --clip-ratio:1.25;
}
body.app.dashboard .page-body .user-leaderboard .leaderboard-podium .leaderboard-item:nth-child(3) {
  --item-color: #0dad8a;
  place-self: end start;
}
@media screen and (max-width: 640px) {
  body.app.dashboard .page-body .user-leaderboard .leaderboard-podium {
    height: 30rem;
  }
  body.app.dashboard .page-body .user-leaderboard .leaderboard-podium .leaderboard-item {
    min-width: 8.5em;
  }
  body.app.dashboard .page-body .user-leaderboard .leaderboard-podium .leaderboard-item .item-body {
    flex: 1;
    background: linear-gradient(135deg, color-mix(in srgb, var(--item-color, #fff), #000 35%), var(--item-color, #fff));
  }
  body.app.dashboard .page-body .user-leaderboard .leaderboard-podium .leaderboard-item .item-body .level > span {
    color: inherit;
  }
  body.app.dashboard .page-body .user-leaderboard .leaderboard-podium .leaderboard-item:first-child {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 50%;
    grid-column: unset;
    translate: -50% 0;
    height: calc(100% - 1rem);
  }
  body.app.dashboard .page-body .user-leaderboard .leaderboard-podium .leaderboard-item:first-child .item-body {
    flex: 1;
  }
}
body.app.dashboard .page-body .user-leaderboard .leaderboard-list {
  width: clamp(320px, 100%, 640px);
  margin-inline: auto;
  display: grid;
  gap: 0.5rem;
}
body.app.dashboard .page-body .user-leaderboard .leaderboard-list .leaderboard-item {
  display: grid;
  grid-template-columns: auto auto 1fr auto;
  gap: 1rem;
  place-items: center stretch;
  text-align: left;
  background: color-mix(in srgb, var(--background-color), transparent 90%);
  border-radius: 0.25rem;
  padding: 0.5rem 1rem;
}
body.app.dashboard .page-body .user-leaderboard .leaderboard-list .leaderboard-item .position {
  font-size: 1.5em;
  font-weight: bold;
}
body.app.dashboard .page-body .user-leaderboard .leaderboard-item .name {
  text-transform: uppercase;
}
body.app.dashboard .page-body .leaderboard .entity-list {
  display: grid;
  gap: 1rem;
}
body.app.dashboard .page-body .leaderboard .entity-list .leaderboard-item {
  display: grid;
  grid-template-columns: auto 1fr auto;
  place-items: center stretch;
  gap: 0 0.5rem;
  text-decoration: none;
}
body.app.dashboard .page-body .leaderboard .entity-list .leaderboard-item ng-transclude {
  grid-row: 1/span 2;
  grid-column: 2;
}
body.app.dashboard .page-body .leaderboard .entity-list .leaderboard-item div, body.app.dashboard .page-body .leaderboard .entity-list .leaderboard-item span {
  text-decoration: none;
}
body.app.dashboard .page-body .leaderboard .entity-list .leaderboard-item .name {
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1;
}
body.app.dashboard .page-body .leaderboard .entity-list .leaderboard-item .type {
  font-size: 0.8rem;
  opacity: 0.75;
}
body.app.dashboard .page-body .leaderboard .entity-list .leaderboard-item .highlight-number {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  text-align: center;
  width: 120px;
  text-decoration: none;
}
body.app.dashboard .page-body .leaderboard .entity-list .leaderboard-item .highlight-number em {
  font-style: normal;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1;
}
body.app.dashboard .page-body .leaderboard .entity-list .leaderboard-item .highlight-number span {
  opacity: 0.5;
  text-transform: uppercase;
  font-size: 0.75rem;
}
body.app.dashboard .page-body .post-target-status .target-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
body.app.dashboard .page-body .post-target-status .target-item yo-icon {
  font-size: 1.25rem;
}
body.app.dashboard .page-body .post-target-status .target-item .md-button .target-count {
  font-size: 2rem;
}
body.app.dashboard .page-body .post-target-status .target-item h5 {
  text-align: center;
}
body.app.dashboard .page-body .post-target-status .target-item md-icon {
  color: #fff;
}
body.app.dashboard .page-body .post-target-status .target-item .done md-icon {
  color: #1FA463;
}
body.app.dashboard .page-body .post-target-status .target-item .warning md-icon {
  color: #F69403;
}
body.app.dashboard .page-body .post-target-status .target-item .critical md-icon {
  color: #DE5448;
}
body.app.dashboard .page-body .latest-list .latest-item .avatar md-icon {
  color: #fff;
}
body.app.dashboard .page-body .watch-list .list {
  display: grid;
  grid-template-columns: 1fr max-content max-content;
  gap: 0 10px;
}
body.app.dashboard .page-body .watch-list .list .item {
  display: contents;
}
body.app.dashboard .page-body .watch-list .list .item a {
  color: inherit;
  text-decoration: none;
}
body.app.dashboard .page-body .watch-list .list .item > div {
  text-align: center;
}
body.app.dashboard .page-body .watch-list .list .item sup.badge {
  background: #FFC107;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  line-height: 1.25em;
  font-size: 10px;
  text-align: center;
  color: #333;
}
body.app.dashboard .page-body .background-controls .md-button, body.app.dashboard .page-body .background-controls a {
  color: #fff;
}
body.app.dashboard .page-body .background-controls md-icon {
  color: inherit;
}
body.app.dashboard .page-body .main-timeline {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
  align-items: stretch;
  justify-content: flex-start;
  overflow: hidden overlay;
}
body.app.dashboard .page-body .main-timeline .graph-header {
  display: grid;
  grid-template-columns: 1fr auto auto;
  place-items: center stretch;
  gap: 2rem;
}
@media screen and (max-width: 640px) {
  body.app.dashboard .page-body .main-timeline .graph-header {
    grid-template-columns: 1fr 1fr;
    gap: 0 2rem;
  }
  body.app.dashboard .page-body .main-timeline .graph-header md-input-container {
    grid-column: 1/-1;
  }
}
body.app.dashboard .page-body .main-timeline .chart-container {
  width: 100%;
  aspect-ratio: 16/7;
  height: auto;
  padding: 1rem;
  padding-bottom: 2rem;
  border-radius: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  position: relative;
}
body.app.dashboard .page-body .main-timeline .chart-container > label.placeholder {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 640px) {
  body.app.dashboard .page-body .main-timeline .chart-container {
    padding-inline: 0;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    background: none;
  }
}
body.app.dashboard .page-body .main-timeline .linechart {
  display: block;
  width: 100%;
  overflow: hidden;
}
body.app.dashboard .page-body .main-timeline .linechart svg {
  width: 100%;
  height: 100%;
}
body.app.dashboard .page-body .main-timeline .linechart .axes .grid {
  opacity: 0.25;
}
body.app.dashboard .page-body .main-timeline .linechart .axis text {
  fill: var(--text-color);
}
body.app.dashboard .page-body .main-timeline .linechart .axis line, body.app.dashboard .page-body .main-timeline .linechart .axis path {
  stroke: var(--text-color);
}
body.app.dashboard .page-body .main-timeline .linechart .chart-tooltip {
  background-color: var(--background-color);
  border-radius: 0.25rem;
}
body.app.dashboard.graph-visualisation-mode form.main-form {
  overflow: hidden;
}
body.app.dashboard.graph-visualisation-mode .page-header {
  transform: translateY(-100%);
}
body.app.dashboard.graph-visualisation-mode .page-body {
  transform: translateY(100%);
}
body.app.dashboard.graph-visualisation-mode #activity-chart {
  opacity: 1;
  transform: scale(1);
  pointer-events: auto;
}
body.app.dashboard.graph-visualisation-mode #activity-chart .chart-legend {
  opacity: 1;
}
body.app.dashboard.graph-visualisation-mode #activity-chart .chart-actions {
  opacity: 1;
}
body.app.entity-dashboard .viewport {
  background: rgba(0, 0, 0, 0.25);
}
body.app.entity-dashboard .viewport .view-content {
  background: rgba(0, 0, 0, 0.25);
}
body.app.entity-dashboard .viewport .view-content form.main-form {
  place-items: start stretch;
  gap: 50px;
  padding: 25px;
  --text-color: #fff;
}
body.app.entity-dashboard .viewport .view-content form.main-form h1, body.app.entity-dashboard .viewport .view-content form.main-form h2, body.app.entity-dashboard .viewport .view-content form.main-form h3, body.app.entity-dashboard .viewport .view-content form.main-form h4, body.app.entity-dashboard .viewport .view-content form.main-form i, body.app.entity-dashboard .viewport .view-content form.main-form span, body.app.entity-dashboard .viewport .view-content form.main-form div, body.app.entity-dashboard .viewport .view-content form.main-form md-button, body.app.entity-dashboard .viewport .view-content form.main-form md-icon, body.app.entity-dashboard .viewport .view-content form.main-form label {
  color: var(--text-color);
}
body.app.entity-dashboard .viewport .configs {
  display: grid;
  gap: 30px;
}
body.app.entity-dashboard .viewport .tabs .list-filter {
  position: relative;
  background: transparent;
}
body.app.entity-dashboard .viewport .tabs .list-filter input {
  outline: none;
  background: transparent;
  color: #fff;
}
body.app.entity-dashboard .viewport .tabs .listings-container {
  display: grid;
  grid-template-columns: auto 1fr auto;
  place-items: center stretch;
  gap: 10px;
}
body.app.entity-dashboard .viewport .tabs .listings-container .listing-item {
  display: contents;
}
body.app.entity-dashboard .viewport .tabs .listings-container .listing-item .listing-avatar {
  width: 150px;
  height: 120px;
}
body.app.entity-dashboard .viewport .tabs .listings-container .listing-item .listing-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
body.app.entity-dashboard .viewport .tabs .post-target-list {
  display: grid;
  grid-template-columns: auto 1fr auto;
  place-items: center stretch;
  gap: 10px;
}
body.app.entity-dashboard .viewport .tabs .post-target-list .post-target-item {
  display: contents;
  --status-color: #DD5044;
}
body.app.entity-dashboard .viewport .tabs .post-target-list .post-target-item.is_active {
  --status-color: #1ED760;
}
body.app.entity-dashboard .viewport .tabs .post-target-list .post-target-item .target-icon {
  position: relative;
}
body.app.entity-dashboard .viewport .tabs .post-target-list .post-target-item .target-icon .target-status {
  position: absolute;
  bottom: 0px;
  right: 0px;
  color: var(--status-color);
}
body.app.entity-dashboard .viewport .tabs .post-target-list .post-target-item h3 {
  margin: 0px;
  padding: 0px;
}
body.app.entity-dashboard #share-listing,
body.app.entity-dashboard #me-login-informations,
body.app.entity-dashboard #me-triggers {
  min-width: 500px;
}
body.app.listing .status-container {
  display: grid;
  grid-template-columns: 5fr 2fr;
  place-items: center stretch;
  gap: 1rem;
}
body.app.listing .status-container .status-recursivity {
  display: grid;
  grid-template-columns: auto auto auto;
  place-items: center stretch;
  gap: 1rem;
  position: relative;
}
body.app.listing .status-container .status-recursivity label {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 0.75rem;
  width: 100%;
  translate: 0 -100%;
}
body.app.listing .status-container .status-recursivity > input {
  width: 100%;
  background: transparent;
  border: none;
  border-bottom: solid 2px var(--text-color);
  padding: 0.5em;
  outline: none;
}
body.app.listing .status-recursivity-info {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  place-items: center stretch;
}
body.app.listing .current-status-flag {
  background: rgba(255, 255, 255, 0.0666666667);
  width: 100%;
  padding: 1rem;
  border-radius: 0.5rem;
}
body.app.listing .basic-info-container {
  display: grid;
  grid-template-columns: auto 1fr;
  place-items: start stretch;
  gap: 2rem;
}
body.app.listing .basic-info-container .image-container {
  width: 350px;
  height: auto;
  aspect-ratio: 4/3;
  overflow: hidden;
  border-radius: 0.5rem;
}
body.app.listing .basic-info-container .image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
body.app.listing .basic-info-container .price {
  text-transform: lowercase;
}
body.app.listing .basic-info-container .price :first-child {
  font-size: 1.5rem;
  font-weight: 500;
}
body.app.listing .basic-info-container .room-count-container {
  display: inline-grid;
  grid-auto-flow: column;
  grid-auto-columns: auto;
  gap: 2rem;
  place-items: center;
}
body.app.listing .basic-info-container .room-count-container .room-count-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
body.app.listing .basic-info-container .room-count-container .room-count-item .badge {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 2ch;
  text-align: center;
  background: #b01a1a;
  color: #fff;
  font-weight: 500;
  padding: 0.25em 0.5em;
  border-radius: 2em;
  box-shadow: 0 0 0 1px #fff, 1px 1px 0.25em #000;
}
body.app.listing .open-house-container:not(:has(.open-house-item)) {
  display: none;
}
body.app.listing .open-house-container .open-house-list .open-house-item {
  display: grid;
  grid-template-columns: auto 1fr auto auto auto;
  place-items: center stretch;
  gap: 1rem;
}
body.app.listing .open-house-container .open-house-list .open-house-item .date h3 {
  text-align: center;
}
body.app.listing .open-house-container .open-house-list .open-house-item .date h3 div {
  font-weight: 700;
  background: var(--text-color);
  color: var(--background-color);
  padding: 0.25em 0.5em;
  border-radius: 0.25em;
}
body.app.listing .open-house-container .open-house-list .open-house-item .date h3 span {
  font-size: 1rem;
  text-transform: uppercase;
}
body.app.listing .open-house-container .open-house-list .open-house-item .date label {
  font-size: 0.8rem;
  font-style: italic;
}
body.app.listing .open-house-container .open-house-list .open-house-item .comment span {
  font-size: 1.2rem;
}
body.app.listing .open-house-container .open-house-list .open-house-item .comment .fa-quote-left {
  opacity: 0.5;
}
body.app.listing .open-house-container .open-house-list .open-house-item .comment [am-time-ago] {
  opacity: 0.75;
}
body.app.listing .yo-tab-listing-videos .video-list-container textarea {
  width: 100%;
  background: rgba(255, 255, 255, 0.1333333333);
  border-radius: 0.25em;
  height: 50vh;
}
body.app.listing .yo-tab-listing-photos .photo-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}
body.app.listing .yo-tab-listing-photos .photo-container .photo-item {
  height: calc(120px + 4rem);
}
body.app.listing .yo-tab-listing-photos .photo-container .photo-item .image-container {
  width: 100%;
  height: 120px;
  overflow: hidden;
  border-radius: 0.5rem;
  transition: 0.25s ease;
}
body.app.listing .yo-tab-listing-photos .photo-container .photo-item img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}
body.app.listing .yo-tab-listing-photos .photo-container .photo-item .photo-info {
  position: relative;
  transition: 0.25s ease;
}
body.app.listing .yo-tab-listing-photos .photo-container .photo-item .photo-info h4 {
  margin-bottom: 0;
}
body.app.listing .yo-tab-listing-photos .photo-container .photo-item .photo-info p {
  margin: 0;
}
body.app.listing .yo-tab-listing-photos .photo-container .photo-item:hover .image-container {
  height: calc(120px + 4rem);
}
body.app.listing .yo-tab-listing-photos .photo-container .photo-item:hover .photo-info {
  margin-top: -4rem;
  padding-left: 1rem;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
}
body.app.settings .loading-status {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
body.app {
  /*
  NETWORK
  */
}
body.app.network .network-list-container {
  padding: 2rem;
  display: grid;
  grid-template-rows: auto 1fr;
  gap: 1rem;
}
body.app.network .network-list {
  place-self: start stretch;
  display: grid;
  grid-template-columns: 1fr;
  gap: 3rem;
  padding: 2rem;
  width: 100%;
  max-width: clamp(640px, 100% - 1rem, 1200px);
  margin-inline: auto;
}
body.app.network .network-list .network-item {
  padding: 2rem;
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 1rem;
  overflow: hidden;
}
body.app.network .network-list .network-item .avatar-bg {
  position: absolute;
  inset: 0;
  z-index: -1;
}
body.app.network .network-list .network-item .avatar-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 40%;
  filter: blur(10px) grayscale(1);
  opacity: 0.5;
  transition: filter 15s ease-in-out, object-position 15s ease-in-out;
}
body.app.network .network-list .network-item:hover .avatar-bg img {
  object-position: 50% 60%;
  filter: blur(10px) grayscale(0);
}
body.app.network .network-list .network-item .yo-avatar {
  border-radius: 0.25rem;
  border: none;
}
body.app.network .network-list .network-item .name {
  text-decoration: none;
  font-size: 1.25rem;
  text-transform: uppercase;
  font-weight: 500;
}
body.app.network .network-list .network-item .actions {
  position: absolute;
  top: 0rem;
  right: 0rem;
}
body.app.network .viewport > section .view-content {
  overflow: visible;
}
body.app.network .editor-header {
  z-index: 5;
}
body.app.network .editor-header .header-title {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0 1rem;
  place-items: center stretch;
}
body.app.network .editor-header .header-title h2 {
  margin: 0;
  padding: 0;
}
body.app.network .editor-header .header-title yo-avatar {
  grid-row: span 2;
}
body.app.network .editor-header .header-title .meta-date {
  font-style: italic;
  opacity: 0.5;
}
body.app.network form.main-form {
  display: grid;
  grid-template-rows: auto 1fr;
}
body.app.network .view-content > md-tabs {
  overflow: unset;
}
body.app.network .view-content > md-tabs md-tabs-wrapper {
  position: relative;
}
body.app.network .view-content > md-tabs md-tabs-wrapper::before {
  content: "";
  position: absolute;
  bottom: 0;
  z-index: -1;
  height: 25vh;
  left: 0;
  width: 100vw;
  opacity: 0.2;
  background: #000;
}
body.app.network .view-content > md-tabs md-tab-content {
  padding: 0;
}
body.app.network .view-content > md-tabs md-tab-content > div {
  height: 100%;
  display: grid;
}
body.app.network .flags {
  display: flex;
  flex-wrap: wrap;
  font-size: 0.75rem;
  gap: 0.5em;
  margin-top: 0.5rem;
  pointer-events: none;
}
body.app.network .flags span {
  text-decoration: none;
  padding: 0.25em 0.5em;
  border-radius: 0.25em;
  background: var(--flag-color, #333);
}
body.app.network .boxed-layout-container {
  max-width: clamp(320px, 100vw, 1200px);
  margin-inline: auto;
  padding: 1rem;
}
body.app.network .tab-configs {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
body.app.network .tab-configs .general-panel {
  display: grid;
}
body.app.network .tab-header {
  place-self: center;
  --tab-header-bg: radial-gradient(at bottom center, hsla(var(--base-primary), 0%, 0.5) 0%, transparent 60%);
  background: var(--tab-header-bg);
  width: 100%;
  position: relative;
}
body.app.network .tab-header::after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 2px;
  width: 25vw;
  left: 50%;
  translate: -50% 0;
  --tab-line-bg: linear-gradient(90deg, transparent, hsla(var(--base-secondary), 75%, 0.5), transparent);
  background: var(--tab-line-bg);
}
body.app.network .tab-header .boxed-layout-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
body.app.network .tab-dashboard {
  display: grid;
  gap: 2rem;
  grid-template-columns: 1fr minmax(auto, 320px);
  place-items: stretch;
}
@media screen and (max-width: 1024px) {
  body.app.network .tab-dashboard {
    grid-template-columns: 1fr;
  }
}
body.app.network .tab-dashboard .boxed-layout-container {
  display: grid;
  gap: 2rem;
}
body.app.network .tab-dashboard .yo-card {
  width: 100%;
  margin-inline: auto;
  border: none;
}
body.app.network .tab-dashboard .yo-card > h3 {
  text-align: center;
}
body.app.network .tab-dashboard .column:not(.timeline-column) {
  position: sticky;
  top: 0;
}
body.app.network .tab-dashboard .timeline-container {
  overflow: hidden overlay;
}
body.app.network .tab-dashboard .timeline-container .timeline-date-group {
  overflow: hidden;
}
body.app.network .tab-dashboard .timeline-container .timeline-date-group .group-label span {
  position: relative;
}
body.app.network .tab-dashboard .timeline-container .timeline-date-group .group-label span::before, body.app.network .tab-dashboard .timeline-container .timeline-date-group .group-label span::after {
  content: "";
  height: 1px;
  width: 50vw;
  position: absolute;
  top: 50%;
  background: var(--text-color);
  opacity: 0.25;
}
body.app.network .tab-dashboard .timeline-container .timeline-date-group .group-label span::before {
  left: -1rem;
  translate: -100% -50%;
}
body.app.network .tab-dashboard .timeline-container .timeline-date-group .group-label span::after {
  right: -1rem;
  translate: 100% -50%;
}
body.app.network .tab-dashboard .timeline-container .timeline-date-group .group-label {
  text-transform: uppercase;
  display: flex;
  justify-content: flex-end;
  padding: 1rem;
}
body.app.network .tab-dashboard .timeline-container .timeline-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
body.app.network .tab-dashboard .timeline-container .timeline-list .timeline-item {
  background: var(--event-bg, rgba(255, 255, 255, 0.0666666667));
  border-radius: 0.5rem;
  padding: 1rem;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0 1rem;
  position: relative;
}
body.app.network .tab-dashboard .timeline-container .timeline-list .timeline-item.event-type-message {
  --event-bg: #00f2;
}
body.app.network .tab-dashboard .timeline-container .timeline-list .timeline-item.event-type-message .event-text {
  font-size: 1.2rem;
}
body.app.network .tab-dashboard .timeline-container .timeline-list .timeline-item .event-icon {
  grid-row: 1/span 3;
  opacity: 0.5;
  padding-block: 0.25rem;
}
body.app.network .tab-dashboard .timeline-container .timeline-list .timeline-item .event-icon i {
  font-size: 1.25rem;
}
body.app.network .tab-dashboard .timeline-container .timeline-list .timeline-item .event-text {
  line-height: 1;
}
body.app.network .tab-dashboard .timeline-container .timeline-list .timeline-item .event-text label {
  margin: 0;
  background: var(--label-color, #000);
  border-radius: 0.25em;
  display: inline-block;
  padding: 0 0.25em;
  margin-inline: 0.25em;
  box-shadow: 0 0 0 3px var(--label-color, #000);
}
body.app.network .tab-dashboard .timeline-container .timeline-list .timeline-item .event-time {
  font-size: 0.75rem;
  opacity: 0.75;
}
body.app.network .tab-dashboard .timeline-container .timeline-list .timeline-item .event-author .message-ref {
  --ref-color: #05f;
}
body.app.network .tab-dashboard .timeline-container .timeline-list .timeline-item .event-author .message-ref.ref-newsletter {
  border-radius: 0.25em;
  color: #fff;
  background: var(--ref-color);
  padding-inline: 0.5em;
  margin-inline: 0.25em;
}
body.app.network .tab-dashboard .timeline-container .timeline-list .timeline-item .event-date {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 0.5rem;
  padding: 0.25rem;
}
body.app.network .tab-dashboard .timeline-container .timeline-list .timeline-item .event-date em {
  font-style: normal;
  font-size: 2rem;
  line-height: 1;
}
body.app.network .tab-dashboard .timeline-container .timeline-list .timeline-item .event-date div {
  font-size: 0.6rem;
  opacity: 0.75;
}
body.app.network .tab-dashboard .timeline-container .timeline-list .timeline-item .event-action {
  background: #111;
  border-radius: 4rem;
  padding: 0.5rem 1rem;
  position: absolute;
  top: 50%;
  right: 0.5rem;
  translate: 100% -50%;
  opacity: 0;
  transition: 0.25s ease;
}
body.app.network .tab-dashboard .timeline-container .timeline-list .timeline-item:hover .event-action {
  translate: 0% -50%;
  opacity: 1;
}
body.app.network .tab-dashboard .newsletter-item-info {
  margin-bottom: 1rem;
}
body.app.network .tab-dashboard .newsletter-item-info .state {
  text-transform: uppercase;
  font-weight: 700;
}
body.app.network .tab-dashboard .newsletter-item-info .info-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
body.app.network .tab-dashboard .newsletter-item-info .info-item:has(span:empty) {
  display: none;
}
body.app.network .tab-dashboard .newsletter-item-info .info-item.counter sub {
  bottom: unset;
  opacity: 0.5;
}
body.app.network .tab-dashboard .column {
  display: grid;
  grid-auto-flow: row;
  grid-auto-rows: auto;
  gap: 1rem;
  place-self: start stretch;
}
body.app.network .tab-dashboard .column.timeline-column {
  grid-template-rows: auto 1fr;
  place-self: stretch;
}
body.app.network .tab-messages, body.app.network .tab-newsletters, body.app.network .tab-members {
  display: grid;
  grid-template-rows: auto 1fr;
  gap: 1rem;
  place-items: stretch;
  overflow: hidden overlay;
}
@media screen and (max-width: 1024px) {
  body.app.network .tab-messages, body.app.network .tab-newsletters, body.app.network .tab-members {
    grid-template-columns: 1fr;
  }
  body.app.network .tab-messages .tab-header .md-button ls, body.app.network .tab-newsletters .tab-header .md-button ls, body.app.network .tab-members .tab-header .md-button ls {
    display: none;
  }
}
body.app.network .tab-messages .latest-container {
  padding: 2rem 0;
}
body.app.network .tab-messages .latest-container h3 {
  text-align: center;
}
body.app.network .tab-messages .latest-container .latest-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 1rem;
  padding-inline: 1rem;
  width: 100%;
  max-width: clamp(320px, 100%, 1200px);
  margin-inline: auto;
}
body.app.network .tab-messages .latest-container .latest-list .latest-item {
  padding: 0;
  border-radius: 0.25rem;
  position: relative;
  display: grid;
  grid-template-rows: 250px 1fr;
  isolation: isolate;
  min-height: 6rem;
  overflow: hidden;
  box-shadow: 0 1rem 1rem 0 var(--shadow-color, transparent);
  transition: 0.25s ease;
  background: var(--background-color);
}
body.app.network .tab-messages .latest-container .latest-list .latest-item.status-2 {
  --status-color: #1ca71c;
}
body.app.network .tab-messages .latest-container .latest-list .latest-item.status-1 {
  --status-color: #efa315;
}
body.app.network .tab-messages .latest-container .latest-list .latest-item .picture {
  isolation: isolate;
  aspect-ratio: 4/3;
  overflow: hidden;
  position: relative;
  height: 100%;
  width: 100%;
}
body.app.network .tab-messages .latest-container .latest-list .latest-item .picture img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
body.app.network .tab-messages .latest-container .latest-list .latest-item .picture .picture-layer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  color: #fff;
  padding: 1rem;
  padding-top: 2rem;
  pointer-events: none;
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
}
body.app.network .tab-messages .latest-container .latest-list .latest-item .item-info {
  position: absolute;
  padding: 1rem;
  inset: 0;
  translate: 0 100%;
  pointer-events: none;
  opacity: 0;
  transition: 0.25s ease;
  overflow: hidden overlay;
  z-index: 5;
  background-color: rgba(0, 0, 0, 0.8666666667);
}
body.app.network .tab-messages .latest-container .latest-list .latest-item .item-info:not(:has(.schedule-item)) {
  display: none;
}
body.app.network .tab-messages .latest-container .latest-list .latest-item .item-info > .md-button {
  position: absolute;
  top: 0;
  right: 0;
}
body.app.network .tab-messages .latest-container .latest-list .latest-item .item-info .schedules-container {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1rem;
}
body.app.network .tab-messages .latest-container .latest-list .latest-item .item-info .schedules {
  display: grid;
  gap: 0.5rem;
}
body.app.network .tab-messages .latest-container .latest-list .latest-item .item-info .schedules .schedule-item {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0 1rem;
}
body.app.network .tab-messages .latest-container .latest-list .latest-item .item-info .schedules .schedule-item em {
  grid-row: 1/span 2;
  grid-column: 1;
  font-size: 3rem;
  opacity: 0.25;
  line-height: 1;
}
body.app.network .tab-messages .latest-container .latest-list .latest-item .item-info .schedules .schedule-item .schedule-state {
  text-transform: uppercase;
}
body.app.network .tab-messages .latest-container .latest-list .latest-item .item-info .schedules .schedule-item .schedule-dates {
  font-size: 0.75rem;
  opacity: 0.75;
}
body.app.network .tab-messages .latest-container .latest-list .latest-item.show-info .item-info {
  translate: 0 0%;
  pointer-events: auto;
  opacity: 1;
}
body.app.network .tab-messages .latest-container .latest-list .latest-item .title {
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5333333333);
}
body.app.network .tab-messages .latest-container .latest-list .latest-item .status-icon {
  color: var(--status-color, var(--text-color));
}
body.app.network .tab-messages .latest-container .latest-list .latest-item .actions {
  background: #333;
  border-radius: 10em;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-block: 0.5rem;
  opacity: 0;
  position: absolute;
  top: 125px;
  left: 50%;
  translate: -50% 100%;
  transition: 0.25s ease;
  pointer-events: none;
}
body.app.network .tab-messages .latest-container .latest-list .latest-item .filter-tags {
  font-weight: 600;
  font-size: 12px;
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
}
body.app.network .tab-messages .latest-container .latest-list .latest-item .filter-tags.add {
  --tag-color: #16A05D;
}
body.app.network .tab-messages .latest-container .latest-list .latest-item .filter-tags.remove {
  --tag-color: #DE5145;
  font-weight: 600;
}
body.app.network .tab-messages .latest-container .latest-list .latest-item .filter-tags.any {
  gap: 5px;
}
body.app.network .tab-messages .latest-container .latest-list .latest-item .filter-tags.any span {
  border: dashed 2px var(--tag-color);
  padding: 2px 4px;
  border-radius: 5px;
}
body.app.network .tab-messages .latest-container .latest-list .latest-item .filter-tags.all {
  border: solid 2px var(--tag-color);
  padding: 2px 4px;
  border-radius: 5px;
}
body.app.network .tab-messages .latest-container .latest-list .latest-item .filter-tags.all span:not(:last-child)::after {
  content: ", ";
}
body.app.network .tab-messages .latest-container .latest-list .latest-item .filter-tags > span {
  color: var(--tag-color);
}
body.app.network .tab-messages .latest-container .latest-list .latest-item .filter-tags.hide {
  display: none;
}
body.app.network .tab-messages .latest-container .latest-list .latest-item:hover {
  --shadow-color: #0005;
  transform: translateY(-0.5rem);
}
body.app.network .tab-messages .latest-container .latest-list .latest-item:hover .actions {
  translate: -50% -50%;
  pointer-events: auto;
  opacity: 1;
}
body.app.network .tab-messages .list-container {
  position: relative;
  overflow: hidden;
  border-radius: 5px;
  background: #fff;
  --text-color: #333;
  margin-top: 1rem;
}
body.app.network .tab-messages .list {
  position: absolute;
  top: 0;
  left: 0px;
  right: 0px;
  padding: 5px;
  max-height: 100%;
  overflow: hidden auto;
  display: grid;
  grid-template-columns: max-content 2fr 1fr 1fr repeat(3, max-content);
  place-items: center stretch;
  gap: 5px 10px;
}
body.app.network .tab-messages .list .list-item {
  display: contents;
}
body.app.network .tab-messages .list .list-header > div {
  position: sticky;
  top: 0px;
  background: var(--background-color);
}
body.app.network .tab-messages .list .list-header .search {
  position: relative;
  padding: 5px;
}
body.app.network .tab-messages .list .list-header .search i.fal {
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
}
body.app.network .tab-messages .list .list-header .search input {
  padding: 5px;
  padding-left: 40px;
  border: none;
  border-radius: 20px;
  width: 100%;
  background: rgba(204, 204, 204, 0.4666666667);
  outline: none;
}
body.app.network .tab-messages .list md-checkbox {
  margin: 0;
}
body.app.network .tab-messages .list md-checkbox .md-label {
  display: none;
}
body.app.network .tab-messages .list .filter-tags {
  font-weight: 600;
  font-size: 12px;
  display: inline-block;
  white-space: nowrap;
  display: inline-grid;
  grid-auto-flow: column;
  place-items: center;
}
body.app.network .tab-messages .list .filter-tags.add {
  --tag-color: #16A05D;
}
body.app.network .tab-messages .list .filter-tags.remove {
  --tag-color: #DE5145;
  font-weight: 600;
}
body.app.network .tab-messages .list .filter-tags.any {
  gap: 5px;
}
body.app.network .tab-messages .list .filter-tags.any span {
  border: dashed 2px var(--tag-color);
  padding: 2px 4px;
  border-radius: 5px;
}
body.app.network .tab-messages .list .filter-tags.all {
  border: solid 2px var(--tag-color);
  padding: 2px 4px;
  border-radius: 5px;
}
body.app.network .tab-messages .list .filter-tags.all span:not(:last-child)::after {
  content: ", ";
}
body.app.network .tab-messages .list .filter-tags > span {
  color: var(--tag-color);
}
body.app.network .tab-messages .list .filter-tags.hide {
  display: none;
}
body.app.network .tab-messages .list .status .fa-check-circle {
  color: #16A05D;
}
body.app.network .tab-messages .list .status .fa-cog {
  color: #ff9900;
}
body.app.network .tab-newsletters .list-container {
  width: clamp(320px, 100%, 1200px);
  margin-inline: auto;
}
body.app.network .tab-newsletters .list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
}
@media screen and (max-width: 1024px) {
  body.app.network .tab-newsletters .list {
    grid-template-columns: 1fr;
  }
}
body.app.network .tab-newsletters .list-item {
  display: grid;
  grid-template-rows: 1fr auto;
  padding: 0;
}
body.app.network .tab-newsletters .list-item .newsletter-status {
  font-size: 0.8rem;
  opacity: 0.75;
}
body.app.network .tab-newsletters .list-item .infos {
  background: var(--primary-color);
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
body.app.network .tab-newsletters .list-item .item-picture {
  position: relative;
  display: block;
  aspect-ratio: 16/9;
}
body.app.network .tab-newsletters .list-item .item-picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
body.app.network .tab-newsletters .list-item .item-picture .overlay {
  color: #fff;
  text-shadow: 1px 1px 1px #000;
  background: linear-gradient(transparent, #000);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 1rem;
  text-decoration: none;
}
body.app.network .tab-newsletters .list-item .item-picture .newsletter-title {
  font-size: 1.2rem;
  font-weight: bold;
}
body.app.network .tab-newsletters .list-item.state-idle {
  grid-column: 1/-1;
}
body.app.network .tab-newsletters .list-item.state-idle .newsletter-status {
  font-size: 3rem;
  opacity: 0.25;
  position: absolute;
  right: 0;
  bottom: 0;
  text-transform: uppercase;
  padding: 0 1rem;
}
body.app.network .tab-newsletters .list-item.state-idle .newsletter-title {
  font-size: 2rem;
  text-transform: uppercase;
}
body.app.network .tab-newsletters .list-item.state-idle .item-picture {
  aspect-ratio: 16/5;
}
body.app.network .tab-newsletters .list-item.state-idle .item-picture .overlay {
  background: linear-gradient(#000, transparent);
  inset: 0;
}
body.app.network .tab-newsletters .list-item.state-idle .newsletter-summary {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 1rem;
  place-items: center center;
}
body.app.network .tab-newsletters .list-item.state-idle .newsletter-summary h3 {
  grid-column: 1/-1;
  place-self: start;
}
body.app.network .tab-newsletters .list-item.state-idle .newsletter-summary .summary-progress {
  position: relative;
}
body.app.network .tab-newsletters .list-item.state-idle .newsletter-summary .summary-progress .radial-progress-value {
  position: absolute;
  font-size: 1.5rem;
  top: 50px;
  left: 50%;
  translate: -50% -50%;
}
body.app.network .tab-newsletters .list-item.state-idle .newsletter-summary .summary-progress .counter-list-container {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 1rem;
}
body.app.network .tab-newsletters .list-item.state-idle .newsletter-summary .summary-progress .info-item.counter {
  display: flex;
  flex-direction: column;
  align-items: center;
}
body.app.network .tab-newsletters .list-item.state-idle .newsletter-summary .summary-progress .info-item.counter > span {
  font-size: 2rem;
}
body.app.network .tab-newsletters .list-item.state-idle .newsletter-summary .summary-progress .response-progress-container {
  margin-top: 1rem;
  padding-top: 1rem;
  width: 320px;
}
body.app.network .tab-newsletters .list-item.state-idle .newsletter-summary .summary-progress .response-progress-container .response-progress {
  display: flex;
  grid-auto-flow: column;
  grid-auto-columns: auto;
  gap: 0.25rem;
}
body.app.network .tab-newsletters .list-item.state-idle .newsletter-summary .summary-progress .response-progress-container .response-progress .response-progress-line {
  height: 0.5rem;
  border-radius: 1rem;
  background-color: var(--line-color, #000);
  position: relative;
  width: calc(1% * var(--progress-value));
}
body.app.network .tab-newsletters .list-item.state-idle .newsletter-summary .summary-progress .response-progress-container .response-progress .response-progress-line em {
  position: absolute;
  top: 0;
  left: 50%;
  font-size: 0.75rem;
  translate: -50% -100%;
}
body.app.network .tab-newsletters .list-item.state-idle .newsletter-summary .summary-progress .response-progress-container .response-progress .response-approved {
  --line-color: #182;
}
body.app.network .tab-newsletters .list-item.state-idle .newsletter-summary .summary-progress .response-progress-container .response-progress .response-declined {
  --line-color: #821;
}
body.app.network .tab-newsletters .list-item .newsletter-summary h3 div:last-child {
  font-size: 0.6em;
}
body.app.network .tab-newsletters .list-item.state-done .item-picture .overlay .newsletter-status,
body.app.network .tab-newsletters .list-item.state-done .item-picture .overlay .newsletter-summary {
  display: none;
}
body.app.network .tab-newsletters .list-item.state-done .item-picture .overlay .newsletter-title {
  font-size: 1rem;
  font-weight: 400;
}
body.app.network .tab-members {
  grid-template-rows: auto auto auto 1fr;
}
body.app.network .tab-members .members {
  display: grid;
  grid-template-columns: 1fr auto;
  position: relative;
  overflow: hidden;
  gap: 1rem;
  place-items: stretch;
  height: 40vh;
}
body.app.network .tab-members .members .member-list-container {
  overflow: hidden overlay;
}
body.app.network .tab-members .members .member-list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding-block: 0.5rem;
}
body.app.network .tab-members .members .member-item {
  padding: 0.5rem;
  transition: background-color 0.25s ease;
  background-color: hsla(var(--base-primary), 10%, 0.5);
  border-radius: 0.5rem;
  overflow: hidden;
  display: grid;
  place-items: center stretch;
  grid-template-columns: 1fr auto;
  gap: 0 1rem;
  position: relative;
}
body.app.network .tab-members .members .member-item:hover {
  background-color: hsla(var(--base-primary), 20%, 0.5);
}
body.app.network .tab-members .members .member-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 3px;
  height: 100%;
  background: transparent;
}
body.app.network .tab-members .members .member-item:has(.warning-item) {
  padding-left: calc(0.5rem + 3px);
}
body.app.network .tab-members .members .member-item:has(.warning-item)::before {
  background: #dc0025;
}
body.app.network .tab-members .members .member-item .data {
  overflow: hidden;
  display: grid;
  grid-column: 1/-1;
}
body.app.network .tab-members .members .member-item .name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: bold;
  font-size: 1.1rem;
}
body.app.network .tab-members .members .member-item .actions {
  display: flex;
  align-items: center;
}
body.app.network .tab-members .members .members-map-container {
  position: relative;
  width: 40vh;
}
body.app.network .tab-members .members .members-map-container .map-info {
  position: absolute;
  top: 0;
  left: 0;
  background: hsla(var(--base-primary), 20%, 0.75);
  padding: 0.5em;
  z-index: 5;
}
body.app.network .tab-members .network-group-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 1rem;
  padding: 1rem;
  width: 100%;
  max-width: clamp(320px, 100%, 1200px);
  margin-inline: auto;
}
body.app.network .tab-members .network-group-list .network-group-item {
  padding: 0;
  border-radius: 0.25rem;
  position: relative;
  display: grid;
  gap: 0.25rem;
  isolation: isolate;
  min-height: 6rem;
  overflow: hidden;
  box-shadow: 0 1rem 1rem 0 var(--shadow-color, transparent);
  transition: 0.25s ease;
}
body.app.network .tab-members .network-group-list .network-group-item:has(.favorite .fas) {
  border-color: var(--action-color);
}
body.app.network .tab-members .network-group-list .network-group-item .group-content {
  padding: 1rem;
  position: relative;
}
body.app.network .tab-members .network-group-list .network-group-item .group-content .favorite {
  position: absolute;
  top: 1rem;
  right: 1rem;
}
body.app.network .tab-members .network-group-list .network-group-item .group-content .favorite .fas {
  color: var(--action-color);
}
body.app.network .tab-members .network-group-list .network-group-item .group-content .group-name {
  font-size: 1.2rem;
  font-weight: 500;
}
body.app.network .tab-members .network-group-list .network-group-item .group-content .group-description {
  opacity: 0.75;
}
body.app.network .tab-members .network-group-list .network-group-item:hover {
  --shadow-color: #0005;
  transform: translateY(-0.5rem);
}
body.app.network .tab-members .network-group-list .network-group-item .actions {
  background: #333;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-block: 0.5rem;
}
body.app.network .calendar-list {
  display: grid;
  gap: 1rem;
  place-items: stretch;
  position: relative;
}
body.app.network .calendar-list .week-nav {
  position: absolute;
  top: 1rem;
  left: 0;
  width: 100%;
  translate: 0 -50%;
  pointer-events: none;
  display: flex;
  justify-content: space-between;
}
body.app.network .calendar-list .week-nav .md-icon-button {
  pointer-events: auto;
}
body.app.network .calendar-list .week-row {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 1rem;
  place-items: stretch;
}
@media screen and (max-width: 1024px) {
  body.app.network .calendar-list .week-row {
    grid-template-columns: 1fr;
  }
  body.app.network .calendar-list .week-row.week-header {
    display: none;
  }
}
body.app.network .calendar-list .week-row.week-header {
  place-items: center;
}
body.app.network .calendar-list .week-row.week-header .day.weekend {
  font-weight: 700;
}
body.app.network .calendar-list .week-row:not(.week-header) .day {
  padding: 0.5rem;
  background: var(--primary-color-a50);
  border-radius: 0.25rem;
  overflow: visible;
}
body.app.network .calendar-list .week-row:not(.week-header) .day > label {
  padding: 0.25em 0.5em;
  text-align: center;
  background: var(--secondary-color);
  color: var(--secondary-color-inverse);
  display: block;
  margin: -0.5rem;
  margin-bottom: 0.5rem;
}
body.app.network .calendar-list .week-row:not(.week-header) .day.weekend {
  background: var(--action-color-a50);
}
body.app.network .calendar-list .week-row:not(.week-header) .day.weekend > label {
  background: var(--action-color);
  color: var(--action-color-inverse);
}
body.app.network .calendar-list .week-row:not(.week-header) .day .schedule-list {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 0.5rem;
}
body.app.network .calendar-list .schedule-item {
  position: relative;
}
body.app.network .calendar-list .schedule-item a {
  text-decoration: none;
}
body.app.network .calendar-list .schedule-item .picture {
  height: 80px;
  width: 100%;
  overflow: hidden;
  position: relative;
}
body.app.network .calendar-list .schedule-item .picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body.app.network .calendar-list .schedule-item .info-layer {
  opacity: 0;
  scale: 0.5;
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  transition: 0.25s ease;
  background: var(--primary-color);
  width: calc(100% + 8rem);
  padding: 1rem;
  border-radius: 0.25rem;
  overflow: hidden;
  box-shadow: 0rem 0rem 0 1px var(--secondary-color), 0.25rem 0.25rem 0.25rem rgba(0, 0, 0, 0.6);
}
body.app.network .calendar-list .schedule-item .info-layer .title {
  font-weight: bold;
}
body.app.network .calendar-list .schedule-item .time {
  position: absolute;
  top: 0.25rem;
  left: 0.25rem;
  font-weight: 700;
  text-shadow: 1px 1px 3px #000;
  background: var(--primary-color-a50);
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
}
body.app.network .calendar-list .schedule-item:hover {
  opacity: 1 !important;
  z-index: 9999;
}
body.app.network .calendar-list .schedule-item:hover .info-layer {
  opacity: 1;
  scale: 1;
  pointer-events: auto;
}
body.app.network .calendar-list .schedule-item.state-done {
  opacity: 0.5;
}
body.app.network .calendar-list .schedule-item.state-processing {
  box-shadow: 0 0 0.25rem 0.05rem var(--glow-color-1, #28ef8e), 0 0 1rem 0rem var(--glow-color-2, #16a05d);
}
body.app.network .calendar-list .schedule-item.inactive {
  --glow-color-1: #c22;
  --glow-color-2: #800;
}
body.app.network-message h4 {
  text-align: center;
  text-transform: uppercase;
}
body.app.network-message .editor-header .message-title {
  display: grid;
  flex-direction: row;
  gap: 1rem;
  place-items: center stretch;
  flex: 1;
  flex: 1;
  grid-template-columns: auto 1fr;
}
body.app.network-message .editor-header .message-title .message-preview-image {
  height: 50px;
  aspect-ratio: 1;
  overflow: hidden;
  border-radius: 0.5rem;
  position: relative;
}
body.app.network-message .editor-header .message-title .message-preview-image .back-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  z-index: 5;
  opacity: 0;
  transition: 0.25s ease;
}
body.app.network-message .editor-header .message-title .message-preview-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: 0.25s ease;
}
body.app.network-message .editor-header .message-title .message-preview-image:hover .back-button {
  opacity: 1;
}
body.app.network-message .editor-header .message-title .message-preview-image:hover img {
  opacity: 0;
}
body.app.network-message .editor-header .message-title h2 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.app.network-message .editor-header .message-title input {
  border: solid 1px transparent;
  width: 100%;
  font-size: 1.5rem;
  background: 0;
  transition: border-color 0.25s ease;
  outline: none;
  padding: 0.25em 0.5em;
  border-radius: 5px;
}
body.app.network-message .editor-header .message-title input:focus {
  border-color: rgba(255, 255, 255, 0.6);
}
body.app.network-message md-input-container .note .fa-exclamation-triangle {
  color: var(--error-color);
}
body.app.network-message md-input-container .note:not(.error) .fa-exclamation-triangle {
  display: none;
}
body.app.network-message .message-preview {
  --preview-width: 500px;
  display: grid;
  grid-template-columns: 1fr;
  place-items: center;
  width: 100%;
}
body.app.network-message .message-preview .section-header {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  place-items: center;
  gap: 1rem;
  margin-inline: auto;
}
body.app.network-message .message-preview .message-display-options {
  place-self: stretch;
  grid-column: 1/-1;
}
body.app.network-message .message-preview .message-display-options div:first-child {
  place-self: center start;
}
body.app.network-message .message-preview .message-display-options div:last-child {
  place-self: center end;
}
body.app.network-message .message-preview.preview-of-desktop {
  --preview-width: 680px;
}
body.app.network-message .message-preview.preview-of-tablet {
  --preview-width: 500px;
}
body.app.network-message .message-preview.preview-of-mobile {
  --preview-width: 408px;
}
body.app.network-message .preview-viewport {
  display: grid;
  gap: 30px;
  grid-template-columns: auto 1fr auto;
  position: relative;
  width: 100%;
  margin-block: 26px;
  padding-block: 5px;
}
body.app.network-message .preview-viewport .side-content {
  padding: 0 1rem;
  width: max-content;
  display: flex;
  flex-direction: column;
  gap: 10px;
  opacity: 0.5;
}
body.app.network-message .preview-viewport .side-content h2 {
  line-height: 1;
}
body.app.network-message .preview-viewport .side-content h2:not(:first-child) {
  position: relative;
  margin-top: 1rem;
  padding-top: 1rem;
}
body.app.network-message .preview-viewport .side-content h2:not(:first-child)::before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: currentColor;
  position: absolute;
  top: 0;
  left: 0;
}
body.app.network-message .preview-viewport .side-content ghost-item {
  display: flex;
  gap: 10px;
  font-size: 15px;
  align-items: center;
}
body.app.network-message .preview-viewport .side-content ghost-item::before, body.app.network-message .preview-viewport .side-content ghost-item::after {
  content: "";
  display: block;
  background: currentColor;
  border-radius: 3em;
  opacity: 0.25;
  height: 1em;
}
body.app.network-message .preview-viewport .side-content ghost-item::before {
  font-size: 30px;
  aspect-ratio: 1/1;
}
body.app.network-message .preview-viewport .side-content ghost-item::after {
  width: 100%;
}
body.app.network-message label.note {
  font-style: italic;
  padding: 0.5rem;
  margin-block: 0.5rem;
  border-left: 2px solid #ff9900;
}
body.app.network-message .form-panel {
  padding: 20px 10px;
  border-radius: 10px;
  background: #fff;
}
body.app.network-message .form-panel .md-errors-spacer {
  display: none;
}
body.app.network-message section {
  animation: id3-anim-expand 0.25s ease forwards;
}
body.app.network-message section .section-content {
  width: var(--breakpoint-xl);
  margin-inline: auto;
  padding: 1rem;
  animation: id3-anim-slide-in-top 0.25s ease forwards;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 1rem;
  display: grid;
  place-items: stretch;
  gap: 1rem;
}
body.app.network-message section .section-content h2 {
  padding: 5px 10px;
  margin: 0;
}
body.app.network-message section {
  width: 100%;
}
body.app.network-message section.targets .target-setting {
  padding: 0 20px;
  display: grid;
  place-items: stretch;
  grid-template-columns: auto 1fr auto 1fr;
  gap: 20px;
}
body.app.network-message section.results .result-graph {
  display: flex;
  position: relative;
  height: 40px;
  border: solid 2px #fff;
  border-radius: 4px;
  gap: 2px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3333333333);
  width: 100%;
  max-width: var(--breakpoint-xl);
  margin-inline: auto;
  background: #fff;
  isolation: isolate;
}
body.app.network-message section.results .result-graph .result-graph-part {
  height: 100%;
  width: calc(1% * var(--pct));
  background-color: var(--color);
  position: relative;
}
body.app.network-message section.results .result-graph .result-graph-part:first-child {
  border-radius: 4px 0 0 4px;
}
body.app.network-message section.results .result-graph .result-graph-part:last-child {
  border-radius: 0 4px 4px 0;
}
body.app.network-message section.results .result-graph .result-graph-part .result-infos {
  position: absolute;
  padding: 5px;
  border-radius: 5px;
  top: 50%;
  left: 0;
  transform: translate(0%, -50%);
  color: #fff;
  min-width: calc(1% * var(--pct));
  max-width: calc(100% - 250px);
  height: 100%;
  display: flex;
  align-items: center;
}
body.app.network-message section.results .result-graph .result-graph-part .result-infos.less-than-3pct > i {
  position: absolute;
  top: -0.5rem;
  left: 50%;
  padding: 0.25em;
  background: var(--color);
  width: auto;
  border-radius: 5px;
  transform: translate(-50%, -100%);
}
body.app.network-message section.results .result-graph .result-graph-part .result-infos.less-than-3pct > i::after {
  content: "";
  border-color: var(--color) transparent transparent transparent;
  border-style: solid;
  border-width: 0.25rem;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, 0);
}
body.app.network-message section.results .result-graph .result-graph-part .result-infos .extra {
  position: absolute;
  top: -0.5rem;
  left: 50%;
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition: 0.25s ease;
  color: #fff;
  background-color: var(--color);
  padding: 1rem;
  border-radius: 5px;
  box-shadow: 2px 5px 0.5rem rgba(0, 0, 0, 0.3333333333);
  transform: translate(-50%, -100%);
  z-index: 50;
  pointer-events: none;
  display: flex;
  flex-direction: column;
  align-items: center;
}
body.app.network-message section.results .result-graph .result-graph-part .result-infos .extra::after {
  content: "";
  border-color: var(--color) transparent transparent transparent;
  border-style: solid;
  border-width: 0.5rem;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, 0);
}
body.app.network-message section.results .result-graph .result-graph-part .result-infos .extra label {
  white-space: nowrap;
  text-align: center;
  text-transform: uppercase;
  display: block;
  margin: 0;
  opacity: 0;
  transition: 0.25s ease;
}
body.app.network-message section.results .result-graph .result-graph-part .result-infos .extra .pct {
  font-size: 3rem;
  white-space: nowrap;
  opacity: 0;
  transition: 0.25s ease;
}
body.app.network-message section.results .result-graph .result-graph-part .result-infos .extra .extra-item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  opacity: 0;
  transition: 0.25s ease;
}
body.app.network-message section.results .result-graph .result-graph-part .result-infos .extra .extra-item > div {
  white-space: nowrap;
}
body.app.network-message section.results .result-graph .result-graph-part:hover .result-infos .extra {
  max-height: 10rem;
  opacity: 1;
  pointer-events: auto;
  overflow: revert;
}
body.app.network-message section.results .result-graph .result-graph-part:hover .result-infos .extra label, body.app.network-message section.results .result-graph .result-graph-part:hover .result-infos .extra .pct, body.app.network-message section.results .result-graph .result-graph-part:hover .result-infos .extra .extra-item {
  transition-delay: 0.1s;
  opacity: 1;
}
body.app.network-message .yo-tabbed-sections .yo-tab-content.yo-tab-network-message-schedules .schedule-list {
  display: grid;
  gap: 1rem;
}
body.app.network-message .yo-tabbed-sections .yo-tab-content.yo-tab-network-message-schedules .schedule-list .schedule-item {
  position: relative;
}
body.app.network-message .yo-tabbed-sections .yo-tab-content.yo-tab-network-message-schedules .schedule-list .schedule-item .title {
  font-size: 1.2rem;
  font-weight: 500;
}
body.app.network-message .yo-tabbed-sections .yo-tab-content.yo-tab-network-message-schedules .schedule-list .schedule-item tag {
  font-size: 1rem;
}
body.app.network-message .yo-tabbed-sections .yo-tab-content.yo-tab-network-message-schedules .schedule-list .schedule-item .state {
  position: absolute;
  top: 1rem;
  right: 1rem;
  font-size: 3rem;
  opacity: 0.25;
}
body.app.network-message .yo-tabbed-sections .yo-tab-content.yo-tab-network-message-schedules .schedule-list .schedule-item .groups {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  align-items: center;
}
body.app.network-message .yo-tabbed-sections .yo-tab-content.yo-tab-network-message-schedules .schedule-list .schedule-item .groups .group-item {
  font-size: 0.8rem;
  padding: 0.5em 1em;
  background: #000;
  border-radius: 0.5em;
}
body.app.network-message .yo-tabbed-sections .yo-tab-content.yo-tab-network-message-schedules .schedule-list .schedule-item .actions {
  position: absolute;
  bottom: 0rem;
  right: 0rem;
}
body.app.network-message .yo-tabbed-sections .yo-tab-content.yo-tab-network-message-schedules .list-actions {
  display: flex;
  align-items: center;
  justify-content: center;
}
body.app.network-message .yo-tabbed-sections .yo-tab-content.yo-tab-network-message-general .message-picture-input-container .picture-input {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 2rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 1rem;
  overflow: hidden;
  place-items: center stretch;
}
body.app.network-message .yo-tabbed-sections .yo-tab-content.yo-tab-network-message-general .message-picture-input-container .picture-input .picture-container {
  border-radius: 1rem;
  overflow: hidden;
  width: 320px;
  aspect-ratio: 94/79;
}
body.app.network-message .yo-tabbed-sections .yo-tab-content.yo-tab-network-message-general .message-picture-input-container .picture-input .picture-actions {
  display: flex;
  gap: 1rem;
  align-items: center;
}
body.app.network-message .yo-tabbed-sections .yo-tab-content.yo-tab-network-message-general .message-picture-input-container img {
  display: block;
  width: 100%;
}
body.app.network-message .page-layout {
  display: grid;
  grid-template-columns: 1fr;
  place-items: start center;
  gap: 2rem;
}
body.app.network-message .page-layout .tabs-container {
  height: 100%;
}
body.app.network-message .page-layout .chart-layout {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 2rem;
}
body.app.network-message .page-layout .chart-layout .main-chart {
  display: grid;
  place-items: start center;
}
body.app.network-message .page-layout .chart-layout .main-chart canvas {
  max-width: 420px;
}
body.app.network-message .page-layout .chart-layout .result-buttons {
  grid-row: 2;
  grid-column: 1/span 2;
  display: flex;
  place-self: center;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
body.app.network-message .page-layout .target-list-container {
  padding: 20px;
}
body.app.network-message .page-layout .target-list-container .target-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 10px;
}
body.app.network-message .page-layout .target-list-container .target-list .target-item {
  border-radius: 5px;
  padding: 0.5em 1em;
  font-size: 14px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
}
body.app.network-message .page-layout .target-list-container .target-list .target-item .name {
  position: relative;
  z-index: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.app.network-message .page-layout .target-list-container .target-list .target-item.highlight {
  border: solid 2px #239f25;
  background: rgba(35, 159, 37, 0.2);
}
body.app.network-message .page-layout .target-list-container .target-list .target-item.fadeout {
  border-color: #d00707;
  background: rgba(208, 7, 7, 0.2);
}
body.app.network-message .page-layout .target-list-container .target-list.target-only .target-item:not(.highlight) {
  display: none;
}
body.app.network-message #networkPublishMessageOptions {
  min-width: 450px;
}
@media screen and (max-width: 640px) {
  body.app.network-message #networkPublishMessageOptions {
    min-width: calc(100vw - 10px);
  }
}
body.app.network-message #networkPublishMessageOptions md-input-container md-datepicker {
  margin-right: 0px;
  padding-right: 0px;
}
body.app.network-message #networkPublishMessageOptions md-input-container md-datepicker .md-datepicker-input-container {
  width: calc(100% - 80px);
}
body.app.network-message #networkPublishMessageOptions md-input-container .md-errors-spacer {
  display: none;
}
body.app.network-message #networkPublishMessageOptions md-input-container .hint {
  opacity: 0.7;
  font-size: 75%;
  text-align: right;
}
body.app.network-message #network-message-results {
  min-width: 450px;
}
@media screen and (max-width: 640px) {
  body.app.network-message #network-message-results {
    min-width: calc(100vw - 10px);
  }
}
body.app.network-message #network-message-validation {
  min-width: 450px;
}
@media screen and (max-width: 640px) {
  body.app.network-message #network-message-validation {
    min-width: calc(100vw - 10px);
  }
}
body.app.network-message #pictureListDiag .image-container {
  margin: 5px;
}
body.app.network-newsletter h4 {
  text-align: center;
  text-transform: uppercase;
}
body.app.network-newsletter .yo-tabbed-sections .yo-tab-content.yo-tab-network-newsletter-general .fieldset {
  margin-inline: auto;
  width: clamp(320px, 100% - 1rem, 640px);
}
body.app.network-newsletter .yo-tabbed-sections .yo-tab-content.yo-tab-network-newsletter-contents .alt-mood-picture-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}
@media screen and (max-width: 640px) {
  body.app.network-newsletter .yo-tabbed-sections .yo-tab-content.yo-tab-network-newsletter-contents .alt-mood-picture-list {
    grid-template-columns: 1fr;
  }
}
body.app.network-newsletter .yo-tabbed-sections .yo-tab-content.yo-tab-network-newsletter-contents .alt-mood-picture-item {
  position: relative;
  overflow: hidden;
  border-radius: 0.5rem;
}
body.app.network-newsletter .yo-tabbed-sections .yo-tab-content.yo-tab-network-newsletter-contents .alt-mood-picture-item img {
  max-width: 100%;
}
body.app.network-newsletter .yo-tabbed-sections .yo-tab-content.yo-tab-network-newsletter-contents .alt-mood-picture-item .mood-picture-actions {
  position: absolute;
  background: rgba(0, 0, 0, 0.6);
  top: 0.5rem;
  right: 0.5rem;
  border-radius: 4em;
}
body.app.network-newsletter .yo-tabbed-sections .yo-tab-content.yo-tab-network-newsletter-schedules .schedule-list {
  display: grid;
  gap: 1rem;
}
body.app.network-newsletter .yo-tabbed-sections .yo-tab-content.yo-tab-network-newsletter-schedules .schedule-list .schedule-item {
  position: relative;
}
body.app.network-newsletter .yo-tabbed-sections .yo-tab-content.yo-tab-network-newsletter-schedules .schedule-list .schedule-item .title {
  font-size: 1.2rem;
  font-weight: 500;
}
body.app.network-newsletter .yo-tabbed-sections .yo-tab-content.yo-tab-network-newsletter-schedules .schedule-list .schedule-item tag {
  font-size: 1rem;
}
body.app.network-newsletter .yo-tabbed-sections .yo-tab-content.yo-tab-network-newsletter-schedules .schedule-list .schedule-item .state {
  position: absolute;
  top: 1rem;
  right: 1rem;
  font-size: 3rem;
  opacity: 0.25;
}
body.app.network-newsletter .yo-tabbed-sections .yo-tab-content.yo-tab-network-newsletter-schedules .schedule-list .schedule-item .groups {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  align-items: center;
}
body.app.network-newsletter .yo-tabbed-sections .yo-tab-content.yo-tab-network-newsletter-schedules .schedule-list .schedule-item .groups .group-item {
  font-size: 0.8rem;
  padding: 0.5em 1em;
  background: #000;
  border-radius: 0.5em;
}
body.app.network-newsletter .yo-tabbed-sections .yo-tab-content.yo-tab-network-newsletter-schedules .schedule-list .schedule-item .actions {
  position: absolute;
  bottom: 0rem;
  right: 0rem;
}
body.app.network-newsletter .yo-tabbed-sections .yo-tab-content.yo-tab-network-newsletter-schedules .list-actions {
  display: flex;
  align-items: center;
  justify-content: center;
}
body.app.network-newsletter .yo-tabbed-sections .yo-tab-content.yo-tab-network-newsletter-articles .new-article-url-input {
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: center;
}
body.app.network-newsletter .yo-tabbed-sections .yo-tab-content.yo-tab-network-newsletter-articles .new-article-url-input .yo-input {
  background: transparent;
}
body.app.network-newsletter .yo-tabbed-sections .yo-tab-content.yo-tab-network-newsletter-articles .article-list {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(4, 1fr);
}
body.app.network-newsletter .yo-tabbed-sections .yo-tab-content.yo-tab-network-newsletter-articles .article-item {
  position: relative;
  border-radius: 0.25rem;
  --bg: hsla(var(--base-primary),0%,0.5);
  background: var(--bg);
  display: flex;
  flex-direction: column;
}
body.app.network-newsletter .yo-tabbed-sections .yo-tab-content.yo-tab-network-newsletter-articles .article-item .article-image {
  aspect-ratio: 120/63;
  position: relative;
}
body.app.network-newsletter .yo-tabbed-sections .yo-tab-content.yo-tab-network-newsletter-articles .article-item .article-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body.app.network-newsletter .yo-tabbed-sections .yo-tab-content.yo-tab-network-newsletter-articles .article-item .article-image .overlay {
  padding: 1rem;
  background: linear-gradient(transparent, #000);
  color: #fff;
  text-shadow: 1px 1px 1px #000;
  font-weight: bold;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
body.app.network-newsletter .yo-tabbed-sections .yo-tab-content.yo-tab-network-newsletter-articles .article-item .article-desc {
  padding: 1rem;
  flex: 1;
}
body.app.network-newsletter .yo-tabbed-sections .yo-tab-content.yo-tab-network-newsletter-articles .article-item .remove-article-button {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
}
body.app.schedules .viewport > section .view-content {
  overflow: visible;
}
body.app.schedules .page-content {
  padding: 0rem;
  display: grid;
  grid-template-rows: 1fr auto;
  place-items: start stretch;
  overflow: visible;
}
body.app.schedules .page-content md-tabs {
  overflow: visible;
}
body.app.schedules .page-content md-tabs md-tabs-wrapper::before {
  content: "";
  background: var(--background-color);
  opacity: 0.25;
  display: block;
  width: 100vw;
  height: 20vh;
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 0;
}
body.app.schedules .loops {
  padding: 2rem;
}
body.app.schedules .loops .available-loops {
  display: grid;
  place-items: stretch;
  gap: 2rem;
}
body.app.schedules .loops .available-loops .loop-item {
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr auto auto;
  place-items: center stretch;
  padding: 1rem;
  position: relative;
  border-radius: 0.5rem;
  background: var(--primary-color-a50);
  transition: 0.25s ease;
}
@media screen and (max-width: 1024px) {
  body.app.schedules .loops .available-loops .loop-item {
    grid-template-columns: 1fr;
  }
}
body.app.schedules .loops .available-loops .loop-item .name {
  font-size: 1.25rem;
  font-weight: 600;
}
body.app.schedules .loops .available-loops .loop-item .recursivity {
  opacity: 0.75;
}
@media screen and (max-width: 1024px) {
  body.app.schedules .board {
    display: grid;
    gap: 1rem;
    padding: 1rem;
  }
  body.app.schedules .board .header-row {
    display: none !important;
  }
  body.app.schedules .board .board-row {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    background: var(--primary-color-a50);
    border-radius: var(--element-radius);
    padding: 1rem;
  }
  body.app.schedules .board .board-row > div:not(.weekday) {
    grid-column: 1/-1;
  }
  body.app.schedules .board .board-row label {
    display: inline;
    margin: 0;
  }
  body.app.schedules .board .board-row.inactive {
    opacity: 0.5;
  }
  body.app.schedules .board .board-row .weekday {
    padding: 0.25rem;
  }
  body.app.schedules .board .board-row .weekday .day-content {
    background: var(--action-color);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0.25rem;
    border-radius: 0.25rem;
    --text-color:var(--action-color-inverse);
  }
  body.app.schedules .board .board-row .weekday:not(:has(.day-content)) {
    position: relative;
  }
  body.app.schedules .board .board-row .weekday:not(:has(.day-content))::before {
    content: "";
    background: var(--primary-color-a50);
    border-radius: 0.25rem;
    width: 100%;
    height: 100%;
    display: block;
  }
  body.app.schedules .board .board-row .weekday:not(:has(.day-content))::after {
    content: "\f05e";
    font-family: var(--yo-font-icon-family);
    font-size: inherit;
    font-weight: 400;
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
  }
}
@media screen and (min-width: 1024px) {
  body.app.schedules .board {
    display: grid;
    grid-template-columns: 1fr auto auto auto repeat(7, max-content) auto;
    place-items: center stretch;
    gap: 0 1rem;
    padding: 2rem;
    overflow: hidden overlay;
  }
  body.app.schedules .board .board-row {
    display: contents;
  }
  body.app.schedules .board .board-row:not(.header-row) label {
    display: none;
  }
  body.app.schedules .board .board-row .actions {
    position: relative;
    position: relative;
    display: flex;
    height: 100%;
    align-items: center;
  }
  body.app.schedules .board .board-row .actions::before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100vw;
    height: 1px;
    background: var(--element-border-color);
    opacity: 0.5;
  }
  body.app.schedules .board .board-row .column-header {
    font-size: 0.8rem;
    opacity: 0.6;
    display: flex;
    align-items: flex-end;
    flex-direction: row;
    height: 100%;
  }
  body.app.schedules .board .board-row .column-header.weekday {
    min-width: 4rem;
    align-items: flex-end;
    padding-bottom: 0;
  }
  body.app.schedules .board .board-row .column-header.weekday::before {
    border-radius: 0.5rem 0.5rem 0 0;
  }
  body.app.schedules .board .board-row .column-header.actions::before {
    height: 2px;
  }
  body.app.schedules .board .board-row.schedule-item.inactive > div.actions {
    pointer-events: none;
  }
  body.app.schedules .board .board-row.schedule-item.inactive > div {
    opacity: 0.25;
  }
  body.app.schedules .board .board-row.schedule-item.is-running .state .hint {
    font-size: 0.6rem;
    opacity: 0.6;
  }
  body.app.schedules .board .board-row.schedule-item.is-running .item-infos {
    border-left: solid 10px #21b603;
  }
  body.app.schedules .board .board-row.schedule-item .item-progress {
    padding: 0 1rem;
    display: grid;
    grid-template-columns: max-content 1fr auto;
    place-items: center stretch;
    gap: 0.25rem 0.5rem;
  }
  body.app.schedules .board .board-row.schedule-item .item-progress > div {
    display: contents;
  }
  body.app.schedules .board .board-row.schedule-item .item-progress .overall-progress progress[value]::-webkit-progress-value {
    background-color: #ff9900;
  }
  body.app.schedules .board .board-row.schedule-item .item-infos {
    position: relative;
    display: grid;
    grid-template-rows: auto;
    place-self: center start;
    min-width: 320px;
    padding: 0.25rem 0;
  }
  body.app.schedules .board .board-row.schedule-item .flags {
    font-size: 0.75rem;
    display: flex;
    flex-direction: row;
    line-height: 1;
    gap: 0.5em;
    align-items: center;
  }
  body.app.schedules .board .board-row.schedule-item .flags span {
    padding: 0.5em 0.75em;
    border-radius: 4px;
    background: var(--flag-color, #16A05D);
    color: #fff;
  }
  body.app.schedules .board .board-row.schedule-item .flags span.flag-off {
    --flag-color: #DD4F42;
  }
  body.app.schedules .board .board-row.schedule-item:not(.inactive) .flags .inactive {
    opacity: 0.25;
  }
  body.app.schedules .board .board-row .weekday {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    position: relative;
    place-self: stretch;
  }
  body.app.schedules .board .board-row .weekday::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: var(--day-color, #fff);
    opacity: 0.5;
  }
  body.app.schedules .board .board-row .weekday i.fal {
    font-size: 2rem;
    display: block;
    text-align: center;
    color: #fff;
  }
}
body.app.schedules .board-options {
  text-align: center;
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
body.app.schedules #scheduleEdit {
  min-width: 640px;
  max-width: calc(100% - 60px);
}
body.app.schedules #scheduleEdit .weekday {
  text-align: center;
}
body.app.schedules #scheduleEdit .weekday label {
  display: block;
}
body.app.schedules #scheduleEdit .weekday md-checkbox .md-container {
  left: calc(50% - 10px);
}
body.app.schedules #scheduleEdit .title .md-errors-spacer {
  display: none;
}
body.app.tools .container {
  padding-block: 1rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  place-items: start stretch;
}
body.app.tools .container .column {
  display: grid;
  gap: 1rem;
}
body.app.tools .info span, body.app.tools .info label {
  padding: 5px;
  margin: 0px;
}
body.app.tools-centris-manager .md-subheader {
  border-radius: 5px;
  margin: 0 5px;
}

.id3-layout-padding {
  padding: 1rem;
}

yo-icon {
  display: inline;
  font-size: 1em;
  width: 1.1em;
  line-height: 1.1em !important;
  aspect-ratio: 1;
  color: inherit;
  font-family: var(--id3-icon-font, "Font Awesome 6 Pro");
  font-weight: var(--id3-icon-weigth, 300);
  text-align: center;
  align-items: center;
}

.yo-badge-container {
  position: relative;
}

.yo-badge {
  position: absolute;
  top: 0;
  right: 0;
  width: 1rem;
  height: 1rem;
  line-height: 1rem;
  text-align: center;
  font-size: 0.5rem;
  background: #f00;
  color: #fff;
  font-weight: bold;
  translate: 0 -50%;
}

.yo-artifacts .yo-artifact-item {
  position: relative;
}
.yo-artifacts .yo-artifact-item .item-name span {
  font-weight: bold;
  color: var(--item-color);
}
.yo-artifacts .yo-artifact-item.common {
  --item-color: #333;
}
.yo-artifacts .yo-artifact-item.uncommon {
  --item-color: #888888;
}
.yo-artifacts .yo-artifact-item.rare {
  --item-color: #21f30e;
}
.yo-artifacts .yo-artifact-item.very-rare {
  --item-color: #08dfa9;
}
.yo-artifacts .yo-artifact-item.epic {
  --item-color: #6422dd;
}
.yo-artifacts .yo-artifact-item.fabled {
  --item-color: #fa2dc3;
}
.yo-artifacts .yo-artifact-item.legendary {
  --item-color: #ff9900;
}
.yo-artifacts .yo-artifact-item.mythic {
  --item-color: #ffee00;
}
.yo-artifacts .yo-artifact-item.divine {
  --item-color: #fc0000;
}
.yo-artifacts .yo-artifact-item.cosmic {
  --item-color: #0071da;
}

.yo-quote-generator[display=inline] {
  position: relative;
  bottom: unset;
  left: unset;
  translate: unset;
  z-index: unset;
  pointer-events: auto;
}
.yo-quote-generator .yo-quote-generator-content {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: 1fr auto;
  gap: 0;
  padding: 2rem;
  place-items: center;
}
@media screen and (max-width: 1024px) {
  .yo-quote-generator .yo-quote-generator-content {
    grid-template-columns: 1fr;
  }
}
.yo-quote-generator .quote-text-container {
  padding: 2rem;
  border-radius: 1rem;
  background: var(--primary-color);
  z-index: 2;
  position: relative;
  translate: -2rem calc(-50% - 1rem);
  max-width: 800px;
}
@media screen and (max-width: 1024px) {
  .yo-quote-generator .quote-text-container {
    translate: 0 -2rem;
    max-width: calc(100vw - 2rem);
  }
}
.yo-quote-generator .quote-text-container {
  --id3-anim-delay: 0.15s;
  filter: drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.4666666667));
}
.yo-quote-generator .quote-text-container::before {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  bottom: 0;
  left: 1rem;
  border: solid 1rem rgba(0, 0, 0, 0);
  border-left-color: var(--primary-color);
  translate: 0 1rem;
}
@media screen and (max-width: 1024px) {
  .yo-quote-generator .quote-text-container::before {
    left: 50%;
  }
}
.yo-quote-generator .quote-text-container .quote-text {
  font-size: 1.5rem;
  line-height: 1;
}
.yo-quote-generator .quote-text-container .quote-text em {
  font-size: 0.5em;
  display: inline-block;
  padding: 0.5em 0.75em;
  background: #ffbb00;
  border-radius: 0.25rem;
  --text-color:#000;
  position: absolute;
  translate: 1em -1em;
}
.yo-quote-generator .quote-text-container .quote-author-name::before {
  content: "- ";
}
.yo-quote-generator .quote-text-container .quote-author-name {
  font-style: italic;
}
.yo-quote-generator .quote-text-container .quote-ratings {
  display: flex;
  justify-content: flex-start;
  padding-top: 0.25rem;
}
.yo-quote-generator .quote-text-container .quote-rating-enum {
  display: flex;
  gap: 1rem;
  background: rgba(0, 0, 0, 0.3333333333);
  padding: 0.5rem;
  border-radius: 5rem;
}
.yo-quote-generator .quote-text-container .quote-rating-enum .quote-rating-item i {
  color: #ffa70d;
}
.yo-quote-generator .quote-author-picture {
  --avatar-size: 150px;
  width: 150px;
  height: 150px;
  border-radius: 50%;
}
.yo-quote-generator .quote-author-picture .yo-avatar img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}
.yo-quote-generator:not([display=inline]) {
  position: fixed;
  inset: 0;
  z-index: 1001;
  pointer-events: none;
  opacity: 0;
  isolation: isolate;
  --text-color:#555;
}
.yo-quote-generator:not([display=inline])::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--quotes-background, #fff);
}
.yo-quote-generator:not([display=inline])::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  background: linear-gradient(120deg, transparent 25%, var(--quotes-background--alt, #ccc));
}
.yo-quote-generator:not([display=inline]):has(.quote-author-picture .fullscale-picture) {
  --quotes-background: linear-gradient(45deg, #000, #333);
  --quotes-background--alt: #333;
  --text-color: #ddd;
}
.yo-quote-generator:not([display=inline]) .yo-quote-generator-content {
  width: 100%;
  height: 100%;
  padding: 0;
  place-items: center;
}
.yo-quote-generator:not([display=inline]) .yo-quote-generator-content:has(.fullscale-picture) {
  width: clamp(320px, 100vw, 1200px);
  margin-inline: auto;
  grid-template-columns: 1fr 2fr;
}
.yo-quote-generator:not([display=inline]) .quote-author-picture {
  place-self: end center;
  width: unset;
  height: unset;
  --avatar-size: 40vmax;
  --avatar-bg: none;
  filter: grayscale(1) drop-shadow(-40px 70px 10px black);
  z-index: 2;
  position: relative;
}
.yo-quote-generator:not([display=inline]) .quote-author-picture:has(.fullscale-picture) {
  height: 100%;
}
.yo-quote-generator:not([display=inline]) .quote-author-picture:has(.fullscale-picture) .yo-avatar {
  display: none;
}
.yo-quote-generator:not([display=inline]) .quote-author-picture .fullscale-picture.error {
  display: none;
}
.yo-quote-generator:not([display=inline]) .quote-author-picture .fullscale-picture {
  position: absolute;
  bottom: 0;
  left: 50%;
  translate: -50% 20%;
  scale: 1.2;
  max-height: 100vh;
}
.yo-quote-generator:not([display=inline]) .quote-author-picture .yo-avatar {
  border: none;
  border-radius: 0;
}
.yo-quote-generator:not([display=inline]) .quote-text-container {
  background: none;
  translate: 0 0;
  color: var(--text-color);
  z-index: 5;
  position: relative;
}
.yo-quote-generator:not([display=inline]) .quote-text-container::before {
  content: unset;
}
.yo-quote-generator:not([display=inline]) .quote-text-container .quote-text {
  font-size: 5rem;
  text-transform: uppercase;
  font-weight: 300;
  text-wrap: balance;
}
.yo-quote-generator:not([display=inline]) .quote-text-container .quote-text span::before, .yo-quote-generator:not([display=inline]) .quote-text-container .quote-text span::after {
  content: '"';
}
.yo-quote-generator:not([display=inline]) .quote-text-container .quote-author-name {
  display: block;
  margin-top: 1em;
  font-size: 1.5rem;
  font-style: italic;
}
.yo-quote-generator:not([display=inline]) .quote-ratings {
  display: none;
}
@media screen and (max-width: 1024px) {
  .yo-quote-generator:not([display=inline]) .quote-text-container {
    width: calc(100vw - 2rem);
  }
}
@media screen and (max-width: 640px) {
  .yo-quote-generator:not([display=inline]) .yo-quote-generator-content:has(.fullscale-picture) {
    grid-template-columns: 1fr;
  }
  .yo-quote-generator:not([display=inline]) .quote-text-container {
    width: calc(100vw - 2rem);
    place-self: end stretch;
  }
  .yo-quote-generator:not([display=inline]) .quote-text-container .quote-text {
    font-size: 3rem;
  }
  .yo-quote-generator:not([display=inline]) .quote-author-picture {
    grid-row: 2;
  }
}
.yo-quote-generator[display=inline] {
  position: relative;
  bottom: unset;
  left: unset;
  translate: unset;
  z-index: unset;
  display: inline-block;
  margin-inline: auto;
}
.yo-quote-generator[display=inline] .yo-quote-generator-content {
  gap: 0;
  place-items: center;
  padding: 0;
}
.yo-quote-generator[display=inline] .quote-text-container {
  place-self: start stretch;
  margin-bottom: 0rem;
  translate: unset;
  max-width: unset;
  background: transparent;
  text-align: left;
}
.yo-quote-generator[display=inline] .quote-text-container::before {
  content: unset;
}
@media screen and (max-width: 1024px) {
  .yo-quote-generator[display=inline] .quote-text-container {
    margin-bottom: 1rem;
  }
  .yo-quote-generator[display=inline] .quote-text-container::before {
    border-top-color: var(--primary-color-a50);
    border-right-color: transparent;
    left: 1rem;
    bottom: 0rem;
    translate: 0rem 2rem;
    scale: 0.5 1;
  }
}
.yo-quote-generator[display=inline] .quote-text {
  font-size: 1.25rem;
}
.yo-quote-generator[display=inline] .quote-author-picture {
  --avatar-size: 75px;
  width: 75px;
  height: 75px;
  position: relative;
  z-index: 5;
}
.yo-quote-generator[display=inline] .quote-author-picture .fullscale-picture {
  display: none;
}

.yo-user-xp-gauge {
  margin-block: 0.5rem;
}
.yo-user-xp-gauge .yo-xp-value {
  font-weight: bold;
}
.yo-user-xp-gauge .yo-xp-level-cap {
  font-size: 0.7rem;
  opacity: 0.7;
  font-style: italic;
}
.yo-user-xp-gauge .yo-xp-progress {
  background: color-mix(in srgb, var(--text-color), transparent 90%);
  height: 1rem;
  border-radius: 2rem;
}
.yo-user-xp-gauge .yo-xp-progress::after {
  content: "";
  display: block;
  width: var(--xp-progress);
  background: var(--action-color);
  height: 100%;
  border-radius: inherit;
  box-shadow: 0 0 4px var(--action-color);
}

.yo-user-skills .skills-list {
  display: grid;
  gap: 0.25rem;
}
.yo-user-skills .skills-list .skill-item {
  display: grid;
  grid-template-columns: auto 1fr auto;
  place-items: center stretch;
  gap: 1rem;
}
.yo-user-skills .skills-list .skill-item .skill-icon {
  font-size: 1.2rem;
}
.yo-user-skills .skills-list .skill-item .skill-name {
  text-align: left;
  text-transform: uppercase;
}
.yo-user-skills .skills-list .skill-item .skill-value {
  font-size: 1.5rem;
  font-weight: bold;
}
.yo-user-skills .skills-list .skill-item .skill-value-container {
  display: flex;
  align-items: center;
  position: relative;
}
.yo-user-skills .skills-list .skill-item .skill-value-container > span {
  color: #0adb29;
  font-weight: bold;
  position: absolute;
  left: 60%;
  top: 0;
  font-size: 0.8rem;
  translate: -50% 0;
}
.yo-user-skills .skills-list .skill-item .skill-value-container:not(.show-modifiers) .md-button,
.yo-user-skills .skills-list .skill-item .skill-value-container:not(.show-modifiers) > span {
  display: none;
}

.yo-wallpaper {
  position: fixed;
  inset: 0;
  isolation: isolate;
}
.yo-wallpaper .yo-wallpaper-container {
  position: absolute;
  inset: -5rem;
  filter: blur(10px);
}
.yo-wallpaper .yo-wallpaper-container::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, black, transparent), var(--yo-background);
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 1;
  transition: opacity 1s ease-in-out;
}
.yo-wallpaper .yo-wallpaper-container::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, black, transparent), var(--yo-background-alt);
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0;
  transition: opacity 1s 0.25s ease-in-out;
}
.yo-wallpaper.yo-flip .yo-wallpaper-container::before {
  transition-delay: 0.25s;
  opacity: 0;
}
.yo-wallpaper.yo-flip .yo-wallpaper-container::after {
  opacity: 1;
}
.yo-wallpaper::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #000;
  opacity: 0.25;
}
.yo-color-input .yo-color-preview {
  display: block;
  width: var(--yo-color-preview-size, 1em);
  height: var(--yo-color-preview-size, 1em);
  border-radius: 0.25em;
  border: solid 4px transparent;
  background: transparent;
}
.yo-color-input .yo-color-preview[apply-to=background] {
  background: var(--e-current-color);
}
.yo-color-input .yo-color-preview[apply-to=border] {
  border-color: var(--e-current-color);
}
.yo-color-input dialog.yo-color-picker-dialog {
  border: none;
  border-radius: 1rem;
  padding: 0;
  background: var(--background-color);
}
.yo-color-input dialog.yo-color-picker-dialog .yo-color-picker-close {
  position: absolute;
  top: 0;
  right: 0;
}
.yo-color-input dialog.yo-color-picker-dialog .yo-color-picker-preview {
  width: 2rem;
  height: 2rem;
  border-radius: 0.5rem;
  border: solid 2px #fff;
  box-shadow: 0 0 0 2px #000;
}
.yo-color-input dialog.yo-color-picker-dialog .yo-color-picker-dialog-body {
  padding: 1rem;
  border-radius: inherit;
  display: grid;
  gap: 2rem;
}
.yo-color-input dialog.yo-color-picker-dialog .yo-color-picker-dialog-body .yo-dialog-actions {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0rem;
}

id3-color-picker .id3-picker-container {
  display: grid;
  gap: 1rem;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto;
  --id3-transparent-background-image: linear-gradient(45deg, #eee 25%, transparent 25%, transparent 75%, #eee 75%), linear-gradient(45deg, #eee 25%, white 25%, white 75%, #eee 75%);
}
id3-color-picker .id3-picker-container canvas {
  border-radius: 2rem;
}
id3-color-picker .id3-picker-container canvas.id3-sl-canvas {
  border-radius: 0.5rem;
}
id3-color-picker .id3-picker-container canvas.id3-alpha-canvas {
  background-image: var(--id3-transparent-background-image);
  background-size: 10px 10px;
  background-position: 0 0, 5px 5px;
}
id3-color-picker .id3-picker-container .id3-cursor {
  border-radius: 5rem;
  aspect-ratio: 1;
}
id3-color-picker .id3-picker-container .id3-cursor.id3-alpha-cursor {
  height: auto !important;
}
id3-color-picker .id3-picker-container .id3-cursor.id3-hue-cursor {
  width: auto !important;
}
id3-color-picker .id3-picker-container .id3-info-panel {
  grid-column: 1/-1;
  display: flex;
  gap: 1rem;
  align-items: center;
}
id3-color-picker .id3-picker-container .id3-info-panel .id3-preview-container {
  background-image: var(--id3-transparent-background-image);
  background-size: 10px 10px;
  background-position: 0 0, 5px 5px;
  border-radius: 2rem;
  overflow: hidden;
}
id3-color-picker .id3-picker-container .id3-info-panel .id3-preview-container .id3-preview {
  height: 100%;
  aspect-ratio: 1;
}
id3-color-picker .id3-picker-container .id3-info-panel .id3-input {
  outline: none;
  border: solid 1px currentColor;
  background: transparent;
  padding: 0.5em 1em;
  border-radius: 0.5em;
}
id3-color-picker .id3-picker-container .id3-info-panel .id3-return-format {
  cursor: pointer;
}

.yo-color-picker {
  display: block;
  width: var(--yo-e-width, 420px);
  height: var(--yo-e-height, 300px);
  position: relative;
}
.yo-color-picker .color-spectrum {
  inset: 0;
  position: absolute;
}
.yo-color-picker .color-marker {
  position: absolute;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  border: solid 2px #fff;
  box-shadow: 0 0 0 2px #000;
  translate: -50% -50%;
  pointer-events: none;
  top: calc(var(--marker-y) * 1%);
  left: calc(var(--marker-x) * 1%);
}

.yo-working-state {
  position: fixed;
  bottom: 1rem;
  left: 50%;
  translate: -50% 100%;
  opacity: 0;
  font-size: 1.25rem;
  padding: 0.75em 1em;
  border-radius: 2em;
  background: var(--component-bg, var(--primary-color));
  --text-color: var(--component-fg, var(--primary-color-revert));
  transition: 0.25s ease;
  pointer-events: none;
}
.yo-working-state .working-state-content {
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: center;
}
.yo-working-state .working-state-content .working-icon,
.yo-working-state .working-state-content .working-message {
  transition: 0.25s ease;
}
.yo-working-state .working-state-content .working-message {
  text-transform: uppercase;
}
.yo-working-state.switching {
  scale: 0.75;
}
.yo-working-state.switching .working-icon,
.yo-working-state.switching .working-message {
  opacity: 0;
}
.yo-working-state.display {
  translate: -50% 0;
  opacity: 1;
}
.yo-working-state.state-done {
  --component-bg: var(--success);
  --component-fg: #fff;
}
.yo-working-state.state-fail {
  --component-bg: var(--error);
  --component-fg: #fff;
}

.yo-favorites .md-button i {
  color: #fff;
}
.yo-favorites .md-button em {
  position: absolute;
  color: inherit;
  top: 50%;
  left: 50%;
  font-size: 0.7rem;
  transform: translate(-50%, -50%);
  font-style: normal;
  color: #ff9900;
  font-weight: 700;
}

.yo-favorite-panel-click-trap {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0);
  z-index: 99999998;
}

.yo-favorite-panel {
  position: absolute;
  top: var(--cy);
  left: var(--cx);
  transform: translate(-50%, var(--src-height));
  z-index: 99999999;
  opacity: 0;
  pointer-events: none;
  transition: 0.25s;
}
.yo-favorite-panel.yo-display {
  pointer-events: auto;
  opacity: 1;
}
.yo-favorite-panel::before {
  content: "";
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 1rem;
  border-color: transparent;
  border-bottom-color: #ff9900;
  position: absolute;
  left: calc(50% + var(--src-cx) - var(--cx));
  top: 0px;
  transform: translate(-50%, -100%);
}
.yo-favorite-panel .yo-favorite-panel-container {
  padding: 1rem 0;
  background: #ff9900;
  width: 250px;
}
.yo-favorite-panel .yo-favorite-panel-container .list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.5rem;
}
.yo-favorite-panel .yo-favorite-panel-container a {
  display: block;
  color: #fff;
  line-height: 1.3em;
  transition: 0.25s;
  border-left: solid 0px #fff;
  padding: 0 1rem;
}
.yo-favorite-panel .yo-favorite-panel-container a:hover {
  text-decoration: none;
  border-left-width: 4px;
}

.yo-file-dropzone {
  position: relative;
}
.yo-file-dropzone::before {
  content: "\f019";
  font-family: "Font Awesome 5 Pro";
  font-size: 4rem;
  color: #ff9900;
  position: absolute;
  background: rgba(255, 153, 0, 0.3333333333);
  inset: 0;
  border: dashed 2px #ff9900;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  transition: 0.25s;
  opacity: 0;
  z-index: 99;
}
.yo-file-dropzone.yo-file-drag-over::before {
  opacity: 1;
}

.yo-input {
  anchor-name: --yo-input;
  --outline-color: color-mix(in srgb, currentColor, transparent 75%);
  background: transparent;
  border: none;
  border-radius: 0.5em;
  padding: 0.5em 1em;
  outline: solid 1px var(--outline-color);
}
.yo-input:invalid {
  --input-outline-color: red;
  --outline-color: red;
}
.yo-input[type=color] {
  border: none;
  border-radius: 0.5em;
  padding: 0;
  outline: none;
  width: 1.5rem;
  height: 1.5rem;
}
.yo-input[type=range] {
  border: none;
  outline: none;
}
.yo-input[type=range]::-webkit-slider-runnable-track {
  background: color-mix(in srgb, var(--text-color), transparent 75%);
  --track-h: .5rem;
  --track-r: 2rem;
}

.yo-input ~ .yo-input-unit {
  font-size: 0.9rem;
  opacity: 0.75;
  position: absolute;
  position-anchor: --yo-input;
  top: anchor(center);
  right: anchor(right);
  translate: -0.5em -50%;
}

.yo-node-editor {
  max-width: 100%;
  overflow: hidden;
  position: relative;
}
.yo-node-editor .yo-node-info {
  padding: 6px;
  padding-left: 20px;
  position: relative;
  border-left: solid 1px #ccc;
}
.yo-node-editor .yo-node-info::before {
  content: "\f178";
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Pro";
  font-size: 1rem;
  font-weight: 400;
  color: #ccc;
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
}
.yo-node-editor .yo-node-info .tagname {
  display: flex;
  flex-direction: row;
  gap: 0.25rem;
  align-items: center;
  justify-content: flex-start;
}
.yo-node-editor .yo-node-info .tagname .fal {
  opacity: 0.75;
}
.yo-node-editor .yo-node-info .tagname span {
  color: #0a72e9;
}
.yo-node-editor .yo-node-info .tagname label {
  margin: 0;
}
.yo-node-editor:not(.has-id-or-class) > .yo-node-info {
  opacity: 0.5;
}
.yo-node-editor .yo-node-preview {
  font-style: italic;
  max-height: 50px;
  max-width: 100%;
  overflow: hidden;
}
.yo-node-editor .yo-node-attributes {
  max-height: 0px;
  transition: 0.25s ease;
}
.yo-node-editor .yo-node-child {
  transition: 0.25s ease;
  padding-left: 1.8rem;
  position: relative;
  overflow: hidden;
}
.yo-node-editor .yo-node-child::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1.8rem;
  height: 1;
  background: #ccc;
}
.yo-node-editor .yo-node-child::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 1.8rem;
  height: 1;
  background: #ccc;
}
.yo-node-editor .yo-node-child .yo-node-child-list {
  display: flex;
  flex-direction: column;
}
.yo-node-editor.selected > .yo-node-info {
  color: #ff9900;
  font-weight: 700;
}

.yo-node-attribute-editor .yo-node-preview .image-container {
  height: 350px;
  width: 100%;
}
.yo-node-attribute-editor .yo-node-preview .image-container img {
  object-fit: contain;
  object-position: center center;
  width: 100%;
  height: 100%;
}
.yo-node-attribute-editor .yo-node-preview .image-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.yo-node-attribute-editor .attribute-list-container .attribute-list {
  display: grid;
  grid-template-columns: auto 1fr auto;
  place-items: center stretch;
  gap: 0 1rem;
}
.yo-node-attribute-editor .attribute-list-container .attribute-list .attribute-item {
  display: contents;
}
.yo-node-attribute-editor .attribute-list-container .attribute-list .attribute-item.column-header ls {
  font-size: 0.8rem;
  opacity: 0.8;
  font-style: italic;
}
.yo-node-attribute-editor .attribute-list-container .attribute-list .attribute-item md-input-container {
  margin-top: 0;
}

yo-note {
  border-left: solid 5px var(--action-color);
  padding: 1em;
  white-space: pre-line;
  font-size: 1.2rem;
  display: block;
  position: relative;
}
yo-note::before {
  content: "Notes";
  text-transform: uppercase;
  position: absolute;
  top: 0;
  left: 0;
  color: var(--action-color);
  line-height: 1;
  font-size: 0.8rem;
  rotate: -90deg;
  translate: -80% 100%;
}

.yo-notice {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0 1rem;
  border-radius: 5px;
  padding: 1rem;
}
.yo-notice i.fal {
  place-self: start center;
  text-align: center;
  margin-right: 0.25em;
}
.yo-notice .yo-notice-content {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}
.yo-notice h3 {
  text-transform: uppercase;
  line-height: 1;
  margin-bottom: 1rem;
}
.yo-notice h3, .yo-notice p {
  margin: 0;
  padding: 0;
  grid-column: 1;
}
.yo-notice p {
  opacity: 0.7;
}
.yo-notice .actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 1rem;
}
.yo-notice.notice-type-infos {
  background: #fff;
  box-shadow: 0 0 5px 1px rgba(1, 109, 209, 0.5333333333);
  --text-color:#379af6;
}
.yo-notice.notice-type-warn {
  background: #f53;
  border: solid 1px #f43;
  --text-color:#fff;
}
.yo-notice.notice-type-error {
  background: #ff9900;
  --text-color:#fff;
}

.yo-hud {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 150;
  pointer-events: none;
}
.yo-hud header {
  padding: 5px 10px;
  position: absolute;
  overflow: hidden;
  top: 0px;
  left: 0px;
  width: 100%;
  pointer-events: auto;
  transition: 0.25s ease;
}
.yo-hud header md-icon, .yo-hud header label, .yo-hud header .yo-proxy-ticker {
  color: #fff;
}
.yo-hud header .title {
  display: flex;
  align-items: center;
  gap: 0rem;
  justify-content: flex-start;
}
.yo-hud header .title .nav-toggler {
  --size: 2.5rem;
  display: inline-flex;
  width: var(--size);
  height: var(--size);
  align-items: center;
  justify-content: center;
  background: var(--action-color);
  border-radius: 50%;
  transition: 0.25s ease-in-out;
  margin-right: 1rem;
}
.yo-hud header .title .nav-toggler:hover {
  background: var(--action-color-a80);
  box-shadow: 0 0 0 3px var(--action-color);
}
.yo-hud header .title .nav-toggler > img {
  width: calc(var(--size) - 0.75rem);
  height: calc(var(--size) - 0.75rem);
  translate: -0.8px 2px;
}
.yo-hud header h1 {
  font-size: 18px;
  display: inline;
  margin: 0px;
  padding: 6px 0px;
  font-weight: 500;
  color: #fff;
  text-transform: uppercase;
}
.yo-hud header h1 i.fa {
  margin-right: 10px;
}
@media screen and (max-width: 640px) {
  .yo-hud header h1 {
    font-size: 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
}
.yo-hud header .middle-section {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.yo-hud header .md-avatar {
  position: relative;
  overflow: visible;
  width: 50px;
}
.yo-hud header .md-avatar img {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: unset;
  max-height: unset;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  overflow: hidden;
}
.yo-hud.yo-opaque-bg header {
  --bg-opacity:0.5;
  background-color: rgba(0, 0, 0, var(--bg-opacity));
}
.yo-hud.yo-opaque-bg header:hover {
  --bg-opacity:0.8;
}
.yo-hud .app-search {
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.75) 0 0 10px;
  padding: 20px 0;
  pointer-events: auto;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  transition: 0.5s;
  transform: translateY(-100%);
  max-height: 100vh;
  overflow-y: auto;
}
.yo-hud .app-search .search-input-container {
  position: relative;
}
.yo-hud .app-search input {
  width: 100%;
  border: none;
  padding: 8px 10px;
  padding-left: 40px;
  font-weight: 300;
  font-size: 25px;
  background: #fafafa;
  border-radius: 4px;
}
.yo-hud .app-search .md-icon-button {
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
}
.yo-hud .app-search.slide-out {
  transform: translateY(-105%);
}
.yo-hud .app-search.slide-in {
  transform: translateY(0);
}
.yo-hud .app-search .result {
  margin-top: 20px;
}
.yo-hud .yo-proxy-ticker {
  position: absolute;
  pointer-events: none;
  right: 0;
  bottom: 0;
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.yo-hud .yo-proxy-ticker .yo-proxy-message {
  padding: 1rem;
  border-radius: 0.5rem;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0 1rem;
  place-items: center stretch;
  background-color: #000;
  box-shadow: 2px 2px 0.5rem rgba(0, 0, 0, 0.5333333333);
  width: 350px;
}
.yo-hud .yo-proxy-ticker .yo-proxy-message .actions {
  grid-column: 1/-1;
}
.yo-hud .yo-proxy-ticker .yo-proxy-message:has(.actions) {
  pointer-events: auto;
}

yo-badge, .yo-badge {
  display: inline-flex;
  background: #a30808;
  --text-color:#fff;
  font-weight: 700;
  width: 1.5em;
  height: 1.5em;
  align-items: center;
  justify-content: center;
  font-size: clamp(10px, 0.6em, 1.5rem);
  border-radius: 2em;
  transform: translateY(-25%);
}

.yo-tooltip {
  position: relative;
  line-height: 1;
  font-size: 1rem;
  padding: 0.5em 1em;
}
.yo-tooltip .yo-tooltip-content {
  margin: auto;
  inset: auto;
  top: calc(anchor(bottom) + 0.5rem);
  left: anchor(center);
  translate: -50% 0;
  background: #fff;
  color: #333;
  padding: 0.5rem 1rem;
  border-radius: 0.25rem;
  font-size: 1rem;
  white-space: nowrap;
  pointer-events: none;
  border: none;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
  --text-color: #333;
}

.yo-message-preview {
  border: solid 1px #ccc;
  display: grid;
  grid-template-rows: auto 1fr;
  max-height: 100%;
  overflow: hidden;
}
.yo-message-preview .toolbar .md-button.selected {
  border-bottom: solid 2px #ff9900;
}
.yo-message-preview .preview-container {
  overflow: auto;
  --background-color: #111;
  background: var(--background-color);
}
.yo-message-preview .preview-container.mode-light {
  --background-color: #eee;
  --text-color:#333;
}
.yo-message-preview .preview-container.mode-dark {
  --background-color: #111;
  --text-color:#fff;
}

.yo-input {
  font-size: 1rem;
  padding: 0.5em 1em;
  border: solid 1px #ccc;
  border-radius: 5px;
}
.yo-input:focus {
  outline-color: var(--input-outline-color, #ff9900);
}
.yo-input.faint {
  padding: 0.25em 0.5em;
  border: none;
  background: #fff;
  --input-outline-color: #555;
}

.yo-extended-text-input,
.yo-extended-textarea {
  position: relative;
  padding: 0;
}
.yo-extended-text-input > label,
.yo-extended-textarea > label {
  opacity: 0.6;
  font-size: 0.8em;
}
.yo-extended-text-input > label:empty,
.yo-extended-textarea > label:empty {
  display: none;
}
.yo-extended-text-input .input-container,
.yo-extended-textarea .input-container {
  display: flex;
}
.yo-extended-text-input .input-container input, .yo-extended-text-input .input-container textarea,
.yo-extended-textarea .input-container input,
.yo-extended-textarea .input-container textarea {
  flex: 1;
  border: none;
  outline: none;
  background: transparent;
  color: inherit;
}
.yo-extended-text-input #emoji,
.yo-extended-textarea #emoji {
  width: var(--input-width);
}
.yo-extended-text-input #emoji md-tab-content,
.yo-extended-textarea #emoji md-tab-content {
  min-height: unset;
}

.yo-extended-textarea .input-container {
  position: relative;
}
.yo-extended-textarea .input-container .input-expander,
.yo-extended-textarea .input-container textarea {
  padding: 0.5em;
  padding-right: 1.5rem;
  font-size: inherit;
  font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
  line-height: 1.5;
}
.yo-extended-textarea .input-container i.fal {
  position: absolute;
  top: 0.5em;
  right: 0.25em;
}
.yo-extended-textarea .input-container .input-expander {
  opacity: 0;
  pointer-events: none;
  white-space: pre-wrap;
  min-height: 2em;
}
.yo-extended-textarea .input-container.height-auto {
  display: block;
  border-bottom: none;
}
.yo-extended-textarea .input-container.height-auto textarea {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  resize: none;
}

.yo-has-input-actions {
  position: relative;
}
.yo-has-input-actions .yo-input-actions-container {
  position: absolute;
  display: flex;
  gap: 0.75rem;
  font-size: 1.2rem;
  align-items: center;
  right: var(--input-actions-pos-x, 0px);
  bottom: var(--input-actions-pos-y, 0.5rem);
  translate: 0 calc(0% + var(---input-actions-offset-y, 0px));
}
.yo-has-input-actions .yo-input-actions-container i {
  aspect-ratio: 1;
  width: 1.5rem;
  line-height: 1.5rem;
}
.yo-has-input-actions:has(.locale-switcher) {
  --input-actions-pos-x: 5rem;
}
.yo-has-input-actions:has(textarea) {
  --input-actions-pos-y: 0.5rem;
}
.yo-has-input-actions:is(md-input-container):has(.note) {
  ---input-actions-offset-y: -1.5rem;
}
.yo-has-input-actions::after {
  content: attr(content-generation-label);
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: center;
  padding: 1rem;
  text-transform: uppercase;
  transform: translate(0, -50%);
  opacity: 0;
  transition: 0.25s ease;
  pointer-events: none;
}
.yo-has-input-actions.yo-generating-content input, .yo-has-input-actions.yo-generating-content textarea {
  opacity: 0.5;
}
.yo-has-input-actions.yo-generating-content {
  pointer-events: none;
}
.yo-has-input-actions.yo-generating-content .generative-panel-toggle {
  opacity: 0.5;
  animation: fa-spin 2s linear infinite;
}
.yo-has-input-actions.yo-generating-content .generative-panel-toggle::before {
  content: "\f013";
}
.yo-has-input-actions.yo-generating-content::after {
  opacity: 0.75;
}
.yo-has-input-actions .generative-panel-toggle {
  order: 1;
}

.yo-click-hold {
  position: relative;
  isolation: isolate;
  --yo-ring-color: color-mix(in srgb, var(--text-color), transparent 80%);
  --yo-waiting-color: #158c00;
  --yo-ready-color: #29e508;
}
.yo-click-hold::after {
  content: "";
  z-index: -1;
  position: absolute;
  width: calc(100% + 0.5rem);
  border-radius: 10em;
  border: dotted 2px var(--yo-ring-color);
  box-shadow: inset 0 0 0 0 var(--yo-waiting-color);
  aspect-ratio: 1;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  transition: 0.25s ease;
}
.yo-click-hold:hover::after {
  border-style: solid;
}
.yo-click-hold:hover {
  --yo-ring-color: var(--text-color);
}
.yo-click-hold.yo-click-hold-waiting::after {
  transition: border 0.25s ease, box-shadow 0.5s;
  box-shadow: inset 0 0 0 1em var(--yo-waiting-color);
}
.yo-click-hold.yo-click-hold-ready {
  --yo-ring-color: var(--yo-ready-color);
}
.yo-click-hold.yo-click-hold-ready::after {
  transition: 0.25s ease;
  box-shadow: inset 0 0 0 1px var(--yo-waiting-color), 0 0 2px 2px var(--yo-ready-color);
}

.yo-url-preview {
  width: 500px;
  margin: 0.25rem 0.5rem;
  border-radius: 10px;
  overflow: hidden;
  background: #ccc;
}
.yo-url-preview label.placeholder {
  text-align: center;
  opacity: 0.5;
}
.yo-url-preview .url-preview-image-container {
  aspect-ratio: 16/9;
}
.yo-url-preview .url-preview-image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.yo-url-preview h2 {
  font-size: 1.4rem;
  font-weight: 700;
  padding: 0.5rem 1rem;
  margin: 0;
}
.yo-url-preview p {
  font-size: 0.75rem;
  padding: 0.25rem 1rem;
  opacity: 0.8;
}

.yo-pill {
  padding: 0.75em 1em;
  font-size: 0.8rem;
  background: var(--primary-color-contrast-min);
  border-radius: 2em;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75em;
  line-height: 1;
}
.yo-pill > i {
  font-size: 1rem;
  opacity: 0.75;
}
.yo-pill > i:hover {
  opacity: 1;
}

.yo-selectable {
  padding: 0.5rem;
  display: inline-flex;
  flex-direction: column;
  border-radius: 0.5rem;
  align-items: center;
  background: var(--primary-color-contrast-min);
}
.yo-selectable::before {
  content: "\f111";
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  font-size: 2rem;
  opacity: 0.5;
  transition: 0.25s ease;
}
.yo-selectable.selected::before {
  content: "\f058";
  color: var(--success);
  opacity: 1;
  transform: rotateY(360deg);
}

.unsplash.unsplash-background .unsplash-credit {
  padding: 0.5em 1em;
  font-size: 15px;
  color: #fff;
  background: rgba(0, 0, 0, 0.3333333333);
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
  position: absolute;
  bottom: 10px;
  left: 10px;
  border-radius: 1.5em;
}
.unsplash.unsplash-background .unsplash-credit a {
  color: #fff;
  font-weight: 700;
}

.yo-card {
  border-radius: 0.25rem;
  border: solid 1px #999;
  background: rgba(0, 0, 0, 0.3333333333);
  padding: 1rem;
}

.yo-group-panel {
  padding: 2rem;
  background: rgba(0, 0, 0, 0.3333333333);
  border-radius: 1rem;
  display: grid;
  grid-template-rows: auto 1fr;
  gap: 1rem;
}
.yo-group-panel > h3 {
  text-align: center;
  text-transform: uppercase;
}

yo-searchbox {
  padding: 0 2px;
}

.yo-searchbox {
  position: relative;
  box-shadow: 0 0 0 2px var(--border-color, #ccc);
  background: color-mix(in srgb, var(--text-color) 5%, transparent);
  overflow: hidden;
  margin: 2px auto;
  max-width: clamp(420px, 100% - 4px, 800px);
  min-width: 420px;
  border-radius: 2em;
  font-size: 1.2rem;
  transition: 0.25s ease;
}
@media screen and (max-width: 640px) {
  .yo-searchbox {
    min-width: 0;
  }
}
.yo-searchbox input {
  background: transparent;
  border: none;
  outline: none;
  width: 100%;
  font-size: inherit;
  padding: 0.5em 2em;
}
.yo-searchbox.has-focus, .yo-searchbox.has-value {
  --border-color: #ff9900;
  background: color-mix(in srgb, var(--text-color) 15%, transparent);
}
.yo-searchbox.has-value i.fa-times {
  opacity: 1;
  --px: 0;
}
.yo-searchbox i {
  position: absolute;
  top: 50%;
  transform: translate(var(--px, 0), -50%);
  transition: 0.25s ease;
}
.yo-searchbox i.fa-search {
  left: 0.5em;
}
.yo-searchbox i.fa-times {
  opacity: 0;
  right: 0.5em;
  --px: 100%;
}

[yo-arrowed-hint] {
  position: relative;
}

.yo-arrowed-hint {
  position: absolute;
  bottom: 0;
  left: 0;
  translate: -100% 55px;
}
.yo-arrowed-hint label {
  font-family: Caveat !important;
  text-transform: none !important;
  color: #ff9900 !important;
  font-size: 1.2rem !important;
  position: absolute;
  width: 80%;
  bottom: 50%;
  left: 0;
  opacity: 1 !important;
  text-wrap: balance;
}
.yo-arrowed-hint img {
  width: 150px;
  aspect-ratio: 1;
}
.yo-arrowed-hint.yo-arrowed-hint-flipped {
  left: unset;
  right: 0;
  translate: 100% 55px;
}
.yo-arrowed-hint.yo-arrowed-hint-flipped label {
  left: unset;
  right: 0;
  text-align: right;
}
.yo-arrowed-hint.yo-arrowed-hint-flipped img {
  scale: -1 1;
}

.yo-network-message-preview {
  --message-card-bg: #eee;
  --message-card-fg: #333;
}
.yo-network-message-preview md-tabs {
  min-height: 480px;
}
.yo-network-message-preview md-tabs md-tab-content > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2rem 1rem;
}
.yo-network-message-preview .yo-message-infos {
  --text-color: var(--message-card-fg);
  place-self: center;
}
.yo-network-message-preview .yo-message-infos .message-image,
.yo-network-message-preview .yo-message-infos .message-card {
  background: var(--message-card-bg);
  width: var(--preview-width, 520px);
  border-radius: 10px;
  overflow: visible;
  box-shadow: 0 1px 0.25rem rgba(0, 0, 0, 0.3333333333);
  transition: 0.25s ease;
}
.yo-network-message-preview .yo-message-infos .message-image .message-image-container,
.yo-network-message-preview .yo-message-infos .message-card .message-image-container {
  position: relative;
  aspect-ratio: 94/79;
}
.yo-network-message-preview .yo-message-infos .message-image .message-image-container img,
.yo-network-message-preview .yo-message-infos .message-card .message-image-container img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  object-position: center center;
}
.yo-network-message-preview .yo-message-infos .message-image .message-image-container .image-setting-menu,
.yo-network-message-preview .yo-message-infos .message-card .message-image-container .image-setting-menu {
  position: absolute;
  top: 0;
  right: 0;
}
.yo-network-message-preview .yo-message-infos .message-image .message-image-container .image-setting-menu > md-menu .md-icon-button.md-raised,
.yo-network-message-preview .yo-message-infos .message-card .message-image-container .image-setting-menu > md-menu .md-icon-button.md-raised {
  margin-top: 5px;
}
.yo-network-message-preview .yo-message-infos .message-image .message-text-container,
.yo-network-message-preview .yo-message-infos .message-card .message-text-container {
  background: color-mix(in srgb, var(--message-card-bg), #000 5%);
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: -1rem;
  z-index: 5;
  position: relative;
}
.yo-network-message-preview .yo-message-infos .message-image .message-text-container label,
.yo-network-message-preview .yo-message-infos .message-card .message-text-container label {
  margin: 0;
  padding: 0;
  font-size: 0.75rem;
  opacity: 0.75;
}
.yo-network-message-preview .yo-message-infos .message-image .message-title,
.yo-network-message-preview .yo-message-infos .message-card .message-title {
  font-size: 20px;
}
.yo-network-message-preview .yo-message-infos .message-image .message-title .yo-extended-text-input,
.yo-network-message-preview .yo-message-infos .message-card .message-title .yo-extended-text-input {
  background: transparent;
}
.yo-network-message-preview .yo-message-infos .message-image .message-title .yo-extended-text-input .input-container,
.yo-network-message-preview .yo-message-infos .message-card .message-title .yo-extended-text-input .input-container {
  border: none;
}
.yo-network-message-preview .yo-message-infos .message-image .message-title label,
.yo-network-message-preview .yo-message-infos .message-card .message-title label {
  font-size: 15px;
  font-weight: 300;
  text-transform: uppercase;
  opacity: 0.5;
  margin: 0;
  padding: 0;
}
.yo-network-message-preview .yo-message-infos .message-image .message-text > span,
.yo-network-message-preview .yo-message-infos .message-card .message-text > span {
  font-size: 14px;
  opacity: 0.7;
}
.yo-network-message-preview .yo-message-infos .message-image .post-text,
.yo-network-message-preview .yo-message-infos .message-card .post-text {
  padding: 1rem;
}
.yo-network-message-preview .yo-message-infos .message-image .post-text,
.yo-network-message-preview .yo-message-infos .message-image .message-text,
.yo-network-message-preview .yo-message-infos .message-card .post-text,
.yo-network-message-preview .yo-message-infos .message-card .message-text {
  white-space: pre-line;
}
.yo-network-message-preview .yo-message-infos .message-image .post-text .message-text-scroller,
.yo-network-message-preview .yo-message-infos .message-image .message-text .message-text-scroller,
.yo-network-message-preview .yo-message-infos .message-card .post-text .message-text-scroller,
.yo-network-message-preview .yo-message-infos .message-card .message-text .message-text-scroller {
  max-height: 9em;
  overflow: hidden auto;
}
.yo-network-message-preview .yo-message-infos .message-image .message-link,
.yo-network-message-preview .yo-message-infos .message-image .actions,
.yo-network-message-preview .yo-message-infos .message-card .message-link,
.yo-network-message-preview .yo-message-infos .message-card .actions {
  border-radius: 0 0 10px 10px;
}
.yo-network-message-preview .yo-message-infos .message-image .actions,
.yo-network-message-preview .yo-message-infos .message-card .actions {
  background: color-mix(in srgb, var(--message-card-bg), #000 10%);
  text-align: right;
}
.yo-network-message-preview .yo-message-infos .message-image .message-image-container {
  aspect-ratio: unset;
}
.yo-network-message-preview .yo-message-infos .message-image .message-image-container img {
  width: 100%;
  height: auto;
  object-fit: unset;
}
.yo-network-message-preview .yo-message-infos .message-image .message-image-container .image-missing {
  aspect-ratio: 16/9;
  width: 100%;
  background: #ccc;
  position: relative;
}
.yo-network-message-preview .yo-message-infos .message-image .message-image-container .image-missing > i {
  opacity: 0.25;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.yo-network-message-preview .yo-message-infos .message-image .message-image-container .overlay {
  position: absolute;
  pointer-events: none;
  inset: 0;
  background: #333;
  color: #fff;
  opacity: 0;
  display: flex;
  font-size: 1.5rem;
  text-transform: uppercase;
  align-items: center;
  justify-content: center;
  transition: 0.25s ease;
}
.yo-network-message-preview .yo-message-infos .message-image .message-image-container:hover .overlay {
  opacity: 0.5;
}

yo-avatar {
  position: relative;
}
yo-avatar[frame] {
  display: inline-block;
  position: relative;
  --frame-color: var(--item-color-level);
}
yo-avatar[frame] .frame {
  position: absolute;
  inset: calc(var(--avatar-size) * -0.07);
}
yo-avatar[frame] .frame svg.default circle {
  fill: transparent;
  stroke: var(--frame-color, #1a87fc);
}
yo-avatar[frame] .frame svg.default circle:nth-child(1) {
  stroke-width: 4px;
}
yo-avatar[frame] .frame svg.default circle:nth-child(2) {
  stroke-width: 2px;
  opacity: 0.33;
  transition: 0.25s;
  stroke-dasharray: 15 2;
}
yo-avatar[frame] .frame:has(.yo-avatar-custom-frame) {
  inset: calc(var(--avatar-size) * -0.1);
}
yo-avatar[frame] .frame:has(.yo-avatar-custom-frame.special) {
  inset: calc(var(--avatar-size) * -0.5);
}
yo-avatar[frame]:has(.yo-avatar-custom-frame.special) {
  scale: 0.8;
}
yo-avatar[frame] .yo-avatar-custom-frame svg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}
yo-avatar[frame]:hover .frame svg.default circle:nth-child(2) {
  opacity: 1;
  transform-origin: center center;
  animation: id3-anim-rotate 10s 0s infinite;
  animation-timing-function: none;
}
yo-avatar:not(:has(.frame)) .yo-avatar {
  border: solid calc(var(--avatar-size) * 0.05) var(--item-color-level);
}
yo-avatar .yo-avatar {
  font-size: var(--avatar-size, 1em);
  width: var(--avatar-size, 1em);
  height: var(--avatar-size, 1em);
  border-radius: 2em;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: solid 1px #ccc;
  background: var(--avatar-bg, #ddd);
  overflow: hidden;
  position: relative;
  --text-color: #333;
}
yo-avatar .yo-avatar i {
  font-size: 0.8em;
}
yo-avatar .yo-avatar span.yo-avatar-alt {
  opacity: 0.5;
  font-size: 0.75em;
  line-height: 1;
  width: 100%;
  text-align: center;
  font-weight: 600;
}
yo-avatar .yo-avatar img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}
yo-avatar.yo-notification::after {
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  top: 0;
  left: 50%;
  translate: 100% 0;
  background: #f00;
  border-radius: 50%;
}

.yo-avatar-input {
  display: inline-block;
  border: solid 1px var(--element-border-color);
  position: relative;
  border-radius: 0.25rem;
  overflow: hidden;
}
.yo-avatar-input.yo-shape-round {
  border-radius: calc(var(--avatar-size, 1) * 2 * 1rem);
}
.yo-avatar-input .yo-avatar-container {
  background: var(--avatar-bg, #dedede);
  aspect-ratio: 1;
  font-size: calc(var(--avatar-size, 1) * 1rem);
  width: 1em;
  display: flex;
  align-items: center;
  justify-content: center;
}
.yo-avatar-input .yo-avatar-container > i.fas {
  font-size: 0.75em;
  z-index: 1;
}
.yo-avatar-input .yo-avatar-container img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: 1;
}
.yo-avatar-input::after {
  content: "";
  position: absolute;
  inset: 0;
  background: #000;
  opacity: 0;
  pointer-events: none;
  z-index: 4;
  transition: 0.25s ease;
}
.yo-avatar-input .edit-picture-icon,
.yo-avatar-input md-menu {
  position: absolute;
  top: 50%;
  left: 50%;
  --text-color:#fff;
  z-index: 5;
  transform: translate(-50%, 100%);
  opacity: 0;
  transition: 0.25s ease;
}
.yo-avatar-input .edit-picture-icon .md-icon-button,
.yo-avatar-input md-menu .md-icon-button {
  margin: 0;
}
.yo-avatar-input:hover .edit-picture-icon,
.yo-avatar-input:hover md-menu {
  transform: translate(-50%, -50%);
  opacity: 1;
}
.yo-avatar-input:hover::after {
  opacity: 0.5;
}

.yo-input-container {
  --border-color: #ccc;
  position: relative;
}
.yo-input-container > label {
  position: absolute;
  top: 0;
  left: 0.5rem;
  background: var(--background-color);
  padding: 0 0.5em;
  font-size: 0.75rem;
  transform: translateY(-50%);
}
.yo-input-container > input, .yo-input-container textarea {
  border: solid 1px var(--border-color);
  box-shadow: 0 0 0 1px var(--border-color);
  width: 100%;
  padding: 0.5em;
  border-radius: 0.25em;
  background: transparent;
}

.yo-tabbed-sections {
  display: grid;
  position: relative;
  grid-template-columns: 1fr;
  place-items: stretch;
  min-height: 0;
  gap: 1rem;
  background: rgba(0, 0, 0, 0.5333333333);
  box-shadow: 1px 1px 0.5rem rgba(0, 0, 0, 0.5333333333);
  border-radius: 1rem;
  padding: 1rem;
  display: grid;
  grid-template-rows: auto 1fr;
  min-height: 0;
  overflow: hidden;
  position: relative;
  max-height: 100%;
  width: clamp(640px, 60vw, 1200px);
  margin-inline: auto;
}
@media screen and (max-width: 1024px) {
  .yo-tabbed-sections {
    gap: 0;
    width: 100%;
    grid-template-columns: 1fr;
    padding: 1rem 0.5rem;
  }
}
.yo-tabbed-sections > [ng-transclude], .yo-tabbed-sections > [ng-include] {
  display: contents;
}
.yo-tabbed-sections .yo-tab-list {
  position: relative;
  z-index: 10;
  place-self: start;
  padding: 0rem 1rem;
}
@media screen and (max-width: 640px) {
  .yo-tabbed-sections .yo-tab-list {
    padding-bottom: 1rem;
  }
}
.yo-tabbed-sections .yo-tab-list .yo-tabs-selected {
  font-size: 1.25rem;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.yo-tabbed-sections .yo-tab-list .yo-tabs-selected .fal, .yo-tabbed-sections .yo-tab-list .yo-tabs-selected yo-icon {
  display: none;
}
.yo-tabbed-sections .yo-tab-list .yo-tabs-selected::before {
  content: "\f0c9";
  font-family: var(--yo-font-icon-family);
  font-size: inherit;
  font-weight: 300;
}
.yo-tabbed-sections .yo-tab-list .yo-tabs-selected::after {
  content: "\f107";
  font-family: var(--yo-font-icon-family);
  font-size: inherit;
  font-weight: 300;
}
.yo-tabbed-sections .yo-tab-list.open .yo-tabs-container {
  opacity: 1;
  pointer-events: auto;
}
.yo-tabbed-sections .yo-tab-list .yo-tabs-container {
  opacity: 0;
  display: block;
  position: absolute;
  top: -0.5rem;
  left: -0.5rem;
  padding: 1rem 0;
  border-radius: 0.5rem;
  transition: 0.25s ease;
  box-shadow: 0 0 0.5rem #000;
  background: #111;
  pointer-events: none;
}
.yo-tabbed-sections .yo-tab-list .yo-tabs-container .yo-tab-cursor {
  position: absolute;
  left: 0;
  top: calc(1rem + var(--yo-active-tab-offset-y, 0px));
  width: 100%;
  height: var(--yo-active-tab-height, 2.5rem);
  transition: top 0.25s ease-out, height 0.25s ease-out;
}
.yo-tabbed-sections .yo-tab-list .yo-tabs-container .yo-tab-cursor::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  border-radius: 0.5rem 0 0 0.5rem;
  width: 100%;
  background: #ff9900;
}
.yo-tabbed-sections .yo-tab-list .yo-tabs-container .yo-tab-cursor::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0px;
  height: 100%;
  transform: translate(97%, -50%);
  width: 1rem;
  background: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20100%20100%22%20%20preserveAspectRatio%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpolygon%20fill%3D%22%23ff9900%22%20points%3D%220%2C0%20100%2C50%200%2C100%22%2F%3E%3C%2Fsvg%3E");
  background-size: cover;
}
.yo-tabbed-sections .yo-tab-list .yo-tabs {
  position: relative;
}
.yo-tabbed-sections .yo-tab-list .yo-tabs yo-tab {
  display: flex;
  cursor: pointer;
  padding: 0.5em 1.5rem;
  font-size: 1.25rem;
  text-transform: uppercase;
  position: relative;
  align-items: center;
  isolation: isolate;
  gap: 0.5em;
}
.yo-tabbed-sections .yo-tab-list .yo-tabs yo-tab > i {
  width: 1.25em;
  text-align: center;
}
.yo-tabbed-sections .yo-tab-list .yo-tabs yo-tab span {
  white-space: nowrap;
}
.yo-tabbed-sections .yo-tab-list .yo-tabs yo-tab::after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  border-radius: 0.5rem 0 0 0.5rem;
  width: 0;
  z-index: -1;
  background: #ff9900;
  transition: width 0.25s ease;
}
.yo-tabbed-sections .yo-tab-list .yo-tabs yo-tab::before {
  position: absolute;
  top: 50%;
  right: 0px;
  height: 0%;
  transform: translate(97%, -50%);
  width: 1rem;
  scale: 0 1;
  background: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20100%20100%22%20%20preserveAspectRatio%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpolygon%20fill%3D%22%23ff9900%22%20points%3D%220%2C0%20100%2C50%200%2C100%22%2F%3E%3C%2Fsvg%3E");
  background-size: cover;
  transition: height 0.25s ease-out, scale 0.25s 0.1s ease-out;
}
.yo-tabbed-sections .yo-tab-content-container {
  overflow: hidden auto;
  overflow: hidden overlay;
  padding: 0 1rem;
  min-height: 75vh;
}
@media screen and (max-width: 1024px) {
  .yo-tabbed-sections .yo-tab-content-container {
    padding: 0 0.5rem;
  }
}
.yo-tabbed-sections.yo-tab-switching .yo-tab-content-container {
  overflow: hidden;
}
.yo-tabbed-sections .yo-tab-content {
  opacity: 1;
  transform: translateY(0%);
  transition: opacity 0.25s ease, transform 0.25s ease;
}
.yo-tabbed-sections .yo-tab-content > [ng-transclude], .yo-tabbed-sections .yo-tab-content > [ng-include] {
  display: initial;
}
.yo-tabbed-sections .yo-tab-content.yo-tab-leave {
  opacity: 0;
  transform: translateY(25%);
}
.yo-tabbed-sections .yo-tab-content .yo-tab-body {
  display: grid;
  gap: 2rem;
}
.yo-tabbed-sections .yo-tab-content .yo-tab-body .yo-tab-body-header {
  background: rgba(0, 0, 0, 0.2);
  padding: 1rem;
  border-radius: 0.5rem;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  gap: 1rem;
  align-items: center;
}
.yo-tabbed-sections .yo-tab-content .yo-tab-body .fieldset {
  background: rgba(0, 0, 0, 0.2);
  padding: 1rem;
  border-radius: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: stretch;
}
@media screen and (min-width: 1024px) {
  .yo-tabbed-sections {
    overflow: visible;
    isolation: isolate;
  }
  .yo-tabbed-sections .yo-tab-list {
    position: absolute;
    top: 0;
    left: 0;
  }
  .yo-tabbed-sections .yo-tab-list .yo-tabs-selected {
    display: none;
  }
  .yo-tabbed-sections .yo-tab-list .yo-tabs-container {
    opacity: 1;
    pointer-events: auto;
    z-index: -1;
    left: 0rem;
    top: 2rem;
    translate: -100% 0;
    box-shadow: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background: none;
  }
  .yo-tabbed-sections .yo-tab-list .yo-tabs-container .yo-tabs {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
  .yo-tabbed-sections .yo-tab-list .yo-tabs-container yo-tab {
    justify-content: flex-end;
    text-shadow: 1px 1px 2px #000;
    border-radius: 0.25rem 0 0 0.25rem;
    filter: drop-shadow(2px 3px 3px rgba(0, 0, 0, 0.3333333333));
  }
  .yo-tabbed-sections .yo-tab-list .yo-tabs-container yo-tab ls {
    display: none;
  }
  .yo-tabbed-sections .yo-tab-list .yo-tabs-container yo-tab i, .yo-tabbed-sections .yo-tab-list .yo-tabs-container yo-tab yo-icon {
    order: 1;
  }
  .yo-tabbed-sections .yo-tab-list .yo-tabs-container yo-tab.selected::after {
    width: 100%;
  }
  .yo-tabbed-sections .yo-tab-list .yo-tabs-container yo-tab.selected::before {
    height: 100%;
    scale: 1 1;
  }
}
@media screen and (min-width: 1600px) {
  .yo-tabbed-sections .yo-tab-list .yo-tabs-container yo-tab ls {
    display: inline;
  }
}

.yo-accordeon {
  display: grid;
  grid-auto-flow: row;
  grid-auto-rows: auto;
  gap: 0rem;
}
.yo-accordeon .yo-accordeon-tab {
  display: grid;
  grid-template-rows: auto 1fr;
  transition: 0.25s ease;
  overflow: hidden;
}
.yo-accordeon .yo-accordeon-tab:first-child {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.yo-accordeon .yo-accordeon-tab:last-child {
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.yo-accordeon .yo-accordeon-tab:not(:last-child):not(.yo-open) .yo-accordeon-tab-header {
  border-bottom: solid 1px var(--tab-header-border-color);
}
.yo-accordeon .yo-accordeon-tab {
  --tab-contrast: 0%;
  --tab-header-color: hsla(var(--base-primary), var(--tab-contrast), 0.1);
  --tab-header-border-color: transparent;
  --tab-body-background: hsla(var(--base-primary), var(--tab-contrast), 0.5);
}
.yo-accordeon .yo-accordeon-tab .yo-accordeon-tab-header {
  background: var(--tab-header-color);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0.5em;
  font-size: 1.2rem;
}
.yo-accordeon .yo-accordeon-tab .yo-accordeon-tab-header .yo-accordeon-tab-label {
  font-weight: 500;
}
.yo-accordeon .yo-accordeon-tab .yo-accordeon-tab-header .yo-accordeon-tab-label yo-tab-label {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.yo-accordeon .yo-accordeon-tab .yo-accordeon-tab-header .yo-accordeon-tab-toggler i {
  transition: 0.25s ease;
}
.yo-accordeon .yo-accordeon-tab .yo-accordeon-tab-body {
  background: var(--tab-body-background);
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.25s ease;
  overflow: hidden;
}
.yo-accordeon .yo-accordeon-tab .yo-accordeon-tab-body .yo-accordeon-tab-body-container {
  padding-inline: 0.75rem;
  overflow: hidden overlay;
}
.yo-accordeon .yo-accordeon-tab.yo-open {
  --tab-header-color: hsla(var(--base-primary), var(--tab-contrast), 0.75);
  margin-block: 1rem;
  border-radius: 0.5rem;
  box-shadow: 0 0 0 2px var(--tab-header-color);
}
.yo-accordeon .yo-accordeon-tab.yo-open:first-child {
  margin-top: 0;
}
.yo-accordeon .yo-accordeon-tab.yo-open:last-child {
  margin-bottom: 0;
}
.yo-accordeon .yo-accordeon-tab.yo-open .yo-accordeon-tab-header .yo-accordeon-tab-toggler i {
  transform: rotate(180deg);
}
.yo-accordeon .yo-accordeon-tab.yo-open .yo-accordeon-tab-body {
  grid-template-rows: 1fr;
}
.yo-accordeon .yo-accordeon-tab.yo-open .yo-accordeon-tab-body .yo-accordeon-tab-body-container {
  padding-block: 1rem;
}
.yo-accordeon[fit-parent]:not(.height-computed) {
  height: 0;
}
.yo-accordeon[fit-parent] .yo-accordeon-tab.yo-open .yo-accordeon-tab-body-container {
  max-height: var(--accordeon-tab-max-height, 50vh);
}

.yo-splashscreen {
  background: var(--background-color);
  position: fixed;
  z-index: 1000;
  inset: 0;
  animation-name: id3-splash-out;
  animation-delay: 4s;
  animation-timing-function: ease;
  animation-duration: 0.25s;
  animation-fill-mode: forwards;
  pointer-events: none;
}
.yo-splashscreen.short-version {
  animation-delay: 1s;
}
.yo-splashscreen.short-version als-svg {
  opacity: 0;
}
.yo-splashscreen.short-version als-svg polygon, .yo-splashscreen.short-version als-svg path {
  fill: #fff;
}
.yo-splashscreen::before {
  content: "";
  position: absolute;
  top: 100%;
  left: -300vmax;
  background: #000;
  opacity: 0.5;
  aspect-ratio: 1;
  width: 200vmax;
  transform-origin: center center;
  transform: translateY(-50%) rotate(45deg);
  animation-name: id3-splash-in-panel-left;
  animation-delay: 1.5s;
  animation-timing-function: ease;
  animation-duration: 2.5s;
  animation-fill-mode: forwards;
}
.yo-splashscreen::after {
  content: "";
  position: absolute;
  top: 100%;
  right: -300vmax;
  background: #000;
  opacity: 0.5;
  aspect-ratio: 1;
  width: 200vmax;
  transform-origin: center center;
  transform: translateY(-50%) rotate(45deg);
  animation-name: id3-splash-in-panel-right;
  animation-delay: 0.5s;
  animation-timing-function: ease;
  animation-duration: 3.5s;
  animation-fill-mode: forwards;
}
.yo-splashscreen {
  --svg-size: 320px;
}
.yo-splashscreen als-svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: var(--svg-size);
  height: var(--svg-size);
  z-index: 5;
}
.yo-splashscreen .version {
  position: absolute;
  font-size: 1.5rem;
  font-weight: 200;
  text-transform: uppercase;
  --max-opacity: 0.75;
  top: calc(50% + var(--svg-size) / 2);
  left: 50%;
  translate: -50% -50%;
}
.yo-splashscreen .quote-of-the-moment {
  position: absolute;
  font-size: 1rem;
  bottom: 2rem;
  left: 50%;
  translate: -50% 0%;
}
.yo-splashscreen .quote-of-the-moment .quote {
  font-weight: 500;
}
.yo-splashscreen .quote-of-the-moment .quote .fas {
  opacity: 0.25;
}
.yo-splashscreen .quote-of-the-moment .by {
  text-align: right;
  font-style: italic;
  font-size: 0.8rem;
  opacity: 0.8;
}

.yo-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  font-size: 0.8rem;
}

tag {
  display: inline-block;
  padding: 0.5em 1em;
  color: #fff;
  background-color: var(--tag-color, #111);
  font-size: 1em;
  border-radius: 0.25em;
  line-height: 1;
  font-weight: 400;
}

div.yo-network-entities-input {
  display: grid;
  grid-template-columns: auto 1fr;
  padding: 0.5rem;
  gap: 1rem;
  border: solid 1px #ccc;
  border-radius: 0.25rem;
}
div.yo-network-entities-input > .md-button.md-icon-button {
  font-size: 1em;
  width: 2em;
  height: 2em;
}
div.yo-network-entities-input label.placeholder {
  margin: 0;
  padding: 0;
  font-size: 1em;
  place-self: center stretch;
}
div.yo-network-entities-input .yo-entities-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
div.yo-network-entities-input .yo-entities-list .yo-entity-item {
  font-size: 0.8em;
  padding: 0.25em 1em;
  padding-right: 2.25em;
  border-radius: 2em;
  background: #ebebeb;
  position: relative;
  display: flex;
  align-items: center;
  user-select: none;
}
div.yo-network-entities-input .yo-entities-list .yo-entity-item > i.fal {
  position: absolute;
  right: 0.5em;
  top: 50%;
  transform: translate(-50%, -50%);
}

yo-list {
  display: grid;
  gap: 0.5rem;
}
yo-list yo-list-item {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
  place-items: center stretch;
}
yo-list yo-list-item > div {
  text-align: right;
}
yo-list yo-list-item > div input, yo-list yo-list-item > div textarea, yo-list yo-list-item > div select, yo-list yo-list-item > div md-select {
  width: 100%;
}
yo-list yo-list-item:has(> div textarea) {
  grid-template-columns: 1fr;
}

.yo-list-select {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1rem;
  align-items: stretch;
  justify-content: center;
  padding-block: 1rem;
  margin-inline: auto;
}
.yo-list-select yo-option {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: start;
  text-align: center;
  padding: 1rem;
  border-radius: 0.5rem;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.0666666667);
  transition: 0.25s ease;
  position: relative;
  width: 125px;
}
.yo-list-select yo-option p {
  position: absolute;
  inset: -1rem;
  padding: 1rem;
  border-radius: inherit;
  scale: 0.5;
  background: color-mix(in srgb, var(--background-color), transparent 10%);
  transition: 0.25s ease;
  opacity: 0;
  pointer-events: none;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 0.8rem;
  color: #fff;
}
.yo-list-select yo-option:hover p {
  opacity: 1;
  scale: 1;
}
.yo-list-select yo-option h4 {
  white-space: nowrap;
  font-size: 1rem;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  text-align: center;
}
.yo-list-select yo-option:not(.selected):hover {
  background: rgba(0, 0, 0, 0.1333333333);
}
.yo-list-select yo-option.selected {
  background: var(--action-color);
  --text-color: #fff;
}
.yo-list-select[list-layout=list] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
  justify-content: stretch;
}
.yo-list-select[list-layout=list] yo-option {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0 0.5rem;
  padding: 0.5rem;
}
.yo-list-select[list-layout=list] yo-option i {
  grid-row: 1/span 2;
}
.yo-list-select[list-layout=list] yo-option h4, .yo-list-select[list-layout=list] yo-option p {
  grid-column: 2;
  text-align: left;
}
.yo-list-select[list-layout=list] yo-option h4 {
  margin: 0;
}
.yo-list-select[list-layout=list] yo-option p {
  position: relative;
  opacity: 0.75;
  background: none;
  grid-row: 2;
  display: block;
}

md-select.yo-select-list .md-select-value .md-text,
md-option.yo-select-option .md-text {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0 0.5rem;
  padding: 0.5rem;
}
md-select.yo-select-list .md-select-value .md-text i,
md-option.yo-select-option .md-text i {
  grid-row: 1/span 2;
  place-self: center;
  width: 1.5em;
  text-align: center;
}
md-select.yo-select-list .md-select-value .md-text h4, md-select.yo-select-list .md-select-value .md-text p,
md-option.yo-select-option .md-text h4,
md-option.yo-select-option .md-text p {
  grid-column: 2;
  text-align: left;
  margin: 0;
}
md-select.yo-select-list .md-select-value .md-text h4,
md-option.yo-select-option .md-text h4 {
  font-weight: bold;
}
md-select.yo-select-list .md-select-value .md-text p,
md-option.yo-select-option .md-text p {
  font-size: 0.8rem;
  opacity: 0.75;
  grid-row: 2;
  display: block;
}

.json-viewer {
  white-space: pre;
  padding: 0.75em;
  border: 1px solid #ccc;
  border-radius: 0.25rem;
  margin: 5px;
  display: block;
  overflow: hidden auto;
  overflow: hidden overlay;
}
.json-viewer .string {
  color: green;
  font-weight: 500;
}
.json-viewer .number {
  color: #006aff;
  font-weight: 500;
}
.json-viewer .boolean {
  color: #9d0613;
  font-weight: 500;
}
.json-viewer .null {
  color: rgb(95, 8, 167);
  font-style: italic;
}
.json-viewer .key {
  color: #3f3f3f;
}

.yo-angle-input {
  position: relative;
  width: var(--yo-input-size, 200px);
  height: var(--yo-input-size, 200px);
  display: inline-block;
  --yo-input-center: calc(var(--yo-input-size,200px) / 2);
}
.yo-angle-input.yo-rotating .yo-angle-input-value {
  opacity: 1;
}
.yo-angle-input .yo-angle-input-value {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 2rem;
  pointer-events: none;
  transition: opacity 0.25s ease;
  opacity: 0;
}
.yo-angle-input .yo-angle-input-value::after {
  content: "°";
}
.yo-angle-input .yo-angle-input-track {
  position: absolute;
  inset: 0;
  box-shadow: inset 0 0 0 calc(var(--yo-input-cursor-size, 10px) + 2px) color-mix(in srgb, var(--yo-input-track-color, #000), transparent 80%);
  border-radius: 50%;
}
.yo-angle-input .yo-angle-input-track::after {
  content: "";
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='100' ry='100' stroke='white' stroke-width='10' stroke-dasharray='1%2c10' stroke-dashoffset='0' stroke-linecap='butt'/%3e%3c/svg%3e");
  border-radius: var(--yo-input-size, 200px);
  opacity: 0.2;
  position: absolute;
  inset: calc(var(--yo-input-cursor-size, 10px) / 2);
}
.yo-angle-input .yo-angle-input-cursor {
  width: var(--yo-input-cursor-size, 10px);
  height: var(--yo-input-cursor-size, 10px);
  background-color: var(--action-color);
  border-radius: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}

.yo-geo-search {
  width: 100%;
}
.yo-geo-search .yo-input {
  width: 100%;
}

.yo-map {
  aspect-ratio: var(--yo-map-ratio, 16/6);
  background: var(--primary-color-contrast-mid);
  border-radius: 0.5rem;
  overflow: hidden;
  width: var(--yo-map-width, 640px);
  position: relative;
}
.yo-map .yo-map-canvas {
  position: absolute;
  inset: 0;
}

.yo-map-input {
  aspect-ratio: 16/9;
  background: var(--primary-color-contrast-mid);
  border-radius: 0.5rem;
  overflow: hidden;
  min-width: 640px;
  position: relative;
}
.yo-map-input .yo-map-canvas {
  position: absolute;
  inset: 0;
}

.yo-subtle-input {
  border: none;
  padding: 0.25em 0.5em;
  background: transparent;
  outline: none;
  border-radius: 0.25rem;
  transition: 0.25s ease;
  display: block;
  width: 100%;
}
.yo-subtle-input:focus {
  background: rgba(255, 255, 255, 0.2);
}
.yo-subtle-input::placeholder {
  opacity: 1;
  color: inherit;
}

.yo-loading > label.placeholder {
  grid-column: 1/-1;
}
.yo-loading > [ng-transclude] {
  display: contents;
}

.yo-image-input {
  background: var(--primary-color-contrast-mid);
  overflow: hidden;
  border-radius: 0.5rem;
  position: relative;
  margin-block: 0.5rem;
}
.yo-image-input[shape=circle] {
  border-radius: 100vmax;
  --yo-aspect-ratio: 1;
  aspect-ratio: var(--yo-aspect-ratio);
}
.yo-image-input.respect-ratio {
  aspect-ratio: var(--yo-aspect-ratio);
}
.yo-image-input:not(.respect-ratio) {
  height: calc(1px * var(--yo-min-height));
}
.yo-image-input > label {
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  color: #fff;
  text-shadow: 1px 1px 1px #000;
  font-size: 1.2rem;
  font-weight: 500;
}
.yo-image-input > label:empty {
  display: none;
}
.yo-image-input .edit-canvas-viewport {
  position: absolute;
  inset: 0;
}
.yo-image-input .edit-canvas-viewport img {
  display: block;
  max-width: 100%;
}
.yo-image-input .yo-empty {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  opacity: 0.6;
}
.yo-image-input .yo-empty > i {
  font-size: calc(var(--yo-size) / (var(--yo-aspect-ratio, 0.5)));
}
.yo-image-input .yo-empty [ng-transclude] yo-empty {
  font-size: 1.2rem;
  text-transform: uppercase;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  color: #fff;
  --text-color: #fff;
  width: 100%;
  text-align: center;
}
.yo-image-input .actions {
  position: absolute;
  padding: 0.5rem;
  background: rgba(255, 255, 255, 0.7333333333);
  border-radius: 10rem;
  overflow: hidden;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  opacity: 0;
  transform: translateX(100%);
  transition: 0.25s ease;
  --text-color:#333;
}
.yo-image-input .edit-actions {
  position: absolute;
  padding: 0.5rem;
  background: rgba(255, 255, 255, 0.7333333333);
  border-radius: 10rem;
  overflow: hidden;
  bottom: 0.5rem;
  left: 0.5rem;
  --text-color:#333;
  display: flex;
  gap: 0.25rem;
  align-items: center;
  justify-content: space-between;
  width: calc(100% - 1rem);
}
.yo-image-input:hover .actions {
  opacity: 1;
  transform: translateX(0);
}
.yo-image-input.display-mode .edit-canvas-viewport,
.yo-image-input.display-mode .edit-actions {
  display: none;
}
.yo-image-input.edit-mode .edit-canvas-viewport {
  display: block;
}
.yo-image-input.edit-mode .edit-actions {
  display: flex;
}
.yo-image-input.edit-mode .actions,
.yo-image-input.edit-mode .yo-empty,
.yo-image-input.edit-mode > img {
  display: none;
}

.yo-holocard-container {
  perspective: 2000px;
  transform: translate3d(0.1px, 0.1px, 0.1px);
}

.yo-holocard {
  --mx: 50%;
  --my: 50%;
  --posy: 50%;
  --posx: 50%;
  --hyp: 0;
  --o: 1;
  position: relative;
  transform-origin: center;
  overflow: clip;
  border-radius: 1rem;
  aspect-ratio: 3/4;
  transform: translateZ(var(--posz, 0)) rotateX(var(--ty)) rotateY(var(--tx));
  transform-style: preserve-3d;
  transition: transform 0.1s ease, box-shadow 0.2s ease;
  will-change: transform, filter;
  isolation: isolate;
}
.yo-holocard > * {
  pointer-events: none;
}
.yo-holocard [ng-click] {
  pointer-events: all;
}
.yo-holocard > .yo-holocard-info {
  position: absolute;
  z-index: 10;
  inset: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.yo-holocard > .yo-holocard-info .yo-holocard-name {
  padding: 0.25em;
  font-weight: 900;
  font-size: 1.5rem;
  text-shadow: 1px 1px 2px #000, -1px -1px 2px #000;
}
.yo-holocard .yo-holocard-level {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  font-size: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 5em;
  line-height: 1;
  background: var(--holocard-level-color, #000);
  z-index: 20;
}
.yo-holocard > .yo-holocard-bg {
  position: absolute;
  inset: 0rem;
  background: var(--holocard-background, #fff);
  background-size: 500%;
  background-position: calc(50% + var(--posx) * 0.02) calc(50% + var(--posy) * 0.02);
  z-index: 0;
}
.yo-holocard > .yo-holocard-image {
  position: absolute;
  inset: 1rem;
  border-radius: 0.75rem;
  z-index: 8;
}
.yo-holocard > .yo-holocard-image > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: bottom center;
  display: block;
  transform-origin: bottom center;
}
.yo-holocard > .yo-holocard-uv {
  --space: 5%;
  --angle: 133deg;
  --imgsize: 120%;
  position: absolute;
  inset: 0;
  z-index: 18;
  mix-blend-mode: color-dodge;
  background: transparent;
  opacity: 0;
  background-image: var(--uv-layer, url("/content/uv/grain.jpg")), var(--uv-layer-color, repeating-linear-gradient(45deg, #fff, rgb(255, 237, 95))), repeating-linear-gradient(var(--angle), #0e152e 0%, hsl(180, 10%, 60%) 5%, hsl(180, 26%, 61%) 10%, hsl(180, 10%, 60%) 15%, #0e152e 22%, hsl(180, 10%, 60%) 23%, hsl(180, 26%, 61%) 24%, hsl(180, 10%, 60%) 25%, #0e152e 30%, #0e152e 33%), radial-gradient(farthest-corner circle at var(--mx) var(--my), rgba(0, 0, 0, 0.1) 12%, rgba(0, 0, 0, 0.15) 20%, rgba(0, 0, 0, 0.25) 120%);
  --uv-layer-blend-mode-default: exclusion, overlay , overlay, hard-light;
  --uv-layer-size-default: var(--imgsize), 700%, 300%, 200%;
  --uv-layer-size-position-default: center, 0% var(--posy), var(--posx) var(--posy), var(--posx) var(--posy);
  background-blend-mode: var(--uv-layer-blend-mode, var(--uv-layer-blend-mode-default));
  background-size: var(--uv-layer-size, var(--uv-layer-size-default));
  background-position: var(--uv-layer-size-position, var(--uv-layer-size-position-default));
  filter: brightness(calc(var(--hyp) * 0.3 + 0.5)) contrast(2) saturate(1.5);
  transition: opacity 0.25s;
}
.yo-holocard > .yo-holocard-glare {
  z-index: 20;
  filter: brightness(0.9) contrast(1.75);
  background: radial-gradient(farthest-corner circle at var(--mx) var(--my), rgb(255, 255, 255) 0%, rgba(133, 137, 141, 0.33) 45%, rgba(100, 100, 100, 0.65) 120%);
  opacity: 0;
  transition: opacity 0.25s;
  position: absolute;
  inset: 0;
}
.yo-holocard::before, .yo-holocard::after {
  content: "";
  position: absolute;
  inset: 0rem;
  border: solid 1rem var(--holocard-border-color, var(--primary-color));
  border-radius: 1rem;
}
.yo-holocard::before {
  z-index: 4;
}
.yo-holocard::after {
  border-top: none;
  border-left: none;
  z-index: 15;
}
.yo-holocard:hover {
  --posz: 100px;
  box-shadow: 0 1rem 0.5rem rgba(0, 0, 0, 0.3333333333);
}
.yo-holocard:hover > .yo-holocard-uv {
  opacity: calc(0.5 + var(--o, 0) * 0.5);
}
.yo-holocard:hover > .yo-holocard-glare {
  opacity: calc(var(--o, 0) * 0.35);
}
.yo-holocard.yo-power-level-10 {
  --holocard-border-color: #5cad00;
}
.yo-holocard.yo-power-level-100 {
  --holocard-border-color: #0d8bc5;
}
.yo-holocard.yo-power-level-1000 {
  --uv-layer: url("/content/uv/metal.png");
  --holocard-border-color: #ad1a00;
  --holocard-background: url("/content/images/wallpapers/abstract-31.jpg");
  --uv-layer-color: repeating-linear-gradient( 0deg,
      rgb(255, 119, 115),
      rgba(255,237,95,1),
      rgba(168,255,95,1),
      rgba(131,255,247,1),
      rgba(120,148,255,1),
      rgb(216, 117, 255),
      rgb(255, 119, 115)
  ) ;
}
.yo-holocard.yo-offline {
  --uv-layer-color: #0005;
}
.yo-holocard.yo-offline .yo-holocard-image {
  filter: grayscale(1);
}
.yo-holocard.uv-card-rainbow {
  --uv-layer-color: repeating-linear-gradient( 0deg,
      rgb(255, 119, 115) calc(var(--space)*1),
      rgba(255,237,95,1) calc(var(--space)*2),
      rgba(168,255,95,1) calc(var(--space)*3),
      rgba(131,255,247,1) calc(var(--space)*4),
      rgba(120,148,255,1) calc(var(--space)*5),
      rgb(216, 117, 255) calc(var(--space)*6),
      rgb(255, 119, 115) calc(var(--space)*7)
  ) ;
}

.yo-localized-textarea,
.yo-localized-input {
  position: relative;
  min-height: 2rem;
  width: 100%;
}
.yo-localized-textarea textarea,
.yo-localized-input textarea {
  padding-bottom: 1.75rem;
}
.yo-localized-textarea .locale-switcher,
.yo-localized-input .locale-switcher {
  display: flex;
  gap: 1rem;
  align-items: center;
  position: absolute;
  bottom: 0.75rem;
  right: 0;
}
.yo-localized-textarea .locale-switcher .switcher-item,
.yo-localized-input .locale-switcher .switcher-item {
  width: 1.6rem;
  aspect-ratio: 4/3;
  border-radius: 0.25rem;
  display: block;
  position: relative;
}
.yo-localized-textarea .locale-switcher .switcher-item[has-content=yes]::before,
.yo-localized-input .locale-switcher .switcher-item[has-content=yes]::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  margin: 2px;
  width: 5px;
  height: 5px;
  border-radius: 10px;
  background: var(--success);
  box-shadow: 0 0 0 2px #fff;
}
.yo-localized-textarea .locale-switcher .switcher-item.selected,
.yo-localized-input .locale-switcher .switcher-item.selected {
  box-shadow: 0 0 0 2px var(--action-color);
  pointer-events: none;
}
.yo-localized-textarea .locale-switcher .switcher-item.selected::after,
.yo-localized-input .locale-switcher .switcher-item.selected::after {
  display: none;
}
.yo-localized-textarea .locale-switcher .switcher-item img,
.yo-localized-input .locale-switcher .switcher-item img {
  width: 100%;
  height: 100%;
  display: block;
}
.yo-localized-textarea::after,
.yo-localized-input::after {
  text-shadow: 0 0 4rem rgba(0, 0, 0, 0.6);
}
.yo-localized-textarea.generating-content textarea, .yo-localized-textarea.generating-content input,
.yo-localized-textarea.generating-content .locale-switcher,
.yo-localized-input.generating-content textarea,
.yo-localized-input.generating-content input,
.yo-localized-input.generating-content .locale-switcher {
  opacity: 0.25;
  pointer-events: none;
}
.yo-localized-textarea.generating-content::after,
.yo-localized-input.generating-content::after {
  opacity: 1;
  pointer-events: all;
}

.yo-video-project-builder {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1rem;
  place-items: start stretch;
}
.yo-video-project-builder .yo-component-status {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.5rem;
}
.yo-video-project-builder:has(.yo-component-status) .yo-project-info,
.yo-video-project-builder:has(.yo-component-status) .yo-video-segment-list-container {
  opacity: 0.25;
  pointer-events: none;
}
.yo-video-project-builder .yo-project-info {
  grid-column: 1/-1;
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr auto auto;
  place-items: center stretch;
}
.yo-video-project-builder .yo-project-info .yo-project-meta {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.yo-video-project-builder .yo-project-info .yo-project-length {
  font-size: 4rem;
  font-weight: 900;
}
.yo-video-project-builder .yo-project-info .yo-project-actions {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.yo-video-project-builder .yo-project-default-options {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: stretch;
  padding: 0.5rem;
  background: color-mix(in srgb, var(--text-color), transparent 95%);
  border-radius: 0.75rem;
}
.yo-video-project-builder .yo-project-default-options .yo-option-item {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: center;
}
.yo-video-project-builder .yo-project-default-options .yo-option-item md-menu > .md-button {
  text-align: right;
  min-width: 0;
}
.yo-video-project-builder .yo-video-segment-list-container {
  display: grid;
  gap: 1rem;
}
.yo-video-project-builder .yo-video-segment-list-container .yo-video-segment-item {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 0.5rem;
  place-items: center stretch;
  padding: 0.5rem;
  background: color-mix(in srgb, var(--text-color), transparent 95%);
  border-radius: 0.75rem;
  position: relative;
}
.yo-video-project-builder .yo-video-segment-list-container .yo-video-segment-item:hover {
  z-index: 99;
}
.yo-video-project-builder .yo-video-segment-list-container .yo-video-segment-item .yo-segment-transition {
  position: absolute;
  bottom: 0;
  left: 50%;
  translate: -50% 100%;
  display: flex;
  gap: 1rem;
  align-items: center;
  background: color-mix(in srgb, var(--text-color), transparent 90%);
  padding: 0.25rem 0.5rem;
  border-radius: 5em;
}
.yo-video-project-builder .yo-list-actions {
  display: flex;
  gap: 0.5rem;
  justify-content: center;
  align-items: center;
  grid-column: 2;
}
.yo-video-project-builder .yo-status-badge {
  display: inline-block;
  padding: 0.25em 0.5em;
  border-radius: 0.25em;
  background: var(--yo-badge-color, #000);
  color: var(--yo-badge-text-color, #fff);
}
.yo-video-project-builder .yo-status-badge.yo-status-draft {
  --yo-badge-color: #333;
}
.yo-video-project-builder .yo-status-badge.yo-status-pending {
  --yo-badge-color: #d4a017;
}

.yo-video-segment {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.5rem;
  position: relative;
}
.yo-video-segment .yo-segment-image {
  width: 80px;
  aspect-ratio: var(--yo-segment-aspect-ratio, 1);
  border-radius: 0.25rem;
  overflow: hidden;
  position: relative;
}
.yo-video-segment .yo-segment-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.yo-video-segment .yo-segment-image .yo-segment-duration {
  position: absolute;
  bottom: 0.25rem;
  right: 0.25rem;
  background: rgba(0, 0, 0, 0.6666666667);
  color: #fff;
  padding: 0.1rem 0.25rem;
  border-radius: 0.25rem;
  font-size: 0.75rem;
}
.yo-video-segment .yo-segment-status .yo-status-badge {
  font-size: 0.75rem;
}
.yo-video-segment .yo-segment-name {
  font-weight: bold;
  text-transform: uppercase;
}
.yo-video-segment .yo-segment-info {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 0;
}
.yo-video-segment .yo-segment-details {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.5rem;
}
.yo-video-segment .yo-segment-options {
  place-self: center end;
  display: flex;
  gap: 1rem;
  align-items: center;
}

.yo-side-select-input {
  display: grid;
  grid-template-columns: 0.5rem 1fr 0.5rem;
  grid-template-rows: 0.5rem 1fr 0.5rem;
  gap: 2px;
  place-items: stretch;
  height: 3rem;
  aspect-ratio: var(--yo-e-aspect-ratio, 4/3);
  position: relative;
  isolation: isolate;
  margin-inline: 0.5em;
}
.yo-side-select-input::before {
  content: "";
  position: absolute;
  inset: 0rem;
  border-radius: 0.25rem;
  background: color-mix(in srgb, var(--text-color), transparent 90%);
  z-index: -1;
}
.yo-side-select-input .yo-side {
  background: var(--text-color);
  transition: 0.25s ease;
}
.yo-side-select-input .yo-side.active {
  background: var(--action-color);
}
.yo-side-select-input .yo-side:nth-child(1), .yo-side-select-input .yo-side:nth-child(4) {
  grid-column: 2;
}
.yo-side-select-input .yo-side:nth-child(1) {
  grid-row: 1;
  border-radius: 0 0 1rem 1rem;
}
.yo-side-select-input .yo-side:nth-child(4) {
  grid-row: 3;
  border-radius: 1rem 1rem 0 0;
}
.yo-side-select-input .yo-side:nth-child(2), .yo-side-select-input .yo-side:nth-child(5) {
  grid-row: 2;
}
.yo-side-select-input .yo-side:nth-child(2) {
  grid-column: 1;
  border-radius: 0 1rem 1rem 0;
}
.yo-side-select-input .yo-side:nth-child(5) {
  grid-column: 3;
  border-radius: 1rem 0 0 1rem;
}
.yo-side-select-input .yo-center {
  grid-row: 2;
  grid-column: 2;
  place-self: center;
  opacity: 0.25;
}
.yo-side-select-input .yo-center yo-icon {
  font-weight: 200;
  --fa-display: flex;
  align-items: center;
  justify-content: center;
}
.yo-side-select-input .yo-center:has(.fa-lock) {
  opacity: 1;
  color: var(--action-color);
}
.yo-side-select-input .yo-center:has(.fa-lock) yo-icon {
  font-weight: 900;
}

[yo-sortable] [draggable].yo-sortable-dragging {
  opacity: 0.1;
}
[yo-sortable].yo-sortable-active [draggable] > * {
  pointer-events: none;
}
[yo-sortable] .yo-sortable-placeholder {
  background: color-mix(in srgb, var(--action-color), transparent 90%) !important;
  box-shadow: inset 0 0 2px 1px var(--action-color), 0 0 1px 1px #fff, 0 0 5px 2px var(--action-color);
  overflow: hidden;
  max-height: 0px;
}
[yo-sortable] .yo-sortable-placeholder > * {
  opacity: 0;
}

.yo-customization-conditions .yo-condition-list {
  display: grid;
  gap: 0.5rem;
}
.yo-customization-conditions .yo-condition-list .yo-condition-item {
  display: grid;
  gap: 0.5rem;
  place-items: center stretch;
  grid-template-columns: 50px 1fr auto 1fr auto;
}
.yo-customization-conditions .yo-condition-list .yo-condition-item .yo-input {
  border: none;
  outline: none;
  background: color-mix(in srgb, var(--text-color), transparent 95%);
  min-width: 0;
}
.yo-customization-conditions .yo-condition-list .yo-condition-item .yo-input > option {
  color: #333;
}
.yo-customization-conditions .yo-no-conditions {
  text-align: center;
  padding: 1rem;
}
.yo-customization-conditions .yo-no-conditions h3, .yo-customization-conditions .yo-no-conditions p {
  padding: 0;
  margin: 0;
}
.yo-customization-conditions .yo-no-conditions p {
  opacity: 0.5;
}
.yo-customization-conditions .yo-condition-actions {
  display: flex;
  justify-content: center;
  align-items: center;
}

.yo-svg-code {
  display: grid;
  grid-template-rows: auto 1fr;
  height: 525px;
}
.yo-svg-code .yo-label {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.yo-svg-code .yo-label .yo-mode-toggle {
  position: relative;
}
.yo-svg-code .yo-label .yo-mode-toggle::before {
  content: "";
  background: #ff9900;
  position: absolute;
  z-index: 1;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  top: 50%;
  left: 0;
  transition: 0.25s ease;
}
.yo-svg-code .yo-label .yo-mode-toggle .fal {
  position: relative;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2rem;
  width: 2rem;
}
.yo-svg-code .yo-editor-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.yo-svg-code .yo-editor-container .yo-editor-list {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 100%;
  height: 100%;
  place-items: stretch;
  transition: 0.25s ease;
}
.yo-svg-code .yo-editor-container .yo-editor-list .yo-editor-tags, .yo-svg-code .yo-editor-container .yo-editor-list .yo-editor-raw {
  height: 100%;
  overflow: hidden auto;
}
.yo-svg-code .yo-editor-container .yo-editor-list .yo-editor-raw textarea {
  height: 100% !important;
}
.yo-svg-code .yo-editor-container .yo-editor-list .yo-editor-tags {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1rem;
}
.yo-svg-code .yo-editor-container .yo-editor-list .yo-editor-tags > .yo-node-editor {
  overflow: hidden auto;
}
.yo-svg-code .yo-editor-container .yo-editor-list .yo-editor-tags > .yo-node-editor > .yo-node-info {
  padding-left: 0;
  border-left: none;
}
.yo-svg-code .yo-editor-container .yo-editor-list .yo-editor-tags > .yo-node-editor > .yo-node-info::before {
  display: none;
}
.yo-svg-code .yo-editor-container .yo-editor-list .yo-editor-tags > .yo-node-editor > .yo-node-child {
  padding-left: 0.8rem;
}
.yo-svg-code .yo-editor-container .yo-editor-list .yo-editor-tags > .yo-node-editor > .yo-node-child::before, .yo-svg-code .yo-editor-container .yo-editor-list .yo-editor-tags > .yo-node-editor > .yo-node-child::after {
  width: 0.8rem;
}
.yo-svg-code .yo-editor-container .yo-editor-list .yo-editor-tags .selected-node-attribute {
  background: #fcfcfc;
  border-left: solid 1px #ccc;
  overflow: hidden auto;
  padding: 0 1rem;
}
.yo-svg-code.mode-tags .yo-mode-toggle::before {
  transform: translate(0, -50%);
}
.yo-svg-code.mode-tags .yo-editor-list {
  transform: translateX(0);
}
.yo-svg-code.mode-raw .yo-mode-toggle::before {
  left: 100%;
  transform: translate(-100%, -50%);
}
.yo-svg-code.mode-raw .yo-editor-list {
  transform: translateX(-100%);
}

.yo-svg-editor {
  overflow: hidden;
  position: relative;
}
.yo-svg-editor .yo-svg-boundaries {
  pointer-events: none;
  position: absolute;
  inset: calc(1px * var(--document-bleed, 0));
  border: solid 1px #ff0;
  box-shadow: 0 0 0 100vmax rgba(255, 255, 0, 0.2);
}
.yo-svg-editor svg {
  background-size: cover;
  background-position: center;
}
.yo-svg-editor svg path:not(.yo-svg-selected),
.yo-svg-editor svg rect:not(.yo-svg-selected),
.yo-svg-editor svg text:not(.yo-svg-selected),
.yo-svg-editor svg image:not(.yo-svg-selected),
.yo-svg-editor svg circle:not(.yo-svg-selected),
.yo-svg-editor svg polygon:not(.yo-svg-selected),
.yo-svg-editor svg g[child-lock]:not(.yo-svg-selected) {
  pointer-events: all;
}
.yo-svg-editor svg path:not(.yo-svg-selected).yo-svg-highlight, .yo-svg-editor svg path:not(.yo-svg-selected):hover,
.yo-svg-editor svg rect:not(.yo-svg-selected).yo-svg-highlight,
.yo-svg-editor svg rect:not(.yo-svg-selected):hover,
.yo-svg-editor svg text:not(.yo-svg-selected).yo-svg-highlight,
.yo-svg-editor svg text:not(.yo-svg-selected):hover,
.yo-svg-editor svg image:not(.yo-svg-selected).yo-svg-highlight,
.yo-svg-editor svg image:not(.yo-svg-selected):hover,
.yo-svg-editor svg circle:not(.yo-svg-selected).yo-svg-highlight,
.yo-svg-editor svg circle:not(.yo-svg-selected):hover,
.yo-svg-editor svg polygon:not(.yo-svg-selected).yo-svg-highlight,
.yo-svg-editor svg polygon:not(.yo-svg-selected):hover,
.yo-svg-editor svg g[child-lock]:not(.yo-svg-selected).yo-svg-highlight,
.yo-svg-editor svg g[child-lock]:not(.yo-svg-selected):hover {
  outline: dashed 2px #f0f;
  outline-offset: -2px;
}
.yo-svg-editor svg *[position-snap][position-snap=top-left] {
  transform: none !important;
  x: 0;
  y: 0;
}
.yo-svg-editor svg *[position-snap][position-snap=top-right] {
  transform: none !important;
}
.yo-svg-editor svg *[child-lock] > *:not(.yo-svg-selected) {
  pointer-events: all;
}
.yo-svg-editor svg *[child-lock] > *:not(.yo-svg-selected).yo-svg-highlight, .yo-svg-editor svg *[child-lock] > *:not(.yo-svg-selected):hover {
  outline: none;
}
.yo-svg-editor svg #main_price::before {
  content: var(--svg-var-price);
}
.yo-svg-editor .yo-selection-box {
  color: #0f0;
  box-shadow: 0 0 0 1px currentColor;
  position: absolute;
  top: var(--s-top);
  left: var(--s-left);
  width: var(--s-width);
  height: var(--s-height);
  pointer-events: none;
  display: none;
}
.yo-svg-editor .yo-selection-box::after {
  content: "\f05b";
  font-family: var(--yo-font-icon-family);
  font-weight: 300;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}
.yo-svg-editor .yo-svg-textarea {
  background: #fff;
  color: #333;
  border: none;
  outline: none;
  resize: none;
  position: absolute;
  padding: 0;
  position-anchor: --yo-selection-anchor;
  top: anchor(top);
  left: anchor(left);
  right: anchor(right);
  bottom: anchor(bottom);
  z-index: 1000;
}

.yo-svg-node-attribute-editor {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 1rem;
}
.yo-svg-node-attribute-editor .yo-node-path {
  font-size: 0.75rem;
  display: flex;
  gap: 0.5em;
}
.yo-svg-node-attribute-editor .yo-node-path .yo-node-path-item::after {
  content: "/";
  opacity: 0.5;
  pointer-events: none;
  position: relative;
  left: 0.25em;
}
.yo-svg-node-attribute-editor .yo-node-path .yo-node-path-item:first-child {
  opacity: 0.5;
}
.yo-svg-node-attribute-editor .yo-node-path .yo-node-path-item:first-child::after {
  opacity: 1;
}
.yo-svg-node-attribute-editor .yo-node-preview .image-container {
  height: 350px;
  width: 100%;
}
.yo-svg-node-attribute-editor .yo-node-preview .image-container img {
  object-fit: contain;
  object-position: center center;
  width: 100%;
  height: 100%;
}
.yo-svg-node-attribute-editor .attributes-block {
  padding: 1rem;
  border-radius: 0.5rem;
  background: color-mix(in srgb, var(--background-color), #000 5%);
}
.yo-svg-node-attribute-editor .attributes-block h5 {
  margin-bottom: 1rem;
}
.yo-svg-node-attribute-editor .attributes-block input[type=text],
.yo-svg-node-attribute-editor .attributes-block input[type=number] {
  background: transparent;
  border: solid 1px color-mix(in srgb, currentColor, transparent 75%);
  border-radius: 0.5em;
  padding: 0.5em 1em;
  width: 10rem;
}
.yo-svg-node-attribute-editor .attributes-block input[type=color] {
  background: transparent;
  border: none;
  border-radius: 0.5em;
  padding: 0;
  outline: none;
  width: 1.5rem;
  height: 1.5rem;
}
.yo-svg-node-attribute-editor .attributes-block .attribute-list .attribute-group {
  display: contents;
}
.yo-svg-node-attribute-editor .attributes-block[type=position] {
  --box-w: 8rem;
  --box-h: 6rem;
}
.yo-svg-node-attribute-editor .attributes-block[type=position] .position-viewport {
  padding: 3rem;
  position: relative;
  height: 320px;
}
.yo-svg-node-attribute-editor .attributes-block[type=position] .position-viewport .fal:not(.fa-joystick) {
  position: absolute;
}
.yo-svg-node-attribute-editor .attributes-block[type=position] .position-viewport .fal:not(.fa-joystick).fa-arrow-up-left {
  top: 0;
  left: 0;
}
.yo-svg-node-attribute-editor .attributes-block[type=position] .position-viewport .fal:not(.fa-joystick).fa-arrow-up {
  top: 0;
  left: 50%;
  translate: -50% 0;
}
.yo-svg-node-attribute-editor .attributes-block[type=position] .position-viewport .fal:not(.fa-joystick).fa-arrow-up-right {
  top: 0;
  right: 0;
}
.yo-svg-node-attribute-editor .attributes-block[type=position] .position-viewport .fal:not(.fa-joystick).fa-arrow-right {
  top: 50%;
  right: 0;
  translate: 0 -50%;
}
.yo-svg-node-attribute-editor .attributes-block[type=position] .position-viewport .fal:not(.fa-joystick).fa-arrow-down-right {
  bottom: 0;
  right: 0;
}
.yo-svg-node-attribute-editor .attributes-block[type=position] .position-viewport .fal:not(.fa-joystick).fa-arrow-down {
  bottom: 0;
  left: 50%;
  translate: -50% 0;
}
.yo-svg-node-attribute-editor .attributes-block[type=position] .position-viewport .fal:not(.fa-joystick).fa-arrow-down-left {
  bottom: 0;
  left: 0;
}
.yo-svg-node-attribute-editor .attributes-block[type=position] .position-viewport .fal:not(.fa-joystick).fa-arrow-left {
  top: 50%;
  left: 0;
  translate: 0 -50%;
}
.yo-svg-node-attribute-editor .attributes-block[type=position] .position-viewport .element-shadow {
  width: var(--box-w);
  height: var(--box-h);
  display: flex;
  align-items: center;
  flex-direction: column;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  justify-content: center;
  border: dashed 2px color-mix(in srgb, currentColor, transparent 75%);
  box-shadow: 0 0 1rem var(--shadow-color, rgba(0, 0, 0, 0.6));
  z-index: 5;
}
.yo-svg-node-attribute-editor .attributes-block[type=position] .position-viewport .element-shadow > * {
  user-select: none;
  pointer-events: none;
}
.yo-svg-node-attribute-editor .attributes-block[type=position] .position-viewport .element-shadow::before {
  content: "";
  position: absolute;
  size: 20px;
  border-radius: 20px;
  background: #0ff;
  opacity: 0.25;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  transform: translate(calc(1px * var(--drag-offset-x, 0)), calc(1px * var(--drag-offset-y, 0)));
}
.yo-svg-node-attribute-editor .attributes-block[type=position] .position-viewport .element-shadow.is-draggin {
  border-color: #0ff;
  --shadow-color: #0ff;
}
.yo-svg-node-attribute-editor .attributes-block[type=position] .position-viewport .element-shadow.is-draggin::before {
  opacity: 1;
}
.yo-svg-node-attribute-editor .attributes-block[type=position] .position-viewport .tool-interaction-hint {
  display: flex;
  align-items: center;
  flex-direction: column;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  justify-content: center;
  background: var(--background-color);
  transition: opacity 0.25s ease;
  z-index: 5;
  width: 165px;
  height: 165px;
  border-radius: 50%;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}
.yo-svg-node-attribute-editor .attributes-block[type=position] .position-viewport .tool-interaction-hint .hint {
  display: none;
  font-size: 2.5rem;
}
.yo-svg-node-attribute-editor .attributes-block[type=position] .position-viewport .tool-interaction-hint .hint.hint-angle::after {
  content: "°";
}
.yo-svg-node-attribute-editor .attributes-block[type=position] .position-viewport .tool-interaction-hint .hint.hint-scale::after {
  content: "x";
}
.yo-svg-node-attribute-editor .attributes-block[type=position] .position-viewport .tool-interaction-hint .hint.hint-move {
  font-size: 1.2rem;
}
.yo-svg-node-attribute-editor .attributes-block[type=position] .position-viewport .tool-interaction-hint .hint.hint-move::before {
  content: "(";
}
.yo-svg-node-attribute-editor .attributes-block[type=position] .position-viewport .tool-interaction-hint .hint.hint-move::after {
  content: ")";
}
.yo-svg-node-attribute-editor .attributes-block[type=position] .position-viewport .tool-interaction-hint.show {
  opacity: 1;
}
.yo-svg-node-attribute-editor .attributes-block[type=position] .position-viewport .tool-interaction-hint.show.angle .hint-angle {
  display: block;
}
.yo-svg-node-attribute-editor .attributes-block[type=position] .position-viewport .tool-interaction-hint.show.scale .hint-scale {
  display: block;
}
.yo-svg-node-attribute-editor .attributes-block[type=position] .position-viewport .tool-interaction-hint.show.move .hint-move {
  display: block;
}
.yo-svg-node-attribute-editor .attributes-block[type=position] .position-viewport .rotation-tool {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}
.yo-svg-node-attribute-editor .attributes-block[type=position] .position-viewport .scale-tool {
  position: absolute;
  bottom: 0%;
  left: 50%;
  translate: -50% 0%;
}
.yo-svg-node-attribute-editor .attributes-block[type=position] .attribute-list, .yo-svg-node-attribute-editor .attributes-block[type=style] .attribute-list, .yo-svg-node-attribute-editor .attributes-block[type=transform] .attribute-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}
.yo-svg-node-attribute-editor .attributes-block[type=position] .attribute-list .attribute-item, .yo-svg-node-attribute-editor .attributes-block[type=style] .attribute-list .attribute-item, .yo-svg-node-attribute-editor .attributes-block[type=transform] .attribute-list .attribute-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.yo-svg-node-attribute-editor .attributes-block[type=position] .attribute-list .attribute-input-group, .yo-svg-node-attribute-editor .attributes-block[type=style] .attribute-list .attribute-input-group, .yo-svg-node-attribute-editor .attributes-block[type=transform] .attribute-list .attribute-input-group {
  position: relative;
}
.yo-svg-node-attribute-editor .attributes-block[type=position] .attribute-list .attribute-input-group:has(input[type=color]) input[type=text], .yo-svg-node-attribute-editor .attributes-block[type=style] .attribute-list .attribute-input-group:has(input[type=color]) input[type=text], .yo-svg-node-attribute-editor .attributes-block[type=transform] .attribute-list .attribute-input-group:has(input[type=color]) input[type=text] {
  padding-left: 2rem;
}
.yo-svg-node-attribute-editor .attributes-block[type=position] .attribute-list .attribute-input-group:has(input[type=color]) input[type=color], .yo-svg-node-attribute-editor .attributes-block[type=style] .attribute-list .attribute-input-group:has(input[type=color]) input[type=color], .yo-svg-node-attribute-editor .attributes-block[type=transform] .attribute-list .attribute-input-group:has(input[type=color]) input[type=color] {
  position: absolute;
  left: 0.25rem;
  top: 50%;
  translate: 0 -50%;
}
.yo-svg-node-attribute-editor .attributes-block[type=transform] .attribute-list .attribute-item {
  display: grid;
  grid-template-columns: 1fr auto auto;
  place-items: center stretch;
  gap: 0.5rem;
}
.yo-svg-node-attribute-editor .attributes-block[type=transform] .attribute-list .attribute-item:not(.matrix) input[type=text] {
  width: 3rem;
}
.yo-svg-node-attribute-editor .attributes-block[type=other] .attribute-list {
  display: grid;
  grid-template-columns: auto 1fr auto;
  place-items: center stretch;
  gap: 0 1rem;
}
.yo-svg-node-attribute-editor .attributes-block[type=other] .attribute-list .attribute-item {
  display: contents;
}
.yo-svg-node-attribute-editor .attributes-block[type=other] .attribute-list .attribute-item.column-header ls {
  font-size: 0.8rem;
  opacity: 0.8;
  font-style: italic;
}
.yo-svg-node-attribute-editor .attributes-block[type=other] .attribute-list .attribute-item md-input-container {
  margin-top: 0;
}
.yo-svg-node-attribute-editor .attributes-block[type=other] .attribute-list .attribute-item md-input-container input {
  width: auto;
}
.yo-svg-node-attribute-editor .attribute-list-container {
  display: grid;
  gap: 1rem;
}
.yo-svg-node-attribute-editor[yo-display=accordeon] .attributes-block {
  display: grid;
  grid-template-rows: auto 0fr;
  overflow: hidden;
  transition: 0.25s ease;
  padding: 0;
  background: transparent;
}
.yo-svg-node-attribute-editor[yo-display=accordeon] .attributes-block > h5 {
  cursor: pointer;
  font-size: 1.2rem;
  text-transform: uppercase;
}
.yo-svg-node-attribute-editor[yo-display=accordeon] .attributes-block > div {
  overflow: hidden;
  padding: 0;
}
.yo-svg-node-attribute-editor[yo-display=accordeon] .attributes-block.active {
  grid-template-rows: auto 1fr;
}

.yo-svg-selection-toolbox {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
.yo-svg-selection-toolbox > div > yo-icon {
  font-size: 1.5rem;
  cursor: pointer;
}
.yo-svg-selection-toolbox dialog#info-panel-dialog {
  width: 480px;
}
.yo-svg-selection-toolbox dialog#info-panel-dialog .element-info .element-tag {
  font-size: 1.5rem;
  font-weight: bold;
}
.yo-svg-selection-toolbox dialog#info-panel-dialog .element-info .yo-node-path {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.yo-svg-selection-toolbox dialog#info-panel-dialog .element-info .yo-node-path .yo-node-path-item {
  display: flex;
  align-items: center;
  line-height: 1.4;
  gap: 0.5rem;
}
.yo-svg-selection-toolbox dialog#info-panel-dialog .element-info .yo-node-path .yo-node-path-item:first-child {
  opacity: 0.5;
  font-style: italic;
  font-weight: 400;
  pointer-events: none;
}
.yo-svg-selection-toolbox dialog#info-panel-dialog .element-info .yo-node-path .yo-node-path-item:not(:last-child) {
  cursor: pointer;
  font-weight: bold;
  font-size: 1.1rem;
}
.yo-svg-selection-toolbox dialog#info-panel-dialog .element-info .yo-node-path .yo-node-path-item:not(:last-child)::after {
  content: "\f054";
  font-family: var(--yo-font-icon-family);
  opacity: 0.25;
  pointer-events: none;
  position: relative;
  font-size: 1.5em;
  font-weight: 200;
  font-style: normal;
}
.yo-svg-selection-toolbox dialog#info-panel-dialog .element-info .yo-node-path .yo-node-path-item:last-child {
  color: #f90;
}
.yo-svg-selection-toolbox dialog#info-panel-dialog .element-attributes {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 0.5rem;
  max-height: 500px;
  overflow: hidden auto;
}
.yo-svg-selection-toolbox dialog#info-panel-dialog .element-attributes .element-attribute-item {
  display: grid;
  grid-template-columns: auto 1fr auto;
  place-items: start stretch;
  gap: 0 1rem;
}
.yo-svg-selection-toolbox dialog#info-panel-dialog .element-attributes .element-attribute-item .attribute-name {
  font-size: 0.75rem;
  opacity: 0.8;
  font-style: italic;
  padding-top: 0.25rem;
}
.yo-svg-selection-toolbox dialog#info-panel-dialog .element-attributes .element-attribute-item .attribute-value {
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.yo-svg-selection-toolbox dialog#position-panel-dialog {
  width: 640px;
}
.yo-svg-selection-toolbox dialog#typography-panel-dialog {
  width: 640px;
}
.yo-svg-selection-toolbox dialog#typography-panel-dialog textarea {
  width: 100%;
}
.yo-svg-selection-toolbox dialog#stack-panel-dialog {
  width: 480px;
}
.yo-svg-selection-toolbox dialog#stack-panel-dialog .stack-option-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.yo-svg-selection-toolbox dialog#stack-panel-dialog .stack-option-row .stack-option {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  border-radius: 0.25rem;
  transition: 0.25s ease;
}
.yo-svg-selection-toolbox dialog#stack-panel-dialog .stack-option-row .stack-option:hover {
  background: color-mix(in srgb, var(--text-color), transparent 90%);
}
.yo-svg-selection-toolbox dialog#stack-panel-dialog .stack-option-row yo-icon {
  font-size: 1.5rem;
  cursor: pointer;
}
.yo-svg-selection-toolbox dialog#code-panel-dialog {
  width: 640px;
}
.yo-svg-selection-toolbox dialog#code-panel-dialog textarea {
  width: 100%;
  font-family: "Courier New", monospace;
  font-size: 0.9rem;
}
.yo-svg-selection-toolbox dialog#gradient-panel-dialog {
  width: 480px;
}
.yo-svg-selection-toolbox dialog#gradient-panel-dialog .gradient-list {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 1rem;
}
.yo-svg-selection-toolbox dialog#gradient-panel-dialog .gradient-list .gradient-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  gap: 0.5rem;
}
.yo-svg-selection-toolbox dialog#gradient-panel-dialog .gradient-list .gradient-item .gradient-preview {
  width: 2rem;
  height: 2rem;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  border: solid 1px #fff;
}
.yo-svg-selection-toolbox dialog#gradient-panel-dialog .gradient-list .gradient-item .gradient-preview.linear {
  border-radius: 0.25rem;
}
.yo-svg-selection-toolbox dialog#gradient-panel-dialog .gradient-list .gradient-item .gradient-preview.radial {
  border-radius: 50%;
}
.yo-svg-selection-toolbox dialog#gradient-panel-dialog .gradient-list .gradient-item .gradient-name {
  font-size: 0.75rem;
  text-align: center;
}
.yo-svg-selection-toolbox [disabled=disabled] dialog {
  display: none !important;
}
.yo-svg-selection-toolbox .yo-color-group {
  position: relative;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cg fill='%239C92AC' fill-opacity='0.4'%3E%3Cpath fill-rule='evenodd' d='M0 0h4v4H0V0zm4 4h4v4H4V4z'/%3E%3C/g%3E%3C/svg%3E");
}
.yo-svg-selection-toolbox .yo-color-group .yo-color-input {
  width: 1.5rem;
  height: 1.5rem;
  padding: 0;
  border: none;
  border-radius: 50%;
  overflow: hidden;
}
.yo-svg-selection-toolbox .yo-color-group .yo-color-input > .yo-color-preview {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.yo-svg-selection-toolbox .yo-color-group .yo-color-input dialog.yo-color-picker-dialog {
  inset: auto;
  top: anchor(top);
  right: anchor(right);
  background: color-mix(in srgb, var(--background-color), #fff 10%);
}
.yo-svg-selection-toolbox .yo-color-group .yo-color-input.fill-color-selector {
  position: absolute;
  top: -0.25rem;
  left: -0.25rem;
  z-index: 5;
}
.yo-svg-selection-toolbox .yo-color-group .yo-color-input.fill-color-selector::-webkit-color-swatch {
  border: none;
  border-radius: 50%;
}
.yo-svg-selection-toolbox .yo-color-group .yo-color-input.stroke-color-selector {
  position: absolute;
  bottom: -0.25rem;
  right: -0.25rem;
}
.yo-svg-selection-toolbox .yo-color-group .yo-color-input.stroke-color-selector::-webkit-color-swatch {
  background: transparent !important;
  pointer-events: none;
  border: solid 5px var(--component-color, rgba(204, 204, 204, 0.3333333333));
  border-radius: 50%;
}
.yo-svg-selection-toolbox .yo-color-group .yo-color-input::-webkit-color-swatch-wrapper {
  padding: 0;
}
.yo-svg-selection-toolbox .yo-color-group > yo-icon.color-swap {
  position: absolute;
  z-index: 10;
  top: 0;
  right: 0;
  font-size: 0.75rem;
  cursor: pointer;
  transition: 0.25s ease;
}
.yo-svg-selection-toolbox .yo-color-group > yo-icon.stroke-options {
  position: absolute;
  z-index: 10;
  bottom: 0;
  left: 0;
  font-size: 0.75rem;
  cursor: pointer;
  transition: 0.25s ease;
}

.yo-svg-selection-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  pointer-events: none;
  box-sizing: border-box;
  transform-origin: center center;
  display: none;
  anchor-name: --yo-selection-anchor;
  /* ─────────────────────────────────────────────────────────
  Handles — base
  ───────────────────────────────────────────────────────── */
}
.yo-svg-selection-box .yo-handle {
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: #ffffff;
  border: 2px solid #4A90E2;
  border-radius: 2px;
  box-sizing: border-box;
  pointer-events: all;
  transform: translate(-50%, -50%);
}
.yo-svg-selection-box .yo-handle:hover {
  background-color: #4A90E2;
}
.yo-svg-selection-box {
  /* ─────────────────────────────────────────────────────────
  Handles resize — coins seulement
  ───────────────────────────────────────────────────────── */
}
.yo-svg-selection-box .yo-handle--nw {
  top: 0%;
  left: 0%;
  cursor: nw-resize;
}
.yo-svg-selection-box .yo-handle--ne {
  top: 0%;
  left: 100%;
  cursor: ne-resize;
}
.yo-svg-selection-box .yo-handle--se {
  top: 100%;
  left: 100%;
  cursor: se-resize;
}
.yo-svg-selection-box .yo-handle--sw {
  top: 100%;
  left: 0%;
  cursor: sw-resize;
}
.yo-svg-selection-box {
  /* ─────────────────────────────────────────────────────────
  Handle rotation
  ───────────────────────────────────────────────────────── */
}
.yo-svg-selection-box .yo-handle--rotate {
  top: -28px;
  left: 50%;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  cursor: grab;
  background-color: #ffffff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234A90E2' stroke-width='2.5'%3E%3Cpath d='M21 2v6h-6M3 12a9 9 0 0 1 15-6.7L21 8M3 22v-6h6M21 12a9 9 0 0 1-15 6.7L3 16'/%3E%3C/svg%3E");
  background-size: 70%;
  background-repeat: no-repeat;
  background-position: center;
}
.yo-svg-selection-box .yo-handle--rotate:active {
  cursor: grabbing;
}
.yo-svg-selection-box .yo-handle--rotate::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 1px;
  height: 10px;
  background-color: #4A90E2;
}

.yo-svg-selection-box--active {
  display: block;
  outline: 2px solid #4A90E2;
  outline-offset: 1px;
  pointer-events: all;
}

.yo-svg-minimap {
  position: absolute;
  border-radius: 0.5rem;
  overflow: hidden;
  width: 200px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3333333333), 0 0 0 2px #fff;
}
.yo-svg-minimap .yo-minimap-frame {
  position: absolute;
  box-shadow: 0 0 0 10vmax rgba(0, 0, 0, 0.5333333333);
}

.yo-svg-tree {
  padding: 1rem;
}
.yo-svg-tree .yo-svg-node-child-container {
  padding-left: 1rem;
}
.yo-svg-tree .yo-svg-node {
  padding: 0.25rem;
  border-radius: 0.25rem;
}
.yo-svg-tree .yo-svg-node .yo-svg-node-name {
  display: grid;
  grid-template-columns: auto auto 1fr;
  place-items: center stretch;
  gap: 0 0.25rem;
}
.yo-svg-tree .yo-svg-node .yo-svg-node-name em {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 300px;
}
.yo-svg-tree .yo-svg-node .yo-svg-node-name em:not(:empty)::before {
  content: "(";
}
.yo-svg-tree .yo-svg-node .yo-svg-node-name em:not(:empty)::after {
  content: ")";
}
.yo-svg-tree .yo-svg-node.yo-selected {
  background: rgba(0, 0, 0, 0.0666666667);
}
.yo-svg-tree .yo-svg-node.yo-selected .yo-svg-node-name {
  font-weight: bold;
  --text-color: var(--action-color);
}
.yo-svg-tree .yo-svg-node.yo-selected .yo-svg-node-name i.fal {
  font-weight: inherit;
}

.yo-svg-gradient-editor {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.yo-svg-gradient-editor .yo-editor-mode-tabs {
  display: flex;
  gap: 1rem;
  position: relative;
}
.yo-svg-gradient-editor .yo-editor-mode-tabs::after {
  content: "";
  position-anchor: --active-tab-anchor;
  background: #ff9900;
  position: absolute;
  z-index: 1;
  height: 3px;
  left: anchor(left);
  right: anchor(right);
  border-radius: 1rem;
  top: 100%;
  transition: 0.25s ease, right 0.25s 0.05s ease-in-out;
}
.yo-svg-gradient-editor .yo-editor-mode-tabs .yo-mode-tab {
  position: relative;
  padding: 0.5rem 1rem;
  cursor: pointer;
}
.yo-svg-gradient-editor .yo-editor-mode-tabs .yo-mode-tab.active {
  anchor-name: --active-tab-anchor;
}
.yo-svg-gradient-editor .yo-editor-content {
  padding: 1rem;
}
.yo-svg-gradient-editor .yo-editor-content .yo-visual-editor {
  display: grid;
  gap: 1rem;
  --transparency-bg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cg fill='%239C92AC' fill-opacity='0.4'%3E%3Cpath fill-rule='evenodd' d='M0 0h4v4H0V0zm4 4h4v4H4V4z'/%3E%3C/g%3E%3C/svg%3E");
}
.yo-svg-gradient-editor .yo-editor-content .yo-visual-editor .yo-gradient-preview-container {
  background: var(--transparency-bg);
  border-radius: 0.5rem;
  overflow: hidden;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
}
.yo-svg-gradient-editor .yo-editor-content .yo-visual-editor .yo-gradient-preview {
  width: 100%;
  height: 80px;
}
.yo-svg-gradient-editor .yo-editor-content .yo-visual-editor .yo-gradient-stops {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.yo-svg-gradient-editor .yo-editor-content .yo-visual-editor .yo-gradient-stop {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 0 0.5rem;
  place-items: center stretch;
}
.yo-svg-gradient-editor .yo-editor-content .yo-visual-editor .yo-gradient-stop > div > .yo-input {
  width: calc(100% - 2rem);
}
.yo-svg-gradient-editor .yo-editor-content .yo-visual-editor .yo-gradient-stop .yo-color-input {
  --yo-color-preview-size: 2rem;
  background: var(--transparency-bg);
}
.yo-svg-gradient-editor .yo-editor-content .yo-code-editor textarea {
  width: 100%;
  height: 200px;
  font-family: "Courier New", monospace;
  font-size: 0.9rem;
}

.md-dialog-container {
  --text-color:#333;
  --primary-color: hsl(var(--base-primary), 100%);
  --primary-color-inverse: hsl(var(--base-primary), 0%);
  --primary-color-contrast-min: hsl(var(--base-primary), 85%);
  --primary-color-contrast-mid: hsl(var(--base-primary), 60%);
  --primary-color-contrast-max: hsl(var(--base-primary), 0%);
}
.md-dialog-container md-dialog.als-ui-element {
  border-radius: 1rem;
}
.md-dialog-container md-dialog.als-ui-element md-toolbar {
  background-color: #000;
}
.md-dialog-container md-dialog.als-ui-element md-toolbar .md-toolbar-tools {
  --text-color:#fff;
}
.md-dialog-container md-dialog.als-ui-element:has(md-dialog-content) {
  background: transparent;
}
.md-dialog-container md-dialog.als-ui-element:has(md-dialog-content) md-toolbar {
  background: rgba(0, 0, 0, 0.3333333333);
  backdrop-filter: blur(5px);
  padding-bottom: 1rem;
}
.md-dialog-container md-dialog.als-ui-element:has(md-dialog-content) md-dialog-actions {
  padding-top: 1rem;
}
.md-dialog-container md-dialog.als-ui-element:has(md-dialog-content) md-dialog-content {
  position: relative;
  z-index: 10;
  background: var(--dialog-background-color, #fff);
  border-radius: 1rem;
  margin-block: -1rem;
}
.md-dialog-container md-dialog.als-ui-element .yo-accordeon .yo-accordeon-tab {
  --tab-contrast: 90%;
}
.md-dialog-container md-dialog-actions {
  background-color: #000;
  --text-color:#fff;
}
.md-dialog-container md-dialog-actions md-swicth {
  margin-block: 0;
}

.als-ui-element#text-editor md-dialog-content {
  width: 80vw;
  height: 65vh;
}
.als-ui-element#text-editor md-dialog-content textarea {
  width: 100%;
  height: calc(100% - 3rem);
}
.als-ui-element#post-customization-adv {
  max-width: 100vw;
  max-height: 100vh;
}
.als-ui-element#post-customization-adv .fullscreen-dialog {
  width: 100vw;
  height: 100vh;
  background: var(--background-color);
  --text-color: #fff;
  display: grid;
  grid-template-rows: auto 1fr;
  overflow: hidden;
}
.als-ui-element#post-customization-adv .dialog-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem;
}
.als-ui-element#post-customization-adv md-dialog-content {
  display: grid;
  grid-template-columns: 1fr auto;
  max-height: unset;
  position: relative;
}
.als-ui-element#post-customization-adv .svg-toolbox {
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  z-index: 20;
  background: color-mix(in srgb, #333, transparent 5%);
  display: flex;
  gap: 0.5rem;
  border-radius: 4rem;
}
.als-ui-element#post-customization-adv .visualisation-viewport {
  position: relative;
  background: color-mix(in srgb, var(--background-color), #000 10%);
  overflow: auto;
  scrollbar-gutter: stable both-edges;
}
.als-ui-element#post-customization-adv .visualisation-viewport .placeholder {
  position: absolute;
  inset: 50%;
  width: 100%;
  translate: -50% -50%;
}
.als-ui-element#post-customization-adv .visualisation-viewport .preview-guides {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 10;
  opacity: 1;
  overflow: hidden;
}
.als-ui-element#post-customization-adv .visualisation-viewport .preview-guides .guide {
  position: absolute;
  height: 1px;
  width: 100vmax;
  background: #ff0;
  transform-origin: center center;
}
.als-ui-element#post-customization-adv .visualisation-viewport .preview-guides .guide.first-quarter {
  opacity: 0.33;
  translate: -50% -50%;
}
.als-ui-element#post-customization-adv .visualisation-viewport .preview-guides .guide.first-quarter.horizontal {
  left: 50%;
  top: 25%;
}
.als-ui-element#post-customization-adv .visualisation-viewport .preview-guides .guide.first-quarter.vertical {
  top: 50%;
  left: 25%;
}
.als-ui-element#post-customization-adv .visualisation-viewport .preview-guides .guide.third-quarter {
  opacity: 0.33;
  translate: -50% -50%;
}
.als-ui-element#post-customization-adv .visualisation-viewport .preview-guides .guide.third-quarter.horizontal {
  left: 50%;
  top: 75%;
}
.als-ui-element#post-customization-adv .visualisation-viewport .preview-guides .guide.third-quarter.vertical {
  top: 50%;
  left: 75%;
}
.als-ui-element#post-customization-adv .visualisation-viewport .preview-guides .guide.center {
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  opacity: 1;
}
.als-ui-element#post-customization-adv .visualisation-viewport .preview-guides .guide.vertical {
  transform: rotate(90deg);
}
.als-ui-element#post-customization-adv .visualisation-viewport .preview-image-container {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  z-index: 5;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3333333333);
  scale: var(--preview-scale);
}
.als-ui-element#post-customization-adv .visualisation-viewport .preview-image-container:has(.preview-tabs) {
  inset: 0;
  translate: 0 0;
}
.als-ui-element#post-customization-adv .visualisation-viewport .post-preview-container {
  padding: 1rem;
}
.als-ui-element#post-customization-adv .visualisation-viewport .post-preview {
  display: grid;
  grid-template-rows: auto 1fr;
  overflow: hidden;
  border-radius: 0.5rem;
  width: var(--post-preview-width, 1200px);
  scale: var(--preview-scale);
  margin-inline: auto;
  transition: width 0.25s ease;
  --display-extra: none;
  --max-height-extra: 0px;
}
.als-ui-element#post-customization-adv .visualisation-viewport .post-preview.desktop-post {
  --post-preview-width: 680px;
  --display-extra:block;
  --max-height-extra: 8rem;
}
.als-ui-element#post-customization-adv .visualisation-viewport .post-preview.mobile-post {
  --post-preview-width: 360px;
  --display-extra:block;
  --max-height-extra: 8rem;
}
.als-ui-element#post-customization-adv .visualisation-viewport .post-preview.mobile-post .preview-description {
  display: none !important;
}
.als-ui-element#post-customization-adv .visualisation-viewport .post-preview .preview-image {
  aspect-ratio: 40/21;
}
.als-ui-element#post-customization-adv .visualisation-viewport .post-preview .preview-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}
.als-ui-element#post-customization-adv .visualisation-viewport .post-preview .preview-text,
.als-ui-element#post-customization-adv .visualisation-viewport .post-preview .preview-card-footer {
  max-height: var(--max-height-extra);
  transition: max-height 0.25s ease-out;
  overflow: hidden;
}
.als-ui-element#post-customization-adv .visualisation-viewport .post-preview .preview-text > div,
.als-ui-element#post-customization-adv .visualisation-viewport .post-preview .preview-card-footer > div {
  padding: 1rem;
}
.als-ui-element#post-customization-adv .visualisation-viewport .post-preview .preview-text {
  grid-row: 1;
  background: #fff;
  --text-color: #333;
}
.als-ui-element#post-customization-adv .visualisation-viewport .post-preview .preview-text > div {
  white-space: pre-line;
  max-height: 7.5em;
  overflow: hidden auto;
}
.als-ui-element#post-customization-adv .visualisation-viewport .post-preview .preview-card-footer {
  background: #cfcfcf;
  --text-color:#333;
}
.als-ui-element#post-customization-adv .visualisation-viewport .post-preview .preview-card-footer .preview-domain {
  text-transform: uppercase;
  opacity: 0.7;
}
.als-ui-element#post-customization-adv .visualisation-viewport .post-preview .preview-card-footer .preview-title {
  font-weight: bold;
  font-size: 1.2rem;
}
.als-ui-element#post-customization-adv .visualisation-viewport .post-preview .preview-card-footer .preview-description {
  opacity: 0.7;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
.als-ui-element#post-customization-adv .visualisation-viewport .viewport-toolbox {
  position: absolute;
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  background: color-mix(in srgb, #333, transparent 5%);
  display: flex;
  gap: 0.5rem;
  border-radius: 4rem;
  padding: 0.5rem 1rem;
  z-index: 50;
}
.als-ui-element#post-customization-adv .attributes {
  width: 33vw;
  padding-inline: 1rem;
  overflow: hidden auto;
  scrollbar-gutter: stable both-edges;
}
.als-ui-element#post-customization-adv .attributes .listing-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  place-items: center;
}
.als-ui-element#post-customization-adv .attributes .listing-list .listing-item {
  border-radius: 0.5rem;
  overflow: hidden;
  position: relative;
}
.als-ui-element#post-customization-adv .attributes .listing-list .listing-item .image-container {
  height: auto;
  width: 175px;
  aspect-ratio: 16/9;
}
.als-ui-element#post-customization-adv .attributes .listing-list .listing-item .selection-index {
  position: absolute;
  z-index: 5;
  aspect-ratio: 1;
  background: var(--action-color);
  color: var(--action-color-revert);
  border-radius: 2em;
  font-size: 0.8rem;
  padding: 0.25em 0.75em;
  text-align: center;
  box-shadow: 0 0 0 2px #fff;
  top: 1em;
  right: 1em;
}
.als-ui-element#post-customization-adv .attributes .listing-list .listing-item.selected {
  box-shadow: 0 0 0 2px var(--action-color);
}
.als-ui-element#post-customization-adv .attributes .image-priority-container {
  padding: 1rem;
}
.als-ui-element#post-customization-adv .attributes .image-priority-container .image-priority-list {
  display: grid;
  place-items: center stretch;
  gap: 1rem;
}
.als-ui-element#post-customization-adv .attributes .image-priority-container .image-priority {
  display: grid;
  grid-template-columns: auto 1fr auto auto;
  gap: 1rem;
  position: relative;
  place-items: center stretch;
  padding: 0.75rem 1rem;
}
.als-ui-element#post-customization-adv .attributes .image-priority-container .image-priority .image-preview {
  width: 100px;
  aspect-ratio: 4/3;
}
.als-ui-element#post-customization-adv .attributes .image-priority-container .image-priority .image-preview img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.als-ui-element#post-customization-adv .attributes .image-priority-container .image-priority label {
  width: 80px;
  font-size: 0.75rem;
  font-style: italic;
  opacity: 0.5;
  margin: 0;
}
.als-ui-element#post-customization-adv .attributes .image-priority-container .image-priority.main-picture {
  border-radius: 0.25rem;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
  background: #fff;
  --text-color: #333;
}
.als-ui-element#edit-customization-post {
  max-width: 100vw;
  max-height: 100vh;
  border-radius: 0.5rem;
}
.als-ui-element#edit-customization-post .fullscreen-dialog {
  width: calc(100vw - 1rem);
  height: calc(100vh - 1rem);
  background: var(--background-color);
  --text-color: #fff;
  border-radius: 0.5rem;
  display: grid;
  grid-template-rows: 1fr;
  overflow: hidden;
}
.als-ui-element#edit-customization-post .dialog-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem;
}
.als-ui-element#edit-customization-post als-dialog-actions {
  position: absolute;
  z-index: 20;
  bottom: 0rem;
  right: 0rem;
}
.als-ui-element#edit-customization-post md-dialog-content {
  display: grid;
  grid-template-columns: 1fr;
  max-height: unset;
  position: relative;
  margin-block: 0;
  background: none;
}
.als-ui-element#edit-customization-post .svg-toolbox {
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  z-index: 20;
  background: color-mix(in srgb, #333, transparent 5%);
  display: flex;
  gap: 0.5rem;
  border-radius: 4rem;
}
.als-ui-element#edit-customization-post .toolbox {
  position: absolute;
  top: 5rem;
  left: 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  z-index: 20;
  background: color-mix(in srgb, color-mix(in srgb, var(--background-color), #fff 5%), transparent 15%);
  padding: 1rem;
  border-radius: 1rem 5rem 5rem 5rem;
}
.als-ui-element#edit-customization-post .toolbox > yo-icon {
  font-size: 1.5rem;
}
.als-ui-element#edit-customization-post .toolbox .color-group .yo-input[type=color] {
  width: 1.5rem;
  height: 1.5rem;
  padding: 0;
  border: none;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: 0 0 0 2px #fff;
}
.als-ui-element#edit-customization-post .toolbox .color-group .yo-input[type=color]::-webkit-color-swatch-wrapper {
  padding: 0;
}
.als-ui-element#edit-customization-post .toolbox .color-group .yo-input[type=color]::-webkit-color-swatch {
  border: none;
  border-radius: 50%;
}
.als-ui-element#edit-customization-post .viewport-toolbox {
  anchor-name: --viewport-toolbox;
  position: absolute;
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  background: color-mix(in srgb, #333, transparent 5%);
  display: flex;
  gap: 0.5rem;
  border-radius: 4rem;
  padding: 0.5rem 1rem;
  z-index: 50;
}
.als-ui-element#edit-customization-post .viewport-toolbox i {
  font-size: 1.25rem;
  aspect-ratio: 1;
  line-height: 1.3;
  opacity: 0;
  transform: translate(0, 100%);
  animation: id3-anim-slide-in-bottom 0.25s ease-out forwards;
  animation-delay: calc(0.1s * sibling-index());
}
.als-ui-element#edit-customization-post .viewport-toolbox i.fal.active {
  color: #000;
  background: var(--highlight-color, #f90);
  border-radius: 0.25rem;
  box-shadow: 0 0 0 4px var(--highlight-color, #f90);
}
.als-ui-element#edit-customization-post .viewport-toolbox i.fal.active::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  translate: -50% -1rem;
  width: 0px;
  height: 0px;
  border: solid 0.5rem transparent;
  border-bottom-color: var(--highlight-color, #f90);
}
.als-ui-element#edit-customization-post .viewport-toolbox .zoom-control {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  anchor-name: --viewport-toolbox-zoom-control;
}
.als-ui-element#edit-customization-post .viewport-toolbox .zoom-control > span {
  display: inline-block;
  width: 5ch;
}
.als-ui-element#edit-customization-post .preview-minimap {
  position: absolute;
  position-anchor: --viewport-toolbox-zoom-control;
  bottom: calc(anchor(top) + 1rem);
  left: calc(anchor(left) + anchor-size(width) / 2);
  translate: -50% 0;
  z-index: 50;
  box-shadow: 0 0 0 2px #fff, 0 0 4px rgba(0, 0, 0, 0.3333333333);
}
.als-ui-element#edit-customization-post .context-toolbox {
  position: absolute;
  top: 5rem;
  right: 0.5rem;
  z-index: 20;
  background: color-mix(in srgb, color-mix(in srgb, var(--background-color), #fff 5%), transparent 15%);
  padding: 1rem;
  border-radius: 5rem 1rem 5rem 5rem;
}
.als-ui-element#edit-customization-post .context-toolbox dialog.config-panel {
  left: auto;
  right: anchor(left);
  translate: -1rem -1.5rem;
}
.als-ui-element#edit-customization-post .context-toolbox dialog.config-panel::before {
  left: auto;
  right: 0;
  translate: 1rem -1rem;
  border-right-color: transparent;
  border-left-color: var(--dialog-background-color);
}
.als-ui-element#edit-customization-post .customization-meta-panel {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 0.5rem 1rem;
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 2rem;
  z-index: 20;
  background: color-mix(in srgb, color-mix(in srgb, var(--background-color), #fff 5%), transparent 15%);
}
.als-ui-element#edit-customization-post .customization-meta-panel .close-button {
  font-size: 1.5rem;
  position: absolute;
  right: 1rem;
  top: 1rem;
}
.als-ui-element#edit-customization-post .customization-meta-panel > .group {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-top: 0.75rem;
}
.als-ui-element#edit-customization-post .customization-meta-panel .input-container {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-top: -0.75rem;
}
.als-ui-element#edit-customization-post .customization-meta-panel .input-container label {
  font-size: 0.75rem;
  opacity: 0.5;
}
.als-ui-element#edit-customization-post .customization-meta-panel .input-container input, .als-ui-element#edit-customization-post .customization-meta-panel .input-container select {
  border: none;
  border-radius: 0.25rem;
  padding: 0.25rem 0.5rem;
  width: max-content;
  max-width: 100%;
}
.als-ui-element#edit-customization-post .visualisation-viewport {
  position: absolute;
  inset: 0;
  background: color-mix(in srgb, var(--background-color), #000 10%);
  overflow: hidden;
}
.als-ui-element#edit-customization-post .visualisation-viewport .placeholder {
  position: absolute;
  inset: 50%;
  width: 100%;
  translate: -50% -50%;
}
.als-ui-element#edit-customization-post .visualisation-viewport .preview-guides {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 10;
  opacity: 1;
  overflow: hidden;
}
.als-ui-element#edit-customization-post .visualisation-viewport .preview-guides .guide {
  position: absolute;
  height: 1px;
  width: 100vmax;
  background: #ff0;
  transform-origin: center center;
}
.als-ui-element#edit-customization-post .visualisation-viewport .preview-guides .guide.first-quarter {
  opacity: 0.33;
  translate: -50% -50%;
}
.als-ui-element#edit-customization-post .visualisation-viewport .preview-guides .guide.first-quarter.horizontal {
  left: 50%;
  top: 25%;
}
.als-ui-element#edit-customization-post .visualisation-viewport .preview-guides .guide.first-quarter.vertical {
  top: 50%;
  left: 25%;
}
.als-ui-element#edit-customization-post .visualisation-viewport .preview-guides .guide.third-quarter {
  opacity: 0.33;
  translate: -50% -50%;
}
.als-ui-element#edit-customization-post .visualisation-viewport .preview-guides .guide.third-quarter.horizontal {
  left: 50%;
  top: 75%;
}
.als-ui-element#edit-customization-post .visualisation-viewport .preview-guides .guide.third-quarter.vertical {
  top: 50%;
  left: 75%;
}
.als-ui-element#edit-customization-post .visualisation-viewport .preview-guides .guide.center {
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  opacity: 1;
}
.als-ui-element#edit-customization-post .visualisation-viewport .preview-guides .guide.vertical {
  transform: rotate(90deg);
}
.als-ui-element#edit-customization-post .visualisation-viewport .preview-guides .guide.bleed {
  width: unset;
  height: unset;
  inset: 0;
  border: dashed 1px #f90;
  background: transparent;
  transform: none;
}
.als-ui-element#edit-customization-post .visualisation-viewport .preview-guides .guide.bleed.horizontal {
  top: 25px;
  bottom: 25px;
  border-left: none;
  border-right: none;
}
.als-ui-element#edit-customization-post .visualisation-viewport .preview-guides .guide.bleed.vertical {
  left: 25px;
  right: 25px;
  border-top: none;
  border-bottom: none;
}
.als-ui-element#edit-customization-post .visualisation-viewport .preview-guides .guide-group {
  display: grid;
  position: absolute;
  width: 100%;
  aspect-ratio: 1;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}
.als-ui-element#edit-customization-post .visualisation-viewport .preview-guides .guide-group.horizontal {
  grid-auto-flow: row;
  grid-auto-rows: var(--ruler-subgrid-size, 50px);
}
.als-ui-element#edit-customization-post .visualisation-viewport .preview-guides .guide-group.horizontal > div {
  width: 100%;
  height: 1px;
}
.als-ui-element#edit-customization-post .visualisation-viewport .preview-guides .guide-group.vertical {
  grid-auto-flow: column;
  grid-auto-columns: var(--ruler-subgrid-size, 50px);
}
.als-ui-element#edit-customization-post .visualisation-viewport .preview-guides .guide-group.vertical > div {
  height: 100%;
  width: 1px;
}
.als-ui-element#edit-customization-post .visualisation-viewport .preview-guides .guide-group > div {
  background: #ff0;
  opacity: 0.25;
}
.als-ui-element#edit-customization-post .visualisation-viewport .preview-image-container {
  position: absolute;
  inset: 0;
  z-index: 5;
}
.als-ui-element#edit-customization-post .visualisation-viewport .preview-image-container .preview-viewport {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  scale: var(--preview-scale);
}
.als-ui-element#edit-customization-post .visualisation-viewport .preview-image-container:has(.preview-tabs) {
  inset: 0;
  translate: 0 0;
}
.als-ui-element#edit-customization-post .visualisation-viewport .preview-editor-container {
  background: var(--yo-preview-background-image);
  background-size: cover;
  background-position: center;
  display: flex;
  flex-direction: column-reverse;
}
.als-ui-element#edit-customization-post .visualisation-viewport .preview-editor-container .yo-svg-editor {
  position: absolute;
  inset: 0;
}
.als-ui-element#edit-customization-post .visualisation-viewport .preview-editor-container .yo-svg-editor:not(.yo-active) {
  opacity: 0.5;
  pointer-events: none;
}
.als-ui-element#edit-customization-post .visualisation-viewport .preview-editor-container .yo-svg-editor:not(.yo-active) * {
  pointer-events: none !important;
}
.als-ui-element#edit-customization-post .visualisation-viewport .preview-editor-container .yo-hidden {
  display: none;
}
.als-ui-element#edit-customization-post .visualisation-viewport .active-layer-name {
  position: absolute;
  top: 0rem;
  left: 0;
  translate: 0% -100%;
  z-index: 10;
  background: #f90;
  padding: 0.25rem 1rem;
  border-radius: 0 0.5rem 0 0;
  corner-shape: bevel;
  font-size: 1rem;
  font-weight: bold;
}
.als-ui-element#edit-customization-post .visualisation-viewport .post-preview-container {
  padding: 1rem;
}
.als-ui-element#edit-customization-post .visualisation-viewport .post-preview {
  display: grid;
  grid-template-rows: auto 1fr;
  overflow: hidden;
  border-radius: 0.5rem;
  width: var(--post-preview-width, 1200px);
  scale: var(--preview-scale);
  margin-inline: auto;
  transition: width 0.25s ease;
  --display-extra: none;
  --max-height-extra: 0px;
}
.als-ui-element#edit-customization-post .visualisation-viewport .post-preview.desktop-post {
  --post-preview-width: 680px;
  --display-extra:block;
  --max-height-extra: 8rem;
}
.als-ui-element#edit-customization-post .visualisation-viewport .post-preview.mobile-post {
  --post-preview-width: 360px;
  --display-extra:block;
  --max-height-extra: 8rem;
}
.als-ui-element#edit-customization-post .visualisation-viewport .post-preview.mobile-post .preview-description {
  display: none !important;
}
.als-ui-element#edit-customization-post .visualisation-viewport .post-preview .preview-image {
  aspect-ratio: 40/21;
}
.als-ui-element#edit-customization-post .visualisation-viewport .post-preview .preview-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}
.als-ui-element#edit-customization-post .visualisation-viewport .post-preview .preview-text,
.als-ui-element#edit-customization-post .visualisation-viewport .post-preview .preview-card-footer {
  max-height: var(--max-height-extra);
  transition: max-height 0.25s ease-out;
  overflow: hidden;
}
.als-ui-element#edit-customization-post .visualisation-viewport .post-preview .preview-text > div,
.als-ui-element#edit-customization-post .visualisation-viewport .post-preview .preview-card-footer > div {
  padding: 1rem;
}
.als-ui-element#edit-customization-post .visualisation-viewport .post-preview .preview-text {
  grid-row: 1;
  background: #fff;
  --text-color: #333;
}
.als-ui-element#edit-customization-post .visualisation-viewport .post-preview .preview-text > div {
  white-space: pre-line;
  max-height: 7.5em;
  overflow: hidden auto;
}
.als-ui-element#edit-customization-post .visualisation-viewport .post-preview .preview-card-footer {
  background: #cfcfcf;
  --text-color:#333;
}
.als-ui-element#edit-customization-post .visualisation-viewport .post-preview .preview-card-footer .preview-domain {
  text-transform: uppercase;
  opacity: 0.7;
}
.als-ui-element#edit-customization-post .visualisation-viewport .post-preview .preview-card-footer .preview-title {
  font-weight: bold;
  font-size: 1.2rem;
}
.als-ui-element#edit-customization-post .visualisation-viewport .post-preview .preview-card-footer .preview-description {
  opacity: 0.7;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
.als-ui-element#edit-customization-post .attributes {
  position: absolute;
  inset: 1rem 1rem 4rem auto;
  width: 20vw;
  padding: 1rem;
  overflow: hidden auto;
  scrollbar-gutter: stable both-edges;
  z-index: 25;
  background: color-mix(in srgb, color-mix(in srgb, var(--background-color), #fff 5%), transparent 15%);
  border-radius: 0.5rem;
}
.als-ui-element#edit-customization-post .attributes .listing-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  place-items: center;
}
.als-ui-element#edit-customization-post .attributes .listing-list .listing-item {
  border-radius: 0.5rem;
  overflow: hidden;
  position: relative;
}
.als-ui-element#edit-customization-post .attributes .listing-list .listing-item .image-container {
  height: auto;
  width: 175px;
  aspect-ratio: 16/9;
}
.als-ui-element#edit-customization-post .attributes .listing-list .listing-item .selection-index {
  position: absolute;
  z-index: 5;
  aspect-ratio: 1;
  background: var(--action-color);
  color: var(--action-color-revert);
  border-radius: 2em;
  font-size: 0.8rem;
  padding: 0.25em 0.75em;
  text-align: center;
  box-shadow: 0 0 0 2px #fff;
  top: 1em;
  right: 1em;
}
.als-ui-element#edit-customization-post .attributes .listing-list .listing-item.selected {
  box-shadow: 0 0 0 2px var(--action-color);
}
.als-ui-element#edit-customization-post .attributes .image-priority-container {
  padding: 1rem;
}
.als-ui-element#edit-customization-post .attributes .image-priority-container .image-priority-list {
  display: grid;
  place-items: center stretch;
  gap: 1rem;
}
.als-ui-element#edit-customization-post .attributes .image-priority-container .image-priority {
  display: grid;
  grid-template-columns: auto 1fr auto auto;
  gap: 1rem;
  position: relative;
  place-items: center stretch;
  padding: 0.75rem 1rem;
}
.als-ui-element#edit-customization-post .attributes .image-priority-container .image-priority .image-preview {
  width: 100px;
  aspect-ratio: 4/3;
}
.als-ui-element#edit-customization-post .attributes .image-priority-container .image-priority .image-preview img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.als-ui-element#edit-customization-post .attributes .image-priority-container .image-priority label {
  width: 80px;
  font-size: 0.75rem;
  font-style: italic;
  opacity: 0.5;
  margin: 0;
}
.als-ui-element#edit-customization-post .attributes .image-priority-container .image-priority.main-picture {
  border-radius: 0.25rem;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
  background: #fff;
  --text-color: #333;
}
.als-ui-element#edit-customization-post dialog.config-panel {
  --dialog-background-color: color-mix(in srgb, var(--background-color), #fff 10%);
  margin: auto;
  inset: auto;
  top: anchor(top);
  left: anchor(right);
  translate: 1rem -1rem;
  background: var(--dialog-background-color);
  border-radius: 1rem 1rem 1rem;
  padding: 0.5rem;
  outline: none;
  border: none;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3333333333);
}
.als-ui-element#edit-customization-post dialog.config-panel::before {
  content: "";
  position: absolute;
  top: 2.5rem;
  left: 0;
  width: 0rem;
  height: 0rem;
  translate: -1rem -1rem;
  border: solid 0.5rem transparent;
  border-right-color: var(--dialog-background-color);
  z-index: -1;
}
.als-ui-element#edit-customization-post dialog.config-panel .dialog-content {
  overflow: hidden auto;
  max-height: 50vh;
  padding: 0.5rem;
}
.als-ui-element#edit-customization-post dialog.config-panel .dialog-content .dialog-title {
  font-weight: bold;
  margin: 0;
  font-size: 1.2rem;
  text-transform: uppercase;
}
.als-ui-element#edit-customization-post dialog.config-panel .dialog-content .dialog-subtitle {
  opacity: 0.75;
  margin: 0 0 0.5em 0;
}
.als-ui-element#edit-customization-post dialog.config-panel#new-object-panel-dialog .object-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.als-ui-element#edit-customization-post dialog.config-panel#new-object-panel-dialog .object-list .object-group {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}
.als-ui-element#edit-customization-post dialog.config-panel#new-object-panel-dialog .object-list .object-group .object-group-title {
  grid-column: 1/-1;
  font-size: 1.2rem;
  opacity: 0.75;
  text-transform: uppercase;
}
.als-ui-element#edit-customization-post dialog.config-panel#new-object-panel-dialog .object-list .object-group:not(:has(.object-item)) {
  display: none;
}
.als-ui-element#edit-customization-post dialog.config-panel#new-object-panel-dialog .object-list .object-item {
  background: color-mix(in srgb, var(--text-color), transparent 90%);
  border-radius: 0.25rem;
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100px;
  transition: 0.25s ease;
}
.als-ui-element#edit-customization-post dialog.config-panel#new-object-panel-dialog .object-list .object-item:hover {
  scale: 1.1;
}
.als-ui-element#edit-customization-post dialog.config-panel#new-object-panel-dialog .object-list .object-item > span {
  font-size: 0.75rem;
  opacity: 0.5;
}
.als-ui-element#edit-customization-post dialog.config-panel#new-object-panel-dialog .object-list .object-item .object-item-svg-preview svg {
  fill: var(--text-color);
}
.als-ui-element#edit-customization-post dialog.config-panel#layers-panel-dialog {
  width: 500px;
}
.als-ui-element#edit-customization-post dialog.config-panel#layers-panel-dialog .layer-list {
  display: flex;
  flex-direction: column-reverse;
  gap: 0.25rem;
  align-items: stretch;
  overflow: hidden auto;
  max-height: 50vh;
  padding: 4px;
}
.als-ui-element#edit-customization-post dialog.config-panel#layers-panel-dialog .layer-list .layer-item {
  display: grid;
  grid-template-columns: auto auto 1fr auto;
  gap: 0.5rem;
  place-items: center stretch;
  padding: 0.5rem;
  background: color-mix(in srgb, var(--text-color), transparent 97%);
  border-radius: 0.25rem;
  anchor-scope: --subpanel-anchor;
}
.als-ui-element#edit-customization-post dialog.config-panel#layers-panel-dialog .layer-list .layer-item .layer-preview {
  width: 50px;
  aspect-ratio: 4/3;
  background: color-mix(in srgb, var(--text-color), transparent 90%);
}
.als-ui-element#edit-customization-post dialog.config-panel#layers-panel-dialog .layer-list .layer-item .layer-preview img, .als-ui-element#edit-customization-post dialog.config-panel#layers-panel-dialog .layer-list .layer-item .layer-preview svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.als-ui-element#edit-customization-post dialog.config-panel#layers-panel-dialog .layer-list .layer-item .layer-preview svg {
  background-size: cover;
}
.als-ui-element#edit-customization-post dialog.config-panel#layers-panel-dialog .layer-list .layer-item .layer-actions {
  display: flex;
  align-items: center;
}
.als-ui-element#edit-customization-post dialog.config-panel#layers-panel-dialog .layer-list .layer-item.yo-active {
  background: color-mix(in srgb, var(--text-color), transparent 80%);
  box-shadow: 0 0 0 2px var(--action-color);
}
.als-ui-element#edit-customization-post dialog.config-panel#layers-panel-dialog .layer-list .layer-item .layer-condition-button {
  position: relative;
  anchor-name: --subpanel-anchor;
}
.als-ui-element#edit-customization-post dialog.config-panel#layers-panel-dialog .layer-list .layer-item .layer-condition-button.has-conditions yo-icon {
  font-weight: 800;
}
.als-ui-element#edit-customization-post dialog.config-panel#layers-panel-dialog .layer-list .layer-item .layer-condition-button.has-conditions yo-icon::before {
  color: var(--action-color);
}
.als-ui-element#edit-customization-post dialog.config-panel#text-panel-dialog {
  width: 640px;
  max-width: 640px;
}
.als-ui-element#edit-customization-post dialog.config-panel#text-panel-dialog .yo-input {
  width: 100%;
}
.als-ui-element#edit-customization-post dialog.config-panel#image-priority-panel-dialog .dialog-content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 680px;
}
.als-ui-element#edit-customization-post dialog.config-panel#image-priority-panel-dialog .image-priority-list {
  display: grid;
  gap: 0.5rem;
  grid-template-columns: auto 1fr auto;
}
.als-ui-element#edit-customization-post dialog.config-panel#image-priority-panel-dialog .image-priority-list .image-priority {
  display: grid;
  grid-column: 1/-1;
  grid-template-columns: subgrid;
  place-items: center stretch;
  position: relative;
  overflow: hidden;
}
.als-ui-element#edit-customization-post dialog.config-panel#image-priority-panel-dialog .image-priority-list .image-priority label {
  font-size: 1.25rem;
  font-weight: bold;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
}
.als-ui-element#edit-customization-post dialog.config-panel#image-priority-panel-dialog .image-priority-list .image-priority md-select {
  margin: 0;
  padding: 0;
}
.als-ui-element#edit-customization-post dialog.config-panel#image-priority-panel-dialog .image-priority-list .image-priority .image-preview {
  width: 70px;
  aspect-ratio: 4/3;
  border-radius: 0.5rem;
  overflow: hidden;
}
.als-ui-element#edit-customization-post dialog.config-panel#image-priority-panel-dialog .image-priority-list .image-priority .image-preview img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.als-ui-element#edit-customization-post dialog.config-panel#listing-selector-panel-dialog {
  top: auto;
  bottom: anchor(top);
  left: anchor(center);
  translate: 0 -1rem;
  justify-self: anchor-center;
  width: 640px;
  max-width: unset;
}
.als-ui-element#edit-customization-post dialog.config-panel#listing-selector-panel-dialog::before {
  top: unset;
  bottom: 0;
  left: 4rem;
  translate: 0 1rem;
  border: solid 0.5rem transparent;
  border-top-color: var(--dialog-background-color);
}
.als-ui-element#edit-customization-post dialog.config-panel#listing-selector-panel-dialog .listing-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.5rem;
}
.als-ui-element#edit-customization-post dialog.config-panel#listing-selector-panel-dialog .listing-list .listing-item {
  overflow: hidden;
  border-radius: 0.25rem;
  transition: 0.25s ease;
}
.als-ui-element#edit-customization-post dialog.config-panel#listing-selector-panel-dialog .listing-list .listing-item:hover {
  scale: 1.1;
}
.als-ui-element#edit-customization-post dialog.config-panel#listing-selector-panel-dialog .listing-list .listing-item .image-container {
  width: 100%;
  aspect-ratio: 4/3;
}
.als-ui-element#edit-customization-post dialog.config-panel#listing-selector-panel-dialog .listing-list .listing-item .image-container img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.als-ui-element#edit-customization-post dialog.config-panel#guides-settings-panel-dialog {
  top: auto;
  bottom: anchor(top);
  left: anchor(center);
  translate: 0 -1rem;
  justify-self: anchor-center;
  width: 480px;
  max-width: unset;
}
.als-ui-element#edit-customization-post dialog.config-panel#guides-settings-panel-dialog::before {
  top: unset;
  bottom: 0;
  left: 10.5rem;
  translate: 0 1rem;
  border: solid 0.5rem transparent;
  border-top-color: var(--dialog-background-color);
}
.als-ui-element#edit-customization-post dialog.config-panel#guides-settings-panel-dialog .guide-setting,
.als-ui-element#edit-customization-post dialog.config-panel#guides-settings-panel-dialog .guide-sub-grid-setting {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.als-ui-element#edit-customization-post dialog.config-panel#general-settings-panel-dialog {
  width: 640px;
}
.als-ui-element#edit-customization-post dialog.config-panel.layer-tree-panel-dialog, .als-ui-element#edit-customization-post dialog.config-panel.layer-conditions-panel-dialog {
  position-anchor: --subpanel-anchor;
  translate: 0.5rem -1.5rem;
  --dialog-background-color: color-mix(in srgb, var(--background-color), #fff 20%);
  width: 640px;
}
.als-ui-element#edit-customization-post dialog.config-panel.layer-tree-panel-dialog .dialog-content > h3, .als-ui-element#edit-customization-post dialog.config-panel.layer-conditions-panel-dialog .dialog-content > h3 {
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  padding-bottom: 1em;
}
.als-ui-element#edit-customization-html {
  max-width: 100vw;
  max-height: 100vh;
}
.als-ui-element#edit-customization-html .fullscreen-dialog {
  width: 100vw;
  height: 100vh;
  background: var(--background-color);
  padding: 1rem;
  display: grid;
  grid-template-rows: auto 1fr auto;
  overflow: hidden;
}
.als-ui-element#edit-customization-html .dialog-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
  padding-bottom: 2rem;
  --text-color: #fff;
}
.als-ui-element#edit-customization-html .dialog-footer {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 1rem;
}
.als-ui-element#edit-customization-html md-dialog-content {
  display: grid;
  grid-template-columns: auto 1fr;
  order: unset;
}
.als-ui-element#edit-customization-html .attributes {
  width: 33vw;
  padding: 1rem;
  overflow: hidden auto;
  scrollbar-gutter: stable both-edges;
}
.als-ui-element#edit-customization-html .attributes md-list-item input, .als-ui-element#edit-customization-html .attributes md-list-item select {
  flex: 1;
}
.als-ui-element#edit-customization-html .working-viewport {
  position: relative;
  overflow: auto;
  scrollbar-gutter: stable both-edges;
}
.als-ui-element#edit-customization-html .working-viewport .placeholder {
  position: absolute;
  inset: 50%;
  width: 100%;
  translate: -50% -50%;
}
.als-ui-element#edit-customization-html .working-viewport .canvas-container {
  position: absolute;
  inset: 0;
}
.als-ui-element#edit-customization-html .working-viewport .canvas-container md-tabs {
  position: absolute;
  inset: 0;
}
.als-ui-element#edit-customization-html .working-viewport .canvas-container .code-input-container {
  width: 100%;
  height: 100%;
  padding: 1rem;
}
.als-ui-element#edit-customization-html .working-viewport .canvas-container textarea {
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 0.25em;
  border: solid 1px color-mix(in srgb, var(--text-color), transparent);
  resize: none;
  padding: 1em;
  font-family: "Courier New", Courier, monospace;
  font-size: 1rem;
  color: #333;
  outline: none;
}
.als-ui-element#edit-customization-html .working-viewport .canvas-container textarea::placeholder {
  color: inherit;
  opacity: 0.5;
}
.als-ui-element#post-customization {
  max-width: 100%;
  max-height: 100%;
  width: 90vw;
  height: 90vh;
}
.als-ui-element#post-customization md-dialog-content {
  overflow: hidden;
  height: calc(90vh - 120px);
}
.als-ui-element#post-customization .md-dialog-content {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 1rem;
  overflow: hidden;
}
.als-ui-element#post-customization .md-dialog-content .preview-zone {
  width: 720px;
  height: calc(90vh - 160px);
  overflow: hidden overlay;
}
.als-ui-element#post-customization .md-dialog-content .preview-zone .preview-card {
  box-shadow: 0 0 0 1px #999;
  background-color: #fcfcfc;
  border-radius: 0.5rem;
  overflow: hidden;
}
.als-ui-element#post-customization .md-dialog-content .preview-zone .preview-image-container {
  width: 100%;
  height: auto;
  position: relative;
  aspect-ratio: 1200/630;
}
.als-ui-element#post-customization .md-dialog-content .preview-zone .preview-image-container img {
  width: 100%;
  height: 100%;
  border: none;
  text-indent: -100vw;
  position: relative;
  z-index: 5;
}
.als-ui-element#post-customization .md-dialog-content .preview-zone .preview-image-container .image-placeholder {
  display: block;
  text-align: center;
  font-size: 1.25rem;
  text-transform: uppercase;
  opacity: 0.5;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.als-ui-element#post-customization .md-dialog-content .preview-zone .preview-image-container .image-placeholder i.fal {
  display: block;
  text-align: center;
}
.als-ui-element#post-customization .md-dialog-content .preview-zone .preview-text {
  padding: 1rem;
  position: relative;
  max-width: 100%;
}
.als-ui-element#post-customization .md-dialog-content .preview-zone .preview-text p {
  max-width: fit-content;
}
.als-ui-element#post-customization .md-dialog-content .preview-zone .preview-text label.hint {
  font-size: 0.75rem;
  opacity: 0.75;
}
.als-ui-element#post-customization .md-dialog-content .preview-zone .preview-text label.placeholder {
  display: block;
  text-align: center;
  font-size: 1.25rem;
  text-transform: uppercase;
  opacity: 0.5;
}
.als-ui-element#post-customization .md-dialog-content .edit-zone {
  display: grid;
  grid-template-rows: auto 1fr;
  gap: 0;
  place-items: stretch;
}
.als-ui-element#post-customization .md-dialog-content .edit-zone .image-priority-container {
  padding: 1rem;
}
.als-ui-element#post-customization .md-dialog-content .edit-zone .image-priority-container .image-priority-list {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
}
.als-ui-element#post-customization .md-dialog-content .edit-zone .image-priority-container .image-priority {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 0.5rem;
  position: relative;
  place-items: center stretch;
  padding: 0.75rem 0.5rem;
}
.als-ui-element#post-customization .md-dialog-content .edit-zone .image-priority-container .image-priority label {
  position: absolute;
  top: 0px;
  left: 0.5rem;
  transform: translateY(0%);
  font-size: 0.75rem;
  font-style: italic;
  opacity: 0.5;
}
.als-ui-element#post-customization .md-dialog-content .edit-zone .image-priority-container .image-priority.main-picture {
  border: dashed 1px #ff9900;
  border-radius: 0.25rem;
}
.als-ui-element#post-customization .md-dialog-content .edit-zone .image-priority-container .image-priority.main-picture label {
  color: #ff9900;
  opacity: 1;
}
.als-ui-element#post-customization .md-dialog-content .post-content-section,
.als-ui-element#post-customization .md-dialog-content .post-text-section {
  position: relative;
  overflow: hidden;
}
.als-ui-element#post-customization .md-dialog-content .post-content-section {
  max-height: 640px;
  transition: 0.25s;
}
.als-ui-element#post-customization .md-dialog-content .post-content-section .image-edit {
  padding: 1rem;
  position: relative;
}
.als-ui-element#post-customization .md-dialog-content .post-content-section .image-edit textarea {
  max-width: 1200px;
  width: 100%;
  white-space: pre;
  overflow-wrap: normal;
  overflow: auto;
}
.als-ui-element#post-customization .md-dialog-content .post-content-section .image-edit textarea::-webkit-scrollbar-button {
  width: 6px;
  height: 6px;
}
.als-ui-element#post-customization .md-dialog-content .post-content-section .image-edit .md-errors-spacer {
  display: none;
}
.als-ui-element#post-customization .md-dialog-content .post-content-section .content-actions {
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 1rem;
  background: rgba(51, 51, 51, 0.8666666667);
  z-index: 20;
  transition: 0.25s ease;
  transform: translate(-50%, 100vh);
  --text-color:#fff;
  border-radius: 5px;
}
.als-ui-element#post-customization .md-dialog-content .post-content-section:hover .content-actions {
  transform: translate(-50%, -50%);
}
.als-ui-element#post-customization .md-dialog-content .post-content-section.edit-mode .content-actions {
  transform: translate(0, 0);
  top: unset;
  left: unset;
  padding: 0.25rem;
  background: unset;
  position: relative;
  color: #333;
}
.als-ui-element#post-customization .md-dialog-content .post-text-section {
  max-height: 250px;
  transition: 0.5s;
}
.als-ui-element#post-customization .md-dialog-content .post-text-section .text-actions {
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 1rem;
  background: rgba(51, 51, 51, 0.8666666667);
  z-index: 20;
  transition: 0.25s ease;
  transform: translate(-50%, 100vh);
  --text-color:#fff;
  border-radius: 5px;
}
.als-ui-element#post-customization .md-dialog-content .post-text-section:hover .text-actions {
  transform: translate(-50%, -50%);
}
.als-ui-element#post-customization .md-dialog-content .post-text-section.edit-mode .text-actions {
  transform: translate(0, 0);
  top: unset;
  left: unset;
  padding: 0.25rem;
  background: unset;
  position: relative;
  color: #333;
}
.als-ui-element#post-customization .md-dialog-content .text-edit {
  padding: 1rem;
  position: relative;
}
.als-ui-element#post-customization .md-dialog-content .text-edit md-menu {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
}
.als-ui-element#post-customization .md-dialog-content .text-edit textarea {
  height: 250px;
}
.als-ui-element#post-customization .md-dialog-content .listings-tab {
  display: grid;
  gap: 1rem;
}
.als-ui-element#post-customization .md-dialog-content .listings-tab .hint {
  text-align: center;
}
.als-ui-element#post-customization .md-dialog-content .listing-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  place-items: center;
}
.als-ui-element#post-customization .md-dialog-content .listing-list .listing-item {
  border-radius: 0.5rem;
  overflow: hidden;
  position: relative;
}
.als-ui-element#post-customization .md-dialog-content .listing-list .listing-item .image-container {
  height: auto;
  width: 225px;
  aspect-ratio: 16/9;
}
.als-ui-element#post-customization .md-dialog-content .listing-list .listing-item .selection-index {
  position: absolute;
  z-index: 5;
  aspect-ratio: 1;
  background: var(--action-color);
  color: var(--action-color-revert);
  border-radius: 2em;
  font-size: 0.8rem;
  padding: 0.25em 0.75em;
  text-align: center;
  box-shadow: 0 0 0 2px #fff;
  top: 1em;
  right: 1em;
}
.als-ui-element#post-customization .md-dialog-content .listing-list .listing-item.selected {
  box-shadow: 0 0 0 2px var(--action-color);
}
.als-ui-element#local-picture-picker {
  min-height: 0 !important;
  max-height: 100dvh;
  background: transparent;
  box-shadow: 0 0 1rem #fff;
}
.als-ui-element#local-picture-picker .close-dialog-button {
  position: absolute;
  z-index: 20;
  top: 1rem;
  right: 1rem;
  color: #fff;
}
.als-ui-element#local-picture-picker:has(.yo-image-input.edit-mode) .close-dialog-button {
  display: none;
}
.als-ui-element#local-picture-picker md-dialog-content {
  max-height: 100dvh;
}
.als-ui-element#local-picture-picker md-dialog-content .md-dialog-content {
  padding: 0;
}
.als-ui-element#local-picture-picker .yo-image-input {
  max-width: 100%;
  margin-block: 0;
}
.als-ui-element#local-picture-picker .yo-image-input .edit-actions {
  left: auto;
  right: 0.5rem;
  width: auto;
}
.als-ui-element#picture-adjust {
  max-width: calc(100vw - 1rem);
  max-height: calc(100vh - 1rem);
  padding: 0;
}
@media screen and (max-width: 1024px) {
  .als-ui-element#picture-adjust {
    max-width: 100%;
    max-height: 100%;
  }
}
.als-ui-element#picture-adjust md-dialog-content {
  max-height: calc(100vh - 4rem);
}
.als-ui-element#picture-adjust .md-dialog-content {
  display: grid;
  gap: 0 1rem;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto 1fr;
  position: relative;
  padding: 0;
}
@media screen and (max-width: 1024px) {
  .als-ui-element#picture-adjust .md-dialog-content {
    grid-template-columns: 1fr auto;
  }
}
.als-ui-element#picture-adjust .comment {
  grid-area: comment;
}
.als-ui-element#picture-adjust .photo-editor-viewport {
  overflow: hidden;
  border: solid 2px var(--border-color);
  position: relative;
}
@media screen and (max-width: 1024px) {
  .als-ui-element#picture-adjust .photo-editor-viewport {
    width: 100%;
    height: 100%;
    grid-row: 1;
    grid-column: 1/span 2;
  }
}
.als-ui-element#picture-adjust .editor-toolbar {
  grid-column: 1/-1;
  padding: 1.25rem 0.5rem 0.5rem 0.5rem;
  background: #ff9900;
  color: #fff;
}
@media screen and (max-width: 1024px) {
  .als-ui-element#picture-adjust .editor-toolbar {
    grid-column: revert;
  }
}
.als-ui-element#picture-adjust .editor-toolbar .tools-container .tools {
  display: flex;
  gap: 1rem;
}
@media screen and (max-width: 1024px) {
  .als-ui-element#picture-adjust .editor-toolbar .tools-container .tools {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.als-ui-element#picture-adjust .editor-toolbar .tools-container .tools .group {
  display: flex;
  position: relative;
  align-items: center;
}
.als-ui-element#picture-adjust .editor-toolbar .tools-container .tools .group .group-name {
  font-size: 0.75em;
  position: absolute;
  top: 0;
  left: 5px;
  opacity: 0.75;
  transform: translate(0, -100%);
}
@media screen and (max-width: 1024px) {
  .als-ui-element#picture-adjust .editor-toolbar .tools-container .tools .group {
    grid-template-columns: unset;
    grid-auto-flow: column;
  }
}
.als-ui-element#picture-adjust .editor-toolbar .tools-container .toggle-button {
  background: #fff;
  color: #ff9900;
  border-radius: 3px;
  padding: 0.15em 0.25em;
  font-size: 0.8rem;
  font-weight: 600;
}
.als-ui-element#picture-adjust .editor-toolbar .tools-container .fab, .als-ui-element#picture-adjust .editor-toolbar .tools-container .fal {
  font-size: 1rem;
  width: 2rem;
  height: 2rem;
  text-align: center;
  line-height: 2rem;
  pointer-events: auto;
}
.als-ui-element#picture-adjust .infos {
  padding: 0rem 1rem 0 0;
}
.als-ui-element#picture-adjust .infos > label {
  margin-top: 0.5rem;
  margin-bottom: 0;
  font-weight: 500;
}
.als-ui-element#picture-adjust .result-preview {
  width: 180px;
  height: 180px;
  overflow: hidden;
  border: solid 2px var(--element-border-color);
  position: relative;
}
@media screen and (max-width: 1024px) {
  .als-ui-element#picture-adjust .result-preview {
    grid-row: 2;
    grid-column: 2;
    width: 90px;
    height: 90px;
  }
}
.als-ui-element#picture-adjust .result-preview img {
  position: absolute;
}
.als-ui-element#picture-adjust .result-preview::before {
  content: "";
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 10px 100px #fff;
  z-index: 5;
}
.als-ui-element#picture-adjust .result-preview.shape-as-circle::before {
  border-radius: 50%;
}
.als-ui-element#external-picture-picker .image-list-container {
  max-height: 40vh;
  overflow: hidden overlay;
  padding: 1rem;
}
.als-ui-element#external-picture-picker .image-list-container .image-list {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: 150px;
}
.als-ui-element#external-picture-picker .image-list-container .image-list .image-item {
  aspect-ratio: 16/9;
  width: 100%;
  overflow: hidden;
  border-radius: 0.25rem;
  border: solid 1px #ccc;
}
.als-ui-element#external-picture-picker .image-list-container .image-list .image-item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
}
.als-ui-element#external-picture-picker .image-list-container .image-list .image-item.large {
  grid-column: span 2;
  grid-row: span 2;
}
.als-ui-element#external-article-picker .md-dialog-content {
  width: clamp(640px, 60vw, 1000px);
}
.als-ui-element#external-article-picker .md-dialog-content > label {
  --text-color:#333;
}
.als-ui-element#external-article-picker .article-list-container {
  max-height: 40vh;
  overflow: hidden overlay;
  padding: 1rem;
}
.als-ui-element#external-article-picker .article-list-container .article-list {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  grid-auto-rows: auto;
}
.als-ui-element#external-article-picker .article-list-container .article-list .article-item {
  width: 100%;
  overflow: hidden;
  border-radius: 0.25rem;
  border: solid 1px #ccc;
}
.als-ui-element#external-article-picker .article-list-container .article-list .article-item .image-container {
  border: none;
  border-radius: 0;
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
}
.als-ui-element#external-article-picker .article-list-container .article-list .article-item .image-container::before {
  content: "";
  position: absolute;
  z-index: 4;
  inset: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
}
.als-ui-element#external-article-picker .article-list-container .article-list .article-item .image-container > .fal {
  opacity: 0.25;
}
.als-ui-element#external-article-picker .article-list-container .article-list .article-item .image-container .title {
  position: absolute;
  z-index: 5;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 1rem;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
}
.als-ui-element#external-article-picker .article-list-container .article-list .article-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
.als-ui-element#external-article-picker .article-list-container .article-list .article-item .title {
  font-weight: 500;
  padding-inline: 1rem;
}
.als-ui-element#external-article-picker .article-list-container .article-list .article-item p {
  padding: 1rem;
  overflow: hidden;
}
.als-ui-element#external-article-picker .article-list-container .article-list .article-item.selected {
  box-shadow: 0 0 0 2px var(--action-color);
}
.als-ui-element#external-article-picker .article-list-container .more-action {
  padding: 2rem;
  text-align: center;
}
.als-ui-element#external-article-picker .article-list-container .more-action p {
  font-weight: bold;
  margin: 0;
}
.als-ui-element#user-login {
  --primary-color: #000;
  --text-color: #fff;
}
@keyframes slideDown {
  0% {
    transform: translateY(-100%);
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    opacity: 0.75;
  }
}
.als-ui-element#user-login {
  transform: translate(0, 0) scale(1);
}
.als-ui-element#user-login.md-transition-in {
  transition: 0.25s;
}
.als-ui-element#user-login {
  max-width: unset;
  max-height: unset;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}
.als-ui-element#user-login .unsplash.unsplash-background .unsplash-credit {
  left: unset;
  right: 1rem;
  color: var(--text-color);
}
.als-ui-element#user-login .dialog-background {
  position: absolute;
  z-index: 1;
  width: 100vw;
  height: 100vh;
  top: 0px;
  left: 0px;
  background-image: var(--unsh-background);
  background-size: cover;
}
.als-ui-element#user-login md-dialog-content,
.als-ui-element#user-login .md-dialog-content {
  width: 100%;
  max-width: 100%;
  height: 100vh;
  max-height: unset;
  padding: 0;
}
.als-ui-element#user-login md-dialog-content .login-layout-container,
.als-ui-element#user-login .md-dialog-content .login-layout-container {
  position: relative;
  width: 100%;
  padding: 1rem;
  display: grid;
  grid-template-columns: auto 1fr;
  place-items: stretch;
  z-index: 10;
  height: 100%;
}
.als-ui-element#user-login md-dialog-content .login-layout-container .logo,
.als-ui-element#user-login .md-dialog-content .login-layout-container .logo {
  width: 250px;
}
.als-ui-element#user-login md-dialog-content .login-layout-container .major-version,
.als-ui-element#user-login .md-dialog-content .login-layout-container .major-version {
  --max-opacity: 0.75;
  position: absolute;
  font-size: 60vh;
  font-weight: bold;
  color: var(--primary-color);
  opacity: 0;
  bottom: 0;
  left: 2rem;
  line-height: 1;
  scale: 0;
  opacity: 0;
  animation: id3-anim-zoom-in 0.5s 0.5s ease forwards;
  mix-blend-mode: multiply;
}
.als-ui-element#user-login md-dialog-content .login-layout-container.working input, .als-ui-element#user-login md-dialog-content .login-layout-container.working button,
.als-ui-element#user-login .md-dialog-content .login-layout-container.working input,
.als-ui-element#user-login .md-dialog-content .login-layout-container.working button {
  opacity: 0.5;
  pointer-events: none;
}
.als-ui-element#user-login md-dialog-content .login-layout-container.next-step .login-form-container,
.als-ui-element#user-login .md-dialog-content .login-layout-container.next-step .login-form-container {
  transition: 0.5s ease-out;
  transform: translateX(-110%);
}
.als-ui-element#user-login md-dialog-content .login-layout-container.next-step .major-version,
.als-ui-element#user-login .md-dialog-content .login-layout-container.next-step .major-version {
  transition: 5s ease-out;
  transform: scale(2);
}
.als-ui-element#user-login md-dialog-content .login-form-container,
.als-ui-element#user-login .md-dialog-content .login-form-container {
  position: relative;
  width: clamp(320px, 100vw - 2rem, 640px);
  background-color: hsla(var(--base-primary), 0%, 80%);
  border-radius: 1rem;
  padding: 1rem;
  overflow: hidden;
  transform: translate(-100%, 0);
  opacity: 0;
  animation: id3-anim-slide-in-left 0.5s 1s ease forwards;
  display: flex;
  gap: 1rem;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: 0.5s ease;
}
.als-ui-element#user-login md-dialog-content .login-form-container:has(:focus),
.als-ui-element#user-login .md-dialog-content .login-form-container:has(:focus) {
  background: hsla(var(--base-primary), 0%, 90%);
}
.als-ui-element#user-login md-dialog-content .login-form-container h1, .als-ui-element#user-login md-dialog-content .login-form-container h3, .als-ui-element#user-login md-dialog-content .login-form-container p,
.als-ui-element#user-login .md-dialog-content .login-form-container h1,
.als-ui-element#user-login .md-dialog-content .login-form-container h3,
.als-ui-element#user-login .md-dialog-content .login-form-container p {
  margin: 0;
}
.als-ui-element#user-login md-dialog-content .login-form-container h1,
.als-ui-element#user-login .md-dialog-content .login-form-container h1 {
  text-transform: uppercase;
}
.als-ui-element#user-login md-dialog-content .login-form-container p,
.als-ui-element#user-login .md-dialog-content .login-form-container p {
  text-align: center;
  font-size: 0.8rem;
}
.als-ui-element#user-login md-dialog-content .login-form-container .version,
.als-ui-element#user-login .md-dialog-content .login-form-container .version {
  opacity: 0.5;
}
.als-ui-element#user-login md-dialog-content .login-form-container button,
.als-ui-element#user-login .md-dialog-content .login-form-container button {
  border-radius: 2em;
  padding: 0.5em 1em;
  border: none;
  background: var(--color-action, #f90);
  color: #fff;
  font-size: 1rem;
  display: flex;
  align-items: center;
  gap: 0.5em;
  justify-content: center;
  transition: 0.25s ease;
  cursor: pointer;
}
.als-ui-element#user-login md-dialog-content .login-form-container button *,
.als-ui-element#user-login .md-dialog-content .login-form-container button * {
  pointer-events: none;
}
.als-ui-element#user-login md-dialog-content .form-item-list,
.als-ui-element#user-login .md-dialog-content .form-item-list {
  display: flex;
  gap: 1rem;
  flex-direction: column;
  align-items: stretch;
}
.als-ui-element#user-login md-dialog-content .form-item-list .login-error-message,
.als-ui-element#user-login .md-dialog-content .form-item-list .login-error-message {
  color: #d40101;
  text-shadow: 0 0 2px #d40101, 0 0 5px #d40101;
  font-size: 1rem;
  font-weight: bold;
}
.als-ui-element#user-login md-dialog-content .form-item-list:has(input:not(:valid)) button,
.als-ui-element#user-login .md-dialog-content .form-item-list:has(input:not(:valid)) button {
  opacity: 0.25;
  background: #888;
  pointer-events: none;
}
.als-ui-element#user-login md-dialog-content .form-item,
.als-ui-element#user-login .md-dialog-content .form-item {
  position: relative;
  padding-top: 1rem;
}
.als-ui-element#user-login md-dialog-content .form-item label,
.als-ui-element#user-login .md-dialog-content .form-item label {
  display: block;
  position: absolute;
  top: 50%;
  left: 2rem;
  transform-origin: top left;
  transform: translate(0, -0.25rem);
  transition: 0.25s ease;
}
.als-ui-element#user-login md-dialog-content .form-item:has(input:not(:placeholder-shown), input:-webkit-autofill) label,
.als-ui-element#user-login .md-dialog-content .form-item:has(input:not(:placeholder-shown), input:-webkit-autofill) label {
  top: 0;
  transform: translate(-1.5rem, -0.25rem) scale(0.8);
}
.als-ui-element#user-login md-dialog-content .form-item i,
.als-ui-element#user-login .md-dialog-content .form-item i {
  color: var(--text-color);
  position: absolute;
  top: calc(50% + 0.5rem);
  left: 0.5rem;
  translate: 0 -50%;
}
.als-ui-element#user-login md-dialog-content .form-item input:-webkit-autofill,
.als-ui-element#user-login md-dialog-content .form-item input:-webkit-autofill:focus,
.als-ui-element#user-login .md-dialog-content .form-item input:-webkit-autofill,
.als-ui-element#user-login .md-dialog-content .form-item input:-webkit-autofill:focus {
  transition: background-color 600000s 0s, color 600000s 0s;
}
.als-ui-element#user-login md-dialog-content .form-item input[data-autocompleted],
.als-ui-element#user-login .md-dialog-content .form-item input[data-autocompleted] {
  background-color: transparent !important;
}
.als-ui-element#user-login md-dialog-content .form-item input,
.als-ui-element#user-login .md-dialog-content .form-item input {
  border-radius: 2em;
  padding: 0.5em 1em;
  padding-left: 2em;
  font-size: 1rem;
  border: none;
  background: hsla(var(--base-primary), 0%, 25%);
  transition: 0.25s ease;
}
.als-ui-element#user-login md-dialog-content .form-item input:focus,
.als-ui-element#user-login .md-dialog-content .form-item input:focus {
  outline: none;
  background: hsla(var(--base-primary), 0%, 90%);
  box-shadow: 0 0 0 2px var(--color-action, #f90);
}
.als-ui-element#user-login md-dialog-content .form-item input:not(:valid),
.als-ui-element#user-login .md-dialog-content .form-item input:not(:valid) {
  box-shadow: 0 0 0 2px #d10202;
}
.als-ui-element#user-edit {
  width: clamp(640px, 80%, 800px);
  min-height: 680px;
}
.als-ui-element#user-edit > [ng-controller],
.als-ui-element#user-edit ng-include {
  display: contents;
}
.als-ui-element#user-edit form {
  display: grid;
  grid-template-rows: 1fr auto;
  flex: 1;
}
.als-ui-element#user-edit .user-header {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1rem;
  padding: 1rem;
  place-items: center stretch;
  --text-color:#fff;
}
.als-ui-element#user-edit .user-header h2 {
  font-size: 2rem;
  text-transform: uppercase;
}
.als-ui-element#user-edit .user-header h2, .als-ui-element#user-edit .user-header p {
  margin-block: 0;
}
.als-ui-element#user-edit .user-header .close-button {
  position: absolute;
  top: 0;
  right: 0;
}
.als-ui-element#user-edit .user-header .user-info {
  position: relative;
}
.als-ui-element#user-edit .user-avatar {
  position: relative;
  --avatar-size: 250px;
  width: var(--avatar-size);
  border: solid 4px var(--item-color-level);
  box-shadow: 0 0 0 100vmax var(--item-color-level);
  aspect-ratio: 1;
}
.als-ui-element#user-edit .user-avatar .yo-image-input {
  position: absolute;
  margin: 0;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  width: 100%;
  aspect-ratio: 1;
}
.als-ui-element#user-edit .user-avatar .yo-image-input img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
.als-ui-element#user-edit .artifact-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 1rem;
}
.als-ui-element#user-edit .artifact-list .artifact-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  border: solid 3px var(--item-color);
  padding: 0.5rem;
  border-radius: 0.5rem;
}
.als-ui-element#user-edit .artifact-list .artifact-item .item-icon {
  font-size: 2rem;
  color: var(--item-color);
}
.als-ui-element#user-edit .artifact-list .artifact-item .item-name {
  text-align: center;
  text-wrap: balance;
}
.als-ui-element#user-edit .quote-list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.als-ui-element#user-edit .quote-list .quote-item {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 0.5rem;
}
.als-ui-element#user-edit .quote-list .quote-item.new-quote {
  background: rgba(0, 0, 0, 0.0666666667);
  border-radius: 0.25rem;
  padding: 0.5rem;
  margin-inline: -0.25rem;
}
.als-ui-element#schedule-edit {
  width: 800px;
}
.als-ui-element#schedule-edit md-dialog-content {
  min-height: 640px;
}
.als-ui-element#schedule-edit md-dialog-content md-tab-content {
  min-height: unset;
  padding: 2rem;
}
.als-ui-element#schedule-edit .dialog-header {
  background: #f0f0f0;
  padding: 2rem;
  display: grid;
  grid-template-columns: 1fr auto auto auto;
  place-items: center stretch;
  gap: 1rem;
}
.als-ui-element#schedule-edit .dialog-header md-input-container .md-errors-spacer {
  display: none;
}
.als-ui-element#schedule-edit .conditions {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
}
.als-ui-element#schedule-edit .triggers {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.als-ui-element#schedule-edit .triggers .trigger-day-time {
  display: grid;
  grid-template-columns: 1fr 1fr;
  place-items: end stretch;
  gap: 2rem;
}
.als-ui-element#schedule-edit .triggers .trigger-day-time .time {
  display: grid;
  grid-template-columns: 120px auto max-content auto;
  place-items: end center;
}
.als-ui-element#schedule-edit .triggers .weekday {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.als-ui-element#schedule-edit .triggers .weekday md-checkbox {
  min-height: auto;
}
.als-ui-element#schedule-edit .triggers .weekday md-checkbox .md-container {
  margin: 3px;
}
.als-ui-element#schedule-entity-option-hooks .md-dialog-content {
  width: 800px;
}
.als-ui-element#schedule-entity-option-hooks .md-dialog-content .hook-group-list {
  display: grid;
  gap: 1rem;
}
.als-ui-element#schedule-entity-option-hooks .md-dialog-content .hook-group .hook-group-name {
  font-size: 0.8rem;
  opacity: 0.75;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
}
.als-ui-element#schedule-entity-option-hooks .md-dialog-content .hook-list {
  display: grid;
  grid-template-columns: max-content 1fr auto;
  gap: 0.5rem 1rem;
  place-items: center stretch;
  border-left: dashed 1px rgba(0, 0, 0, 0.2);
  margin-left: 0.5rem;
  padding: 0.5rem 1rem;
}
.als-ui-element#schedule-entity-option-hooks .md-dialog-content .hook-list .hook-item {
  display: contents;
}
.als-ui-element#schedule-entity-option-hooks .md-dialog-content .hook-list .hook-item .hook-target {
  position: relative;
}
.als-ui-element#schedule-entity-option-hooks .md-dialog-content .hook-list .hook-item .hook-target::before {
  content: "https://";
  opacity: 0.75;
  position: absolute;
  top: 50%;
  left: 5px;
  transform: translateY(-50%);
  font-size: 0.7rem;
}
.als-ui-element#schedule-entity-option-hooks .md-dialog-content .hook-list .hook-item .hook-target .yo-input {
  padding-left: 3em;
  width: 100%;
  border-color: var(--hook-name-color, #DD5145);
}
.als-ui-element#schedule-entity-option-hooks .md-dialog-content .hook-list .hook-item.success {
  --hook-name-color: #139E5B;
}
.als-ui-element#schedule-entity-option-hooks .md-dialog-content .actions {
  display: flex;
  padding: 1rem;
  justify-content: center;
  gap: 0rem;
  align-items: center;
}
.als-ui-element#link-validation .md-dialog-content {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.als-ui-element#link-validation .validation-message {
  text-align: center;
  --text-color: #333;
  color: var(--text-color);
  border: solid 1px var(--text-color);
  border-radius: 0.25em;
  font-size: 0.8rem;
  display: inline-block;
  padding: 0.25em 0.5em;
  margin-inline: auto;
}
.als-ui-element#link-validation .validation-message.err-level-0 {
  --text-color:#135f9e;
}
.als-ui-element#link-validation .validation-message.err-level-1 {
  --text-color:#05bbcc;
}
.als-ui-element#link-validation .validation-message.err-level-2 {
  --text-color:#05cc9a;
}
.als-ui-element#link-validation .validation-message.err-level-3 {
  --text-color:#05cc26;
}
.als-ui-element#link-validation .validation-message.err-level-4 {
  --text-color:#65cc05;
}
.als-ui-element#link-validation .validation-message.err-level-5 {
  --text-color:#90cc05;
}
.als-ui-element#link-validation .validation-message.err-level-6 {
  --text-color:#bfcc05;
}
.als-ui-element#link-validation .validation-message.err-level-7 {
  --text-color:#ccae05;
}
.als-ui-element#link-validation .validation-message.err-level-8 {
  --text-color:#cc7605;
}
.als-ui-element#link-validation .validation-message.err-level-9 {
  --text-color:#cc4e05;
}
.als-ui-element#link-validation .validation-message.err-level-10 {
  --text-color:#9c0904;
}
.als-ui-element#report-link .md-dialog-content {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.als-ui-element#help {
  overscroll-behavior: contain;
}
.als-ui-element#help .app-version {
  margin-top: 1rem;
  font-size: 0.75rem;
  opacity: 0.75;
}
.als-ui-element#help [lang] {
  display: none;
}
.als-ui-element#help .lang-fr [lang=fr] {
  display: initial;
}
.als-ui-element#help .lang-en [lang=en] {
  display: initial;
}
.als-ui-element#help h1 {
  margin-bottom: 1em;
}
.als-ui-element#help h2, .als-ui-element#help h3, .als-ui-element#help h4 {
  margin-top: 1em;
}
.als-ui-element#help p {
  margin: 0;
}
.als-ui-element#help note {
  font-size: 0.75rem;
  font-style: italic;
  border-left: solid 3px #ff9900;
  display: block;
  padding: 0.5em 1em;
  margin: 0.5em 0;
}
.als-ui-element#help .link {
  font-style: italic;
  color: #666;
  display: block;
  clear: both;
  float: inherit;
  width: max-content;
  padding: 0.5em;
  background: rgba(51, 51, 51, 0.2);
  border-radius: 0.25em;
}
.als-ui-element#help .link .host {
  color: #333;
  font-weight: bold;
}
.als-ui-element#help .link .path {
  color: #333;
  font-style: normal;
}
.als-ui-element#help .link .var {
  color: #ff9900;
  font-weight: bold;
}
.als-ui-element#help md-dialog-content {
  overscroll-behavior: contain;
}
.als-ui-element#help .md-dialog-content {
  height: calc(100vh - 15rem);
  overscroll-behavior: contain;
}
@media screen and (max-width: 1024px) {
  .als-ui-element#help {
    height: 100vh;
    max-height: 100vh;
  }
  .als-ui-element#help md-dialog-content {
    height: calc(100vh - 3.5rem);
    max-height: 100vh;
  }
  .als-ui-element#help .md-dialog-content {
    height: calc(100vh - 5rem);
    max-height: 100vh;
  }
}
.als-ui-element#help:has(.help-newsletter-moderation) {
  width: clamp(320px, 100vw - 1rem, 1200px);
}
@container layout-container (width < 1000px) {
  .als-ui-element#help .help-post-moderation .vimeo-player,
  .als-ui-element#help .help-newsletter-moderation .vimeo-player {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
  }
}
.als-ui-element#help .help-post-moderation .layout-container,
.als-ui-element#help .help-newsletter-moderation .layout-container {
  container-type: inline-size;
  container-name: layout-container;
  width: 100%;
}
.als-ui-element#help .help-post-moderation .layout-container .layout-grid,
.als-ui-element#help .help-newsletter-moderation .layout-container .layout-grid {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 2rem;
  place-items: start stretch;
}
@container layout-container (width < 1000px) {
  .als-ui-element#help .help-post-moderation .layout-container .layout-grid,
  .als-ui-element#help .help-newsletter-moderation .layout-container .layout-grid {
    grid-template-columns: 1fr;
  }
}
.als-ui-element#help .help-post-moderation .button-list,
.als-ui-element#help .help-newsletter-moderation .button-list {
  padding: 2rem;
  display: flex;
  gap: 2rem;
  justify-content: center;
  border-radius: 1rem;
  background: #dfdfdf;
  margin-block: 1rem;
}
.als-ui-element#help .help-post-moderation .button-container,
.als-ui-element#help .help-newsletter-moderation .button-container {
  text-align: center;
}
.als-ui-element#help .help-post-moderation .toolbox-button,
.als-ui-element#help .help-newsletter-moderation .toolbox-button {
  display: inline-flex;
  border-radius: 5em;
  padding: 0.5em 0.75em;
  gap: 0.5rem;
  background: #000;
  --text-color:#fff;
  color: #fff;
}
.als-ui-element#help .help-post-moderation .toolbox-button.primary,
.als-ui-element#help .help-newsletter-moderation .toolbox-button.primary {
  background: #f90;
  font-weight: 700;
}
.als-ui-element#help .help-post-moderation .choice-button,
.als-ui-element#help .help-newsletter-moderation .choice-button {
  display: inline-flex;
  border-radius: 0.25em;
  padding: 0.5em 0.75em;
  gap: 0.5rem;
  background: var(--color);
  --text-color:#fff;
  color: #fff;
}
.als-ui-element#help .help-post-moderation .editable-content,
.als-ui-element#help .help-newsletter-moderation .editable-content {
  outline: 2px dashed #ccc;
  border-radius: 0.25rem;
  padding: 0.5em;
}
.als-ui-element#help .help-post-moderation .articles-container p,
.als-ui-element#help .help-newsletter-moderation .articles-container p {
  margin-block: 1rem;
}
.als-ui-element#message-preview {
  width: 800px;
  max-height: calc(100vh - 2rem);
}
.als-ui-element#message-preview md-dialog-content {
  min-height: 640px;
}
.als-ui-element#message-preview md-dialog-content md-tab-content {
  min-height: unset;
  padding: 2rem;
}
.als-ui-element#target-edit .md-dialog-content {
  width: clamp(640px, 80vw, 1200px);
  padding: 2rem;
  padding-top: 0.25rem;
}
.als-ui-element#target-edit .md-dialog-content md-tabs {
  height: 50vh;
}
.als-ui-element#target-edit .dialog-header {
  padding: 2rem;
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 1rem;
  background: var(--target-color, #ececec);
}
.als-ui-element#target-edit .dialog-header.target-facebook {
  --target-color: #3b5998;
  --text-color: #fff;
}
.als-ui-element#target-edit .dialog-header.target-twitter, .als-ui-element#target-edit .dialog-header.target-x-twitter {
  --target-color: #000;
  --text-color: #fff;
}
.als-ui-element#target-edit .dialog-header.target-linkedin {
  --target-color: #0077b5;
  --text-color: #fff;
}
.als-ui-element#target-edit .dialog-header.target-instagram {
  --target-color: radial-gradient(circle at 30% 107%, #fdf497 , #fd5949, #d6249f, #285AEB);
  --text-color: #fff;
}
.als-ui-element#target-edit .dialog-header.target-pinterest {
  --target-color: #bd081c;
  --text-color: #fff;
}
.als-ui-element#target-edit .dialog-header.target-tiktok {
  --target-color: linear-gradient(in oklch 45deg, #69C9D0, #EE1D52);
  --text-color: #fff;
}
.als-ui-element#target-edit .dialog-header.target-youtube {
  --target-color: #ff0000;
  --text-color: #fff;
}
.als-ui-element#target-edit .dialog-header.target-google, .als-ui-element#target-edit .dialog-header.target-gmb {
  --target-color: linear-gradient(in oklch 45deg, #4285F4 25%, #EA4335, #FBBC05, #34A853);
  --text-color: #fff;
}
.als-ui-element#target-edit .dialog-header.target-inactive {
  filter: grayscale(80%);
}
.als-ui-element#target-edit .dialog-header .target-name .yo-subtle-input {
  text-transform: uppercase;
  font-size: 1.25rem;
}
.als-ui-element#target-edit .dialog-header .target-name h3 {
  text-transform: uppercase;
  margin: 0;
}
.als-ui-element#target-edit .dialog-header .target-name md-switch {
  margin: 0;
}
.als-ui-element#target-edit .dialog-header .target-info {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: auto;
  gap: 1rem;
}
.als-ui-element#target-edit md-dialog-actions {
  position: relative;
  isolation: isolate;
}
.als-ui-element#target-edit md-dialog-actions::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(100px circle at 75px -10px, var(--target-active-color, transparent), transparent);
  z-index: -1;
}
.als-ui-element#target-edit md-dialog-actions.target-active {
  --target-active-color: #00861d;
}
.als-ui-element#target-edit md-dialog-actions.target-inactive {
  --target-active-color: #9e0000;
}
.als-ui-element#target-edit .setting-list .setting-item .md-secondary-container, .als-ui-element#target-edit .setting-list .setting-item::before {
  content: unset;
  display: none;
}
.als-ui-element#target-edit .setting-list .setting-item {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  place-items: center stretch;
}
.als-ui-element#target-edit .setting-list .setting-item .yo-input {
  width: 100%;
}
.als-ui-element#target-edit .genera-tab-content,
.als-ui-element#target-edit .token-tab-content {
  display: grid;
  grid-template-columns: 1fr 5fr;
  gap: 2rem;
  padding: 1rem;
  place-items: stretch;
}
.als-ui-element#target-edit .genera-tab-content > div,
.als-ui-element#target-edit .token-tab-content > div {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: stretch;
  background: rgba(51, 51, 51, 0.0666666667);
  padding: 1rem;
  border-radius: 0.5rem;
}
.als-ui-element#target-edit .token-tab-content {
  grid-template-columns: 1fr 2fr;
}
.als-ui-element#target-edit .token-tab-content .info-item > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.als-ui-element#target-edit .error-tab {
  padding: 2rem;
  min-height: 250px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  text-align: center;
}
.als-ui-element#target-info .md-dialog-content {
  width: clamp(640px, 80vw, 1000px);
}
.als-ui-element#entity-picker {
  width: 800px;
}
.als-ui-element#entity-picker md-dialog-content {
  min-height: 640px;
  overflow: hidden;
  height: 0;
  display: grid;
  grid-template-rows: auto 1fr;
}
.als-ui-element#entity-picker .search-container {
  background: #f0f0f0;
  padding: 2rem;
  padding-bottom: 0rem;
}
.als-ui-element#entity-picker .search-container .search-options {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.als-ui-element#entity-picker .member-list-container {
  overflow: hidden overlay;
  padding: 2rem;
}
.als-ui-element#entity-picker .member-list-container .member-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 1rem;
}
.als-ui-element#entity-picker .member-list-container .member-list .member-item {
  background: #efefef;
  border-radius: 0.25rem;
  padding: 1rem;
  text-align: center;
  box-shadow: 0 0 0 2px transparent;
  transition: 0.25s ease;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.als-ui-element#entity-picker .member-list-container .member-list .member-item .name {
  font-weight: 500;
}
.als-ui-element#entity-picker .member-list-container .member-list .member-item.selected {
  box-shadow: 0 0 0 2px #ff9900;
}
.als-ui-element#entity-picker .all-tags {
  padding: 1rem 0;
}
.als-ui-element#entity-picker .tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  font-size: 0.8rem;
}
.als-ui-element#entity-picker .tags em {
  background: #dedede;
  border-radius: 0.25rem;
  font-style: normal;
  padding: 0.5em;
}
.als-ui-element#date-picker .md-dialog-content {
  width: clamp(320px, 25vw, 1000px);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  .als-ui-element#file-logs {
    max-height: 100vh;
  }
  .als-ui-element#file-logs md-dialog-content {
    max-height: calc(100vh - 2rem);
  }
}
.als-ui-element#file-logs .md-dialog-content {
  width: clamp(640px, 80vw, 1000px);
}
@media screen and (max-width: 1024px) {
  .als-ui-element#file-logs .md-dialog-content {
    width: 100%;
  }
}
.als-ui-element#file-logs .md-dialog-content textarea {
  max-height: 30vh;
  overflow: overlay;
}
@media screen and (max-width: 1024px) {
  .als-ui-element#file-logs .md-dialog-content textarea {
    max-height: unset;
    height: calc(80vh - 8rem) !important;
  }
}
.als-ui-element#network-edit .md-dialog-content {
  padding: 0rem;
  width: clamp(640px, 80vw, 1000px);
  min-height: 60vh;
  max-height: 60vh;
}
.als-ui-element#network-edit md-tab-content > div {
  padding: 2rem;
}
.als-ui-element#network-edit .network-info {
  display: grid;
  grid-template-columns: auto 1fr;
  place-items: start stretch;
  gap: 0 1rem;
  margin-bottom: 2rem;
}
.als-ui-element#network-edit .network-info .yo-avatar-input {
  grid-row: 1/span 2;
}
.als-ui-element#network-edit h5:not(:first-child) {
  margin-top: 1rem;
}
.als-ui-element#network-edit p {
  margin: 0;
}
.als-ui-element#network-edit #avatar-custom-preview {
  color: #fff;
  font-size: 5rem;
}
.als-ui-element#entity-listing-picker {
  width: 1200px;
}
.als-ui-element#entity-listing-picker md-dialog-content {
  min-height: 640px;
  overflow: hidden overlay;
  height: 0;
  display: grid;
  grid-template-rows: auto 1fr;
}
.als-ui-element#entity-listing-picker .search-container {
  background: #f0f0f0;
  padding: 2rem;
  padding-bottom: 0rem;
}
.als-ui-element#entity-listing-picker .search-container .search-options {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.als-ui-element#entity-listing-picker .list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 1rem;
  padding: 1rem;
}
.als-ui-element#entity-listing-picker .list .list-item {
  background: #efefef;
  border-radius: 0.25rem;
  overflow: hidden;
  display: grid;
  position: relative;
  aspect-ratio: 1/1;
  transition: 0.25s ease;
}
.als-ui-element#entity-listing-picker .list .list-item .item-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
.als-ui-element#entity-listing-picker .list .list-item .item-info {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(2px);
  opacity: 0;
  --text-color: #fff;
  transition: 0.25s ease;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}
.als-ui-element#entity-listing-picker .list .list-item:hover .item-info {
  opacity: 1;
}
.als-ui-element#entity-listing-picker .list .list-item.selected {
  box-shadow: 0 0 0 2px var(--action-color), 0px 5px 10px rgba(0, 0, 0, 0.2666666667);
  scale: 1.05;
  pointer-events: none;
}
.als-ui-element#edit-entity-access-token {
  width: 800px;
}
.als-ui-element#edit-entity-access-token .md-dialog-content {
  --background-color: #fff;
  display: grid;
  gap: 1rem;
}
.als-ui-element#edit-entity-token-integration {
  width: 1200px;
}
.als-ui-element#edit-entity-token-integration md-dialog-content .yo-accordeon-tab yo-tab-label md-switch {
  margin: 0;
}
.als-ui-element#edit-entity-token-integration md-dialog-content .yo-accordeon-tab yo-tab-body {
  opacity: 0.5;
  pointer-events: none;
}
.als-ui-element#edit-entity-token-integration md-dialog-content .yo-accordeon-tab yo-tab-body md-list-item p {
  flex: 1;
}
.als-ui-element#edit-entity-token-integration md-dialog-content .yo-accordeon-tab.active yo-tab-body {
  border-top: solid 2px #139E5B;
  opacity: 1;
  pointer-events: all;
}
.als-ui-element#edit-entity-token-integration .tag-preview .tag-name span {
  font-weight: bold;
}
.als-ui-element#edit-entity-token-integration .tag-preview textarea.yo-input {
  width: 100%;
}
.als-ui-element#edit-entity-token-integration .md-dialog-content {
  --background-color: #fff;
  display: grid;
  gap: 1rem;
}
.als-ui-element#edit-entity-network-binding {
  width: 800px;
}
.als-ui-element#edit-entity-network-binding md-dialog-content {
  padding: 0rem;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 2rem;
  min-height: 60vh;
}
.als-ui-element#edit-entity-network-binding md-tabs md-tab-content {
  max-height: 60vh;
  overflow: hidden overlay;
  padding: 2rem;
}
.als-ui-element#edit-entity-network-binding md-tabs md-tab-content .yo-input-list {
  display: grid;
  gap: 1rem;
}
.als-ui-element#edit-entity-network-binding md-tabs md-tab-content .yo-input-list p {
  margin: 0;
}
.als-ui-element#edit-entity-network-binding md-tabs md-tab-content .yo-list-select {
  width: 100%;
}
.als-ui-element#edit-entity-network-binding md-radio-button .md-label {
  display: grid;
  grid-template-columns: 1fr;
  place-items: start stretch;
}
.als-ui-element#edit-entity-network-binding md-radio-button .md-container {
  top: 1rem;
}
.als-ui-element#edit-entity-network-binding .group-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
}
.als-ui-element#edit-entity-network-binding .listing-filtering input, .als-ui-element#edit-entity-network-binding .listing-filtering md-select {
  display: inline-block;
  width: auto;
  margin: 0.25em;
  border: solid 1px #ccc;
  border-radius: 0.25rem;
  padding: 0.25em 0.75em;
}
.als-ui-element#edit-entity-network-binding .listing-filtering input > .md-select-value, .als-ui-element#edit-entity-network-binding .listing-filtering md-select > .md-select-value {
  border: none;
}
.als-ui-element#edit-entity-network-message-configs {
  max-height: calc(100vh - 90px);
  width: clamp(320px, 100%, 1000px);
}
.als-ui-element#edit-entity-network-message-configs .md-dialog-content {
  height: calc(100vh - 220px);
  padding: 0;
}
.als-ui-element#edit-entity-network-message-configs md-tabs md-tab-content {
  max-height: 75vh;
  overflow: hidden overlay;
  padding: 2rem;
}
.als-ui-element#webhook-editor {
  width: 800px;
}
.als-ui-element#webhook-editor .md-dialog-content {
  display: grid;
  gap: 1rem;
  padding: 2rem;
}
.als-ui-element#webhook-editor .hook-target {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1rem;
  place-items: center stretch;
  padding-block: 1rem;
}
.als-ui-element#webhook-editor .hook-target input {
  width: 100%;
}
.als-ui-element#ai-profile .md-dialog-header {
  --header-highlight-color: #3332;
  background: radial-gradient(circle at bottom right, var(--header-highlight-color), transparent 15%);
  padding: 0.5rem;
  border-radius: 1rem;
  box-shadow: 0 0 0 2px var(--header-highlight-color);
}
.als-ui-element#ai-profile .md-dialog-header:has(md-switch.md-checked) {
  --header-highlight-color: #099433;
}
.als-ui-element#ai-profile .md-dialog-header md-switch .md-bar {
  background: rgba(51, 51, 51, 0.2) !important;
}
.als-ui-element#ai-profile .md-dialog-header md-switch.md-checked {
  --switch-checked-color: var(--header-highlight-color);
}
.als-ui-element#ai-profile .md-dialog-header md-switch.md-checked .md-thumb {
  background: var(--switch-checked-color) !important;
}
.als-ui-element#ai-profile .md-dialog-header md-switch.md-checked .md-ink-ripple {
  color: var(--switch-checked-color) !important;
}
.als-ui-element#listing-picture-picker form {
  display: grid;
  grid-template-rows: auto 1fr auto;
  overflow: hidden;
}
.als-ui-element#listing-picture-picker form md-dialog-content {
  max-height: calc(100vh - 300px);
}
.als-ui-element#listing-picture-picker .list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 2rem;
  padding: 2rem;
}
.als-ui-element#listing-picture-picker .list .list-item {
  position: relative;
  border-radius: 0.25rem;
  overflow: hidden;
  aspect-ratio: 1;
  transition: 0.25s ease;
}
.als-ui-element#listing-picture-picker .list .list-item .item-image {
  width: 100%;
  height: 100%;
}
.als-ui-element#listing-picture-picker .list .list-item .item-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
.als-ui-element#listing-picture-picker .list .list-item .item-info {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 50%);
  background: rgba(0, 0, 0, 0.6);
  --text-color: #fff;
  padding: 0.34em 0.67em;
  font-size: 0.8rem;
  border-radius: 5em;
  opacity: 0;
  transition: 0.25s ease;
}
.als-ui-element#listing-picture-picker .list .list-item.selected {
  box-shadow: 0 0 0 2px var(--action-color), 0px 5px 10px rgba(0, 0, 0, 0.2666666667);
  scale: 1.05;
}
.als-ui-element#listing-picture-picker .list .list-item:hover .item-info {
  opacity: 1;
  transform: translate(-50%, -50%);
}
.als-ui-element#entity-widget-preview {
  width: clamp(640px, 80vw, 1000px);
}
.als-ui-element#entity-widget-preview .widget-container {
  padding: 1rem;
  display: grid;
  gap: 1rem;
}
.als-ui-element#entity-widget-preview .widget-box .yo-button {
  background: #ff9900;
  color: #fff;
  padding: 0.5em 1em;
  border-radius: 0.25em;
}
.als-ui-element#entity-widget-preview .widget-box .yo-button::after {
  content: unset;
}
.als-ui-element#entity-widget-preview .widget-box:not(:has(.yo-ready)) {
  display: none;
}
.als-ui-element#edit-entity-network-newsletter-configs {
  max-height: calc(100vh - 90px);
  width: clamp(320px, 100%, 1400px);
}
.als-ui-element#edit-entity-network-newsletter-configs .md-dialog-content {
  height: calc(100vh - 220px);
  padding: 0;
}
.als-ui-element#edit-entity-network-newsletter-configs md-tabs md-tab-content {
  max-height: 75vh;
  overflow: hidden overlay;
  padding: 2rem;
}
.als-ui-element#edit-entity-network-newsletter-configs .newsletter-customization-tab {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 1rem;
}
.als-ui-element#edit-entity-network-newsletter-configs .yo-accordeon {
  --tab-body-max-height: 35vh;
}
.als-ui-element#edit-entity-network-newsletter-configs .yo-accordeon h4 {
  margin-bottom: 0;
}
.als-ui-element#edit-entity-network-newsletter-configs .yo-accordeon h4:not(:first-child) {
  margin-top: 0.5rem;
}
.als-ui-element#edit-entity-network-newsletter-configs .link-list {
  display: grid;
  place-items: center stretch;
  gap: 0.5rem 1rem;
}
.als-ui-element#edit-entity-network-newsletter-configs .link-list.social-links {
  grid-template-columns: auto 1fr auto;
}
.als-ui-element#edit-entity-network-newsletter-configs .link-list.website-links {
  grid-template-columns: auto 1fr auto;
}
.als-ui-element#edit-entity-network-newsletter-configs .link-list.feed-links {
  grid-template-columns: 1fr auto;
}
.als-ui-element#edit-entity-network-newsletter-configs .link-list .link-item {
  display: contents;
}
.als-ui-element#edit-entity-network-newsletter-configs .link-list .link-item > div {
  display: flex;
  align-items: center;
}
.als-ui-element#edit-entity-network-newsletter-configs .link-list .link-item > div input {
  flex: 1;
}
.als-ui-element#edit-entity-network-newsletter-configs .link-list .link-item.new-link > div {
  grid-column: 1/-1;
  justify-content: center;
}
.als-ui-element#edit-entity-network-newsletter-configs .visuals {
  width: 720px;
}
.als-ui-element#edit-entity-network-newsletter-configs .visuals .preview-box {
  position: relative;
  border: solid 1px #aaa;
  background: hsl(0deg, 0%, var(--background-lightness, 50%)) var(--pattern) repeat;
  padding: 2rem 0;
  overflow: hidden overlay;
  max-height: 60vh;
}
.als-ui-element#edit-entity-network-newsletter-configs .visuals .preview-box .box-header {
  padding: 0.5rem;
  background: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 10;
  translate: 0 -2rem;
}
.als-ui-element#edit-entity-network-newsletter-configs .visuals .preview-box .box-header h4 {
  margin: 0;
}
.als-ui-element#edit-entity-network-newsletter-configs .visuals .preview-box .box-header .palette-input {
  position: relative;
  padding-top: 1rem;
  display: flex;
  align-items: center;
}
.als-ui-element#edit-entity-network-newsletter-configs .visuals .preview-box .box-header .palette-input > label {
  position: absolute;
  top: 0;
  left: 0;
  scale: 0.7;
  z-index: 5;
  translate: -5px -3px;
}
.als-ui-element#edit-entity-network-newsletter-configs .visuals .preview-box .box-header .actions {
  display: flex;
  align-items: center;
  gap: 1rem;
  justify-content: space-between;
}
.als-ui-element#edit-entity-network-newsletter-configs .visuals .preview-box .box-footer {
  position: sticky;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 10;
  translate: 0 calc(100% - 2rem);
  padding: 0.5rem;
}
.als-ui-element#edit-entity-network-newsletter-configs .visuals .preview-box .box-footer .palette-input {
  position: relative;
  padding-top: 1rem;
  display: flex;
  align-items: center;
}
.als-ui-element#edit-entity-network-newsletter-configs .visuals .preview-box .box-footer .palette-input > label {
  position: absolute;
  top: 0;
  left: 0;
  scale: 0.7;
  z-index: 5;
  translate: -20px -3px;
}
.als-ui-element#edit-entity-network-newsletter-configs .visuals .preview-box .box-footer .palette-input input {
  width: 250px;
}
.als-ui-element#edit-entity-network-newsletter-configs .visuals .preview-box .preview-menu {
  position: absolute;
  top: 0;
  right: 0;
}
.als-ui-element#edit-entity-network-newsletter-configs .visuals .preview-box .yo-image-input {
  margin: 0;
}
.als-ui-element#edit-entity-network-newsletter-configs .visuals .preview-box .content {
  margin-inline: auto;
  width: 600px;
  background: var(--scheme-primary-color, #fff);
  --text-color: var(--scheme-primary-color-revert);
  box-shadow: 0 0 0 1px #ccc;
}
.als-ui-element#edit-entity-network-newsletter-configs .visuals .preview-box .banner-picture .yo-image-input {
  border-radius: 0;
}
.als-ui-element#edit-entity-network-newsletter-configs .visuals .preview-box .content-body {
  position: relative;
  min-height: 250px;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.als-ui-element#edit-entity-network-newsletter-configs .visuals .preview-box .content-body .custom-picture {
  padding-block: 20px;
  border-radius: 1rem;
}
.als-ui-element#edit-entity-network-newsletter-configs .visuals .preview-box .content-body .mood-picture-placeholder {
  background: #ccc;
  width: 564px;
  height: 191px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.5rem;
}
.als-ui-element#edit-entity-network-newsletter-configs .visuals .preview-box .content-body .mood-picture-placeholder span {
  opacity: 0.8;
  color: #fff;
}
.als-ui-element#edit-entity-network-newsletter-configs .visuals .preview-box .content-body .section {
  padding: 1rem;
  margin-bottom: -1rem;
  margin-inline: -1rem;
  position: relative;
}
.als-ui-element#edit-entity-network-newsletter-configs .visuals .preview-box .content-body .section ng-include {
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
}
.als-ui-element#edit-entity-network-newsletter-configs .visuals .preview-box .content-body .section.section-hidden ng-include {
  opacity: 0.25;
}
.als-ui-element#edit-entity-network-newsletter-configs .visuals .preview-box .content-body .section:not(:where(.section-mood_picture, .section-custom_picture)) {
  padding-inline: 2rem;
}
.als-ui-element#edit-entity-network-newsletter-configs .visuals .preview-box .content-body .section:has(+ :where(.listings-list, .section-featured, .section-articles, .links)) {
  padding-bottom: 100px;
  --actions-offset: 50px;
}
.als-ui-element#edit-entity-network-newsletter-configs .visuals .preview-box .content-body .section:where(.section-fav, .section-market_alert, .section-articles, .links) {
  background-color: #efefef;
}
.als-ui-element#edit-entity-network-newsletter-configs .visuals .preview-box .content-body .section img {
  max-width: 100%;
}
.als-ui-element#edit-entity-network-newsletter-configs .visuals .preview-box .content-body .section img :not(.img-icon) {
  display: block;
}
.als-ui-element#edit-entity-network-newsletter-configs .visuals .preview-box .content-body .section.section-featured {
  background-color: var(--scheme-secondary-color, #fff);
  color: var(--scheme-secondary-color-revert);
  --text-color: var(--scheme-secondary-color-revert);
}
.als-ui-element#edit-entity-network-newsletter-configs .visuals .preview-box .content-body .section .section-actions {
  position: absolute;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  top: 50%;
  right: 0;
  translate: 100% calc(-50% - var(--actions-offset, 0px));
  background: #f90;
  --text-color: #fff;
  border-radius: 0 0.5rem 0.5rem 0;
}
.als-ui-element#edit-entity-network-newsletter-configs .visuals .preview-box .content-body .section:nth-child(1 of .moveable-section) .section-actions .md-button:nth-child(-n+2) {
  pointer-events: none;
  opacity: 0.25;
}
.als-ui-element#edit-entity-network-newsletter-configs .visuals .preview-box .content-body .section:nth-last-child(1 of .moveable-section) .section-actions .md-button:nth-last-child(-n+2) {
  pointer-events: none;
  opacity: 0.25;
}
.als-ui-element#edit-entity-network-newsletter-configs .visuals .preview-box .content-body .section:not(.moveable-section) .section-actions {
  display: none;
}
.als-ui-element#edit-entity-network-newsletter-configs .visuals .preview-box .content-body .section button[type=button]:not(.md-button) {
  color: var(--section-button-fg, var(--scheme-action-color-revert, #fff));
  --text-color: var(--section-button-fg, var(--scheme-action-color-revert, #fff));
  display: inline-block;
  border-radius: 0.25em;
  padding: 0.5em 1em;
  background-color: var(--section-button-bg, var(--scheme-action-color, #333));
  outline: none;
  border: none;
}
.als-ui-element#edit-entity-network-newsletter-configs .visuals .preview-box .content-body .section:where(.section-evaluation) {
  --section-button-bg: #fff;
  --section-button-fg:#333;
}
.als-ui-element#edit-entity-network-newsletter-configs .visuals .preview-box .content-body .section .section-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0;
}
.als-ui-element#edit-entity-network-newsletter-configs .visuals .preview-box .content-body .section .section-header img {
  background: #fff;
  margin-top: -50px;
  width: 80px;
  height: 80px;
  border: solid 4px var(--scheme-action-color, #333);
}
.als-ui-element#edit-entity-network-newsletter-configs .visuals .preview-box .content-body .section .section-header h2 {
  margin: 0;
  text-transform: uppercase;
  font-family: "Arial Black";
  font-size: 50px;
  text-align: center;
}
.als-ui-element#edit-entity-network-newsletter-configs .visuals .preview-box .content-body .section .sub-section {
  padding-top: 2rem;
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
}
.als-ui-element#edit-entity-network-newsletter-configs .visuals .preview-box .content-body .section .call-to-action-block {
  background: var(--bg-color);
  border-radius: 1rem;
  text-align: center;
  --text-color: #fff;
  color: var(--text-color);
  padding: 2rem;
}
.als-ui-element#edit-entity-network-newsletter-configs .visuals .preview-box .content-body .section .dummy-content {
  margin: 0.5rem 1rem;
  background: currentColor;
  border-radius: 2rem;
  height: 1rem;
  opacity: 0.25;
  width: 80%;
}
.als-ui-element#edit-entity-network-newsletter-configs .visuals .preview-box .content-body .section .dummy-image {
  margin: 0.5rem 1rem;
  background: currentColor;
  border-radius: 0.5rem;
  width: 3em;
  font-size: 45px;
  aspect-ratio: 4/3;
  opacity: 0.25;
  position: relative;
}
.als-ui-element#edit-entity-network-newsletter-configs .visuals .preview-box .content-body .section .dummy-image .fa-image {
  position: absolute;
  translate: -50% -50%;
  top: 50%;
  left: 50%;
  font-size: 1em;
  color: #fff;
}
.als-ui-element#edit-entity-network-newsletter-configs .visuals .preview-box .content-body .section .dummy-content-container {
  width: 100%;
}
.als-ui-element#edit-entity-network-newsletter-configs .visuals .preview-box .content-body .section .dummy-content-container .dummy-item {
  display: grid;
  grid-template-columns: 1fr;
  place-items: center;
}
.als-ui-element#edit-entity-network-newsletter-configs .visuals .preview-box .content-body .section .dummy-content-container .dummy-content {
  width: 100%;
}
.als-ui-element#edit-entity-network-newsletter-configs .visuals .preview-box .content-body .section .dummy-content-container .dummy-content:nth-child(1 of .dummy-content) {
  height: 1.5rem;
}
.als-ui-element#edit-entity-network-newsletter-configs .visuals .preview-box .content-body .section .dummy-content-container.display-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
}
.als-ui-element#edit-entity-network-newsletter-configs .visuals .preview-box .content-body .section .dummy-content-container.display-list {
  grid-template-columns: 1fr;
}
.als-ui-element#edit-entity-network-newsletter-configs .visuals .preview-box .content-body .section .dummy-content-container.display-list .dummy-item {
  grid-template-columns: auto 1fr;
  place-items: center;
}
.als-ui-element#edit-entity-network-newsletter-configs .visuals .preview-box .content-body .section .dummy-content-container.display-list .dummy-item .dummy-image {
  grid-column: 1;
  grid-row: 1/span 2;
  font-size: 25px;
}
.als-ui-element#edit-entity-network-newsletter-configs .visuals .preview-box a.button {
  display: inline-block;
  pointer-events: none;
  padding: 0.75em 1em;
  background: var(--scheme-action-color);
  --text-color:var(--scheme-action-color-revert);
}
.als-ui-element#edit-entity-network-newsletter-configs .visuals .preview-box .section-testimonial {
  text-align: center;
}
.als-ui-element#edit-entity-network-newsletter-configs .visuals .preview-box .star-rating {
  margin-block: 1rem;
  display: inline-block;
}
.als-ui-element#edit-entity-network-newsletter-configs .visuals .preview-box .star-rating .stars-container {
  overflow: hidden;
  width: calc(var(--star-rating) * 20%);
}
.als-ui-element#edit-entity-network-newsletter-configs .visuals .preview-box .star-rating .stars {
  display: grid;
  grid-auto-flow: column;
}
.als-ui-element#network-group-edit {
  width: 800px;
}
.als-ui-element#network-group-edit md-dialog-content md-tabs md-tab-content {
  padding: 2rem;
}
.als-ui-element#network-group-edit md-dialog-content .member-list-container {
  display: grid;
  grid-template-rows: auto 1fr;
  height: 50vh;
  gap: 1rem;
}
.als-ui-element#network-group-edit md-dialog-content .member-list-container .member-list {
  overflow: hidden overlay;
}
.als-ui-element#network-group-edit md-dialog-content .member-list-container .member-list .member-item {
  display: grid;
  grid-template-columns: 1fr auto;
}
.als-ui-element#network-group-edit md-dialog-content .member-list-container .member-list .member-item .name {
  transition: 0.25s ease;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.als-ui-element#network-group-edit md-dialog-content .member-list-container .member-list .member-item .selection-icon {
  position: relative;
  width: 2rem;
  height: 2rem;
  transition: 0.25s ease;
  transform-style: preserve-3d;
}
.als-ui-element#network-group-edit md-dialog-content .member-list-container .member-list .member-item .selection-icon .fal,
.als-ui-element#network-group-edit md-dialog-content .member-list-container .member-list .member-item .selection-icon .fas {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  transform-style: preserve-3d;
  backface-visibility: hidden;
}
.als-ui-element#network-group-edit md-dialog-content .member-list-container .member-list .member-item .selection-icon .fa-circle-check {
  transform: rotateY(180deg);
  color: #2c5;
}
.als-ui-element#network-group-edit md-dialog-content .member-list-container .member-list .member-item.selected {
  font-weight: 700;
}
.als-ui-element#network-group-edit md-dialog-content .member-list-container .member-list .member-item.selected .name {
  font-size: 1.1rem;
}
.als-ui-element#network-group-edit md-dialog-content .member-list-container .member-list .member-item.selected .selection-icon {
  transform: rotateY(180deg);
}
.als-ui-element#network-group-picker {
  width: 800px;
  max-height: 100vh;
  overflow: hidden;
}
.als-ui-element#network-group-picker md-dialog-content {
  max-height: 100vh;
  overflow: hidden;
}
.als-ui-element#network-group-picker .md-dialog-content {
  display: grid;
  grid-template-rows: auto 1fr;
  overflow: hidden;
  height: 600px;
}
.als-ui-element#network-group-picker .group-list-container {
  overflow: hidden auto;
  overflow: hidden overlay;
}
.als-ui-element#network-group-picker .group-list {
  padding: 1rem;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  place-items: stretch;
  gap: 1rem;
}
.als-ui-element#network-newsletter-schedule-edit {
  width: 800px;
}
.als-ui-element#network-newsletter-schedule-edit md-dialog-content {
  min-height: 420px;
  overflow: hidden;
  height: 0;
  display: grid;
  grid-template-rows: auto 1fr;
}
.als-ui-element#network-newsletter-schedule-edit md-dialog-content md-list md-list-item .md-list-item-inner {
  margin: 0;
  padding: 0;
}
.als-ui-element#network-entities-picker {
  width: 800px;
}
.als-ui-element#network-entities-picker md-dialog-content {
  min-height: 640px;
  overflow: hidden;
  height: 0;
  display: grid;
  grid-template-rows: auto 1fr;
}
.als-ui-element#network-entities-picker .search-container {
  background: #f0f0f0;
  padding: 2rem;
  padding-bottom: 0rem;
}
.als-ui-element#network-entities-picker .search-container .search-options {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.als-ui-element#network-entities-picker .member-list-container {
  overflow: hidden overlay;
  padding: 2rem;
}
.als-ui-element#network-entities-picker .member-list-container .member-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 1rem;
}
.als-ui-element#network-entities-picker .member-list-container .member-list .member-item {
  background: #efefef;
  border-radius: 0.25rem;
  padding: 1rem;
  text-align: center;
  box-shadow: 0 0 0 2px transparent;
  transition: 0.25s ease;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.als-ui-element#network-entities-picker .member-list-container .member-list .member-item .name {
  font-weight: 500;
}
.als-ui-element#network-entities-picker .member-list-container .member-list .member-item.selected {
  box-shadow: 0 0 0 2px #ff9900;
}
.als-ui-element#network-entities-picker .all-tags {
  padding: 1rem 0;
}
.als-ui-element#network-entities-picker .tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  font-size: 0.8rem;
}
.als-ui-element#network-entities-picker .tags em {
  background: #dedede;
  border-radius: 0.25rem;
  font-style: normal;
  padding: 0.5em;
}
.als-ui-element#network-message-post-error {
  width: 800px;
}
.als-ui-element#network-message-post-error md-dialog-content {
  min-height: 640px;
  overflow: hidden;
  height: 0;
  display: grid;
  grid-template-rows: auto 1fr;
}
.als-ui-element#network-message-post-error .posts-results {
  padding: 2rem;
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 1rem 1rem;
}
.als-ui-element#network-message-post-error .posts-results .post-item {
  display: contents;
}
.als-ui-element#network-message-post-error .posts-results .post-item .target {
  white-space: nowrap;
}
.als-ui-element#network-message-post-error .posts-results .post-item .actions {
  place-self: center;
}
.als-ui-element#network-picker {
  width: 800px;
}
.als-ui-element#network-picker md-dialog-content {
  min-height: 640px;
  overflow: hidden;
  height: 0;
  display: grid;
  grid-template-rows: 1fr;
}
.als-ui-element#network-picker .search-container {
  background: #f0f0f0;
  padding: 2rem;
  padding-bottom: 0rem;
}
.als-ui-element#network-picker .search-container .search-options {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.als-ui-element#network-picker .network-list-container {
  overflow: hidden overlay;
  padding: 2rem;
}
.als-ui-element#network-picker .network-list-container .network-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 1rem;
}
.als-ui-element#network-picker .network-list-container .network-list .network-item {
  background: #efefef;
  border-radius: 0.25rem;
  padding: 1rem;
  text-align: center;
  box-shadow: 0 0 0 2px transparent;
  transition: 0.25s ease;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.als-ui-element#network-picker .network-list-container .network-list .network-item .name {
  font-weight: 500;
}
.als-ui-element#network-picker .network-list-container .network-list .network-item.selected {
  box-shadow: 0 0 0 2px #ff9900;
}
.als-ui-element#network-picker .all-tags {
  padding: 1rem 0;
}
.als-ui-element#network-picker .tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  font-size: 0.8rem;
}
.als-ui-element#network-picker .tags em {
  background: #dedede;
  border-radius: 0.25rem;
  font-style: normal;
  padding: 0.5em;
}
.als-ui-element#location-picker {
  width: 800px;
}
.als-ui-element#location-picker md-dialog-content {
  min-height: 640px;
  overflow: hidden;
  height: 0;
  display: grid;
  grid-template-rows: 1fr;
}
.als-ui-element#location-picker .md-dialog-content {
  display: grid;
  gap: 1rem;
}
.als-ui-element#location-picker .md-dialog-content md-radio-button {
  margin-bottom: 0.5rem;
}
.als-ui-element#kamelo-template-picker {
  width: 1250px;
}
.als-ui-element#kamelo-template-picker .md-dialog-content {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 1rem;
  height: 70vh;
}
.als-ui-element#kamelo-template-picker .md-dialog-content > div {
  display: contents;
}
.als-ui-element#kamelo-template-picker .md-dialog-content .template-list-container,
.als-ui-element#kamelo-template-picker .md-dialog-content .template-preview {
  overflow: hidden overlay;
}
.als-ui-element#kamelo-template-picker .md-dialog-content .template-list-container {
  display: grid;
  grid-template-rows: auto 1fr;
  gap: 1rem;
}
.als-ui-element#kamelo-template-picker .md-dialog-content .template-list-container .template-list {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  overflow: hidden overlay;
  padding-inline: 1rem;
}
.als-ui-element#kamelo-template-picker .md-dialog-content .template-list-container .template-list .template-item {
  padding: 0.5em 1em;
  border-radius: 0.25rem;
  background: var(--primary-color-contrast-min);
}
.als-ui-element#kamelo-template-picker .md-dialog-content .template-list-container .template-list .template-item.selected {
  background: var(--action-color);
  --text-color: var(--action-color-revert);
}
.als-ui-element#kamelo-template-picker .md-dialog-content .template-preview {
  min-width: 680px;
  padding-inline: 1rem;
}
.als-ui-element#kamelo-groups-picker {
  width: 800px;
}
.als-ui-element#kamelo-groups-picker .md-dialog-content {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 1rem;
  height: 60vh;
}
.als-ui-element#kamelo-groups-picker .md-dialog-content > div {
  display: contents;
}
.als-ui-element#kamelo-groups-picker .md-dialog-content .group-list-container {
  overflow: hidden overlay;
}
.als-ui-element#kamelo-groups-picker .md-dialog-content .group-list-container {
  display: grid;
  grid-template-rows: auto 1fr;
  gap: 1rem;
}
.als-ui-element#kamelo-groups-picker .md-dialog-content .group-list-container .group-list {
  display: grid;
  gap: 0.25rem;
  overflow: hidden overlay;
  padding-inline: 1rem;
}
.als-ui-element#kamelo-groups-picker .md-dialog-content .group-list-container .group-list .group-item {
  padding: 0.5em 1em;
  border-radius: 0.25rem;
  background: var(--primary-color-contrast-min);
  display: grid;
  grid-template-columns: auto 1fr 10% 10%;
  place-items: center stretch;
  gap: 1rem;
  transition: 0.25s ease;
}
.als-ui-element#kamelo-groups-picker .md-dialog-content .group-list-container .group-list .group-item.selected {
  background: var(--action-color);
  --text-color: var(--action-color-revert);
}
.als-ui-element#kamelo-groups-picker .md-dialog-content .template-preview {
  min-width: 680px;
  padding-inline: 1rem;
}
.als-ui-element#kamelo-mailing-info .stats-table {
  margin-block: 1rem;
  padding: 1rem;
  --background: hsl(var(--base-primary), 90%);
  background: var(--background);
  border-radius: 0.25rem;
}
.als-ui-element#kamelo-mailing-info .stats-table tr td {
  padding-block: 0.25rem;
}
.als-ui-element#kamelo-mailing-info .stats-table tr td:last-child {
  text-align: right;
  font-weight: bold;
  color: var(--color, #333);
}
.als-ui-element#kamelo-mailing-info .stats-table tr td:last-child span.rate::after {
  content: "%";
}
.als-ui-element#minified-url-checker {
  width: 800px;
}
.als-ui-element#minified-url-checker md-dialog-content {
  min-height: 360px;
  overflow: hidden;
  height: 0;
  display: grid;
  grid-template-rows: auto 1fr;
}
.als-ui-element#minified-url-checker .dialog-header {
  padding: 1rem;
  display: grid;
  grid-template-columns: 1fr auto;
  place-items: center stretch;
}
.als-ui-element#tools-remax-sync {
  width: 800px;
}
.als-ui-element#tools-remax-sync md-dialog-content {
  min-height: 360px;
  overflow: hidden;
  height: 0;
  display: grid;
  grid-template-rows: auto 1fr;
}
.als-ui-element#tools-remax-sync .dialog-header {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.als-ui-element#tools-remax-sync .dialog-header .progress-visual {
  display: grid;
  grid-template-areas: "vis";
  grid-template-columns: 1fr;
  place-items: center;
  background: rgba(0, 0, 0, 0.1333333333);
  border-radius: 20rem;
}
.als-ui-element#tools-remax-sync .dialog-header .progress-visual md-progress-circular svg path {
  stroke-linecap: round;
  stroke-width: 0.5rem;
}
.als-ui-element#tools-remax-sync .dialog-header .progress-visual > * {
  grid-area: vis;
}
.als-ui-element#tools-remax-sync .agency-list-container {
  overflow: hidden overlay;
  padding: 1rem;
}
.als-ui-element#tools-remax-sync .agency-list {
  display: grid;
  grid-template-columns: 1fr auto auto;
  place-items: center stretch;
  gap: 1rem;
}
.als-ui-element#tools-remax-sync .agency-list .agency-item {
  display: contents;
}
.als-ui-element#tools-remax-sync .agency-list .agency-item .counter {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background: #ccc;
  border-radius: 0.25rem;
  padding: 0.5em 1em;
}
.als-ui-element#quote-quiz .quiz-page-container {
  width: 800px;
  height: 320px;
  overflow: hidden;
  position: relative;
}
.als-ui-element#quote-quiz .quiz-page-list {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 800px;
  transform: translateX(calc(-100% * var(--current-page-index, 0)));
  transition: 0.25s ease;
}
.als-ui-element#quote-quiz .quiz-page-item {
  padding: 2rem;
  text-align: center;
  display: grid;
  place-items: center;
  gap: 1rem;
}
.als-ui-element#quote-quiz .choice-list {
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: center;
}
.als-ui-element#generative-content-options {
  width: 800px;
}
.als-ui-element#generative-content-options .current-content {
  background: rgba(0, 100, 200, 0.2);
  padding: 1rem;
  border-radius: 0.5rem;
  font-style: italic;
}
.als-ui-element#generative-content-options .prompt-options {
  background: rgba(0, 0, 0, 0.0666666667);
  padding: 1rem;
  border-radius: 0.5rem;
}
.als-ui-element#generative-content-options .prompt-options label.placeholder {
  padding: 0;
}
.als-ui-element#generative-content-options .prompt-preview {
  background: rgba(0, 200, 100, 0.2);
  padding: 1rem;
  border-radius: 0.5rem;
  font-weight: bold;
}
.als-ui-element#yoabot {
  width: 800px;
}
.als-ui-element#yoabot .md-dialog-content {
  height: 75vh;
  display: grid;
  grid-template-rows: 1fr auto;
  overflow: hidden;
}
.als-ui-element#yoabot .chat-thread-container {
  overflow: hidden auto;
}
.als-ui-element#yoabot .chat-thread {
  position: relative;
  display: grid;
  grid-template-columns: [bot-start] 1fr [user-start] 5fr [bot-end] 1fr [user-end];
  place-items: center start;
  gap: 1rem;
}
.als-ui-element#yoabot .chat-thread .chat-item .content {
  background: color-mix(in srgb, var(--item-color, #eee), transparent 15%);
  border-radius: 1em;
  padding: 1rem;
}
.als-ui-element#yoabot .chat-thread .chat-item .actions {
  display: none;
  grid-column: 2;
}
.als-ui-element#yoabot .chat-thread .chat-item.from-assistant {
  grid-column: bot;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1rem;
}
.als-ui-element#yoabot .chat-thread .chat-item.from-assistant:not(:first-child) .actions {
  display: flex;
  align-self: center end;
}
.als-ui-element#yoabot .chat-thread .chat-item.from-assistant .item-avatar yo-icon {
  font-size: 2rem;
  place-self: end center;
}
.als-ui-element#yoabot .chat-thread .chat-item.from-user {
  grid-column: user;
  place-self: center end;
  text-align: right;
  --item-color: #f90;
}
.als-ui-element#yoabot .chat-thread {
  padding-bottom: 2rem;
}
.als-ui-element#yoabot .user-input {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 1rem;
  border-top: solid 1px #eee;
  padding: 1rem;
}
.als-ui-element#yoabot .user-input .yo-input {
  width: 100%;
}
.als-ui-element#yoabot .working-hint {
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  pointer-events: none;
  opacity: 0;
  translate: 0px 100%;
  transition: 0.25s ease;
}
.als-ui-element#yoabot .working-hint.yo-active {
  opacity: 1;
  translate: 0px 0%;
}

@position-try --yo-dialog-position-top-right {
  top: anchor(top);
  left: anchor(right);
}
@position-try --yo-dialog-position-bottom-right {
  bottom: anchor(top);
  left: anchor(right);
  top: auto;
}
@position-try --yo-dialog-position-bottom-left {
  bottom: anchor(top);
  left: anchor(left);
  top: auto;
}
.als-ui-panel-backdrop {
  position: fixed;
  inset: 0;
  background: var(--backdrop-color, #000);
  --max-opacity: 0.8;
  z-index: 160;
  animation-duration: 0.25s;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
  animation-name: id3-anim-fade-in;
  transition: 0.25s ease;
}
.als-ui-panel-backdrop.removing {
  opacity: 0 !important;
}

.als-side-panel {
  --text-color:#fff;
  --primary-color: #000;
}
@keyframes slideFromRight {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slideFromLeft {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slideFromBottom {
  0% {
    translate: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}
.als-side-panel.panel-right {
  right: 0;
  transform: translateX(100%);
}
.als-side-panel.panel-right._md-panel-animate-enter {
  animation: slideFromRight 0.25s ease-out forwards;
}
.als-side-panel.panel-left {
  left: 0;
  transform: translateX(-100%);
}
.als-side-panel.panel-left._md-panel-animate-enter {
  animation: slideFromLeft 0.25s 0.1s ease-out forwards;
}
.als-side-panel.panel-right, .als-side-panel.panel-left {
  top: 0;
  bottom: 0;
  min-width: 360px;
}
.als-side-panel.panel-right md-content, .als-side-panel.panel-left md-content {
  height: 100vh;
}
.als-side-panel.panel-bottom {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  transform: translateY(100%);
}
.als-side-panel.panel-bottom .als-ui-element {
  width: clamp(320px, 100% - 1rem, var(--panel-max-width, 800px));
  margin-inline: auto;
  padding: 2rem;
  border-radius: 1rem 1rem 0 0;
  background: var(--panel-color-background, #000);
  position: relative;
}
.als-side-panel.panel-bottom._md-panel-animate-enter {
  animation: slideFromBottom 0.25s ease-out forwards;
}
.als-side-panel.panel-bottom .close-panel-button {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
}
.als-side-panel.panel-bottom .panel-actions {
  display: flex;
  gap: 1rem;
  justify-content: center;
  align-items: center;
  padding-block: 2rem 0;
}
.als-side-panel .als-ui-element:not(:has(yo-side-panel)) {
  display: grid;
  grid-template-rows: auto 1fr;
  height: 100%;
}
.als-side-panel .als-ui-element:not(:has(yo-side-panel)) md-content {
  background: #fff;
  overflow: hidden auto;
}
.als-side-panel .als-ui-element:not(:has(yo-side-panel)) md-content .panel-menu {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.als-side-panel .als-ui-element:has(yo-side-panel) {
  padding: 1rem;
  height: 100vh;
}
.als-side-panel .als-ui-element > [ng-controller], .als-side-panel .als-ui-element ng-include {
  display: contents;
}
.als-side-panel yo-side-panel {
  display: grid;
  position: relative;
  grid-template-rows: 1fr;
  height: 100%;
  max-height: calc(100vh - 2rem);
}
.als-side-panel yo-side-panel:has(yo-panel-toolbar) {
  grid-template-rows: auto 1fr;
}
.als-side-panel yo-side-panel {
  background: var(--primary-color);
  --text-color: #fff;
  border-radius: 0.5rem;
}
.als-side-panel yo-side-panel yo-panel-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.als-side-panel yo-side-panel yo-panel-toolbar h1 {
  font-size: 1.25rem;
  margin: 0;
  padding: 1rem;
  text-transform: uppercase;
}
.als-side-panel yo-side-panel yo-panel-body {
  display: block;
  height: 100%;
  overflow: hidden auto;
}

.als-side-panel .als-ui-element#logs {
  width: clamp(320px, 100% - 1rem, 1200px);
}
.als-side-panel .als-ui-element#logs .log-list-container {
  height: 80vh;
  overflow: hidden auto;
}
.als-side-panel .als-ui-element#logs .log-list {
  display: grid;
  grid-template-columns: auto 1fr 150px;
  gap: 1rem;
}
.als-side-panel .als-ui-element#logs .log-list .log-item {
  display: contents;
}
.als-side-panel .als-ui-element#logs .log-list .log-item.log-success {
  --icon-color: #0a0;
}
.als-side-panel .als-ui-element#logs .log-list .log-item.log-error {
  --icon-color: #a00;
}
.als-side-panel .als-ui-element#logs .log-list .log-item .fal {
  color: var(--icon-color);
}
.als-side-panel .als-ui-element#logs .log-list .log-item .log-item-header h3, .als-side-panel .als-ui-element#logs .log-list .log-item .log-item-header p {
  margin: 0;
  padding: 0;
}
.als-side-panel .als-ui-element#logs .log-list .log-item .log-item-header p {
  font-size: 0.75rem;
  opacity: 0.75;
}
.als-side-panel .als-ui-element#target-actions .action-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: stretch;
  padding: 1rem;
}
.als-side-panel .als-ui-element#target-actions .list-item {
  display: grid;
  grid-template-columns: auto auto 1fr;
  gap: 0 1rem;
}
.als-side-panel .als-ui-element#target-actions .list-item .image-container {
  overflow: hidden;
  width: 60px;
  height: 50px;
  grid-column: 2;
}
.als-side-panel .als-ui-element#target-actions .list-item md-checkbox,
.als-side-panel .als-ui-element#target-actions .list-item .image-container {
  grid-row: 1/span 2;
}
.als-side-panel .als-ui-element#target-actions .list-item .title {
  grid-column: 3;
  font-size: 1.2rem;
}
.als-side-panel .als-ui-element#target-actions .list-item .meta {
  font-size: 0.75rem;
  opacity: 0.75;
  grid-column: 3;
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.als-side-panel .als-ui-element#target-actions .list-item .message {
  grid-column: 2;
  max-width: 450px;
  font-size: 0.75rem;
  display: none;
}
.als-side-panel .als-ui-element#entity-network-message md-content {
  max-width: 640px;
  height: 100%;
  overflow: hidden;
}
.als-side-panel .als-ui-element#entity-network-message md-content .content {
  padding: 1rem;
  display: grid;
  gap: 1rem;
  grid-template-rows: auto 1fr;
  overflow: hidden;
  height: 100%;
}
.als-side-panel .als-ui-element#entity-network-message .message-list-container {
  overflow: hidden overlay;
  padding: 1rem;
  height: 100%;
}
.als-side-panel .als-ui-element#entity-network-message .message-list-container .message-list {
  display: grid;
  gap: 1rem;
}
.als-side-panel .als-ui-element#entity-network-message .message-list-container .message-item {
  display: grid;
  gap: 0 1rem;
  padding-left: 1.5rem;
  position: relative;
}
.als-side-panel .als-ui-element#entity-network-message .message-list-container .message-item i.fal {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.als-side-panel .als-ui-element#entity-network-message .message-list-container .message-item .title {
  font-size: 1.2rem;
  font-weight: 500;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.als-side-panel .als-ui-element#entity-network-message .message-list-container .message-item .date {
  opacity: 0.6;
  font-size: 0.75rem;
}
.als-side-panel .als-ui-element#network .content {
  display: grid;
  gap: 1rem;
  padding: 1rem;
}
.als-side-panel .als-ui-element#network #avatar-custom-preview {
  color: #333;
  font-size: 5rem;
}
.als-side-panel .als-ui-element#main-menu {
  width: 100vw;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1rem;
  --text-color:#fff;
}
.als-side-panel .als-ui-element#main-menu md-content {
  background: rgba(0, 0, 0, 0.6666666667);
}
.als-side-panel .als-ui-element#main-menu yo-side-panel {
  width: 320px;
}
.als-side-panel .als-ui-element#main-menu a {
  color: inherit;
}
.als-side-panel .als-ui-element#main-menu .logo {
  width: 100px;
  margin: 20px auto;
  display: block;
}
.als-side-panel .als-ui-element#main-menu .terms-and-privacy-container {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  padding: 10px;
}
.als-side-panel .als-ui-element#main-menu ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.als-side-panel .als-ui-element#main-menu ul li {
  padding: 0px;
  transition: 0.25s;
  border-left-style: solid;
  border-left-color: #ff9900;
  border-left-width: 0px;
}
.als-side-panel .als-ui-element#main-menu ul li a, .als-side-panel .als-ui-element#main-menu ul li md-icon, .als-side-panel .als-ui-element#main-menu ul li md-truncate, .als-side-panel .als-ui-element#main-menu ul li span {
  color: #fff;
  transition: 0.25s;
}
.als-side-panel .als-ui-element#main-menu ul li md-icon {
  margin: 0px;
}
.als-side-panel .als-ui-element#main-menu ul li a {
  display: flex;
  padding: 10px 20px;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
  text-decoration: none;
  text-transform: uppercase;
}
.als-side-panel .als-ui-element#main-menu ul li:hover {
  background: rgba(255, 255, 255, 0.85);
  border-left-width: 5px;
}
.als-side-panel .als-ui-element#main-menu ul li:hover a, .als-side-panel .als-ui-element#main-menu ul li:hover md-icon, .als-side-panel .als-ui-element#main-menu ul li:hover md-truncate, .als-side-panel .als-ui-element#main-menu ul li:hover span {
  color: #333;
}
.als-side-panel .als-ui-element#main-menu .latest-item .md-list-item-inner p {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.als-side-panel .als-ui-element#main-menu .extras {
  padding: 2rem;
  display: grid;
  place-items: start stretch;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}
.als-side-panel .als-ui-element#main-menu .extras .widget {
  background: color-mix(in srgb, var(--primary-color), transparent 50%);
  padding: 2rem;
  border-radius: 0.5rem;
}
.als-side-panel .als-ui-element#main-menu .extras .widget h4 {
  font-weight: bold;
  margin-bottom: 1em;
}
.als-side-panel .als-ui-element#main-menu .extras .widget .key-value {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}
.als-side-panel .als-ui-element#main-menu .extras .widget .key-value label {
  opacity: 0.6;
  flex: 1;
  overflow: hidden;
  position: relative;
  margin: 0;
}
.als-side-panel .als-ui-element#main-menu .extras .widget .key-value label::after {
  top: 50%;
  position: absolute;
  width: 100%;
  height: 1px;
  translate: 1rem -50%;
  border-top: dashed 1px #fff;
  content: "";
}
.als-side-panel .als-ui-element#main-menu .extras .widget .key-value em {
  font-style: normal;
  font-weight: bold;
}
.als-side-panel .als-ui-element#favorites yo-searchbox {
  padding: 0 1rem;
  display: block;
}
.als-side-panel .als-ui-element#favorites .favorite-list {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  place-items: stretch;
  justify-content: flex-start;
}
.als-side-panel .als-ui-element#favorites .favorite-list .favorite-item a {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1rem;
  place-items: center stretch;
  text-decoration: none;
  padding: 0.5rem;
  transition: 0.25s ease;
  border-radius: 0.25rem;
}
.als-side-panel .als-ui-element#favorites .favorite-list .favorite-item a:hover {
  background: color-mix(in srgb, var(--primary-color), #fff 5%);
}
.als-side-panel .als-ui-element#entity-infos .entity-infos-panel {
  display: grid;
  place-items: stretch;
  grid-template-rows: auto 1fr;
}
.als-side-panel .als-ui-element#entity-publish-graph .activities-timespan-list {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem;
  border-radius: 0.5rem;
  background: color-mix(in srgb, var(--text-color), transparent 95%);
}
.als-side-panel .als-ui-element#entity-publish-graph .activities-timespan-list .timespan-button {
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  transition: 0.25s ease;
}
.als-side-panel .als-ui-element#entity-publish-graph .activities-timespan-list .timespan-button.active {
  background: var(--action-color);
  color: #fff;
  font-weight: bold;
}
.als-side-panel .als-ui-element#entity-publish-graph .chart-container {
  height: 360px;
  position: relative;
}
.als-side-panel .als-ui-element#entity-publish-graph .chart-container .placeholder {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.als-side-panel .als-ui-element#entity-publish-graph .chart-container .chart-tooltip {
  background: color-mix(in srgb, var(--primary-color), transparent 50%);
  color: #fff;
  padding: 1rem;
  border-radius: 0.5rem;
}
.als-side-panel .als-ui-element#entity-publish-graph .chart-legend {
  display: none;
}
.als-side-panel .als-ui-element#entity-publish-graph .chart-resume {
  display: flex;
  gap: 1rem;
  align-items: start;
  justify-content: space-between;
  padding: 1rem;
  border-radius: 0.5rem;
  background: color-mix(in srgb, var(--text-color), transparent 95%);
  opacity: 0.2;
  transition: 0.25s ease;
}
.als-side-panel .als-ui-element#entity-publish-graph .chart-resume.loaded {
  opacity: 1;
}
.als-side-panel .als-ui-element#entity-publish-graph .chart-resume .resume-label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}
.als-side-panel .als-ui-element#entity-publish-graph .chart-resume .resume-label > span {
  font-weight: bold;
  font-size: 1.25rem;
}

.als-panel {
  --text-color:#333;
}
@keyframes slide-in {
  0% {
    translate: -50% 100px;
  }
  100% {
    translate: -50% -100%;
  }
}
.als-panel .als-ui-element#user {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.6666666667);
  --panel-height: 75vh;
}
.als-panel .als-ui-element#user .yo-user-picture {
  --avatar-size: 300px;
  position: relative;
  width: var(--avatar-size);
  aspect-ratio: 1;
  position: relative;
  --item-shape-path: 'M 120 30 C 150 0 150 0 180 30 L 270 120 C 300 150 300 150 270 180 L 180 270 C 150 300 150 300 120 270 L 30 180 C 0 150 0 150 30 120 Z';
  --item-image-clip-path: var(--item-shape-path);
}
@media screen and (max-width: 640px) {
  .als-panel .als-ui-element#user .yo-user-picture {
    --avatar-size: 150px;
    --item-image-clip-path: 'M 60 15 C 75 0 75 0 90 15 L 135 60 C 150 75 150 75 135 90 L 90 135 C 75 150 75 150 60 135 L 15 90 C 0 75 0 75 15 60 Z';
  }
}
.als-panel .als-ui-element#user .yo-user-picture img {
  display: block;
  object-fit: cover;
  width: 100%;
  height: 100%;
  background: var(--item-color-level, #fff);
  clip-path: path(var(--item-image-clip-path));
}
.als-panel .als-ui-element#user .yo-user-picture svg.user-item-frame {
  position: absolute;
  inset: 0;
  z-index: 10;
}
.als-panel .als-ui-element#user .yo-user-picture svg.user-item-frame path {
  transition: d 0.25s ease, stroke-width 0.25s ease;
  d: path(var(--item-shape-path));
  fill: transparent;
  stroke: color-mix(in srgb, var(--item-color-level, #fff), #000 25%);
  stroke-width: 4px;
  stroke-linejoin: round;
  stroke-linecap: round;
}
@media screen and (max-width: 640px) {
  .als-panel .als-ui-element#user .yo-user-picture svg.user-item-frame path {
    stroke-width: 8px;
  }
}
.als-panel .als-ui-element#user .yo-user-level {
  margin-inline: auto;
  font-size: 2rem;
  font-weight: bold;
  background: #fc0;
  display: inline-flex;
  line-height: 1;
  width: 75px;
  height: 75px;
  align-items: center;
  justify-content: center;
  clip-path: path("M 30 7.5 C 37.5 0 37.5 0 45 7.5 L 67.5 30 C 75 37.5 75 37.5 67.5 45 L 45 67.5 C 37.5 75 37.5 75 30 67.5 L 7.5 45 C 0 37.5 0 37.5 7.5 30 Z");
  z-index: 100;
  position: absolute;
  bottom: 0;
  left: 50%;
  translate: -50% -1rem;
}
.als-panel .als-ui-element#user .content {
  position: absolute;
  top: calc(100% - var(--panel-height) - var(--avatar-size, 300px) * 0.25);
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  text-align: center;
}
@media screen and (max-width: 640px) {
  .als-panel .als-ui-element#user .content {
    --avatar-size: 200px;
  }
}
.als-panel .als-ui-element#user .content .image-container {
  width: var(--avatar-size, 300px);
  height: var(--avatar-size, 300px);
  border-radius: 50%;
  overflow: hidden;
  position: relative;
}
.als-panel .als-ui-element#user .sub-panel {
  background: var(--primary-color);
  --text-color: #fff;
  border-radius: 1rem 1rem 0 0;
  padding: 4rem;
  position: absolute;
  top: 100%;
  left: 50%;
  translate: -50% 100px;
  height: var(--panel-height);
  width: 640px;
  max-width: 100vw;
  z-index: 5;
  animation: slide-in 0.25s 0.5s ease forwards;
}
.als-panel .als-ui-element#user .sub-panel .sub-panel-content {
  text-align: center;
}
.als-panel .als-ui-element#user .sub-panel .sub-panel-content h3 {
  margin: 0;
  margin-bottom: 1em;
}
.als-panel .als-ui-element#user .sub-panel .actions {
  background: color-mix(in srgb, var(--primary-color), #000 5%);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  border-radius: 0.5rem;
}
.als-panel .als-ui-element#user .close-button {
  top: 0.5rem;
  right: 0.5rem;
  position: absolute;
}
.als-panel .als-ui-element#user .user-panel {
  width: clamp(320px, 100vw - 1rem, 1200px);
  padding: 1rem;
  margin-inline: auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  height: 100%;
}
@media screen and (max-width: 640px) {
  .als-panel .als-ui-element#user .user-panel {
    grid-template-columns: 1fr;
    overflow: clip auto;
  }
}
.als-panel .als-ui-element#user .user-sub-panel {
  padding: 1rem;
  border-radius: 1rem;
  background-color: rgba(255, 255, 255, 0.0666666667);
  --text-color:#fff;
  color: var(--text-color);
}
.als-panel .als-ui-element#user .header-panel {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: auto 1fr;
  position: relative;
  place-items: center stretch;
  gap: 2rem;
}
@media screen and (max-width: 640px) {
  .als-panel .als-ui-element#user .header-panel {
    grid-template-columns: 1fr;
    text-align: center;
    gap: 0rem;
  }
}
.als-panel .als-ui-element#user .header-panel .user-info h1, .als-panel .als-ui-element#user .header-panel .user-info p {
  margin: 0;
  padding: 0;
}
.als-panel .als-ui-element#user .header-panel .user-info h1 {
  margin-top: 1em;
  font-size: 2rem;
}
.als-panel .als-ui-element#user .header-panel .user-info p {
  margin-bottom: 1rem;
}
.als-panel .als-ui-element#user .user-avatar-container {
  position: relative;
  place-self: center;
}
.als-panel .als-ui-element#user .skills-panel .user-unused-points {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.als-panel .als-ui-element#user .yo-artifacts {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  place-items: center;
}
.als-panel .als-ui-element#user .yo-artifacts .yo-artifact-item {
  border: solid 2px var(--item-color);
  background: color-mix(in srgb, var(--item-color), transparent 20%);
  padding: 0.25rem;
  border-radius: 0.25rem;
  transition: 0.25s ease;
  display: grid;
  gap: 0.5rem;
  place-items: center;
  text-align: center;
  aspect-ratio: 1;
  position: relative;
}
.als-panel .als-ui-element#user .yo-artifacts .yo-artifact-item .item-icon {
  font-size: 1rem;
  color: #fff;
}
.als-panel .als-ui-element#user .yo-artifacts .yo-artifact-item .item-name {
  font-size: 0.75rem;
  position: absolute;
  background: #000;
  padding: 0.5em 0.75em;
  border-radius: 0.5em;
  color: #fff;
  opacity: 0;
  top: 100%;
  left: 50%;
  width: 10rem;
  text-wrap: balance;
  translate: -50% 100%;
  transition: 0.25s;
  pointer-events: none;
}
.als-panel .als-ui-element#user .yo-artifacts .yo-artifact-item .item-name span {
  font-weight: bold;
  color: var(--item-color);
}
.als-panel .als-ui-element#user .yo-artifacts .yo-artifact-item:hover .item-name {
  opacity: 1;
  translate: -50% 0.5rem;
}
.als-panel .als-ui-element#network-message-posts {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.6666666667);
}
.als-panel .als-ui-element#network-message-posts .loader {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
  transform: translate(-50%, -50%);
  animation: id3-anim-slide-in-far-bottom 0.25s ease forwards;
}
.als-panel .als-ui-element#network-message-posts .network-message-post-panel {
  display: grid;
  width: 800px;
  position: absolute;
  left: 50%;
  top: 2rem;
  bottom: 0;
  height: 100vh;
  transform: translate(-50%, 0);
  place-items: stretch;
  grid-template-rows: auto 1fr;
}
.als-panel .als-ui-element#network-message-posts .message-infos {
  position: relative;
  background: var(--color);
  border-radius: 1rem 1rem 0 0;
  color: #fff;
  opacity: 0;
  animation: id3-anim-slide-in-bottom 0.25s 0.5s ease forwards;
  width: 100%;
  display: grid;
  place-items: center;
  padding: 1rem;
  padding-bottom: 2rem;
  margin-bottom: -1rem;
}
.als-panel .als-ui-element#network-message-posts .message-infos h2 {
  margin: 0;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: calc(100% - 5rem);
}
.als-panel .als-ui-element#network-message-posts .message-infos label {
  text-transform: uppercase;
  font-size: 1.25rem;
}
.als-panel .als-ui-element#network-message-posts .message-infos .pct {
  font-size: 3rem;
}
.als-panel .als-ui-element#network-message-posts .message-infos .extra-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  justify-content: center;
}
.als-panel .als-ui-element#network-message-posts .message-infos .close-button {
  top: 0.5rem;
  right: 0.5rem;
  position: absolute;
}
.als-panel .als-ui-element#network-message-posts .post-list {
  background: #ffffff;
  border-radius: 1rem 1rem 0 0;
  padding: 2rem;
  padding-inline: 0;
  opacity: 0;
  overflow: hidden;
  z-index: 5;
  animation: id3-anim-slide-in-bottom 0.25s 0.25s ease forwards;
}
.als-panel .als-ui-element#network-message-posts .post-list .post-list-scroller {
  height: 100%;
  overflow: hidden overlay;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.als-panel .als-ui-element#network-message-posts .post-list .post-list-item {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 0 1rem;
  transition: 0.25s ease;
  border-left: solid 0px #ccc;
  position: relative;
  padding: 0.25rem 1rem;
  place-items: center stretch;
}
.als-panel .als-ui-element#network-message-posts .post-list .post-list-item .index {
  position: absolute;
  left: 0;
  top: 0;
  transform: translate(-100%, 0%);
  opacity: 0;
  transition: 0.25s 0.1s ease;
  font-size: 2rem;
}
.als-panel .als-ui-element#network-message-posts .post-list .post-list-item .date {
  grid-row: 2;
  grid-column: 1/-1;
  opacity: 0.75;
  font-size: 0.8rem;
}
.als-panel .als-ui-element#network-message-posts .post-list .post-list-item .name {
  font-size: 1.25rem;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.als-panel .als-ui-element#network-message-posts .post-list .post-list-item .actions {
  grid-column: 2;
  grid-row: 1/span 2;
}
.als-panel .als-ui-element#network-message-posts .post-list .post-list-item:hover {
  background: #ddd;
  padding-left: 3.5rem;
  border-left: solid 3px #888;
}
.als-panel .als-ui-element#network-message-posts .post-list .post-list-item:hover .index {
  opacity: 0.5;
  transform: translate(0.5rem, 0%);
}
.als-panel .als-ui-element#network-message-preview {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.6666666667);
}
.als-panel .als-ui-element#network-message-preview .network-message-preview-panel {
  display: grid;
  place-items: start stretch;
  width: clamp(320px, 100% - 1rem, 1200px);
  position: absolute;
  left: 50%;
  top: 0;
  height: 100vh;
  transform: translate(-50%, 0);
  --text-color: #fff;
}
.als-panel .als-ui-element#network-message-schedule {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.6666666667);
}
.als-panel .als-ui-element#network-message-schedule .loader {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
  transform: translate(-50%, -50%);
  animation: id3-anim-slide-in-far-bottom 0.25s ease forwards;
}
.als-panel .als-ui-element#network-message-schedule .network-message-schedule-panel {
  display: grid;
  width: 800px;
  position: absolute;
  left: 50%;
  top: 3rem;
  bottom: 0;
  height: 100vh;
  transform: translate(-50%, 0);
  place-items: stretch;
  grid-template-rows: auto 1fr;
}
.als-panel .als-ui-element#network-message-schedule .schedule-infos {
  position: relative;
  background: #222;
  border-radius: 1rem 1rem 0 0;
  --text-color:#fff;
  opacity: 0;
  animation: id3-anim-slide-in-bottom 0.25s 0.5s ease forwards;
  width: 100%;
  display: grid;
  place-items: center stretch;
  padding: 1rem;
  padding-bottom: 2rem;
  margin-bottom: -1rem;
}
.als-panel .als-ui-element#network-message-schedule .schedule-infos .main-info {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 1rem;
  padding: 1rem;
  place-items: end stretch;
}
.als-panel .als-ui-element#network-message-schedule .schedule-infos .main-info .state {
  margin-top: -4rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.als-panel .als-ui-element#network-message-schedule .schedule-infos .main-info .state h1 {
  font-size: 1.5rem;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
}
.als-panel .als-ui-element#network-message-schedule .schedule-infos .main-info .state .progess {
  position: relative;
  text-align: center;
}
.als-panel .als-ui-element#network-message-schedule .schedule-infos .main-info .state .progess md-progress-circular svg path {
  fill: #333;
}
.als-panel .als-ui-element#network-message-schedule .schedule-infos .main-info .state .progess .pct {
  position: absolute;
  top: 50px;
  left: 50%;
  transform: translate(-50%, -50%);
}
.als-panel .als-ui-element#network-message-schedule .schedule-infos .main-info .date {
  font-size: 1.25rem;
}
.als-panel .als-ui-element#network-message-schedule .schedule-infos .main-info .date label {
  font-size: 0.75rem;
  opacity: 0.75;
}
.als-panel .als-ui-element#network-message-schedule .schedule-infos .main-info :last-child {
  text-align: right;
}
.als-panel .als-ui-element#network-message-schedule .schedule-infos .close-button {
  position: absolute;
  top: 0;
  right: 0;
}
.als-panel .als-ui-element#network-message-schedule .schedule-infos .actions-container {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
  place-items: center stretch;
}
.als-panel .als-ui-element#network-message-schedule .schedule-infos .actions-container .activation-toggles {
  place-self: center start;
}
.als-panel .als-ui-element#network-message-schedule .schedule-infos .actions-container .reload {
  place-self: center end;
}
.als-panel .als-ui-element#network-message-schedule .target-list {
  background: #111;
  --text-color:#fff;
  border-radius: 1rem 1rem 0 0;
  padding: 2rem;
  padding-inline: 0;
  opacity: 0;
  overflow: hidden;
  height: calc(100vh - 14rem);
  z-index: 5;
  animation: id3-anim-slide-in-bottom 0.25s 0.25s ease forwards;
  display: grid;
  grid-template-rows: auto 1fr;
}
.als-panel .als-ui-element#network-message-schedule .target-list .yo-searchbox {
  width: clamp(320px, 100% - 2rem, 640px);
  margin-inline: auto;
  --border-color: #444;
  --bg: #111;
  --text-color: #fff;
}
.als-panel .als-ui-element#network-message-schedule .target-list .yo-searchbox.has-focus, .als-panel .als-ui-element#network-message-schedule .target-list .yo-searchbox.has-value {
  --border-color: #777;
  --bg: #333;
}
.als-panel .als-ui-element#network-message-schedule .target-list .target-list-scroller {
  height: 100%;
  overflow: hidden overlay;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.als-panel .als-ui-element#network-message-schedule .target-list .target-list-item > .group-name-container {
  padding-inline: 1rem;
  font-size: 1.25rem;
  font-weight: 500;
}
.als-panel .als-ui-element#network-message-schedule .target-list .group-entity-item {
  --border-size:0;
  --action-color: var(--action-color);
  display: grid;
  grid-template-columns: auto 1fr auto auto;
  gap: 0 1rem;
  transition: 0.25s ease;
  border-left: solid var(--border-size) var(--border-color);
  position: relative;
  padding: 0.25rem 1rem;
  place-items: center stretch;
}
.als-panel .als-ui-element#network-message-schedule .target-list .group-entity-item.error {
  --border-size: 3px;
  --border-color: var(--error-color, #913);
}
.als-panel .als-ui-element#network-message-schedule .target-list .group-entity-item.error .target-error {
  color: var(--error-color, #913);
}
.als-panel .als-ui-element#network-message-schedule .target-list .group-entity-item.success {
  --border-size: 3px;
  --border-color: #2a3;
}
.als-panel .als-ui-element#network-message-schedule .target-list .group-entity-item .name {
  font-size: 1.25rem;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.als-panel .als-ui-element#network-message-schedule .target-list .group-entity-item .actions {
  display: flex;
  align-items: center;
}
.als-panel .als-ui-element#network-message-schedule .target-list .group-entity-item .more-info-container {
  max-height: 0;
  overflow: hidden;
  grid-column: 1/-1;
  transition: 0.25s ease;
}
.als-panel .als-ui-element#network-message-schedule .target-list .group-entity-item.selected .more-info-container {
  max-height: 25vh;
}
.als-panel .als-ui-element#network-message-schedule .target-list .group-entity-item .moderation-response {
  font-size: 0.8rem;
  padding: 0.5em 0.75em;
  background: var(--response-color, #000);
  border-radius: 0.25rem;
  line-height: 1;
}
.als-panel .als-ui-element#network-message-schedule .target-list .group-entity-item .moderation-response.response-approve {
  --response-color: #182;
}
.als-panel .als-ui-element#network-message-schedule .target-list .group-entity-item .moderation-response.response-decline {
  --response-color: #821;
}
.als-panel .als-ui-element#network-message-schedule .target-list .group-entity-item:hover {
  background: #222;
  padding-left: 1.5rem;
  border-left-width: calc(var(--border-size) + 3px);
}
.als-panel .als-ui-element#network-message-schedule .target-list .group-entity-item:hover .index {
  opacity: 0.5;
  transform: translate(0.5rem, 0%);
}
.als-panel .als-ui-element#network-newsletter-schedule {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.6666666667);
}
.als-panel .als-ui-element#network-newsletter-schedule .loader {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
  transform: translate(-50%, -50%);
  animation: id3-anim-slide-in-far-bottom 0.25s ease forwards;
}
.als-panel .als-ui-element#network-newsletter-schedule .network-newsletter-schedule-panel {
  display: grid;
  width: clamp(320px, 100%, 800px);
  position: absolute;
  left: 50%;
  top: 3rem;
  bottom: 0;
  height: 100vh;
  transform: translate(-50%, 0);
  place-items: stretch;
  grid-template-rows: auto 1fr;
}
.als-panel .als-ui-element#network-newsletter-schedule .schedule-infos {
  position: relative;
  background: #222;
  border-radius: 1rem 1rem 0 0;
  --text-color:#fff;
  opacity: 0;
  animation: id3-anim-slide-in-bottom 0.25s 0.5s ease forwards;
  width: 100%;
  display: grid;
  place-items: center stretch;
  padding: 1rem;
  padding-bottom: 2rem;
  margin-bottom: -1rem;
}
.als-panel .als-ui-element#network-newsletter-schedule .schedule-infos .main-info {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 1rem;
  padding: 1rem;
  place-items: end stretch;
}
@media screen and (max-width: 1024px) {
  .als-panel .als-ui-element#network-newsletter-schedule .schedule-infos .main-info {
    grid-template-columns: 1fr;
    place-items: center;
  }
}
.als-panel .als-ui-element#network-newsletter-schedule .schedule-infos .main-info .state {
  margin-top: -4rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  .als-panel .als-ui-element#network-newsletter-schedule .schedule-infos .main-info .state {
    margin-top: -1rem;
  }
}
.als-panel .als-ui-element#network-newsletter-schedule .schedule-infos .main-info .state h1 {
  font-size: 1.5rem;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
}
.als-panel .als-ui-element#network-newsletter-schedule .schedule-infos .main-info .state .progess {
  position: relative;
  text-align: center;
}
.als-panel .als-ui-element#network-newsletter-schedule .schedule-infos .main-info .state .progess md-progress-circular svg path {
  fill: #333;
}
.als-panel .als-ui-element#network-newsletter-schedule .schedule-infos .main-info .state .progess .pct {
  position: absolute;
  top: 50px;
  left: 50%;
  transform: translate(-50%, -50%);
}
.als-panel .als-ui-element#network-newsletter-schedule .schedule-infos .main-info .date {
  font-size: 1.25rem;
}
@media screen and (max-width: 1024px) {
  .als-panel .als-ui-element#network-newsletter-schedule .schedule-infos .main-info .date {
    display: none;
  }
}
.als-panel .als-ui-element#network-newsletter-schedule .schedule-infos .main-info .date label {
  font-size: 0.75rem;
  opacity: 0.75;
}
.als-panel .als-ui-element#network-newsletter-schedule .schedule-infos .main-info :last-child {
  text-align: right;
}
.als-panel .als-ui-element#network-newsletter-schedule .schedule-infos .close-button {
  position: absolute;
  top: 0;
  right: 0;
}
.als-panel .als-ui-element#network-newsletter-schedule .schedule-infos .actions-container {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
  place-items: center stretch;
}
@media screen and (max-width: 1024px) {
  .als-panel .als-ui-element#network-newsletter-schedule .schedule-infos .actions-container {
    grid-template-columns: 1fr;
    place-items: center;
  }
}
.als-panel .als-ui-element#network-newsletter-schedule .schedule-infos .actions-container .activation-toggles {
  place-self: center start;
}
@media screen and (max-width: 1024px) {
  .als-panel .als-ui-element#network-newsletter-schedule .schedule-infos .actions-container .activation-toggles {
    display: none;
  }
}
.als-panel .als-ui-element#network-newsletter-schedule .schedule-infos .actions-container .reload {
  place-self: center end;
}
@media screen and (max-width: 1024px) {
  .als-panel .als-ui-element#network-newsletter-schedule .schedule-infos .actions-container .reload {
    display: none;
  }
}
.als-panel .als-ui-element#network-newsletter-schedule .schedule-infos .response-progress-container {
  padding-top: 1rem;
}
.als-panel .als-ui-element#network-newsletter-schedule .schedule-infos .response-progress-container .response-progress {
  display: flex;
  grid-auto-flow: column;
  grid-auto-columns: auto;
  gap: 0.25rem;
}
.als-panel .als-ui-element#network-newsletter-schedule .schedule-infos .response-progress-container .response-progress .response-progress-line {
  height: 0.5rem;
  border-radius: 1rem;
  background-color: var(--line-color, #000);
  position: relative;
  width: calc(1% * var(--progress-value));
}
.als-panel .als-ui-element#network-newsletter-schedule .schedule-infos .response-progress-container .response-progress .response-progress-line em {
  position: absolute;
  top: 0;
  left: 50%;
  font-size: 0.75rem;
  translate: -50% -100%;
}
.als-panel .als-ui-element#network-newsletter-schedule .schedule-infos .response-progress-container .response-progress .response-approved {
  --line-color: #182;
}
.als-panel .als-ui-element#network-newsletter-schedule .schedule-infos .response-progress-container .response-progress .response-declined {
  --line-color: #821;
}
.als-panel .als-ui-element#network-newsletter-schedule .target-list {
  background: #111;
  --text-color:#fff;
  border-radius: 1rem 1rem 0 0;
  padding: 2rem;
  padding-inline: 0;
  opacity: 0;
  overflow: hidden;
  height: calc(100vh - 17rem);
  z-index: 5;
  animation: id3-anim-slide-in-bottom 0.25s 0.25s ease forwards;
  display: grid;
  grid-template-rows: auto 1fr;
}
.als-panel .als-ui-element#network-newsletter-schedule .target-list .search-container {
  padding-inline: 3rem;
  padding-bottom: 1rem;
}
.als-panel .als-ui-element#network-newsletter-schedule .target-list .search-container .yo-searchbox {
  --border-color: #444;
  --bg: #111;
  --text-color: #fff;
}
.als-panel .als-ui-element#network-newsletter-schedule .target-list .search-container .yo-searchbox.has-focus, .als-panel .als-ui-element#network-newsletter-schedule .target-list .search-container .yo-searchbox.has-value {
  --border-color: #777;
  --bg: #333;
}
.als-panel .als-ui-element#network-newsletter-schedule .target-list .target-list-scroller {
  height: 100%;
  overflow: hidden overlay;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.als-panel .als-ui-element#network-newsletter-schedule .target-list .target-list-item:not(:has(.group-entity-item)) {
  display: none;
}
.als-panel .als-ui-element#network-newsletter-schedule .target-list .target-list-item > .group-name-container {
  padding-inline: 1rem;
  font-size: 1.25rem;
  font-weight: 500;
}
.als-panel .als-ui-element#network-newsletter-schedule .target-list .group-entity-item {
  --border-size:0;
  --action-color: var(--action-color);
  display: grid;
  grid-template-columns: auto 1fr auto auto;
  gap: 0 1rem;
  transition: 0.25s ease;
  border-left: solid var(--border-size) var(--border-color);
  position: relative;
  padding: 0.5rem 1rem;
  place-items: center stretch;
}
.als-panel .als-ui-element#network-newsletter-schedule .target-list .group-entity-item.error {
  --border-size: 3px;
  --border-color: var(--error-color, #913);
}
.als-panel .als-ui-element#network-newsletter-schedule .target-list .group-entity-item.error .target-error {
  color: var(--error-color, #913);
}
.als-panel .als-ui-element#network-newsletter-schedule .target-list .group-entity-item.success {
  --border-size: 3px;
  --border-color: #2a3;
}
.als-panel .als-ui-element#network-newsletter-schedule .target-list .group-entity-item .actions {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: auto;
  place-items: center;
}
@media screen and (max-width: 1024px) {
  .als-panel .als-ui-element#network-newsletter-schedule .target-list .group-entity-item .actions .md-button > ls {
    display: none;
  }
}
.als-panel .als-ui-element#network-newsletter-schedule .target-list .group-entity-item .name {
  font-size: 1.25rem;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.als-panel .als-ui-element#network-newsletter-schedule .target-list .group-entity-item .more-info {
  grid-column: 1/-1;
}
.als-panel .als-ui-element#network-newsletter-schedule .target-list .group-entity-item .more-info .more-info-content {
  background: rgba(255, 255, 255, 0.0666666667);
  padding-inline: 1rem;
  overflow: hidden;
  max-height: 0;
  transition: 0.25s ease;
  border-radius: 0.25rem;
}
.als-panel .als-ui-element#network-newsletter-schedule .target-list .group-entity-item .more-info .more-info-content .state-info-container {
  margin-bottom: 1rem;
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 1rem;
  place-items: start stretch;
}
.als-panel .als-ui-element#network-newsletter-schedule .target-list .group-entity-item .more-info .more-info-content .state-info-container .state-response-infos {
  grid-column: 1/-1;
}
.als-panel .als-ui-element#network-newsletter-schedule .target-list .group-entity-item .more-info .more-info-content .state-info-container .state-response-infos:has(p.response-message:empty) {
  display: none;
}
.als-panel .als-ui-element#network-newsletter-schedule .target-list .group-entity-item .more-info .more-info-content .state-info-container .state-response-infos .response {
  font-weight: 700;
  text-transform: capitalize;
}
.als-panel .als-ui-element#network-newsletter-schedule .target-list .group-entity-item .more-info .more-info-content .state-info-container .state-response-infos p.response-message {
  position: relative;
  padding: 0.5em;
  white-space: pre-wrap;
}
.als-panel .als-ui-element#network-newsletter-schedule .target-list .group-entity-item .more-info .more-info-content .state-info-container .state-response-infos p.response-message::before, .als-panel .als-ui-element#network-newsletter-schedule .target-list .group-entity-item .more-info .more-info-content .state-info-container .state-response-infos p.response-message::after {
  font-family: "Font Awesome 6 Pro";
  font-size: 1.25em;
  opacity: 0.25;
  font-weight: 800;
}
.als-panel .als-ui-element#network-newsletter-schedule .target-list .group-entity-item .more-info .more-info-content .state-info-container .state-response-infos p.response-message::before {
  content: "\f10d";
  translate: -50% -25%;
}
.als-panel .als-ui-element#network-newsletter-schedule .target-list .group-entity-item .more-info .more-info-content .state-info-container .state-response-infos p.response-message::after {
  content: "\f10e";
  translate: 50% 25%;
}
.als-panel .als-ui-element#network-newsletter-schedule .target-list .group-entity-item .more-info .more-info-content .state-info-container .state-info {
  display: contents;
}
.als-panel .als-ui-element#network-newsletter-schedule .target-list .group-entity-item .more-info .more-info-content .state-info-container .state-info:not(:first-child) {
  margin-top: 0.5rem;
  border-top: solid 1px rgba(255, 255, 255, 0.1333333333);
  padding-top: 0.5rem;
}
.als-panel .als-ui-element#network-newsletter-schedule .target-list .group-entity-item .more-info .more-info-content .state-info-container .state-info .state-details {
  text-align: left;
  border-left: solid 1px rgba(255, 255, 255, 0.1333333333);
  padding-left: 1rem;
}
.als-panel .als-ui-element#network-newsletter-schedule .target-list .group-entity-item .more-info .more-info-content .state-info-container .state-info h4 {
  text-align: left;
}
.als-panel .als-ui-element#network-newsletter-schedule .target-list .group-entity-item .more-info .more-info-content .state-info-container .state-info p {
  padding: 0;
  margin: 0;
}
.als-panel .als-ui-element#network-newsletter-schedule .target-list .group-entity-item .more-info .more-info-content .state-info-container .state-actions {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.als-panel .als-ui-element#network-newsletter-schedule .target-list .group-entity-item.selected .more-info-content {
  padding: 1rem;
  max-height: 50vh;
  margin-block: 0.5rem;
}
.als-panel .als-ui-element#network-newsletter-schedule .target-list .group-entity-item .moderation-response {
  font-size: 0.8rem;
  padding: 0.5em 0.75em;
  background: var(--response-color, #000);
  border-radius: 0.25rem;
  line-height: 1;
}
.als-panel .als-ui-element#network-newsletter-schedule .target-list .group-entity-item .moderation-response.response-approve {
  --response-color: #182;
}
.als-panel .als-ui-element#network-newsletter-schedule .target-list .group-entity-item .moderation-response.response-decline {
  --response-color: #821;
}
.als-panel .als-ui-element#network-newsletter-schedule .target-list .group-entity-item:hover {
  background: #222;
}
.als-panel .als-ui-element#network-newsletter-schedule .target-list .group-entity-item:hover .index {
  opacity: 0.5;
  transform: translate(0.5rem, 0%);
}
.als-panel .als-ui-element#network-newsletter-moderation-process {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.6666666667);
}
.als-panel .als-ui-element#network-newsletter-moderation-process .network-newsletter-auto-moderation-panel {
  display: grid;
  width: clamp(320px, 100%, 800px);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 1rem;
  background: #222;
  text-align: center;
  --text-color:#fff;
  padding: 2rem;
}
.als-panel .als-ui-element#network-newsletter-moderation-process .network-newsletter-auto-moderation-panel .process-frame-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  opacity: 0;
  pointer-events: none;
}
.als-panel .als-ui-element#network-group-entities {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.6666666667);
}
.als-panel .als-ui-element#network-group-entities .loader {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
  transform: translate(-50%, -50%);
  animation: id3-anim-slide-in-far-bottom 0.25s ease forwards;
}
.als-panel .als-ui-element#network-group-entities .network-group-entities-panel {
  display: grid;
  width: 800px;
  position: absolute;
  left: 50%;
  top: 3rem;
  bottom: 0;
  height: 100vh;
  transform: translate(-50%, 0);
  place-items: stretch;
  grid-template-rows: auto 1fr;
}
.als-panel .als-ui-element#network-group-entities .group-info {
  position: relative;
  background: #222;
  border-radius: 1rem 1rem 0 0;
  --text-color:#fff;
  opacity: 0;
  animation: id3-anim-slide-in-bottom 0.25s 0.5s ease forwards;
  width: 100%;
  display: grid;
  place-items: center stretch;
  padding: 1rem;
  padding-bottom: 2rem;
  margin-bottom: -1rem;
}
.als-panel .als-ui-element#network-group-entities .group-info .main-info {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 1rem;
  padding: 1rem;
  place-items: end stretch;
}
.als-panel .als-ui-element#network-group-entities .group-info .main-info .state {
  margin-top: -4rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.als-panel .als-ui-element#network-group-entities .group-info .main-info .state h1 {
  font-size: 1.5rem;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
}
.als-panel .als-ui-element#network-group-entities .group-info .main-info .state .progess {
  position: relative;
  text-align: center;
}
.als-panel .als-ui-element#network-group-entities .group-info .main-info .state .progess md-progress-circular svg path {
  fill: #333;
}
.als-panel .als-ui-element#network-group-entities .group-info .main-info .state .progess .pct {
  position: absolute;
  top: 50px;
  left: 50%;
  transform: translate(-50%, -50%);
}
.als-panel .als-ui-element#network-group-entities .group-info .main-info .date {
  font-size: 1.25rem;
}
.als-panel .als-ui-element#network-group-entities .group-info .main-info .date label {
  font-size: 0.75rem;
  opacity: 0.75;
}
.als-panel .als-ui-element#network-group-entities .group-info .main-info :last-child {
  text-align: right;
}
.als-panel .als-ui-element#network-group-entities .group-info .close-button {
  position: absolute;
  top: 0;
  right: 0;
}
.als-panel .als-ui-element#network-group-entities .group-info .actions-container {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
  place-items: center stretch;
}
.als-panel .als-ui-element#network-group-entities .group-info .actions-container .activation-toggles {
  place-self: center start;
}
.als-panel .als-ui-element#network-group-entities .group-info .actions-container .reload {
  place-self: center end;
}
.als-panel .als-ui-element#network-group-entities .group-entity-list-container {
  background: #111;
  --text-color:#fff;
  border-radius: 1rem 1rem 0 0;
  padding: 2rem;
  padding-inline: 0;
  opacity: 0;
  overflow: hidden overlay;
  height: calc(100vh - 10rem);
  z-index: 5;
  animation: id3-anim-slide-in-bottom 0.25s 0.25s ease forwards;
}
.als-panel .als-ui-element#network-group-entities .group-entity-list-container h5 {
  font-size: 1.1rem;
  text-transform: uppercase;
  padding: 0.5rem 1rem;
  margin-top: 1rem;
  border-left: solid 0.5rem var(--action-color);
}
.als-panel .als-ui-element#network-group-entities .group-entity-list-container .entity-list {
  display: grid;
  gap: 0.5rem;
  padding-inline: 2rem;
}
.als-panel .als-ui-element#network-group-entities .group-entity-list-container .entity-list .entity-item {
  display: grid;
}
.als-panel .als-ui-element#network-group-entities .group-entity-list-container .entity-list .entity-item .name {
  font-size: 1.1rem;
  font-weight: bold;
}
.als-panel .als-ui-element#network-group-entities .group-entity-list-container .entity-list .entity-item .tags {
  opacity: 0.6;
}
.als-panel .als-ui-element#target-inactive-list {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.6666666667);
}
.als-panel .als-ui-element#target-inactive-list .loader {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
  transform: translate(-50%, -50%);
  animation: id3-anim-slide-in-far-bottom 0.25s ease forwards;
}
.als-panel .als-ui-element#target-inactive-list .target-inactive-list-panel {
  display: grid;
  width: 800px;
  position: absolute;
  left: 50%;
  top: 3rem;
  bottom: 0;
  height: 100vh;
  transform: translate(-50%, 0);
  place-items: stretch;
  grid-template-rows: auto 1fr;
}
.als-panel .als-ui-element#target-inactive-list .target-infos {
  position: relative;
  background: #222;
  border-radius: 1rem 1rem 0 0;
  --text-color:#fff;
  opacity: 0;
  animation: id3-anim-slide-in-bottom 0.25s 0.5s ease forwards;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  padding-bottom: 2rem;
  margin-bottom: -1rem;
}
.als-panel .als-ui-element#target-inactive-list .target-infos > div {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
}
.als-panel .als-ui-element#target-inactive-list .target-infos h1 {
  text-transform: uppercase;
}
.als-panel .als-ui-element#target-inactive-list .target-infos .close-button {
  position: absolute;
  top: 0;
  right: 0;
}
.als-panel .als-ui-element#target-inactive-list .target-list {
  background: #333;
  --text-color:#fff;
  border-radius: 1rem 1rem 0 0;
  padding: 2rem;
  padding-inline: 0;
  opacity: 0;
  overflow: hidden;
  height: calc(100vh - 8rem);
  z-index: 5;
  animation: id3-anim-slide-in-bottom 0.25s 0.25s ease forwards;
  display: grid;
  grid-template-rows: auto 1fr;
  gap: 1rem;
}
.als-panel .als-ui-element#target-inactive-list .target-list .filter {
  padding-inline: 5rem;
}
.als-panel .als-ui-element#target-inactive-list .target-list .target-list-scroller {
  height: 100%;
  overflow: hidden overlay;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.als-panel .als-ui-element#target-inactive-list .target-list .target-list-item {
  display: grid;
  grid-template-columns: 1fr auto;
  padding-inline: 1rem;
  font-size: 1.25rem;
  font-weight: 500;
  transition: 0.25s ease;
  place-items: center stretch;
}
.als-panel .als-ui-element#target-inactive-list .target-list .target-list-item .tags {
  min-height: 2rem;
}
.als-panel .als-ui-element#target-inactive-list .target-list .target-list-item .actions {
  grid-column: 2;
  grid-row: 1/span 2;
}
.als-panel .als-ui-element#target-inactive-list .target-list .target-list-item:hover {
  background: rgba(0, 0, 0, 0.3333333333);
}
.als-panel .als-ui-element#listing-update-logs, .als-panel .als-ui-element#entity-update-logs {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.6666666667);
  --text-color:#fff;
}
.als-panel .als-ui-element#listing-update-logs h2, .als-panel .als-ui-element#entity-update-logs h2 {
  text-align: center;
}
.als-panel .als-ui-element#listing-update-logs .close-panel-button, .als-panel .als-ui-element#entity-update-logs .close-panel-button {
  position: absolute;
  top: 0;
  right: 0;
}
.als-panel .als-ui-element#listing-update-logs .update-log-content, .als-panel .als-ui-element#entity-update-logs .update-log-content {
  display: grid;
  width: 1200px;
  position: absolute;
  left: 50%;
  top: 2rem;
  bottom: 0;
  height: 100vh;
  transform: translate(-50%, 0);
  place-items: stretch;
  grid-template-rows: auto 1fr;
}
.als-panel .als-ui-element#listing-update-logs .log-list-container, .als-panel .als-ui-element#entity-update-logs .log-list-container {
  background: #111;
  border-radius: 1rem 1rem 0 0;
  padding: 2rem;
  opacity: 0;
  overflow: hidden overlay;
  z-index: 5;
  animation: id3-anim-slide-in-bottom 0.25s 0.25s ease forwards;
}
.als-panel .als-ui-element#listing-update-logs timeline timeline-event timeline-panel, .als-panel .als-ui-element#entity-update-logs timeline timeline-event timeline-panel {
  background: #222;
}
.als-panel .als-ui-element#listing-update-logs timeline timeline-event timeline-panel h3, .als-panel .als-ui-element#entity-update-logs timeline timeline-event timeline-panel h3 {
  font-size: 1.1rem;
  font-weight: 500;
}
.als-panel .als-ui-element#listing-update-logs timeline timeline-event timeline-panel h3, .als-panel .als-ui-element#listing-update-logs timeline timeline-event timeline-panel p, .als-panel .als-ui-element#entity-update-logs timeline timeline-event timeline-panel h3, .als-panel .als-ui-element#entity-update-logs timeline timeline-event timeline-panel p {
  color: var(--text-color);
}
.als-panel .als-ui-element#listing-update-logs timeline timeline-event timeline-panel .event-detail, .als-panel .als-ui-element#entity-update-logs timeline timeline-event timeline-panel .event-detail {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1rem;
  padding: 0.5rem 1rem;
  background: rgba(255, 255, 255, 0.0666666667);
  border-radius: 0.25rem;
}
.als-panel .als-ui-element#listing-update-logs timeline timeline-event timeline-panel .updated-value, .als-panel .als-ui-element#entity-update-logs timeline timeline-event timeline-panel .updated-value {
  position: relative;
  min-width: 4rem;
  padding: 0 1rem;
}
.als-panel .als-ui-element#listing-update-logs timeline timeline-event timeline-panel .updated-value label, .als-panel .als-ui-element#entity-update-logs timeline timeline-event timeline-panel .updated-value label {
  margin: 0;
  padding: 0;
  display: block;
  font-size: 0.75rem;
  opacity: 0.5;
}
.als-panel .als-ui-element#entity-post-logs {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.6666666667);
  --text-color:#fff;
}
.als-panel .als-ui-element#entity-post-logs h2 {
  text-align: center;
}
.als-panel .als-ui-element#entity-post-logs .close-panel-button {
  position: absolute;
  top: 0;
  right: 0;
}
.als-panel .als-ui-element#entity-post-logs .post-logs-content {
  display: grid;
  width: 1200px;
  position: absolute;
  left: 50%;
  top: 2rem;
  bottom: 0;
  height: 100vh;
  transform: translate(-50%, 0);
  place-items: stretch;
  grid-template-rows: auto 1fr;
}
.als-panel .als-ui-element#entity-post-logs .post-log-list-container {
  background: #111;
  border-radius: 1rem 1rem 0 0;
  padding: 2rem;
  opacity: 0;
  overflow: hidden overlay;
  z-index: 5;
  animation: id3-anim-slide-in-bottom 0.25s 0.25s ease forwards;
  --line-color: #4A8AF4;
}
.als-panel .als-ui-element#entity-post-logs .post-log-list-container .listing-post-item .listing {
  padding: 5px 10px;
  padding-left: 36px;
  position: relative;
  height: 30px;
}
.als-panel .als-ui-element#entity-post-logs .post-log-list-container .listing-post-item .listing:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 30px;
  height: 30px;
  display: block;
  border: 3px solid var(--line-color);
  border-radius: 50%;
}
.als-panel .als-ui-element#entity-post-logs .post-log-list-container .listing-post-item .listing .title {
  font-weight: 700;
  font-size: 16px;
  line-height: 15px;
}
.als-panel .als-ui-element#entity-post-logs .post-log-list-container .listing-post-item .listing .title em {
  display: block;
  font-size: 12px;
  color: #777;
}
.als-panel .als-ui-element#entity-post-logs .post-log-list-container .listing-post-item .post-list {
  margin-left: 15px;
}
.als-panel .als-ui-element#entity-post-logs .post-log-list-container .listing-post-item .post-list .post {
  border-left: solid 2px var(--line-color);
  padding: 0 20px;
  font-size: 12px;
}
.als-panel .als-ui-element#entity-post-logs .post-log-list-container .listing-post-item .post-list .post:last-child {
  padding-bottom: 20px;
}
.als-panel .als-ui-element#entity-post-logs .post-log-list-container .listing-post-item.sold {
  --line-color:#ff9900;
}
.als-panel .als-ui-element#entity-post-logs .post-log-list-container .listing-post-item.delete {
  --line-color:#DE5347;
}
.als-panel .als-ui-element#variables {
  background: #fff;
  border-radius: 10px;
  min-width: 500px;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.6666666667);
}
.als-panel .als-ui-element#variables .list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0.5rem;
  padding: 1rem;
}
.als-panel .als-ui-element#variables .list .var-item {
  padding: 0.5em 1em;
  background: #ccc;
  border-radius: 0.25em;
  text-align: center;
}
.als-panel .als-ui-element#emoji {
  background: #fff;
  border-radius: 10px;
  min-width: 500px;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.6666666667);
}
.als-panel .als-ui-element#emoji .group-items {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(24px, 1fr));
  gap: 0.5rem;
  padding: 1rem;
}
.als-panel .als-ui-element#emoji md-tabs md-tabs-content-wrapper {
  top: 5px;
  border-bottom: solid 1px #ccc;
}
.als-panel .als-ui-element#emoji md-tabs md-pagination-wrapper md-tab-item {
  min-width: 80px;
}
.als-panel .als-ui-element#search {
  position: absolute;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.6666666667);
  --text-color:#fff;
  padding: 4rem;
}
@media screen and (max-width: 640px) {
  .als-panel .als-ui-element#search {
    padding: 4rem 1rem 1rem;
  }
}
.als-panel .als-ui-element#search .close-button {
  position: absolute;
  top: 1rem;
  right: 1rem;
}
.als-panel .als-ui-element#search .global-search-panel {
  height: 100%;
  display: grid;
  grid-template-rows: auto 1fr;
  gap: 2rem;
  overflow: hidden;
}
.als-panel .als-ui-element#search .previous-search-list {
  padding-top: 1rem;
  text-align: center;
}
.als-panel .als-ui-element#search .previous-search-list .searched-item-list {
  padding: 1rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}
.als-panel .als-ui-element#search .previous-search-list .searched-item {
  display: flex;
  gap: 0.5rem;
  font-size: 1.2rem;
  padding: 0.5em 1em;
  border-radius: 2em;
  background: #333;
  align-items: center;
  line-height: 1;
}
.als-panel .als-ui-element#search .search-results {
  width: clamp(320px, 100vw - 2.5rem, 1200px);
  margin-inline: auto;
  overflow: hidden overlay;
  background: #111;
  border-radius: 0.5rem;
  padding: 2rem;
}
@media screen and (max-width: 640px) {
  .als-panel .als-ui-element#search .search-results {
    padding: 1rem;
  }
}
.als-panel .als-ui-element#search .search-results .search-result-container {
  display: grid;
  gap: 1rem;
}
.als-panel .als-ui-element#search .search-results .result-block h3 {
  position: sticky;
  top: -2rem;
  background: #111;
  padding: 0.5rem 0;
  margin: 0;
  z-index: 50;
}
.als-panel .als-ui-element#search .search-results .result-block .list-container {
  height: auto;
}
.als-panel .als-ui-element#search .search-results .result-of-entity .item {
  position: relative;
}
.als-panel .als-ui-element#search .search-results .result-of-entity .item:hover {
  text-decoration: none;
}
.als-panel .als-ui-element#search .search-results .result-of-entity .item yo-avatar {
  position: absolute;
  right: 1rem;
  top: 1rem;
}
.als-panel .als-ui-element#search .search-results .result-of-entity .item .name {
  position: relative;
}
.als-panel .als-ui-element#search .search-results .result-of-entity .item .name::before {
  content: "";
  width: 0.25rem;
  position: absolute;
  top: 0;
  left: -1rem;
  height: 100%;
  background: var(--item-color);
}
.als-panel .als-ui-element#search .search-results .result-of-entity .item .type {
  font-size: 0.8rem;
  opacity: 0.75;
}
.als-panel .als-ui-element#search .search-results .result-of-entity .item .notes {
  display: grid;
  grid-template-columns: auto 1fr;
  place-items: start;
  gap: 0.5rem;
}
.als-panel .als-ui-element#search .search-results .result-of-entity .item .notes i {
  padding: 0.25em 0;
}
.als-panel .als-ui-element#search .search-results .result-of-entity .item .notes pre {
  opacity: 0.75;
  font-family: "Open Sans";
  font-style: italic;
  white-space: pre-wrap;
}
.als-panel .als-ui-element#search .search-results .result-of-entity .item.active {
  --item-color:#3c3;
}
.als-panel .als-ui-element#search .search-results .result-of-entity .item.inactive {
  --item-color:#c33;
  opacity: 0.5;
  transition: 0.25s ease;
}
.als-panel .als-ui-element#search .search-results .result-of-entity .item.inactive:hover {
  opacity: 1;
}
.als-panel .als-ui-element#search .list-container {
  overflow: hidden overlay;
  height: 100%;
}
.als-panel .als-ui-element#search .list-container .list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}
@media screen and (max-width: 640px) {
  .als-panel .als-ui-element#search .list-container .list {
    grid-template-columns: 1fr;
  }
}
.als-panel .als-ui-element#search .list-container .list .item {
  background: #222;
  border-radius: 0.5rem;
  padding: 1rem;
}
.als-panel .als-ui-element#search .list-container .list .item .name {
  font-size: 1rem;
  font-weight: 500;
}
.als-panel .als-ui-element#newsletter-listings-picker {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: calc(var(--vh, 1vh) * 100);
  background: rgba(0, 0, 0, 0.3333333333);
  --text-color:#fff;
}
.als-panel .als-ui-element#newsletter-listings-picker .close-panel-button {
  --text-color:#fff;
  position: absolute;
  top: 0;
  left: 50%;
  translate: -50% 0;
  z-index: 50;
}
.als-panel .als-ui-element#newsletter-listings-picker .loader {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
  transform: translate(-50%, -50%);
  animation: id3-anim-slide-in-far-bottom 0.25s ease forwards;
}
.als-panel .als-ui-element#newsletter-listings-picker .newsletter-listings-picker-panel {
  display: grid;
  width: clamp(320px, 100%, 800px);
  position: fixed;
  left: 50%;
  bottom: 0;
  height: calc(var(--vh, 1vh) * 100 - 3rem);
  transform: translate(-50%, 0);
  place-items: stretch;
  grid-template-rows: auto 1fr auto;
  background: #444;
  box-shadow: 0 0 0.5rem #000;
  padding: 0.5rem;
  border-radius: 0.5rem 0.5rem 0 0;
}
.als-panel .als-ui-element#newsletter-listings-picker .panel-actions {
  --text-color:#fff;
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.als-panel .als-ui-element#newsletter-listings-picker .searchbox-container {
  padding-top: 1rem;
  padding-inline: 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.als-panel .als-ui-element#newsletter-listings-picker .list-container {
  --text-color:#fff;
  border-radius: 1rem 1rem 0 0;
  padding: 0rem;
  opacity: 0;
  overflow: hidden;
  z-index: 5;
  animation: id3-anim-slide-in-bottom 0.25s 0.25s ease forwards;
}
.als-panel .als-ui-element#newsletter-listings-picker .list-container .list-scroller {
  height: 100%;
  overflow: hidden overlay;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 2rem;
  overscroll-behavior: contain;
}
.als-panel .als-ui-element#newsletter-listings-picker .list-container .list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  overflow: unset;
}
@media screen and (max-width: 640px) {
  .als-panel .als-ui-element#newsletter-listings-picker .list-container .list {
    grid-template-columns: 1fr;
  }
}
.als-panel .als-ui-element#newsletter-listings-picker .list-container .list-item {
  display: grid;
  gap: 0.5rem;
  overflow: hidden;
  background: #333;
  border-radius: 0.25rem;
  text-align: center;
}
.als-panel .als-ui-element#newsletter-listings-picker .list-container .list-item.selected {
  box-shadow: 0 0 0 2px #f90;
}
.als-panel .als-ui-element#newsletter-listings-picker .list-container .list-item .info {
  padding: 1rem;
}
.als-panel .als-ui-element#newsletter-listings-picker .list-container .list-item .item-image {
  width: 100%;
  height: 210px;
  position: relative;
}
.als-panel .als-ui-element#newsletter-listings-picker .list-container .list-item .item-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.als-panel .als-ui-element#newsletter-listings-picker .list-container .list-item h4 {
  margin: 0;
  padding: 2rem 0 0.5rem 0;
  text-transform: uppercase;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: linear-gradient(transparent, #000);
  text-shadow: 1px 1px 1px #000;
}
.als-panel .als-ui-element#newsletter-listings-picker .list-container .list-item .item-genre {
  text-transform: uppercase;
}
.als-panel .als-ui-element#newsletter-listings-picker .list-container .list-item .item-id {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.5rem;
  font-size: 0.75rem;
  text-shadow: 1px 1px 1px #000;
}
.als-panel .als-ui-element#newsletter-listings-picker .list-container .list-item .item-id em {
  padding: 0.1em 0.25em;
  background: #f90;
  color: #fff;
  text-transform: uppercase;
  font-style: normal;
  border-radius: 0.25em;
}
.als-panel .als-ui-element#newsletter-articles-picker {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: calc(var(--vh, 1vh) * 100);
  background: rgba(0, 0, 0, 0.3333333333);
}
.als-panel .als-ui-element#newsletter-articles-picker .close-panel-button {
  --text-color:#fff;
  position: absolute;
  top: 0;
  left: 50%;
  translate: -50% 0;
  z-index: 50;
}
.als-panel .als-ui-element#newsletter-articles-picker .loader {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
  transform: translate(-50%, -50%);
  animation: id3-anim-slide-in-far-bottom 0.25s ease forwards;
}
.als-panel .als-ui-element#newsletter-articles-picker .newsletter-articles-picker-panel {
  display: grid;
  width: clamp(320px, 100%, 800px);
  position: fixed;
  left: 50%;
  bottom: 0;
  height: calc(var(--vh, 1vh) * 100 - 3rem);
  transform: translate(-50%, 0);
  place-items: stretch;
  grid-template-rows: 1fr auto;
  background: #444;
  box-shadow: 0 0 0.5rem #000;
  padding: 0.5rem;
  border-radius: 0.5rem 0.5rem 0 0;
}
.als-panel .als-ui-element#newsletter-articles-picker .panel-actions {
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  --text-color:#fff;
}
.als-panel .als-ui-element#newsletter-articles-picker .list-container {
  --text-color:#fff;
  border-radius: 1rem 1rem 0 0;
  padding: 0rem;
  opacity: 0;
  overflow: hidden;
  z-index: 5;
  animation: id3-anim-slide-in-bottom 0.25s 0.25s ease forwards;
}
.als-panel .als-ui-element#newsletter-articles-picker .list-container .list-scroller {
  height: 100%;
  overflow: hidden overlay;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 2rem;
  overscroll-behavior: contain;
}
.als-panel .als-ui-element#newsletter-articles-picker .list-container .list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  overflow: unset;
}
@media screen and (max-width: 640px) {
  .als-panel .als-ui-element#newsletter-articles-picker .list-container .list {
    grid-template-columns: 1fr;
  }
}
.als-panel .als-ui-element#newsletter-articles-picker .list-container .list-item {
  display: grid;
  gap: 0.5rem;
  overflow: hidden;
  background: #333;
  border-radius: 0.25rem;
  text-align: center;
  grid-template-rows: auto 1fr auto;
}
.als-panel .als-ui-element#newsletter-articles-picker .list-container .list-item.selected {
  box-shadow: 0 0 0 2px #f90;
}
.als-panel .als-ui-element#newsletter-articles-picker .list-container .list-item .info {
  padding: 1rem;
}
.als-panel .als-ui-element#newsletter-articles-picker .list-container .list-item .item-image {
  width: 100%;
  height: 210px;
}
.als-panel .als-ui-element#newsletter-articles-picker .list-container .list-item .item-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.als-panel .als-ui-element#newsletter-articles-picker .list-container .list-item h4, .als-panel .als-ui-element#newsletter-articles-picker .list-container .list-item p {
  margin: 0;
  padding: 0;
}
.als-panel .als-ui-element#network-moderation-comments {
  --text-color:#fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.6666666667);
}
.als-panel .als-ui-element#network-moderation-comments .loader {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
  transform: translate(-50%, -50%);
  animation: id3-anim-slide-in-far-bottom 0.25s ease forwards;
}
.als-panel .als-ui-element#network-moderation-comments .close-panel-button {
  position: absolute;
  top: 0;
  right: 0;
  translate: 0 -100%;
  color: #fff;
}
.als-panel .als-ui-element#network-moderation-comments .network-moderation-comments-panel {
  display: grid;
  width: clamp(320px, 100%, 800px);
  position: fixed;
  left: 50%;
  bottom: 0;
  height: calc(var(--vh, 1vh) * 100 - 3rem);
  translate: -50% 0;
  transform: translateY(100%);
  place-items: stretch;
  grid-template-rows: auto 1fr auto;
  gap: 1rem;
  background: #111;
  box-shadow: 0 0 0.5rem #000;
  padding: 1rem;
  border-radius: 0.5rem 0.5rem 0 0;
  animation: id3-anim-slide-in-bottom 0.25s 0.25s ease forwards;
  overscroll-behavior: contain;
}
.als-panel .als-ui-element#network-moderation-comments .network-moderation-comments-panel.mode-single {
  grid-template-rows: auto;
  height: auto;
}
.als-panel .als-ui-element#network-moderation-comments .network-moderation-comments-panel.mode-single .original-comment,
.als-panel .als-ui-element#network-moderation-comments .network-moderation-comments-panel.mode-single .comment-list-container {
  display: none;
}
.als-panel .als-ui-element#network-moderation-comments .network-moderation-comments-panel.mode-single .comment-input {
  font-size: 1.3rem;
}
.als-panel .als-ui-element#network-moderation-comments .original-comment {
  min-height: 2rem;
  background: #333;
  border-radius: 0.5rem;
  padding: 1rem;
}
.als-panel .als-ui-element#network-moderation-comments .original-comment:has(.text:empty) {
  opacity: 0;
}
.als-panel .als-ui-element#network-moderation-comments .original-comment .text {
  font-size: 1.1rem;
  white-space: pre-wrap;
}
.als-panel .als-ui-element#network-moderation-comments .original-comment em {
  font-size: 0.75em;
  opacity: 0.5;
}
.als-panel .als-ui-element#network-moderation-comments .comment-meta {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
.als-panel .als-ui-element#network-moderation-comments .comment-meta em {
  font-size: 0.75em;
  opacity: 0.5;
}
.als-panel .als-ui-element#network-moderation-comments .comment-meta .reaction-options {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  font-size: 1.25rem;
}
.als-panel .als-ui-element#network-moderation-comments .comment-input {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 1rem;
  place-items: end stretch;
}
.als-panel .als-ui-element#network-moderation-comments .comment-input > p {
  grid-column: 1/-1;
  font-size: 1rem;
  margin: 0;
}
.als-panel .als-ui-element#network-moderation-comments .comment-input .input-auto-size-container {
  position: relative;
}
.als-panel .als-ui-element#network-moderation-comments .comment-input .input-auto-size-container .input-placeholder {
  display: block;
  min-height: 1.25em;
  line-height: 1.1em;
  opacity: 0;
  pointer-events: none;
  padding: 0.75rem 0.5rem;
  border: solid 1px transparent;
  white-space: pre-wrap;
  font-size: inherit;
}
.als-panel .als-ui-element#network-moderation-comments .comment-input .input-auto-size-container .input-placeholder::before {
  content: " ";
}
.als-panel .als-ui-element#network-moderation-comments .comment-input textarea {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.2);
  color: #fff;
  padding: 0.5rem;
  font-size: inherit;
  border-radius: 0.5rem;
}
.als-panel .als-ui-element#network-moderation-comments .comment-list-container {
  padding: 1rem;
  padding-right: 1.5rem;
  overflow: hidden overlay;
  overscroll-behavior: contain;
}
.als-panel .als-ui-element#network-moderation-comments .comment-list-container .comment-list {
  display: flex;
  flex-direction: column-reverse;
  justify-content: flex-start;
  gap: 1rem;
}
.als-panel .als-ui-element#network-moderation-comments .comment-list-container .comment-list .comment-item {
  background: var(--comment-text-bg, rgba(255, 255, 255, 0.1333333333));
  border-radius: 1.5em;
  padding: 1rem;
  max-width: 75%;
  position: relative;
}
.als-panel .als-ui-element#network-moderation-comments .comment-list-container .comment-list .comment-item .text {
  white-space: pre-wrap;
}
.als-panel .als-ui-element#network-moderation-comments .comment-list-container .comment-list .comment-item .reaction {
  position: absolute;
  bottom: 0;
  left: 50%;
  background: #fff;
  border-radius: 2em;
  padding: 0.25em;
  translate: -50% 50%;
}
.als-panel .als-ui-element#network-moderation-comments .comment-list-container .comment-list .comment-item .comment-meta {
  opacity: 0;
  transition: 0.25s ease;
  position: absolute;
  top: 50%;
}
.als-panel .als-ui-element#network-moderation-comments .comment-list-container .comment-list .comment-item:hover .comment-meta {
  opacity: 1;
}
.als-panel .als-ui-element#network-moderation-comments .comment-list-container .comment-list .comment-item.from-self {
  --comment-text-bg: #f90;
  --text-color:#fff;
  align-self: flex-end;
}
.als-panel .als-ui-element#network-moderation-comments .comment-list-container .comment-list .comment-item.from-self .comment-meta {
  left: -1rem;
  translate: -100% -50%;
}
.als-panel .als-ui-element#network-moderation-comments .comment-list-container .comment-list .comment-item.from-self .comment-meta .reaction-options {
  display: none;
}
.als-panel .als-ui-element#network-moderation-comments .comment-list-container .comment-list .comment-item.from-other {
  align-self: flex-start;
}
.als-panel .als-ui-element#network-moderation-comments .comment-list-container .comment-list .comment-item.from-other .comment-meta {
  right: -1rem;
  translate: 100% -50%;
}
.als-panel .als-ui-element#user-level-up {
  position: absolute;
  top: 0;
  backdrop-filter: blur(5px);
  left: 0;
  width: 100vw;
  height: 100vh;
}
.als-panel .als-ui-element#user-level-up .user-level-up-panel {
  position: absolute;
  inset: 5rem;
}
.als-panel .als-ui-element#user-level-up .panel-background {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: 0.5s ease;
  translate: -1rem -5rem;
}
.als-panel .als-ui-element#user-level-up .panel-background.animate {
  opacity: 1;
}
.als-panel .als-ui-element#user-level-up .levelup-firework-front {
  position: absolute;
  z-index: 10;
  left: 50%;
  top: 30%;
  translate: -50% -50%;
}
.als-panel .als-ui-element#user-level-up .levelup-firework-back {
  position: absolute;
  z-index: 5;
  left: 50%;
  top: 30%;
  translate: -50% -50%;
  scale: 0.8 1;
}
.als-panel .als-ui-element#user-level-up .levelup-text {
  position: absolute;
  left: 50%;
  top: 50%;
  translate: -50% 100%;
  opacity: 0;
  transition: 0.25s;
  --text-color:#fff;
  text-align: center;
  z-index: 10;
}
.als-panel .als-ui-element#user-level-up .levelup-text h1 {
  font-weight: bold;
  font-size: 3rem;
  margin: 0;
  opacity: 0;
  translate: 0 100%;
  transition: 0.25s 0.1s;
}
.als-panel .als-ui-element#user-level-up .levelup-text p {
  opacity: 0;
  translate: 0 100%;
  transition: 0.25s 0.2s;
}
.als-panel .als-ui-element#user-level-up .levelup-text .current-level {
  font-size: 3rem;
  font-weight: bold;
  background: #fc0;
  display: inline-flex;
  line-height: 1;
  width: 100px;
  height: 100px;
  align-items: center;
  justify-content: center;
  clip-path: path("M 40 10 C 50 0 50 0 60 10 L 90 40 C 100 50 100 50 90 60 L 60 90 C 50 100 50 100 40 90 L 10 60 C 0 50 0 50 10 40 Z");
}
.als-panel .als-ui-element#user-level-up .levelup-text.animate {
  translate: -50% 40%;
  opacity: 1;
}
.als-panel .als-ui-element#user-level-up .levelup-text.animate h1, .als-panel .als-ui-element#user-level-up .levelup-text.animate p {
  opacity: 1;
  translate: 0 0%;
}
.als-panel .als-ui-element#user-level-up .user-avatar {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% 100%;
  opacity: 0;
  transition: 0.25s;
  width: 400px;
  height: 400px;
  --avatar-clip-path: path('M 160 40 C 200 0 200 0 240 40 L 360 160 C 400 200 400 200 360 240 L 240 360 C 200 400 200 400 160 360 L 40 240 C 0 200 0 200 40 160 Z');
  transform-origin: center center;
  transform-style: preserve-3d;
  transform: rotateY(0deg);
  z-index: 8;
}
.als-panel .als-ui-element#user-level-up .user-avatar .user-avatar-side {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
  clip-path: var(--avatar-clip-path);
}
.als-panel .als-ui-element#user-level-up .user-avatar .user-avatar-side:nth-child(2) {
  transform: rotateY(180deg);
  background: var(--level-color, #fff);
}
.als-panel .als-ui-element#user-level-up .user-avatar .previous-level {
  font-size: 10rem;
  font-weight: bold;
  background: linear-gradient(120deg, #999, #333);
  color: #fff;
  display: flex;
  position: absolute;
  inset: 0;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 1;
}
.als-panel .als-ui-element#user-level-up .user-avatar img {
  display: block;
  width: 100%;
  object-fit: cover;
}
.als-panel .als-ui-element#user-level-up .user-avatar::after {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0;
  backdrop-filter: contrast(70%) saturate(100%) sepia(100%) hue-rotate(10deg);
}
.als-panel .als-ui-element#user-level-up .user-avatar.animate {
  translate: -50% -70%;
  opacity: 1;
}
.als-panel .als-ui-element#user-level-up .user-avatar.animate-flip {
  transform: rotateY(180deg);
  animation: lvlup-flip 1s ease-in-out 1 forwards;
}
.als-panel .als-ui-element#user-level-up .user-avatar.animate-shake {
  animation: lvlup-shake 0.1s;
  animation-iteration-count: 8;
}
.als-panel .als-ui-element#user-level-up .user-avatar.animate-gold-flash {
  animation: lvlup-pop 0.25s ease-in-out 1 forwards;
}
.als-panel .als-ui-element#user-level-up .user-avatar.animate-gold-flash::after {
  animation: lvlup-gold-flash 0.25s ease-in-out 1 forwards;
}
@keyframes lvlup-pop {
  20% {
    scale: 1.25;
  }
}
@keyframes lvlup-flip {
  0% {
    transform: rotateY(0deg);
  }
  100% {
    transform: rotateY(540deg);
  }
}
@keyframes lvlup-gold-flash {
  50% {
    opacity: 1;
  }
  75% {
    opacity: 1;
    backdrop-filter: contrast(70%) saturate(100%) sepia(100%) hue-rotate(10deg) brightness(200%);
  }
  100% {
    opacity: 0;
  }
}
@keyframes lvlup-shake {
  0% {
    left: 50%;
  }
  33% {
    left: 50.1%;
  }
  66% {
    left: 49.9%;
  }
  100% {
    left: 50%;
  }
}
.als-panel .als-ui-element#loot-box {
  --text-color: #fff;
  background: linear-gradient(180deg, black, rgba(0, 0, 0, 0.8));
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  padding: 5rem;
  text-align: center;
  backdrop-filter: blur(5px);
  overflow: clip auto;
}
@media screen and (max-width: 640px) {
  .als-panel .als-ui-element#loot-box {
    padding: 1rem;
  }
}
.als-panel .als-ui-element#loot-box .opening-loader {
  position: absolute;
  inset: 4rem;
}
.als-panel .als-ui-element#loot-box .opening-loader .message {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}
.als-panel .als-ui-element#loot-box .opening-loader .ring {
  --dot-size: 15px;
  position: absolute;
  border-radius: 50%;
}
.als-panel .als-ui-element#loot-box .opening-loader .ring::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: var(--dot-size);
  height: var(--dot-size);
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
.als-panel .als-ui-element#loot-box .opening-loader .ring:nth-child(1) {
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  animation: animate 3s linear 0s infinite;
}
.als-panel .als-ui-element#loot-box .opening-loader .ring:nth-child(1)::before {
  background: rgb(255, 125, 0);
  box-shadow: 0 0 5px rgb(255, 125, 0), 0 0 5px rgb(255, 125, 0), 0 0 20px rgb(255, 125, 0), 0 0 40px rgba(255, 125, 0, 0.6), 0 0 0px 4px rgba(255, 125, 0, 0.05);
}
.als-panel .als-ui-element#loot-box .opening-loader .ring:nth-child(2) {
  top: 60px;
  left: 60px;
  bottom: 60px;
  right: 60px;
  animation: animate-reverse 3s linear 0s infinite;
}
.als-panel .als-ui-element#loot-box .opening-loader .ring:nth-child(2)::before {
  background: rgb(0, 255, 255);
  box-shadow: 0 0 5px rgb(0, 255, 255), 0 0 5px rgb(0, 255, 255), 0 0 20px rgb(0, 255, 255), 0 0 40px rgba(0, 255, 255, 0.6), 0 0 0px 4px rgba(0, 255, 255, 0.05);
}
.als-panel .als-ui-element#loot-box .opening-loader .ring:nth-child(3) {
  top: 120px;
  left: 120px;
  bottom: 120px;
  right: 120px;
  animation: animate 2s linear 0s infinite;
}
.als-panel .als-ui-element#loot-box .opening-loader .ring:nth-child(3)::before {
  background: rgb(255, 0, 255);
  box-shadow: 0 0 5px rgb(255, 0, 255), 0 0 5px rgb(255, 0, 255), 0 0 20px rgb(255, 0, 255), 0 0 40px rgba(255, 0, 255, 0.6), 0 0 0px 4px rgba(255, 0, 255, 0.05);
}
@keyframes animate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes animate-reverse {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0deg);
  }
}
.als-panel .als-ui-element#loot-box .yo-artifacts {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  place-items: center;
}
@media screen and (max-width: 640px) {
  .als-panel .als-ui-element#loot-box .yo-artifacts {
    grid-template-columns: 1fr;
  }
}
.als-panel .als-ui-element#loot-box .yo-artifacts .yo-artifact-item {
  border: solid 4px var(--item-color);
  background: color-mix(in srgb, var(--item-color), transparent 90%);
  padding: 1rem;
  width: 15rem;
  border-radius: 1rem;
  transition: 0.25s ease;
}
.als-panel .als-ui-element#loot-box .yo-artifacts .yo-artifact-item .item-icon {
  font-size: 3rem;
  color: var(--item-color);
}
.als-panel .als-ui-element#loot-box .yo-artifacts .yo-artifact-item .item-name span {
  font-weight: bold;
  color: var(--item-color);
}
.als-panel .als-ui-element#loot-box .yo-artifacts:has(.loot-item:hover) .loot-item:not(:hover) {
  opacity: 0.5;
}
.als-panel .als-ui-element#loot-box .yo-artifacts:has(.loot-item:hover) .loot-item:hover {
  scale: 1.25;
  box-shadow: 0 0 1rem var(--item-color, #fff);
}

.als-wizard {
  width: 100vw;
  height: 100vh;
  position: fixed;
  --text-color:#333;
}
.als-wizard::before {
  content: "";
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #000;
  --max-opacity:0.6;
  --anim-duration: 0.5s;
  --anim-delay: 0.5s;
  opacity: 0;
  animation-name: id3-anim-fade-in;
  animation-timing-function: var(--anim-timing);
  animation-duration: var(--anim-duration);
  animation-fill-mode: forwards;
  animation-delay: var(--anim-delay);
}
.als-wizard .als-wizard-container {
  height: clamp(640px, 100vh, 1024px);
  position: absolute;
  width: 100%;
  translate: 0 -50%;
  top: 50%;
  z-index: 10;
}
.als-wizard .als-wizard-page-container {
  position: absolute;
  top: 0rem;
  bottom: 0rem;
  left: 0;
  right: 0;
  overflow: hidden;
  z-index: 5;
  padding: 5rem 0;
}
.als-wizard .als-wizard-page-container .als-wizard-page-list {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 100vw;
  place-items: stretch;
  transition: 0.25s ease;
  transform: translateX(calc(-100vw * var(--current-page)));
  height: 100%;
}
.als-wizard .als-wizard-page-container .als-wizard-page-list > ng-include {
  display: contents;
}
.als-wizard .als-wizard-close-button {
  position: absolute;
  top: 1rem;
  left: calc(50% - 20px);
  --text-color:#fff;
  z-index: 5;
  opacity: 0;
  animation-name: id3-anim-slide-in-top;
  animation-timing-function: var(--anim-timing);
  animation-duration: var(--anim-duration);
  animation-fill-mode: forwards;
  animation-delay: var(--anim-delay);
}
.als-wizard .als-wizard-navigation {
  position: absolute;
  bottom: 0;
  display: flex;
  gap: 1rem;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  z-index: 10;
  width: 100%;
  left: 0;
}
.als-wizard .als-wizard-navigation > i {
  --text-color:#fff;
}
.als-wizard .als-wizard-navigation .md-button {
  --text-color:#fff;
}
.als-wizard .als-wizard-navigation .md-button[disabled] {
  --max-opacity:0.5;
  opacity: 0.5;
}
.als-wizard .als-wizard-navigation .md-button {
  opacity: 0;
  animation-name: id3-anim-slide-in-bottom;
  animation-timing-function: var(--anim-timing);
  animation-duration: var(--anim-duration);
  animation-fill-mode: forwards;
  animation-delay: var(--anim-delay);
}
.als-wizard als-wizard-page {
  padding: 0 5rem;
  display: block;
  height: 100%;
  overflow: hidden;
  --primary-color: hsl(var(--base-primary), 100%);
  --primary-color-inverse: hsl(var(--base-primary), 0%);
  --primary-color-contrast-min: hsl(var(--base-primary), 85%);
  --primary-color-contrast-mid: hsl(var(--base-primary), 60%);
  --primary-color-contrast-max: hsl(var(--base-primary), 0%);
}
.als-wizard als-wizard-page .wizard-page-body {
  container-type: inline-size;
  container-name: wizPageBody;
  padding: 2rem;
  background: var(--background-color, #fff);
  --background-color: #fff;
  height: 100%;
  overflow: hidden auto;
  border-radius: var(--element-radius);
  --anim-duration: 0.5s;
  opacity: 0;
  animation-name: id3-anim-slide-in-far-bottom;
  animation-timing-function: var(--anim-timing);
  animation-duration: var(--anim-duration);
  animation-fill-mode: forwards;
  animation-delay: var(--anim-delay);
}
.als-wizard als-wizard-page .wizard-page-body .boxed-layout {
  width: clamp(640px, 100% - 1rem, var(--wiz-boxed-layout-max, 1200px));
  margin-inline: auto;
}
.als-wizard als-wizard-page .wizard-page-body .wizard-page-title {
  text-align: center;
}
.als-wizard als-wizard-page .wizard-page-body .wizard-page-layout {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  align-items: center;
}
.als-wizard als-wizard-page .wizard-page-body .wizard-page-layout.boxed-layout > p {
  text-align: center;
}
.als-wizard als-wizard-page.als-page-complete {
  background: none;
  box-shadow: none;
  opacity: 0;
  text-align: center;
}
.als-wizard als-wizard-page.als-page-complete h2 {
  font-size: 2.5rem;
  text-transform: uppercase;
  color: #fff;
  font-weight: 400;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3333333333);
}
.als-wizard .state-complete als-wizard-page.als-page-complete {
  opacity: 1;
}
.als-wizard .state-complete svg {
  width: 250px;
  display: block;
  margin: 40px auto 0;
}
.als-wizard .state-complete .path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 0;
}
.als-wizard .state-complete .path.circle {
  -webkit-animation: dash 0.9s ease-in-out;
  animation: dash 0.9s ease-in-out;
}
.als-wizard .state-complete .path.line {
  stroke-dashoffset: 1000;
  -webkit-animation: dash 0.9s 0.35s ease-in-out forwards;
  animation: dash 0.9s 0.35s ease-in-out forwards;
}
.als-wizard .state-complete .path.check {
  stroke-dashoffset: -100;
  -webkit-animation: dash-check 0.9s 0.35s ease-in-out forwards;
  animation: dash-check 0.9s 0.35s ease-in-out forwards;
}
@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
@keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}

.als-wizard #user-register .als-wizard-close-button {
  display: none;
}
.als-wizard #user-register.als-wizard-container {
  height: 100vh;
}
.als-wizard #user-register .als-wizard-page-container {
  padding: 0;
}
.als-wizard #user-register als-wizard-page {
  padding: 0;
  background: #111;
  --primary-color: hsl(var(--base-primary), 0%);
  --primary-color-inverse: hsl(var(--base-primary), 100%);
  --text-color:#fff;
}
.als-wizard #user-register als-wizard-page .wizard-page-body {
  padding: 5rem;
  --background-color: var(--primary-color);
  border-radius: 0;
}
.als-wizard #network-new-message .wizard-page-body {
  display: grid;
  grid-template-rows: auto 1fr;
  place-items: center stretch;
}
.als-wizard #network-new-message .als-wizard-page-item.page-content md-radio-group {
  display: grid;
  gap: 2rem;
}
.als-wizard #network-new-message .als-wizard-page-item.page-content .post-method-option {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1rem;
  place-items: start stretch;
}
.als-wizard #network-new-message .als-wizard-page-item.page-content .post-method-option md-radio-button {
  margin: 0;
  height: 2rem;
}
.als-wizard #network-new-message .als-wizard-page-item.page-content .post-method-option > div {
  display: grid;
  grid-template-rows: auto auto 0fr;
  transition: 0.25s ease;
  place-items: center stretch;
  gap: 0.5rem;
  overflow: hidden;
}
.als-wizard #network-new-message .als-wizard-page-item.page-content .post-method-option > div > h3, .als-wizard #network-new-message .als-wizard-page-item.page-content .post-method-option > div > p {
  margin: 0;
}
.als-wizard #network-new-message .als-wizard-page-item.page-content .post-method-option > div .post-method-sub-options {
  overflow: hidden;
  height: 100%;
}
.als-wizard #network-new-message .als-wizard-page-item.page-content .post-method-option > div .post-method-sub-options > div {
  padding: 0.25rem;
}
.als-wizard #network-new-message .als-wizard-page-item.page-content .post-method-option.md-checked > div {
  grid-template-rows: auto 1fr;
}
.als-wizard #network-new-message .als-wizard-page-item.page-content .url-check-container {
  text-align: center;
  margin-inline: auto;
}
.als-wizard #network-new-message .als-wizard-page-item.page-content .url-check {
  position: relative;
  box-shadow: 0 0 0 2px var(--border-color, #ccc);
  border-radius: 2em;
  font-size: 1.25rem;
  margin-inline: auto;
}
.als-wizard #network-new-message .als-wizard-page-item.page-content .url-check.validation-success {
  --border-color: #189218;
}
.als-wizard #network-new-message .als-wizard-page-item.page-content .url-check.validation-error {
  --border-color: #bf0909;
}
.als-wizard #network-new-message .als-wizard-page-item.page-content .url-check input {
  border: none;
  outline: none;
  font-size: 1em;
  padding: 0.5em 2em 0.5em 1em;
  width: 100%;
  background: transparent;
}
.als-wizard #network-new-message .als-wizard-page-item.page-content .url-check i {
  position: absolute;
  top: 50%;
  right: 0.5em;
  font-size: 1em;
  transform: translateY(-50%);
  color: var(--border-color, #ccc);
}
.als-wizard #network-new-message .als-wizard-page-item.page-preview {
  --preview-bg: #fff;
  --preview-bg-alt: #ccc;
  --preview-width: 460px;
}
.als-wizard #network-new-message .als-wizard-page-item.page-preview .wizard-page-layout.boxed-layout {
  display: grid;
  grid-template-columns: 4fr 3fr;
  place-items: start stretch;
  gap: 5rem;
  height: 100%;
}
.als-wizard #network-new-message .als-wizard-page-item.page-preview .yo-network-message-preview {
  width: 800px;
}
.als-wizard #network-new-message .als-wizard-page-item.page-preview .message-picture-input-container .picture-input {
  display: grid;
  grid-template-columns: auto 1fr;
}
.als-wizard #network-new-message .als-wizard-page-item.page-preview .message-picture-input-container .picture-input .picture-container {
  width: 250px;
  aspect-ratio: 94/79;
  border-radius: 0.5rem;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.2666666667);
}
.als-wizard #network-new-message .als-wizard-page-item.page-preview .message-picture-input-container .picture-input .picture-container img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}
.als-wizard #network-new-message .als-wizard-page-item.page-preview .message-video {
  width: 800px;
  overflow: hidden;
}
.als-wizard #network-new-message .als-wizard-page-item.page-preview .message-video .message-video-container {
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
}
.als-wizard #network-new-message .als-wizard-page-item.page-preview .message-video .message-video-container video {
  width: 100%;
  height: 100%;
}
.als-wizard #network-new-message .als-wizard-page-item.page-test .test-results .test-result-list .test-result-item {
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: 1rem;
  place-items: center stretch;
}
.als-wizard #network-new-message .als-wizard-page-item.page-test .test-results .test-result-list .test-result-item .item-entity {
  position: relative;
  overflow: hidden;
}
.als-wizard #network-new-message .als-wizard-page-item.page-test .test-results .test-result-list .test-result-item .item-entity h4 {
  display: inline-block;
}
.als-wizard #network-new-message .als-wizard-page-item.page-test .test-results .test-result-list .test-result-item .item-entity::after {
  content: "";
  display: inline-block;
  width: 100vw;
  height: 0.5em;
  border-top: dashed 1px currentColor;
  position: absolute;
  top: 50%;
  margin-left: 1rem;
  opacity: 0.25;
}
.als-wizard #network-new-message .als-wizard-page-item.page-test .test-results .test-result-list .test-result-item .status {
  font-weight: 500;
}
.als-wizard #network-new-message .als-wizard-page-item.page-options md-radio-button .md-label {
  transition: 0.25s;
}
.als-wizard #network-new-message .als-wizard-page-item.page-options md-radio-button.md-checked .md-label {
  font-size: 1.2rem;
  font-weight: 600;
}
.als-wizard #network-new-message .type-container {
  display: flex;
  margin-inline: auto;
  justify-content: center;
  align-items: flex-start;
  gap: 2rem;
}
.als-wizard #network-new-message .type-container .type-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 300px;
  padding: 1rem;
  text-align: center;
  border-radius: 0.25em;
  transition: box-shadow 0.25s ease;
}
.als-wizard #network-new-message .type-container .type-item.selected {
  box-shadow: 0 0 0 2px #ff9900;
}
.als-wizard #network-new-newsletter .als-wizard-page-item.page-articles .new-article-url-input {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  place-items: center stretch;
  gap: 1rem;
}
.als-wizard #network-new-newsletter .als-wizard-page-item.page-articles .new-article-url-input .url-input-container {
  display: grid;
  grid-template-columns: 1fr auto;
  place-items: center stretch;
}
.als-wizard #network-new-newsletter .als-wizard-page-item.page-articles .article-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
}
.als-wizard #network-new-newsletter .als-wizard-page-item.page-articles .article-list.list-over {
  grid-template-columns: repeat(6, 1fr);
}
.als-wizard #network-new-newsletter .als-wizard-page-item.page-articles .article-list.list-over .article-item .article-title {
  font-size: 1rem;
  font-weight: normal;
}
.als-wizard #network-new-newsletter .als-wizard-page-item.page-articles .article-list .article-item {
  border: solid 1px #ccc;
  overflow: hidden;
  border-radius: 0.25rem;
  display: grid;
  grid-template-rows: auto 1fr;
  position: relative;
}
.als-wizard #network-new-newsletter .als-wizard-page-item.page-articles .article-list .article-item .article-image {
  width: 100%;
  aspect-ratio: 4/3;
  position: relative;
}
.als-wizard #network-new-newsletter .als-wizard-page-item.page-articles .article-list .article-item .article-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.als-wizard #network-new-newsletter .als-wizard-page-item.page-articles .article-list .article-item .article-image .overlay {
  position: absolute;
  bottom: 0rem;
  left: 0rem;
  padding: 0.5rem;
  --text-color: #fff;
  background: linear-gradient(transparent, black);
}
.als-wizard #network-new-newsletter .als-wizard-page-item.page-articles .article-list .article-item .article-title {
  color: #fff;
  text-shadow: 1px 1px 2px #000;
  font-weight: bold;
}
.als-wizard #network-new-newsletter .als-wizard-page-item.page-articles .article-list .article-item .article-desc {
  padding: 0.5rem;
}
.als-wizard #network-new-newsletter .als-wizard-page-item.page-articles .article-list .article-item .remove-article-button {
  position: absolute;
  top: 0.25rem;
  z-index: 5;
  right: 0;
  background: #333;
  --text-color: #fff;
}
.als-wizard #network-new-newsletter .als-wizard-page-item.page-articles .article-list .article-item.item-empty {
  background: #dedede;
  opacity: 0.5;
  text-align: center;
}
.als-wizard #network-new-newsletter .als-wizard-page-item.page-articles .article-list .article-item.item-empty .article-image {
  display: flex;
  justify-content: center;
  align-items: center;
}
.als-wizard #network-new-newsletter .als-wizard-page-item.page-articles .article-list .article-item.item-empty .article-image i.fad {
  font-size: 5rem;
}
.als-wizard #network-new-newsletter .als-wizard-page-item.page-articles .article-list .article-item.item-empty .article-image .overlay {
  background: none;
  width: 100%;
}
.als-wizard #network-new-newsletter .als-wizard-page-item.page-articles .article-list .article-item.item-empty .article-title {
  color: #333;
  font-weight: normal;
  text-shadow: none;
}
.als-wizard #network-new-newsletter .als-wizard-page-item.page-stats .preview-layout {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0 1rem;
}
.als-wizard #network-new-newsletter .als-wizard-page-item.page-stats .preview-layout .section-header, .als-wizard #network-new-newsletter .als-wizard-page-item.page-stats .preview-layout .section-body {
  display: contents;
}
.als-wizard #network-new-group .als-wizard-page-item.page-members .wizard-page-body,
.als-wizard #network-new-group .als-wizard-page-item.page-members .wizard-page-layout {
  display: grid;
  grid-template-rows: auto 1fr;
  justify-content: stretch;
  overflow: hidden;
}
.als-wizard #network-new-group .als-wizard-page-item.page-members .search-options {
  padding-left: 2rem;
}
.als-wizard #network-new-group .als-wizard-page-item.page-members .yo-network-entities-input {
  font-size: 1.5rem;
}
.als-wizard #network-new-group .als-wizard-page-item.page-members .member-list-container {
  overflow: hidden overlay;
  padding: 2rem;
}
.als-wizard #network-new-group .als-wizard-page-item.page-members .member-list-container .member-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 1rem;
}
.als-wizard #network-new-group .als-wizard-page-item.page-members .member-list-container .member-list .member-item {
  background: #efefef;
  border-radius: 0.25rem;
  padding: 1rem;
  text-align: center;
  box-shadow: 0 0 0 2px transparent;
  transition: 0.25s ease;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.als-wizard #network-new-group .als-wizard-page-item.page-members .member-list-container .member-list .member-item .name {
  font-weight: 500;
}
.als-wizard #network-new-group .als-wizard-page-item.page-members .member-list-container .member-list .member-item .tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  font-size: 0.8rem;
}
.als-wizard #network-new-group .als-wizard-page-item.page-members .member-list-container .member-list .member-item .tags em {
  background: #dedede;
  border-radius: 0.25rem;
  font-style: normal;
  padding: 0.5em;
}
.als-wizard #network-new-group .als-wizard-page-item.page-members .member-list-container .member-list .member-item.selected {
  box-shadow: 0 0 0 2px #ff9900;
}
.als-wizard #network-new .als-wizard-page-item.page-interaction .wizard-page-layout, .als-wizard #network-new .als-wizard-page-item.page-notifications .wizard-page-layout {
  align-items: stretch;
  gap: 3rem;
}
.als-wizard #network-newsletter-publish .als-wizard-page-item.page-targets .page-layout,
.als-wizard #network-message-publish .als-wizard-page-item.page-targets .page-layout {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 2rem;
  place-items: start stretch;
}
.als-wizard #network-newsletter-publish .als-wizard-page-item.page-targets .hint,
.als-wizard #network-message-publish .als-wizard-page-item.page-targets .hint {
  text-align: center;
}
.als-wizard #network-newsletter-publish .als-wizard-page-item.page-targets .group-list-container,
.als-wizard #network-message-publish .als-wizard-page-item.page-targets .group-list-container {
  width: 100%;
}
.als-wizard #network-newsletter-publish .als-wizard-page-item.page-targets .group-list-container .group-list,
.als-wizard #network-message-publish .als-wizard-page-item.page-targets .group-list-container .group-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 2rem;
  padding: 2rem;
}
.als-wizard #network-newsletter-publish .als-wizard-page-item.page-targets .group-list-container .group-list .group-item,
.als-wizard #network-message-publish .als-wizard-page-item.page-targets .group-list-container .group-list .group-item {
  position: relative;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #efefef;
  border-radius: 0.25rem;
  transition: 0.25s ease;
  isolation: isolate;
}
.als-wizard #network-newsletter-publish .als-wizard-page-item.page-targets .group-list-container .group-list .group-item .group-name,
.als-wizard #network-message-publish .als-wizard-page-item.page-targets .group-list-container .group-list .group-item .group-name {
  font-weight: 500;
  font-size: 1.5rem;
  text-transform: uppercase;
}
.als-wizard #network-newsletter-publish .als-wizard-page-item.page-targets .group-list-container .group-list .group-item .group-members,
.als-wizard #network-message-publish .als-wizard-page-item.page-targets .group-list-container .group-list .group-item .group-members {
  font-size: 2rem;
}
.als-wizard #network-newsletter-publish .als-wizard-page-item.page-targets .group-list-container .group-list .group-item .fa-circle,
.als-wizard #network-message-publish .als-wizard-page-item.page-targets .group-list-container .group-list .group-item .fa-circle {
  position: absolute;
  color: #2fb92f;
  top: 0;
  left: 50%;
  transform: translateY(-50%) scale(0.5) rotateY(90deg);
  transition: 0.25s ease-out;
  z-index: -1;
  opacity: 0.5;
}
.als-wizard #network-newsletter-publish .als-wizard-page-item.page-targets .group-list-container .group-list .group-item .fa-circle > em,
.als-wizard #network-message-publish .als-wizard-page-item.page-targets .group-list-container .group-list .group-item .fa-circle > em {
  position: absolute;
  inset: 0;
  font-size: 0.6em;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-style: normal;
  font-weight: bold;
}
.als-wizard #network-newsletter-publish .als-wizard-page-item.page-targets .group-list-container .group-list .group-item.selected,
.als-wizard #network-message-publish .als-wizard-page-item.page-targets .group-list-container .group-list .group-item.selected {
  background: rgba(47, 185, 47, 0.2);
}
.als-wizard #network-newsletter-publish .als-wizard-page-item.page-targets .group-list-container .group-list .group-item.selected .fa-circle,
.als-wizard #network-message-publish .als-wizard-page-item.page-targets .group-list-container .group-list .group-item.selected .fa-circle {
  opacity: 1;
  transform: translateY(-50%) scale(2) rotateY(0deg);
}
.als-wizard #network-newsletter-publish .als-wizard-page-item.page-date .wizard-page-layout,
.als-wizard #network-message-publish .als-wizard-page-item.page-date .wizard-page-layout {
  gap: 2rem;
}
.als-wizard #network-newsletter-publish .als-wizard-page-item.page-date p, .als-wizard #network-newsletter-publish .als-wizard-page-item.page-date h3,
.als-wizard #network-message-publish .als-wizard-page-item.page-date p,
.als-wizard #network-message-publish .als-wizard-page-item.page-date h3 {
  text-align: center;
}
.als-wizard #network-newsletter-publish .als-wizard-page-item.page-date md-select, .als-wizard #network-newsletter-publish .als-wizard-page-item.page-date label,
.als-wizard #network-message-publish .als-wizard-page-item.page-date md-select,
.als-wizard #network-message-publish .als-wizard-page-item.page-date label {
  margin-block: 0;
}
.als-wizard #network-newsletter-publish .als-wizard-page-item.page-date .publish-date-preview,
.als-wizard #network-message-publish .als-wizard-page-item.page-date .publish-date-preview {
  width: 640px;
}
.als-wizard #network-newsletter-publish .als-wizard-page-item.page-date .publish-date-preview .group-preview-list,
.als-wizard #network-message-publish .als-wizard-page-item.page-date .publish-date-preview .group-preview-list {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 0.5rem;
}
.als-wizard #network-newsletter-publish .als-wizard-page-item.page-date .publish-date-preview .group-preview-list .group-date-item,
.als-wizard #network-message-publish .als-wizard-page-item.page-date .publish-date-preview .group-preview-list .group-date-item {
  display: contents;
}
.als-wizard #network-newsletter-publish .als-wizard-page-item.page-date .publish-date-preview .group-preview-list .group-date-item .group-name,
.als-wizard #network-message-publish .als-wizard-page-item.page-date .publish-date-preview .group-preview-list .group-date-item .group-name {
  font-weight: bold;
}
.als-wizard #network-newsletter-publish .als-wizard-page-item.page-date .publish-date-preview .group-preview-list .group-date-item .group-publish-date,
.als-wizard #network-message-publish .als-wizard-page-item.page-date .publish-date-preview .group-preview-list .group-date-item .group-publish-date {
  place-self: center end;
}
.als-wizard #network-newsletter-publish .als-wizard-page-item.page-preview .wizard-page-body,
.als-wizard #network-message-publish .als-wizard-page-item.page-preview .wizard-page-body {
  display: grid;
  grid-template-rows: auto 1fr;
}
.als-wizard #network-newsletter-publish .als-wizard-page-item.page-preview .wizard-page-body .preview-columns,
.als-wizard #network-message-publish .als-wizard-page-item.page-preview .wizard-page-body .preview-columns {
  display: grid;
  gap: 2rem;
  grid-template-columns: 1fr 1fr;
}
.als-wizard #network-newsletter-publish .als-wizard-page-item.page-preview md-input-container .note .fa-exclamation-triangle,
.als-wizard #network-message-publish .als-wizard-page-item.page-preview md-input-container .note .fa-exclamation-triangle {
  color: var(--error-color);
}
.als-wizard #network-newsletter-publish .als-wizard-page-item.page-preview md-input-container .note:not(.error) .fa-exclamation-triangle,
.als-wizard #network-message-publish .als-wizard-page-item.page-preview md-input-container .note:not(.error) .fa-exclamation-triangle {
  display: none;
}
.als-wizard #network-newsletter-publish .als-wizard-page-item.page-preview p > md-select,
.als-wizard #network-message-publish .als-wizard-page-item.page-preview p > md-select {
  display: inline-block;
}
.als-wizard #network-newsletter-publish .als-wizard-page-item.page-preview .moderated-entity-list,
.als-wizard #network-message-publish .als-wizard-page-item.page-preview .moderated-entity-list {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.als-wizard #network-newsletter-publish .als-wizard-page-item.page-preview .moderated-entity-list .entity-item,
.als-wizard #network-message-publish .als-wizard-page-item.page-preview .moderated-entity-list .entity-item {
  border: solid 2px currentColor;
  padding: 0.5em 1em;
  border-radius: 0.5em;
}
.als-wizard #network-newsletter-publish .als-wizard-page-item.page-preview .yo-message-preview,
.als-wizard #network-message-publish .als-wizard-page-item.page-preview .yo-message-preview {
  max-height: 60vh;
}
.als-wizard #entity-new-customization .customize-content {
  display: grid;
  width: clamp(320px, 100% - 1rem, 1200px);
}
.als-wizard #entity-new-customization .customize-content .content-actions {
  place-self: center;
}
.als-wizard #entity-new-customization .customize-content .yo-input {
  width: 100%;
  height: clamp(5rem, 50vh, 25rem);
  resize: none;
}
.als-wizard #entity-listing-post .als-wizard-page-item.page-open-house .wizard-page-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  place-items: center;
}
.als-wizard #entity-listing-post .als-wizard-page-item.page-preview .preview-card-list {
  display: flex;
  align-items: center;
  gap: 1rem;
  justify-content: space-between;
}
.als-wizard #entity-listing-post .als-wizard-page-item.page-preview .preview-card {
  width: 640px;
  margin-inline: auto;
  overflow: hidden;
  border-radius: 0.5rem;
  box-shadow: 0 0 1px #333;
}
.als-wizard #entity-listing-post .als-wizard-page-item.page-preview .preview-card .card-text {
  white-space: pre-line;
  padding: 1rem;
}
.als-wizard #entity-listing-post .als-wizard-page-item.page-preview .preview-card .card-text a {
  color: #0d57b8;
  text-decoration: underline;
  pointer-events: none;
}
.als-wizard #entity-listing-post .als-wizard-page-item.page-preview .preview-card .card-image-container {
  width: 100%;
  height: auto;
  aspect-ratio: 1200/630;
  overflow: hidden;
}
.als-wizard #entity-listing-post .als-wizard-page-item.page-preview .preview-card .card-image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.als-wizard #entity-listing-post .als-wizard-page-item.page-preview .preview-card .card-title {
  font-size: 1.1rem;
  font-weight: 500;
}
.als-wizard #entity-listing-post .als-wizard-page-item.page-preview .preview-card .card-description {
  max-height: 5.8em;
  overflow: hidden;
}
.als-wizard #entity-listing-post .als-wizard-page-item.page-end .wizard-page-layout {
  padding-top: 2rem;
}
.als-wizard #entity-listing-post .als-wizard-page-item.page-end .post-limitation-list {
  display: grid;
  padding: 1rem;
  gap: 1rem;
}
.als-wizard #entity-listing-post .als-wizard-page-item.page-end .post-limitation-list .post-limitation-item {
  font-size: 1.2rem;
  font-weight: 500;
}
.als-wizard #entity-listing-post .als-wizard-page-item.page-end .post-limitation-list .post-limitation-item i {
  color: #900;
}
.als-wizard #entity-listing-post .als-wizard-page-item.page-end .post-limitation-list .post-limitation-item span {
  text-decoration: line-through;
  text-decoration-color: rgba(153, 0, 0, 0.3333333333);
  text-decoration-thickness: 2px;
}
.als-wizard #entity-listing-fake-post .single-post-ratios {
  display: flex;
  gap: 4rem;
  justify-content: center;
  align-items: center;
}
.als-wizard #entity-listing-fake-post .single-post-ratios .single-post-ratio {
  padding: 2rem;
  border-radius: 0.5rem;
  box-shadow: 0 0 0.25rem rgba(51, 51, 51, 0);
  display: flex;
  flex-direction: column;
  align-items: center;
  translate: 0 0.5rem;
  --color: #333;
  transition: 0.25s ease;
}
.als-wizard #entity-listing-fake-post .single-post-ratios .single-post-ratio .video-box-preview {
  height: 160px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--color), transparent 98%);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--color), transparent 50%);
  border-radius: 0.25rem;
  aspect-ratio: var(--preview-box-ratio, 1);
}
.als-wizard #entity-listing-fake-post .single-post-ratios .single-post-ratio .video-box-preview h4 {
  font-size: 1.5rem;
  font-weight: bold;
  font-style: italic;
  color: color-mix(in srgb, var(--color), transparent 50%);
}
.als-wizard #entity-listing-fake-post .single-post-ratios .single-post-ratio.ratio-16x9 {
  --preview-box-ratio: 16 / 9;
}
.als-wizard #entity-listing-fake-post .single-post-ratios .single-post-ratio.ratio-1x1 {
  --preview-box-ratio: 1 / 1;
}
.als-wizard #entity-listing-fake-post .single-post-ratios .single-post-ratio.ratio-9x16 {
  --preview-box-ratio: 9 / 16;
}
.als-wizard #entity-listing-fake-post .single-post-ratios .single-post-ratio.selected {
  --color: #189218;
  box-shadow: 0 0.5rem 1rem rgba(51, 51, 51, 0.2);
  translate: 0 0rem;
}
.als-wizard #entity-listing-fake-post .preview-card .card-video {
  height: 640px;
}
.als-wizard #entity-listing-fake-post .preview-card .card-video.ratio-16x9 {
  aspect-ratio: 16/9;
}
.als-wizard #entity-listing-fake-post .preview-card .card-video.ratio-1x1 {
  aspect-ratio: 1/1;
}
.als-wizard #entity-listing-fake-post .preview-card .card-video.ratio-9x16 {
  aspect-ratio: 9/16;
}
.als-wizard #entity-network-post .als-wizard-page-item.page-start .single-post-types {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 320px;
}
.als-wizard #entity-network-post .als-wizard-page-item.page-start .single-post-types md-radio-group {
  scale: 1.5;
}
.als-wizard #entity-network-post .als-wizard-page-item.page-search .wizard-page-layout {
  --wiz-boxed-layout-max: 2400px;
}
@container wizPageBody (width < 1200px) {
  .als-wizard #entity-network-post .als-wizard-page-item.page-search .wizard-page-layout .search-result-list {
    --column-count: 5;
  }
}
@container wizPageBody (width < 800px) {
  .als-wizard #entity-network-post .als-wizard-page-item.page-search .wizard-page-layout .search-result-list {
    --column-count: 3;
  }
}
@container wizPageBody (width < 640px) {
  .als-wizard #entity-network-post .als-wizard-page-item.page-search .wizard-page-layout .search-result-list {
    --column-count: 1;
  }
}
.als-wizard #entity-network-post .als-wizard-page-item.page-search .search-result-list {
  padding: 1rem;
  display: grid;
  grid-template-columns: repeat(var(--column-count, 8), 1fr);
  gap: 1rem;
  place-items: stretch;
}
.als-wizard #entity-network-post .als-wizard-page-item.page-search .search-result-list .result-item {
  position: relative;
  overflow: hidden;
  border-radius: 0.25rem;
  cursor: pointer;
}
.als-wizard #entity-network-post .als-wizard-page-item.page-search .search-result-list .result-item::before {
  content: "\f058";
  inset: 0;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  z-index: 6;
  opacity: 0;
  font-size: 5rem;
  font-family: "Font Awesome 6 Pro";
  scale: 0.2;
  font-weight: 400;
  pointer-events: none;
  transition: 0.25s 0.2s ease-in-out;
}
.als-wizard #entity-network-post .als-wizard-page-item.page-search .search-result-list .result-item::after {
  content: "";
  inset: 0;
  position: absolute;
  background: rgba(24, 146, 24, 0.6);
  z-index: 5;
  opacity: 0;
  transition: 0.25s ease;
}
.als-wizard #entity-network-post .als-wizard-page-item.page-search .search-result-list .result-item.selected {
  pointer-events: none;
}
.als-wizard #entity-network-post .als-wizard-page-item.page-search .search-result-list .result-item.selected::before, .als-wizard #entity-network-post .als-wizard-page-item.page-search .search-result-list .result-item.selected::after {
  opacity: 1;
  scale: 1;
}
.als-wizard #entity-network-post .als-wizard-page-item.page-search .search-result-list .result-item .image-container {
  width: 200px;
  height: auto;
  aspect-ratio: 1;
}
.als-wizard #entity-network-post .als-wizard-page-item.page-search .search-result-list .result-item .item-info {
  position: absolute;
  inset: 0;
  opacity: 0;
  background: rgba(0, 0, 0, 0.7333333333);
  --text-color:#fff;
  padding: 1rem;
  transition: 0.25s ease-out;
  display: flex;
  align-items: center;
  justify-content: center;
  text-wrap: balance;
  text-align: center;
}
.als-wizard #entity-network-post .als-wizard-page-item.page-search .search-result-list .result-item:hover .item-info {
  opacity: 1;
}
.als-wizard #entity-network-post .als-wizard-page-item.page-open-house .wizard-page-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  place-items: center;
}
.als-wizard #entity-network-post .als-wizard-page-item.page-preview .preview-card-list {
  display: flex;
  align-items: center;
  gap: 1rem;
  justify-content: space-between;
}
.als-wizard #entity-network-post .als-wizard-page-item.page-preview .preview-card {
  width: 640px;
  margin-inline: auto;
  overflow: hidden;
  border-radius: 0.5rem;
  box-shadow: 0 0 1px #333;
}
.als-wizard #entity-network-post .als-wizard-page-item.page-preview .preview-card .card-image-container {
  width: 100%;
  height: auto;
  aspect-ratio: 1200/630;
  overflow: hidden;
}
.als-wizard #entity-network-post .als-wizard-page-item.page-preview .preview-card .card-image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.als-wizard #entity-network-post .als-wizard-page-item.page-preview .preview-card .card-title {
  font-size: 1.1rem;
  font-weight: 500;
}
.als-wizard #entity-network-post .als-wizard-page-item.page-preview .preview-card .card-description {
  max-height: 5.8em;
  overflow: hidden;
}
.als-wizard #entity-network-post .als-wizard-page-item.page-end .wizard-page-layout {
  padding-top: 2rem;
}
.als-wizard #entity-network-post .als-wizard-page-item.page-end .post-limitation-list {
  display: grid;
  padding: 1rem;
  gap: 1rem;
}
.als-wizard #entity-network-post .als-wizard-page-item.page-end .post-limitation-list .post-limitation-item {
  font-size: 1.2rem;
  font-weight: 500;
}
.als-wizard #entity-network-post .als-wizard-page-item.page-end .post-limitation-list .post-limitation-item i {
  color: #900;
}
.als-wizard #entity-network-post .als-wizard-page-item.page-end .post-limitation-list .post-limitation-item span {
  text-decoration: line-through;
  text-decoration-color: rgba(153, 0, 0, 0.3333333333);
  text-decoration-thickness: 2px;
}
.als-wizard #entity-new .als-wizard-page-item.page-realestate .wizard-page-layout {
  gap: 0;
  align-items: center;
}
.als-wizard #entity-new .als-wizard-page-item.page-realestate .wizard-page-layout .entity-info {
  align-self: stretch;
}
.als-wizard #entity-new .als-wizard-page-item.page-realestate .wizard-page-layout .teammates {
  place-self: center;
  text-align: center;
}
.als-wizard #entity-new .als-wizard-page-item.page-realestate .wizard-page-layout .teammates:not(:has(.broker-item)) {
  display: none;
}
.als-wizard #entity-new .als-wizard-page-item.page-realestate .wizard-page-layout .teammates h3 {
  margin-top: 2rem;
}
.als-wizard #entity-new .als-wizard-page-item.page-realestate .wizard-page-layout .teammates .broker-list {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.als-wizard #entity-new .als-wizard-page-item.page-realestate .wizard-page-layout .teammates .broker-list .broker-item {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100px;
  align-items: center;
  text-align: center;
}
.als-wizard #entity-new .als-wizard-page-item.page-realestate .wizard-page-layout .teammates .broker-list .broker-item .name {
  text-transform: capitalize;
}
.als-wizard #entity-new .als-wizard-page-item.page-realestate .wizard-page-layout .teammates .broker-list .broker-item .fa-star {
  position: absolute;
  top: 0;
  right: 0;
}
.als-wizard #entity-new .als-wizard-page-item.page-realestate .wizard-page-layout .teammates .broker-list .broker-item:not(.selected) .fa-star {
  font-weight: 300;
}
.als-wizard #entity-new .als-wizard-page-item.page-realestate .wizard-page-layout .teammates .broker-list .broker-item.selected .fa-star {
  color: var(--action-color);
}
.als-wizard #entity-new .als-wizard-page-item.page-network .network-list-container {
  padding: 2rem;
}
.als-wizard #entity-new .als-wizard-page-item.page-network .network-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}
.als-wizard #entity-new .als-wizard-page-item.page-network .network-list .network-item {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1rem;
  place-items: center stretch;
  transition: 0.25s ease;
}
.als-wizard #entity-new .als-wizard-page-item.page-network .network-list .network-item h3 {
  transition: inherit;
}
.als-wizard #entity-new .als-wizard-page-item.page-network .network-list .network-item i {
  transition: 0.5s ease;
}
.als-wizard #entity-new .als-wizard-page-item.page-network .network-list .network-item.selected {
  --text-color: #189218;
}
.als-wizard #entity-new .als-wizard-page-item.page-network .network-list .network-item.selected i {
  transform: rotateY(360deg);
}
.als-wizard #entity-new .als-wizard-page-item.page-network-groups .network-list-container {
  padding: 2rem;
}
.als-wizard #entity-new .als-wizard-page-item.page-network-groups .network-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
}
.als-wizard #entity-new .als-wizard-page-item.page-network-groups .network-list .network-item {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
  place-items: center;
}
.als-wizard #entity-new .als-wizard-page-item.page-network-groups .network-list .network-item .group-list-container {
  display: grid;
  gap: 1rem;
  place-items: center;
}
.als-wizard #entity-new .als-wizard-page-item.page-network-groups .network-list .network-item .group-list-container .group-list {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: center;
  align-items: center;
}
.als-wizard #entity-new .als-wizard-page-item.page-location .wizard-page-layout {
  display: grid;
  grid-template-columns: auto 1fr;
  place-items: start stretch;
}
@container wizPageBody (width < 1200px) {
  .als-wizard .als-wizard-page-item.page-targets .target-list {
    --column-count: 3;
  }
}
.als-wizard .als-wizard-page-item.page-targets .target-list-container {
  overflow: clip auto;
}
.als-wizard .als-wizard-page-item.page-targets .target-list-container .target-list {
  padding: 2rem;
  display: grid;
  grid-template-columns: repeat(min(var(--current-count), var(--column-count, 6)), 1fr);
  gap: 2rem;
}
.als-wizard .als-wizard-page-item.page-targets .target-list-container .target-list .target-item {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
  place-items: center;
  transition: 0.25s ease;
}
.als-wizard .als-wizard-page-item.page-targets .target-list-container .target-list .target-item h3 {
  transition: inherit;
}
.als-wizard .als-wizard-page-item.page-targets .target-list-container .target-list .target-item i {
  transition: 0.5s ease;
}
.als-wizard .als-wizard-page-item.page-targets .target-list-container .target-list .target-item.selected {
  --text-color: #189218;
}
.als-wizard .als-wizard-page-item.page-targets .target-list-container .target-list .target-item.selected i {
  transform: rotateY(360deg);
}
.als-wizard #targets-token-renewal .als-wizard-page-item.page-start .target-list {
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: 1rem;
}
.als-wizard #targets-token-renewal .als-wizard-page-item.page-start .target-list .target-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  width: 250px;
  padding: 1rem;
  border-radius: 0.25rem;
  text-align: center;
  background: rgba(0, 0, 0, 0.0666666667);
}
.als-wizard #targets-token-renewal .als-wizard-page-item.page-start .target-list .target-item .name {
  font-weight: 500;
}
.als-wizard #targets-token-renewal .als-wizard-page-item.page-start .target-list .target-item.selected {
  box-shadow: 0 0 0 3px var(--action-color);
}
.als-wizard #targets-token-renewal .als-wizard-page-item.page-entities .entity-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
}
.als-wizard #targets-token-renewal .als-wizard-page-item.page-entities .entity-list .entity-item {
  display: grid;
  grid-template-rows: auto 1fr auto;
  place-items: center;
  gap: 0.5rem;
  padding: 1rem;
  border-radius: 0.25rem;
  text-align: center;
  background: rgba(0, 0, 0, 0.0666666667);
}
.als-wizard #targets-token-renewal .als-wizard-page-item.page-entities .entity-list .entity-item.unselectable {
  pointer-events: none;
}
.als-wizard #targets-token-renewal .als-wizard-page-item.page-entities .entity-list .entity-item.unselectable > * {
  opacity: 0.25;
}
.als-wizard #targets-token-renewal .als-wizard-page-item.page-entities .entity-list .entity-item.unselectable .add-email-button {
  pointer-events: auto;
  opacity: 1;
}
.als-wizard #targets-token-renewal .als-wizard-page-item.page-entities .entity-list .entity-item .email {
  font-size: 0.75rem;
  opacity: 0.75;
}
.als-wizard #targets-token-renewal .als-wizard-page-item.page-entities .entity-list .entity-item .name {
  font-weight: 500;
}
.als-wizard #targets-token-renewal .als-wizard-page-item.page-entities .entity-list .entity-item.selected {
  box-shadow: 0 0 0 3px var(--action-color);
}
.als-wizard #targets-token-renewal .als-wizard-page-item.page-process .page-content {
  --text-color: #fff;
  text-align: center;
  display: flex;
  gap: 2rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.als-wizard #targets-token-renewal .als-wizard-page-item.page-process .page-content .progress-container {
  position: relative;
}
.als-wizard #targets-token-renewal .als-wizard-page-item.page-process .page-content .progress-container > label {
  font-size: 3.5rem;
}
.als-wizard #targets-token-renewal .als-wizard-page-item.page-process .page-content .progress-container > label, .als-wizard #targets-token-renewal .als-wizard-page-item.page-process .page-content .progress-container > i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.als-wizard #targets-token-renewal .als-wizard-page-item.page-process .page-content .current-process p {
  margin: 0;
}
.als-wizard #targets-token-renewal .als-wizard-page-item.page-process .page-content .current-process .name {
  font-size: 2rem;
  font-weight: 500;
}
.als-wizard #renew-target-token .als-wizard-page-item.page-client .yo-input-container {
  min-width: 640px;
}
.als-wizard #target-facebook-activate .als-wizard-page-item.page-post .wizard-page-body {
  text-align: center;
}
.als-wizard #target-facebook-activate .als-wizard-page-item.page-confirmation .page-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.als-wizard #target-facebook-activate .als-wizard-page-item.page-confirmation .page-item .page-avatar {
  width: 250px;
  aspect-ratio: 1;
  overflow: hidden;
  border-radius: 0.5rem;
}
.als-wizard #target-facebook-activate .als-wizard-page-item.page-confirmation .page-item .page-avatar img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
  display: block;
}
.als-wizard #target-facebook-activate .als-wizard-page-item.page-confirmation .page-item .page-name {
  font-size: 1.2rem;
  font-weight: 500;
}
.als-wizard #target-instagram-activate .als-wizard-page-item.page-confirmation .account-preview {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.als-wizard #target-instagram-activate .als-wizard-page-item.page-confirmation .account-preview .account-avatar {
  width: 250px;
  aspect-ratio: 1;
  overflow: hidden;
  border-radius: 0.5rem;
}
.als-wizard #target-instagram-activate .als-wizard-page-item.page-confirmation .account-preview .account-avatar img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
  display: block;
}
.als-wizard #target-instagram-activate .als-wizard-page-item.page-confirmation .account-preview .account-name {
  font-size: 1.2rem;
  font-weight: 500;
}
.als-wizard #target-linkedin-activate .als-wizard-page-item.page-self .wizard-page-layout,
.als-wizard #target-twitter-activate .als-wizard-page-item.page-self .wizard-page-layout {
  justify-content: center;
  height: 500px;
  text-align: center;
}
.als-wizard #target-linkedin-activate .als-wizard-page-item.page-self .wizard-page-layout a,
.als-wizard #target-twitter-activate .als-wizard-page-item.page-self .wizard-page-layout a {
  font-weight: 500;
}
.als-wizard #target-linkedin-activate .als-wizard-page-item .authentication-frame,
.als-wizard #target-twitter-activate .als-wizard-page-item .authentication-frame {
  width: 100%;
  height: 550px;
  border: solid 2px #ccc;
  border-radius: 0.5rem;
}
.als-wizard #target-linkedin-activate .als-wizard-page-item.page-client .yo-input-container,
.als-wizard #target-twitter-activate .als-wizard-page-item.page-client .yo-input-container {
  width: 100%;
  max-width: 640px;
}
.als-wizard #target-linkedin-activate .als-wizard-page-item.page-post .wizard-page-body,
.als-wizard #target-twitter-activate .als-wizard-page-item.page-post .wizard-page-body {
  text-align: center;
}
.als-wizard #target-gmb-activate .als-wizard-page-item.page-authentication .wizard-page-layout {
  text-align: center;
}
.als-wizard #target-gmb-activate .als-wizard-page-item.page-location .wizard-page-body {
  display: grid;
  grid-template-rows: auto 1fr;
  overflow: hidden;
  place-items: stretch;
}
.als-wizard #target-gmb-activate .als-wizard-page-item.page-location .wizard-page-layout {
  display: grid;
  grid-template-rows: auto auto 1fr;
  overflow: hidden;
  place-items: stretch;
  place-self: stretch center;
}
.als-wizard #target-gmb-activate .als-wizard-page-item.page-location .suggested-location-list .location-name {
  font-size: 1.25rem;
  font-weight: 500;
}
.als-wizard #target-gmb-activate .als-wizard-page-item.page-location .all-location-list {
  display: grid;
  place-items: stretch center;
  overflow: hidden;
  grid-template-rows: auto 1fr;
}
.als-wizard #target-gmb-activate .als-wizard-page-item.page-location .location-list-container {
  overflow: hidden overlay;
  width: 100%;
}
.als-wizard #target-gmb-activate .als-wizard-page-item.page-location .search-actions > div {
  padding: 0.25rem;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 1rem;
}
.als-wizard #target-gmb-activate .als-wizard-page-item.page-location .location-list {
  padding-block: 1rem;
  display: grid;
  gap: 0.5rem;
}
.als-wizard #target-gmb-activate .als-wizard-page-item.page-location .location-list .location-item {
  border-radius: 2em;
  padding: 0.5em 1em;
  overflow: hidden;
  cursor: pointer;
}
.als-wizard #target-gmb-activate .als-wizard-page-item.page-location .location-list .location-item:hover {
  background: #dedede;
}
.als-wizard #target-gmb-activate .als-wizard-page-item.page-post .wizard-page-body {
  text-align: center;
}

.md-panel.als-tutorial {
  position: fixed;
  inset: 0;
  backdrop-filter: blur(10px);
  background: var(--backdrop-color, rgba(0, 0, 0, 0.6));
}
@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    .md-panel.als-tutorial {
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
    }
  }
}
html.yo-is-safari .md-panel.als-tutorial {
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
}

.md-panel.als-tutorial .als-tutorial-close-button {
  position: absolute;
  top: 1rem;
  left: 50%;
  translate: -50% 0;
}
@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    .md-panel.als-tutorial .als-tutorial-close-button {
      transform: translate(-50%, 0);
    }
  }
}
html.yo-is-safari .md-panel.als-tutorial .als-tutorial-close-button {
  transform: translate(-50%, 0);
}

@media screen and (max-width: 640px) {
  .md-panel.als-tutorial .als-tutorial-close-button {
    top: 0;
  }
}
.md-panel.als-tutorial .als-tutorial-container {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  opacity: 0;
  animation: id3-anim-slide-in-bottom 0.25s ease-out 0.5s forwards;
}
@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    .md-panel.als-tutorial .als-tutorial-container {
      transform: translate(-50%, -50%);
      opacity: 1;
      animation: unset;
    }
  }
}
html.yo-is-safari .md-panel.als-tutorial .als-tutorial-container {
  transform: translate(-50%, -50%);
  opacity: 1;
  animation: unset;
}

.md-panel.als-tutorial .als-tutorial-container {
  width: clamp(320px, 100vw - 2rem, 960px);
}
.md-panel.als-tutorial .als-tutorial-container .als-tutorial-page-item {
  display: none;
}
.md-panel.als-tutorial .als-tutorial-container .als-tutorial-page-item.active {
  display: block;
}
.md-panel.als-tutorial .als-tutorial-navigation {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem 2rem;
  margin-inline: auto;
  width: clamp(320px, 100%, 800px);
}
@media screen and (max-width: 640px) {
  .md-panel.als-tutorial .als-tutorial-navigation {
    padding: 0 1rem 3rem 0;
    position: relative;
  }
  .md-panel.als-tutorial .als-tutorial-navigation .flex {
    position: absolute;
    bottom: 0;
    width: calc(100% - 1rem);
    text-align: center;
  }
}
.md-panel.als-tutorial als-tutorial-page {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 5rem;
}
.md-panel.als-tutorial als-tutorial-page .tutorial-page-image {
  width: 250px;
  height: 250px;
  border-radius: 0.5rem;
  background-image: linear-gradient(to bottom right in oklch, oklch(70% 0.5 340deg) 0%, oklch(90% 0.3 200deg) 100%);
}
@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    .md-panel.als-tutorial als-tutorial-page .tutorial-page-image {
      background-image: linear-gradient(to bottom right, rgb(255, 0, 250) 0%, rgb(0, 255, 255) 100%);
    }
  }
}
html.yo-is-safari .md-panel.als-tutorial als-tutorial-page .tutorial-page-image {
  background-image: linear-gradient(to bottom right, rgb(255, 0, 250) 0%, rgb(0, 255, 255) 100%);
}

.md-panel.als-tutorial als-tutorial-page .tutorial-page-image {
  scale: 0;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
  overflow: hidden;
}
.md-panel.als-tutorial als-tutorial-page .tutorial-page-image .fal {
  font-size: 5rem;
}
@media screen and (max-width: 640px) {
  .md-panel.als-tutorial als-tutorial-page .tutorial-page-image {
    transform: scale(0.5);
    margin-block: -2.5rem;
  }
}
.md-panel.als-tutorial als-tutorial-page .tutorial-page-image .navigation {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  padding: 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  translate: 0 -50%;
}
.md-panel.als-tutorial als-tutorial-page .tutorial-page-image .navigation .fal {
  font-size: 2rem;
}
.md-panel.als-tutorial als-tutorial-page .tutorial-page-image .dummy-content {
  height: 1em;
  width: 10ch;
  border-radius: 3em;
  background: currentColor;
  opacity: 0.8;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
}
.md-panel.als-tutorial als-tutorial-page .tutorial-page-image .dummy-content.h3 {
  font-size: 1.75rem;
  margin-bottom: 1em;
}
.md-panel.als-tutorial als-tutorial-page .tutorial-page-image .dummy-content.p {
  font-size: 1.1rem;
  margin-block: 1em;
}
.md-panel.als-tutorial als-tutorial-page .tutorial-page-image .dummy-content::before {
  content: " ";
}
.md-panel.als-tutorial als-tutorial-page .tutorial-page-image .frame {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  opacity: 0;
  transition: 0.25s ease-in-out;
}
.md-panel.als-tutorial als-tutorial-page .tutorial-page-image .frame.active {
  opacity: 1;
}
.md-panel.als-tutorial als-tutorial-page h3 {
  font-size: 1.5rem;
  text-transform: uppercase;
}
.md-panel.als-tutorial als-tutorial-page h3, .md-panel.als-tutorial als-tutorial-page p {
  opacity: 0;
  text-wrap: balance;
}
@media screen and (max-width: 640px) {
  .md-panel.als-tutorial als-tutorial-page {
    padding: 1rem 2rem;
  }
  .md-panel.als-tutorial als-tutorial-page h3 {
    font-size: 1.1rem;
  }
  .md-panel.als-tutorial als-tutorial-page p {
    font-size: 0.75rem;
  }
}

.als-tutorial #newsletter-moderation .tutorial-page-image button {
  padding: 0.75em 1em;
  border: none;
  border-radius: 0.25rem;
  background: #333;
  color: #fff;
  font-size: 1rem;
}
.als-tutorial #newsletter-moderation .tutorial-page-image button::before {
  content: "";
  width: 2rem;
  height: 0.5em;
  display: block;
  background-color: currentColor;
  opacity: 0.6;
  border-radius: 2em;
}
.als-tutorial #newsletter-moderation .tutorial-page-image button.primary {
  background: #f90;
}
.als-tutorial #newsletter-moderation .tutorial-page-image button.success {
  background: #019733;
}
.als-tutorial #newsletter-moderation .tutorial-page-image button.fail {
  background: #ac2013;
}
.als-tutorial #newsletter-moderation .button-column,
.als-tutorial #newsletter-moderation .button-row {
  display: flex;
  gap: 0.5rem;
}
.als-tutorial #newsletter-moderation .button-column {
  flex-direction: column;
}
.als-tutorial #newsletter-moderation .als-tutorial-page-item .choice-button,
.als-tutorial #newsletter-moderation .als-tutorial-page-item .toolbox-button {
  display: inline-flex;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: #000;
  border-radius: var(--button-border-radius, 5em);
  align-items: center;
  --text-color: #fff;
}
.als-tutorial #newsletter-moderation .als-tutorial-page-item .choice-button.primary,
.als-tutorial #newsletter-moderation .als-tutorial-page-item .toolbox-button.primary {
  background-color: #f90;
  font-weight: 700;
}
.als-tutorial #newsletter-moderation .als-tutorial-page-item .choice-button.success,
.als-tutorial #newsletter-moderation .als-tutorial-page-item .toolbox-button.success {
  background: #019733;
}
.als-tutorial #newsletter-moderation .als-tutorial-page-item .choice-button.fail,
.als-tutorial #newsletter-moderation .als-tutorial-page-item .toolbox-button.fail {
  background: #ac2013;
}
.als-tutorial #newsletter-moderation .als-tutorial-page-item .choice-button {
  --button-border-radius: 0.25rem;
}
.als-tutorial #newsletter-moderation .als-tutorial-page-item.page-action-toolbar .frame:first-child {
  top: 1rem;
  left: 50%;
  translate: -50% 0;
}
.als-tutorial #newsletter-moderation .als-tutorial-page-item.page-action-toolbar .frame:last-child {
  top: 1rem;
  left: 1rem;
  translate: 0 0;
}
.als-tutorial #newsletter-moderation .als-tutorial-page-item.page-content-variations .frame {
  text-align: center;
}
.als-tutorial #newsletter-moderation .als-tutorial-page-item.page-content-variations .frame .dummy-content {
  margin-inline: auto;
}