.app-icon {
  align-items: center;
  display: inline-flex;
  font-feature-settings: "liga";
  height: 1em;
  justify-content: center;
  letter-spacing: normal;
  line-height: 1;
  min-width: 1em;
  text-align: center;
  text-indent: 0;
  vertical-align: middle;
  width: 1em;
}
.app-icon:before {
  content: attr(data-icon-name);
  display: inline-block;
  font-family: Material Symbols Outlined;
  font: normal normal normal 1em/1;
  text-decoration: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.wysiwyg {
  line-height: 1.5;
  word-break: break-word;
  --tw-text-opacity: 1;
  color: rgb(69 69 69 / var(--tw-text-opacity, 1));
}
.wysiwyg a .open-in-new {
  margin-left: 0.25rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.wysiwyg ul {
  list-style-position: outside;
  list-style-type: disc;
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
  padding-left: 1.5rem;
}
.wysiwyg ul ::marker {
  color: #ff6a38;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.wysiwyg ul::marker {
  color: #ff6a38;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.wysiwyg ol {
  list-style-position: outside;
  list-style-type: decimal;
}
.wysiwyg iframe,
.wysiwyg video {
  aspect-ratio: 16/9;
  height: auto;
  width: 100%;
}
.wysiwyg div {
  overflow-wrap: break-word;
}
.wysiwyg p {
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
  word-break: break-word;
}
.wysiwyg p:first-child {
  padding-top: 0;
}
.wysiwyg p:last-child {
  padding-bottom: 0;
}
.wysiwyg table {
  border-style: none;
  width: 100%;
  --tw-border-opacity: 1;
  border-color: rgb(116 116 116 / var(--tw-border-opacity, 1));
  font-size: 1rem;
  line-height: 2rem;
  text-align: left;
  --tw-text-opacity: 1;
  color: rgb(26 26 26 / var(--tw-text-opacity, 1));
}
@media (min-width: 768px) {
  .wysiwyg table {
    border-width: 1px;
  }
}
.wysiwyg table:where([dir="rtl"], [dir="rtl"] *) {
  text-align: right;
}
.wysiwyg table tr {
  border-width: 1px;
  display: table-row;
  height: auto !important;
  margin-bottom: 1rem;
  --tw-border-opacity: 1;
  border-color: rgb(191 191 191 / var(--tw-border-opacity, 1));
  transition-duration: 0.15s;
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.wysiwyg table tr:first-child {
  display: none;
  pointer-events: none;
}
.wysiwyg table tr:last-child {
  margin-bottom: 0;
}
.wysiwyg table tr:nth-child(2n),
.wysiwyg table tr:nth-child(odd) {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
@media (min-width: 768px) {
  .wysiwyg table tr {
    border-bottom-width: 1px;
  }
  .wysiwyg table tr:first-child {
    display: table-row;
  }
  .wysiwyg table tr:nth-child(odd) {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
  }
}
.wysiwyg table td {
  display: flex;
  flex-direction: column;
  height: auto !important;
  --tw-border-opacity: 1;
  border-color: rgb(191 191 191 / var(--tw-border-opacity, 1));
  padding: 1rem;
  text-align: left;
}
.wysiwyg table td:last-child {
  border-style: none;
}
@media (min-width: 768px) {
  .wysiwyg table td {
    display: table-cell;
  }
  .wysiwyg table td:before {
    --tw-content: "" !important;
    content: var(--tw-content) !important;
  }
}
.wysiwyg table colgroup {
  display: flex;
}
@media (min-width: 768px) {
  .wysiwyg table colgroup {
    display: table-column-group;
  }
}
.wysiwyg table td:before {
  content: attr(data-label);
  float: left;
  font-weight: 700;
}
.wysiwyg h3 {
  padding-bottom: 1rem;
  padding-top: 1rem;
}
.wysiwyg h4 {
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}
.wysiwyg h3:first-child,
.wysiwyg h4:last-child {
  padding-top: 0;
}
.wysiwyg blockquote {
  border-left-width: 8px;
  margin-bottom: 1.25rem;
  margin-top: 1.25rem;
  --tw-border-opacity: 1;
  border-color: rgb(27 134 195 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(226 242 251 / var(--tw-bg-opacity, 1));
  padding: 1rem 0.5rem 1rem 1rem;
}
.wysiwyg.custom-color,
.wysiwyg.custom-color a {
  color: var(--3caa0d92);
}
.wysiwyg.wysiwyg.custom-color ul ::marker {
  color: var(--3caa0d92);
}
.wysiwyg.wysiwyg.custom-color ul::marker {
  color: var(--3caa0d92);
}
.app-button {
  align-items: center;
  border-radius: 0.25rem;
  border-width: 2px;
  display: flex;
  justify-content: center;
  text-decoration-line: none;
  transition-duration: 0.15s;
  transition-property: background-color, border-color, box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  width: 100%;
}
@media (min-width: 768px) {
  .app-button {
    width: auto;
  }
}
.app-button > span {
  text-decoration-line: none;
}
.app-button > span:focus {
  --tw-text-opacity: 1;
  color: rgb(26 26 26 / var(--tw-text-opacity, 1));
}
.app-button.start {
  --tw-border-opacity: 1;
  border-color: rgb(15 66 15 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(22 127 22 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.app-button.start:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(27 105 27 / var(--tw-bg-opacity, 1));
}
.app-button.start:active {
  --tw-bg-opacity: 1;
  background-color: rgb(21 81 21 / var(--tw-bg-opacity, 1));
}
.app-button.primary {
  --tw-border-opacity: 1;
  border-color: rgb(128 153 184 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(53 92 140 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.app-button.primary:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(42 74 112 / var(--tw-bg-opacity, 1));
}
.app-button.primary:active {
  background-color: rgb(32 55 84 / var(--tw-bg-opacity, 1));
  border-color: rgb(21 37 56 / var(--tw-border-opacity, 1));
}
.app-button.primary:active,
.app-button.secondary {
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
}
.app-button.secondary {
  background-color: rgb(221 229 238 / var(--tw-bg-opacity, 1));
  border-color: rgb(90 122 162 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(26 26 26 / var(--tw-text-opacity, 1));
}
.app-button.secondary:hover {
  --tw-border-opacity: 1;
  border-color: rgb(42 74 112 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(203 214 227 / var(--tw-bg-opacity, 1));
}
.app-button.secondary:focus {
  --tw-text-opacity: 1 !important;
  color: rgb(26 26 26 / var(--tw-text-opacity, 1)) !important;
}
.app-button.secondary:active {
  background-color: rgb(165 183 205 / var(--tw-bg-opacity, 1));
  border-color: rgb(11 18 28 / var(--tw-border-opacity, 1));
}
.app-button.outlined,
.app-button.secondary:active {
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
}
.app-button.outlined {
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  border-color: rgb(191 191 191 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(26 26 26 / var(--tw-text-opacity, 1));
}
.app-button.outlined:hover {
  background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
  border-color: rgb(69 69 69 / var(--tw-border-opacity, 1));
}
.app-button.outlined:active,
.app-button.outlined:hover {
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
}
.app-button.outlined:active {
  background-color: rgb(220 220 220 / var(--tw-bg-opacity, 1));
  border-color: rgb(26 26 26 / var(--tw-border-opacity, 1));
}
.app-button.icon {
  background-color: transparent;
  border-style: none;
  --tw-text-opacity: 1;
  color: rgb(26 26 26 / var(--tw-text-opacity, 1));
}
.app-button.icon:hover {
  background-color: #0000001a;
}
.app-button.icon:active {
  background-color: #00000026;
}
.app-button.floating {
  border-radius: 9999px;
  --tw-border-opacity: 1;
  border-color: rgb(191 191 191 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(26 26 26 / var(--tw-text-opacity, 1));
}
.app-button.floating:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(203 214 227 / var(--tw-bg-opacity, 1));
}
.app-button.floating:active {
  --tw-bg-opacity: 1;
  background-color: rgb(165 183 205 / var(--tw-bg-opacity, 1));
}
.app-button.toTop {
  --tw-border-opacity: 1;
  border-color: rgb(21 37 56 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(240 244 249 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(11 18 28 / var(--tw-text-opacity, 1));
}
.app-button.toTop:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(221 229 238 / var(--tw-bg-opacity, 1));
}
.app-button.toTop:active {
  --tw-bg-opacity: 1;
  background-color: rgb(203 214 227 / var(--tw-bg-opacity, 1));
}
.app-button.yesem {
  --tw-border-opacity: 1;
  border-color: rgb(38 119 206 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(0 79 163 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.app-button.yesem:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(42 74 112 / var(--tw-bg-opacity, 1));
}
.app-button.yesem:active {
  --tw-border-opacity: 1;
  border-color: rgb(21 37 56 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(32 55 84 / var(--tw-bg-opacity, 1));
}
.app-button.regular {
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding: 0.5rem 0.75rem;
}
@media (min-width: 768px) {
  .app-button.regular {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.app-button.regular.floating,
.app-button.regular.icon {
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding: 0.25rem;
}
@media (min-width: 768px) {
  .app-button.regular.floating,
  .app-button.regular.icon {
    padding: 0.5rem;
  }
}
.app-button.large {
  font-size: 1rem;
  font-weight: 700;
  line-height: 2rem;
  line-height: 1.25;
  padding: 0.75rem;
}
@media (min-width: 768px) {
  .app-button.large {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.app-button.large.floating,
.app-button.large.icon {
  font-size: 1rem;
  font-weight: 700;
  line-height: 2rem;
  padding: 1rem;
}
