@charset "UTF-8";

/* node_modules/@angular/cdk/overlay-prebuilt.css */
.cdk-overlay-container,
.cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}
.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}
.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  display: flex;
  max-width: 100%;
  max-height: 100%;
  z-index: 1000;
}
.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  opacity: 0;
  touch-action: manipulation;
  z-index: 1000;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
@media (prefers-reduced-motion) {
  .cdk-overlay-backdrop {
    transition-duration: 1ms;
  }
}
.cdk-overlay-backdrop-showing {
  opacity: 1;
}
@media (forced-colors: active) {
  .cdk-overlay-backdrop-showing {
    opacity: .6;
  }
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, .32);
}
.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,
.cdk-high-contrast-active .cdk-overlay-transparent-backdrop {
  opacity: 0;
  visibility: visible;
}
.cdk-overlay-backdrop-noop-animation {
  transition: none;
}
.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
  z-index: 1000;
}
.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}
.cdk-overlay-popover {
  background: none;
  border: none;
  padding: 0;
  outline: 0;
  overflow: visible;
  position: fixed;
  pointer-events: none;
  white-space: normal;
  color: inherit;
  text-decoration: none;
  width: 100%;
  height: 100%;
  inset: auto;
  top: 0;
  left: 0;
}
.cdk-overlay-popover::backdrop {
  display: none;
}
.cdk-overlay-popover .cdk-overlay-backdrop {
  position: fixed;
  z-index: auto;
}

/* apps/web/src/styles/styles.scss */
*:focus {
  outline: none;
}
html,
body,
div,
span,
object,
iframe,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
code,
em,
img,
small,
strike,
strong,
sub,
sup,
tt,
b,
u,
i,
ol,
ul,
li,
fieldset,
form,
label,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
main,
canvas,
embed,
footer,
header,
nav,
section,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}
footer,
header,
nav,
section,
main {
  display: block;
}
body {
  line-height: 1;
}
p {
  margin: 0;
  padding: 0;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
input {
  -webkit-appearance: none;
  border-radius: 0;
}
.aw-2-b {
  border: 1px solid var(--color-border);
}
.aw-2-bt {
  border-top: 1px solid var(--color-border);
}
.aw-2-bb {
  border-bottom: 1px solid var(--color-border);
}
.aw-2-br {
  border-right: 1px solid var(--color-border);
}
.aw-2-bl {
  border-left: 1px solid var(--color-border);
}
:root {
  --border-radius-xs: 8px;
  --border-radius-s: 10px;
  --border-radius-m: 12px;
  --border-radius-l: 14px;
  --border-radius-xl: 16px;
  --border-radius-xxl: 18px;
  --border-radius-xxxl: 24px;
}
.aw-2-b--radius-xs {
  border-radius: 8px;
  overflow: hidden;
}
.aw-2-bt--radius-xs {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.aw-2-bl--radius-xs {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.aw-2-br--radius-xs {
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
}
.aw-2-bb--radius-xs {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.aw-2-btl--radius-xs {
  border-top-left-radius: 8px;
}
.aw-2-btr--radius-xs {
  border-top-right-radius: 8px;
}
.aw-2-bbl--radius-xs {
  border-bottom-left-radius: 8px;
}
.aw-2-bbr--radius-xs {
  border-bottom-right-radius: 8px;
}
.aw-2-b--radius-s {
  border-radius: 10px;
  overflow: hidden;
}
.aw-2-bt--radius-s {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.aw-2-bl--radius-s {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.aw-2-br--radius-s {
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
.aw-2-bb--radius-s {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.aw-2-btl--radius-s {
  border-top-left-radius: 10px;
}
.aw-2-btr--radius-s {
  border-top-right-radius: 10px;
}
.aw-2-bbl--radius-s {
  border-bottom-left-radius: 10px;
}
.aw-2-bbr--radius-s {
  border-bottom-right-radius: 10px;
}
.aw-2-b--radius-m {
  border-radius: 12px;
  overflow: hidden;
}
.aw-2-bt--radius-m {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.aw-2-bl--radius-m {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}
.aw-2-br--radius-m {
  border-top-right-radius: 12px;
  border-bottom-left-radius: 12px;
}
.aw-2-bb--radius-m {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
.aw-2-btl--radius-m {
  border-top-left-radius: 12px;
}
.aw-2-btr--radius-m {
  border-top-right-radius: 12px;
}
.aw-2-bbl--radius-m {
  border-bottom-left-radius: 12px;
}
.aw-2-bbr--radius-m {
  border-bottom-right-radius: 12px;
}
.aw-2-b--radius-l {
  border-radius: 14px;
  overflow: hidden;
}
.aw-2-bt--radius-l {
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
}
.aw-2-bl--radius-l {
  border-top-left-radius: 14px;
  border-bottom-left-radius: 14px;
}
.aw-2-br--radius-l {
  border-top-right-radius: 14px;
  border-bottom-left-radius: 14px;
}
.aw-2-bb--radius-l {
  border-bottom-left-radius: 14px;
  border-bottom-right-radius: 14px;
}
.aw-2-btl--radius-l {
  border-top-left-radius: 14px;
}
.aw-2-btr--radius-l {
  border-top-right-radius: 14px;
}
.aw-2-bbl--radius-l {
  border-bottom-left-radius: 14px;
}
.aw-2-bbr--radius-l {
  border-bottom-right-radius: 14px;
}
.aw-2-b--radius-xl {
  border-radius: 16px;
  overflow: hidden;
}
.aw-2-bt--radius-xl {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}
.aw-2-bl--radius-xl {
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
}
.aw-2-br--radius-xl {
  border-top-right-radius: 16px;
  border-bottom-left-radius: 16px;
}
.aw-2-bb--radius-xl {
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
}
.aw-2-btl--radius-xl {
  border-top-left-radius: 16px;
}
.aw-2-btr--radius-xl {
  border-top-right-radius: 16px;
}
.aw-2-bbl--radius-xl {
  border-bottom-left-radius: 16px;
}
.aw-2-bbr--radius-xl {
  border-bottom-right-radius: 16px;
}
.aw-2-b--radius-xxl {
  border-radius: 18px;
  overflow: hidden;
}
.aw-2-bt--radius-xxl {
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
}
.aw-2-bl--radius-xxl {
  border-top-left-radius: 18px;
  border-bottom-left-radius: 18px;
}
.aw-2-br--radius-xxl {
  border-top-right-radius: 18px;
  border-bottom-left-radius: 18px;
}
.aw-2-bb--radius-xxl {
  border-bottom-left-radius: 18px;
  border-bottom-right-radius: 18px;
}
.aw-2-btl--radius-xxl {
  border-top-left-radius: 18px;
}
.aw-2-btr--radius-xxl {
  border-top-right-radius: 18px;
}
.aw-2-bbl--radius-xxl {
  border-bottom-left-radius: 18px;
}
.aw-2-bbr--radius-xxl {
  border-bottom-right-radius: 18px;
}
.aw-2-b--radius-xxxl {
  border-radius: 24px;
  overflow: hidden;
}
.aw-2-bt--radius-xxxl {
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
}
.aw-2-bl--radius-xxxl {
  border-top-left-radius: 24px;
  border-bottom-left-radius: 24px;
}
.aw-2-br--radius-xxxl {
  border-top-right-radius: 24px;
  border-bottom-left-radius: 24px;
}
.aw-2-bb--radius-xxxl {
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
}
.aw-2-btl--radius-xxxl {
  border-top-left-radius: 24px;
}
.aw-2-btr--radius-xxxl {
  border-top-right-radius: 24px;
}
.aw-2-bbl--radius-xxxl {
  border-bottom-left-radius: 24px;
}
.aw-2-bbr--radius-xxxl {
  border-bottom-right-radius: 24px;
}
.aw-2-b--radius-circle {
  overflow: hidden;
  border-radius: 50%;
}
.aw-2-b--ghost {
  border-width: 2px;
  border-style: dashed;
}
:root {
  --color-red-900: var(--color-red-900);
  --color-red-700: var(--color-red-700);
  --color-red-500: var(--color-red-500);
  --color-red-300: var(--color-red-300);
  --color-red-100: var(--color-red-100);
  --color-red-50: var(--color-red-50);
  --color-red-o-50: var(--color-red-o-50);
  --color-red-o-100: var(--color-red-o-100);
  --color-red-o-300: var(--color-red-o-300);
  --color-red-o-500: var(--color-red-o-500);
  --color-green-900: var(--color-green-900);
  --color-green-700: var(--color-green-700);
  --color-green-500: var(--color-green-500);
  --color-green-300: var(--color-green-300);
  --color-green-100: var(--color-green-100);
  --color-green-50: var(--color-green-50);
  --color-green-o-50: var(--color-green-o-50);
  --color-green-o-100: var(--color-green-o-100);
  --color-green-o-300: var(--color-green-o-300);
  --color-green-o-500: var(--color-green-o-500);
  --color-blue-900: var(--color-blue-900);
  --color-blue-700: var(--color-blue-700);
  --color-blue-500: var(--color-blue-500);
  --color-blue-300: var(--color-blue-300);
  --color-blue-100: var(--color-blue-100);
  --color-blue-50: var(--color-blue-50);
  --color-blue-o-50: var(--color-blue-o-50);
  --color-blue-o-100: var(--color-blue-o-100);
  --color-blue-o-300: var(--color-blue-o-300);
  --color-blue-o-500: var(--color-blue-o-500);
  --color-yellow-900: var(--color-yellow-900);
  --color-yellow-700: var(--color-yellow-700);
  --color-yellow-500: var(--color-yellow-500);
  --color-yellow-300: var(--color-yellow-300);
  --color-yellow-100: var(--color-yellow-100);
  --color-yellow-50: var(--color-yellow-50);
  --color-yellow-o-50: var(--color-yellow-o-50);
  --color-yellow-o-100: var(--color-yellow-o-100);
  --color-yellow-o-300: var(--color-yellow-o-300);
  --color-yellow-o-500: var(--color-yellow-o-500);
  --color-purple-900: var(--color-purple-900);
  --color-purple-700: var(--color-purple-700);
  --color-purple-500: var(--color-purple-500);
  --color-purple-300: var(--color-purple-300);
  --color-purple-100: var(--color-purple-100);
  --color-purple-50: var(--color-purple-50);
  --color-purple-o-50: var(--color-purple-o-50);
  --color-purple-o-100: var(--color-purple-o-100);
  --color-purple-o-300: var(--color-purple-o-300);
  --color-purple-o-500: var(--color-purple-o-500);
  --color-orange-900: var(--color-orange-900);
  --color-orange-700: var(--color-orange-700);
  --color-orange-500: var(--color-orange-500);
  --color-orange-300: var(--color-orange-300);
  --color-orange-100: var(--color-orange-100);
  --color-orange-50: var(--color-orange-50);
  --color-orange-o-50: var(--color-orange-o-50);
  --color-orange-o-100: var(--color-orange-o-100);
  --color-orange-o-300: var(--color-orange-o-300);
  --color-orange-o-500: var(--color-orange-o-500);
  --color-cyan-900: var(--color-cyan-900);
  --color-cyan-700: var(--color-cyan-700);
  --color-cyan-500: var(--color-cyan-500);
  --color-cyan-300: var(--color-cyan-300);
  --color-cyan-100: var(--color-cyan-100);
  --color-cyan-50: var(--color-cyan-50);
  --color-cyan-o-50: var(--color-cyan-o-50);
  --color-cyan-o-100: var(--color-cyan-o-100);
  --color-cyan-o-300: var(--color-cyan-o-300);
  --color-cyan-o-500: var(--color-cyan-o-500);
  --color-indigo-900: var(--color-indigo-900);
  --color-indigo-700: var(--color-indigo-700);
  --color-indigo-500: var(--color-indigo-500);
  --color-indigo-300: var(--color-indigo-300);
  --color-indigo-100: var(--color-indigo-100);
  --color-indigo-50: var(--color-indigo-50);
  --color-indigo-o-50: var(--color-indigo-o-50);
  --color-indigo-o-100: var(--color-indigo-o-100);
  --color-indigo-o-300: var(--color-indigo-o-300);
  --color-indigo-o-500: var(--color-indigo-o-500);
  --color-teal-900: var(--color-teal-900);
  --color-teal-700: var(--color-teal-700);
  --color-teal-o-50: var(--color-teal-o-50);
  --color-teal-o-100: var(--color-teal-o-100);
  --color-teal-o-300: var(--color-teal-o-300);
}
:root {
  --color-white: #fff;
  --color-smoke: #f9fcff;
  --color-ice: #f2f9ff;
  --color-sky: #ebf5ff;
  --color-fog: #dbedff;
  --color-dust: #c8dcf4;
  --color-light-steel: #a1bbe5;
  --color-steel: #5576aa;
  --color-slate: #335180;
  --color-midnight: #1f3b66;
  --color-asphalt: #0f284d;
  --color-night: #081934;
  --color-white-rgb:
    255,
    255,
    255;
  --color-smoke-rgb:
    249,
    252,
    255;
  --color-ice-rgb:
    242,
    249,
    255;
  --color-sky-rgb:
    235,
    245,
    255;
  --color-fog-rgb:
    219,
    237,
    255;
  --color-dust-rgb:
    200,
    220,
    244;
  --color-light-steel-rgb:
    161,
    187,
    229;
  --color-steel-rgb:
    85,
    118,
    170;
  --color-night-rgb:
    8,
    25,
    52;
  --color-shadow-rgb:
    15,
    40,
    77;
  --color-icon: var(--color-steel);
  --color-fat-border: var(--color-sky);
  --color-input: var(--color-white);
  --shadow-opacity-1: 0.01;
  --shadow-opacity-2: 0.02;
  --shadow-opacity-3: 0.03;
  --shadow-opacity-4: 0.04;
  --shadow-opacity-5: 0.05;
  --overlying-bg: #fff;
  --overlying-bg-rgb:
    255,
    255,
    255;
  --color-sky-for-overlying-bg: #ebf5ff;
  --dark-element-bg: #081934;
  --dark-element-text: #fff;
  --color-red: #ff4398;
  --color-red-900: #ff1a82;
  --color-red-700: #ff4398;
  --color-red-500: #ff80b9;
  --color-red-300: #ffb2d5;
  --color-red-100: #ffdbec;
  --color-red-50: #ffe5f1;
  --color-red-o-50: rgba(255, 67, 152, 0.1);
  --color-red-o-100: rgba(255, 67, 152, 0.2);
  --color-red-o-300: rgba(255, 67, 152, 0.4);
  --color-red-o-500: rgba(255, 67, 152, 0.6);
  --color-yellow: #ffd466;
  --color-yellow-1000: #3d2b00;
  --color-yellow-900: #ffba1a;
  --color-yellow-700: #ffd466;
  --color-yellow-500: #ffe5a3;
  --color-yellow-300: #ffeec2;
  --color-yellow-100: #fff6e0;
  --color-yellow-50: #fffbf0;
  --color-yellow-o-50: rgba(255, 212, 102, 0.1);
  --color-yellow-o-100: rgba(255, 212, 102, 0.2);
  --color-yellow-o-300: rgba(255, 212, 102, 0.4);
  --color-yellow-o-500: rgba(255, 212, 102, 0.6);
  --color-green: #45e59f;
  --color-green-900: #16d982;
  --color-green-700: #45e59f;
  --color-green-500: #8fefc5;
  --color-green-300: #b5f5d9;
  --color-green-100: #dafaec;
  --color-green-50: #ecfcf5;
  --color-green-o-50: rgba(69, 229, 159, 0.1);
  --color-green-o-100: rgba(69, 229, 159, 0.2);
  --color-green-o-300: rgba(69, 229, 159, 0.4);
  --color-green-o-500: rgba(69, 229, 159, 0.6);
  --color-blue: #4d9aff;
  --color-blue-900: #006dfa;
  --color-blue-700: #4d9aff;
  --color-blue-500: #94c2ff;
  --color-blue-300: #b8d7ff;
  --color-blue-100: #dbebff;
  --color-blue-50: #edf5ff;
  --color-blue-o-50: rgba(77, 154, 255, 0.1);
  --color-blue-o-100: rgba(77, 154, 255, 0.2);
  --color-blue-o-300: rgba(77, 154, 255, 0.4);
  --color-blue-o-500: rgba(77, 154, 255, 0.6);
  --color-purple: #a157f6;
  --color-purple-900: #7d1ded;
  --color-purple-700: #a157f6;
  --color-purple-500: #b982f8;
  --color-purple-300: #d9bcfb;
  --color-purple-100: #ecddfd;
  --color-purple-50: #f6eefe;
  --color-purple-o-50: rgba(161, 87, 246, 0.1);
  --color-purple-o-100: rgba(161, 87, 246, 0.2);
  --color-purple-o-300: rgba(161, 87, 246, 0.4);
  --color-purple-o-500: rgba(161, 87, 246, 0.6);
  --color-orange: #ff7666;
  --color-orange-900: #ff4933;
  --color-orange-700: #ff7666;
  --color-orange-500: #ffada3;
  --color-orange-300: #ffc8c2;
  --color-orange-100: #ffe4e0;
  --color-orange-50: #fff1f0;
  --color-orange-o-50: rgba(255, 118, 102, 0.1);
  --color-orange-o-100: rgba(255, 118, 102, 0.2);
  --color-orange-o-300: rgba(255, 118, 102, 0.4);
  --color-orange-o-500: rgba(255, 118, 102, 0.6);
  --color-cyan: #5ce2f1;
  --color-cyan-900: #0bd0e5;
  --color-cyan-700: #5ce2f1;
  --color-cyan-500: #9deef7;
  --color-cyan-300: #bef3f9;
  --color-cyan-100: #def9fc;
  --color-cyan-50: #effcfe;
  --color-cyan-o-50: rgba(92, 226, 241, 0.1);
  --color-cyan-o-100: rgba(92, 226, 241, 0.2);
  --color-cyan-o-300: rgba(92, 226, 241, 0.4);
  --color-cyan-o-500: rgba(92, 226, 241, 0.6);
  --color-indigo: #9373ff;
  --color-indigo-900: #6438f5;
  --color-indigo-700: #9373ff;
  --color-indigo-500: #beabff;
  --color-indigo-300: #d4c7ff;
  --color-indigo-100: #e9e3ff;
  --color-indigo-50: #f4f1ff;
  --color-indigo-o-50: rgba(147, 115, 255, 0.1);
  --color-indigo-o-100: rgba(147, 115, 255, 0.2);
  --color-indigo-o-300: rgba(147, 115, 255, 0.4);
  --color-indigo-o-500: rgba(147, 115, 255, 0.6);
  --color-teal: #9bf2d2;
  --color-teal-900: #67cba6;
  --color-teal-700: #9bf2d2;
  --color-teal-o-50: rgba(155, 242, 210, 0.1);
  --color-teal-o-100: rgba(155, 242, 210, 0.2);
  --color-teal-o-300: rgba(155, 242, 210, 0.4);
  --color-red-rgb:
    255,
    67,
    152;
  --color-red-900-rgb:
    255,
    26,
    130;
  --color-red-700-rgb:
    255,
    67,
    152;
  --color-red-500-rgb:
    255,
    128,
    185;
  --color-red-300-rgb:
    255,
    178,
    213;
  --color-red-100-rgb:
    255,
    219,
    236;
  --color-red-50-rgb:
    255,
    229,
    241;
  --color-yellow-rgb:
    255,
    212,
    102;
  --color-yellow-1000-rgb:
    61,
    43,
    0;
  --color-yellow-900-rgb:
    255,
    186,
    26;
  --color-yellow-700-rgb:
    255,
    212,
    102;
  --color-yellow-500-rgb:
    255,
    229,
    163;
  --color-yellow-300-rgb:
    255,
    238,
    194;
  --color-yellow-100-rgb:
    255,
    246,
    224;
  --color-yellow-50-rgb:
    255,
    251,
    240;
  --color-green-rgb:
    69,
    229,
    159;
  --color-green-900-rgb:
    22,
    217,
    130;
  --color-green-700-rgb:
    69,
    229,
    159;
  --color-green-500-rgb:
    143,
    239,
    197;
  --color-green-300-rgb:
    181,
    245,
    217;
  --color-green-100-rgb:
    218,
    250,
    236;
  --color-green-50-rgb:
    236,
    252,
    245;
  --color-blue-rgb:
    77,
    154,
    255;
  --color-blue-900-rgb:
    0,
    109,
    250;
  --color-blue-700-rgb:
    77,
    154,
    255;
  --color-blue-500-rgb:
    148,
    194,
    255;
  --color-blue-300-rgb:
    184,
    215,
    255;
  --color-blue-100-rgb:
    219,
    235,
    255;
  --color-blue-50-rgb:
    237,
    245,
    255;
  --color-purple-rgb:
    161,
    87,
    246;
  --color-purple-900-rgb:
    125,
    29,
    237;
  --color-purple-700-rgb:
    161,
    87,
    246;
  --color-purple-500-rgb:
    185,
    130,
    248;
  --color-purple-300-rgb:
    217,
    188,
    251;
  --color-purple-100-rgb:
    236,
    221,
    253;
  --color-purple-50-rgb:
    246,
    238,
    254;
  --color-orange-rgb:
    255,
    118,
    102;
  --color-orange-900-rgb:
    255,
    73,
    51;
  --color-orange-700-rgb:
    255,
    118,
    102;
  --color-orange-500-rgb:
    255,
    173,
    163;
  --color-orange-300-rgb:
    255,
    200,
    194;
  --color-orange-100-rgb:
    255,
    228,
    224;
  --color-orange-50-rgb:
    255,
    241,
    240;
  --color-cyan-rgb:
    92,
    226,
    241;
  --color-cyan-900-rgb:
    11,
    208,
    229;
  --color-cyan-700-rgb:
    92,
    226,
    241;
  --color-cyan-500-rgb:
    157,
    238,
    247;
  --color-cyan-300-rgb:
    190,
    243,
    249;
  --color-cyan-100-rgb:
    222,
    249,
    252;
  --color-cyan-50-rgb:
    239,
    252,
    254;
  --color-indigo-rgb:
    147,
    115,
    255;
  --color-indigo-900-rgb:
    100,
    56,
    245;
  --color-indigo-700-rgb:
    147,
    115,
    255;
  --color-indigo-500-rgb:
    190,
    171,
    255;
  --color-indigo-300-rgb:
    212,
    199,
    255;
  --color-indigo-100-rgb:
    233,
    227,
    255;
  --color-indigo-50-rgb:
    244,
    241,
    255;
  --color-teal-rgb:
    155,
    242,
    210;
  --color-teal-900-rgb:
    103,
    203,
    166;
  --color-teal-700-rgb:
    155,
    242,
    210;
  --color-main: #4d9aff;
  --color-main-900: #006dfa;
  --color-main-700: #4d9aff;
  --color-main-500: #94c2ff;
  --color-main-300: #b8d7ff;
  --color-main-100: #dbebff;
  --color-main-50: #edf5ff;
  --color-main-o-50: rgba(77, 154, 255, 0.1);
  --color-main-o-100: rgba(77, 154, 255, 0.2);
  --color-main-o-300: rgba(77, 154, 255, 0.4);
  --color-main-o-500: rgba(77, 154, 255, 0.6);
  --color-main-rgb:
    77,
    154,
    255;
  --color-main-900-rgb:
    0,
    109,
    250;
  --color-main-700-rgb:
    77,
    154,
    255;
  --color-main-500-rgb:
    148,
    194,
    255;
  --color-main-300-rgb:
    184,
    215,
    255;
  --color-main-100-rgb:
    219,
    235,
    255;
  --color-main-50-rgb:
    237,
    245,
    255;
  --color-text-red: var(--color-red-900);
  --color-text-yellow: var(--color-yellow-900);
  --color-text-green: var(--color-green-900);
  --color-text-blue: var(--color-blue-900);
  --color-text-purple: var(--color-purple-900);
  --color-text-orange: var(--color-orange-900);
  --color-text-cyan: var(--color-cyan-900);
  --color-text-indigo: var(--color-indigo-900);
  --color-text-teal: var(--color-teal-900);
}
body.aw-2-dark {
  --color-white: #1a1c28;
  --color-smoke: #141622;
  --color-ice: #1e202d;
  --color-sky: #282a39;
  --color-fog: #35384a;
  --color-dust: #4c4f64;
  --color-light-steel: #595d76;
  --color-steel: #9097b1;
  --color-slate: #abb0c4;
  --color-midnight: #c3c7d5;
  --color-asphalt: #000000;
  --color-night: #dae1e8;
  --color-white-rgb:
    26,
    28,
    40;
  --color-smoke-rgb:
    20,
    22,
    34;
  --color-ice-rgb:
    30,
    32,
    45;
  --color-sky-rgb:
    40,
    42,
    57;
  --color-fog-rgb:
    53,
    56,
    74;
  --color-dust-rgb:
    76,
    79,
    100;
  --color-light-steel-rgb:
    89,
    93,
    118;
  --color-steel-rgb:
    144,
    151,
    177;
  --color-night-rgb:
    218,
    225,
    232;
  --color-shadow-rgb:
    0,
    0,
    0;
  --color-icon: var(--color-steel);
  --color-fat-border: var(--color-sky);
  --color-input: var(--color-white);
  --shadow-opacity-1: 0.1;
  --shadow-opacity-2: 0.1;
  --shadow-opacity-3: 0.1;
  --shadow-opacity-4: 0.1;
  --shadow-opacity-5: 0.1;
  --overlying-bg: #282a39;
  --overlying-bg-rgb:
    40,
    42,
    57;
  --color-sky-for-overlying-bg: #35384a;
  --dark-element-bg: #282a39;
  --dark-element-text: #dae1e8;
  --color-text-red: var(--color-red-700);
  --color-text-yellow: var(--color-yellow-700);
  --color-text-green: var(--color-green-700);
  --color-text-blue: var(--color-blue-700);
  --color-text-purple: var(--color-purple-700);
  --color-text-orange: var(--color-orange-700);
  --color-text-cyan: var(--color-cyan-700);
  --color-text-indigo: var(--color-indigo-700);
  --color-text-teal: var(--color-teal-700);
}
body.aw-design-2026 {
  --color-neutral-700: #161c24;
  --color-neutral-500: #303f51;
  --color-neutral-400: #68788d;
  --color-neutral-300: #b1bed3;
  --color-neutral-100: #e6eaf1;
  --color-neutral-75: #f2f4f7;
  --color-neutral-50: #f5f7fa;
  --color-neutral-25: #fafcff;
  --color-neutral-0: #ffffff;
  --color-neutral-700-rgb:
    22,
    28,
    36;
  --color-neutral-500-rgb:
    48,
    63,
    81;
  --color-neutral-400-rgb:
    104,
    120,
    141;
  --color-neutral-300-rgb:
    177,
    190,
    211;
  --color-neutral-100-rgb:
    230,
    234,
    241;
  --color-neutral-75-rgb:
    242,
    244,
    247;
  --color-neutral-50-rgb:
    245,
    247,
    250;
  --color-neutral-25-rgb:
    250,
    252,
    255;
  --color-neutral-0-rgb:
    255,
    255,
    255;
  --color-white: var(--color-neutral-0);
  --color-white-rgb: var(--color-neutral-0-rgb);
  --color-red: oklch(0.71 0.23 1);
  --color-red-1100: oklch(0.23 0.13 1);
  --color-red-1000: oklch(0.35 0.15 1);
  --color-red-900: oklch(0.45 0.17 1);
  --color-red-800: oklch(0.54 0.19 1);
  --color-red-700: oklch(0.63 0.21 1);
  --color-red-600: oklch(0.71 0.23 1);
  --color-red-500: oklch(0.78 0.2 1);
  --color-red-400: oklch(0.84 0.16 1);
  --color-red-300: oklch(0.89 0.11 1);
  --color-red-200: oklch(0.94 0.06 1);
  --color-red-100: oklch(0.96 0.017 1);
  --color-red-50: oklch(0.99 0.02 1);
  --color-red-o-50: oklch(0.71 0.23 1 / 0.06);
  --color-red-o-100: oklch(0.71 0.23 1 / 0.1);
  --color-red-o-300: oklch(0.71 0.23 1 / 0.16);
  --color-red-o-500: oklch(0.71 0.23 1 / 0.2);
  --color-blue: oklch(0.64 0.23 259);
  --color-blue-1100: oklch(0.24 0.13 259);
  --color-blue-1000: oklch(0.32 0.15 259);
  --color-blue-900: oklch(0.4 0.17 259);
  --color-blue-800: oklch(0.48 0.19 259);
  --color-blue-700: oklch(0.56 0.21 259);
  --color-blue-600: oklch(0.64 0.23 259);
  --color-blue-500: oklch(0.71 0.2 259);
  --color-blue-400: oklch(0.78 0.16 259);
  --color-blue-300: oklch(0.85 0.11 259);
  --color-blue-200: oklch(0.92 0.06 259);
  --color-blue-100: oklch(0.9616 0.0183 259);
  --color-blue-50: oklch(0.99 0.02 259);
  --color-blue-o-50: oklch(0.64 0.23 259 / 0.06);
  --color-blue-o-100: oklch(0.64 0.23 259 / 0.1);
  --color-blue-o-300: oklch(0.64 0.23 259 / 0.16);
  --color-blue-o-500: oklch(0.64 0.23 259 / 0.2);
  --color-green: oklch(0.75 0.23 162);
  --color-green-1100: oklch(0.23 0.13 162);
  --color-green-1000: oklch(0.36 0.15 162);
  --color-green-900: oklch(0.48 0.17 162);
  --color-green-800: oklch(0.58 0.19 162);
  --color-green-700: oklch(0.67 0.21 162);
  --color-green-600: oklch(0.75 0.23 162);
  --color-green-500: oklch(0.82 0.2 162);
  --color-green-400: oklch(0.87 0.16 162);
  --color-green-300: oklch(0.92 0.11 162);
  --color-green-200: oklch(0.96 0.06 162);
  --color-green-100: oklch(0.97 0.037 162);
  --color-green-50: oklch(0.99 0.02 162);
  --color-green-o-50: oklch(0.75 0.23 162 / 0.06);
  --color-green-o-100: oklch(0.75 0.23 162 / 0.1);
  --color-green-o-300: oklch(0.75 0.23 162 / 0.16);
  --color-green-o-500: oklch(0.75 0.23 162 / 0.2);
  --color-yellow: oklch(0.79 0.23 75);
  --color-yellow-1100: oklch(0.23 0.13 75);
  --color-yellow-1000: oklch(0.38 0.15 75);
  --color-yellow-900: oklch(0.51 0.17 75);
  --color-yellow-800: oklch(0.62 0.19 75);
  --color-yellow-700: oklch(0.71 0.21 75);
  --color-yellow-600: oklch(0.79 0.23 75);
  --color-yellow-500: oklch(0.85 0.2 75);
  --color-yellow-400: oklch(0.9 0.16 75);
  --color-yellow-300: oklch(0.94 0.11 75);
  --color-yellow-200: oklch(0.97 0.06 75);
  --color-yellow-100: oklch(0.98 0.014 75);
  --color-yellow-50: oklch(0.99 0.0053 75);
  --color-yellow-o-50: oklch(0.79 0.23 75 / 0.06);
  --color-yellow-o-100: oklch(0.79 0.23 75 / 0.1);
  --color-yellow-o-300: oklch(0.79 0.23 75 / 0.16);
  --color-yellow-o-500: oklch(0.79 0.23 75 / 0.2);
  --color-orange: oklch(0.74 0.23 27);
  --color-orange-1100: oklch(0.23 0.13 27);
  --color-orange-1000: oklch(0.36 0.15 27);
  --color-orange-900: oklch(0.47 0.17 27);
  --color-orange-800: oklch(0.57 0.19 27);
  --color-orange-700: oklch(0.66 0.21 27);
  --color-orange-600: oklch(0.74 0.23 27);
  --color-orange-500: oklch(0.8 0.2 27);
  --color-orange-400: oklch(0.86 0.16 27);
  --color-orange-300: oklch(0.91 0.11 27);
  --color-orange-200: oklch(0.95 0.06 27);
  --color-orange-100: oklch(0.97 0.0126 27);
  --color-orange-50: oklch(0.99 0.02 27);
  --color-orange-o-50: oklch(0.74 0.23 27 / 0.06);
  --color-orange-o-100: oklch(0.74 0.23 27 / 0.1);
  --color-orange-o-300: oklch(0.74 0.23 27 / 0.16);
  --color-orange-o-500: oklch(0.74 0.23 27 / 0.2);
  --color-indigo: oklch(0.62 0.23 289);
  --color-indigo-1100: oklch(0.24 0.13 289);
  --color-indigo-1000: oklch(0.32 0.15 289);
  --color-indigo-900: oklch(0.4 0.17 289);
  --color-indigo-800: oklch(0.47 0.19 289);
  --color-indigo-700: oklch(0.55 0.21 289);
  --color-indigo-600: oklch(0.62 0.23 289);
  --color-indigo-500: oklch(0.7 0.2 289);
  --color-indigo-400: oklch(0.77 0.16 289);
  --color-indigo-300: oklch(0.85 0.11 289);
  --color-indigo-200: oklch(0.92 0.06 289);
  --color-indigo-100: oklch(0.97 0.0174 289);
  --color-indigo-50: oklch(0.99 0.02 289);
  --color-indigo-o-50: oklch(0.62 0.23 289 / 0.06);
  --color-indigo-o-100: oklch(0.62 0.23 289 / 0.1);
  --color-indigo-o-300: oklch(0.62 0.23 289 / 0.16);
  --color-indigo-o-500: oklch(0.62 0.23 289 / 0.2);
  --color-purple: oklch(0.63 0.23 296);
  --color-purple-1100: oklch(0.24 0.13 296);
  --color-purple-1000: oklch(0.32 0.15 296);
  --color-purple-900: oklch(0.4 0.17 296);
  --color-purple-800: oklch(0.48 0.19 296);
  --color-purple-700: oklch(0.56 0.21 296);
  --color-purple-600: oklch(0.63 0.23 296);
  --color-purple-500: oklch(0.71 0.2 296);
  --color-purple-400: oklch(0.78 0.16 296);
  --color-purple-300: oklch(0.85 0.11 296);
  --color-purple-200: oklch(0.92 0.06 296);
  --color-purple-100: oklch(0.973 0.0133 296);
  --color-purple-50: oklch(0.99 0.02 296);
  --color-purple-o-50: oklch(0.63 0.23 296 / 0.06);
  --color-purple-o-100: oklch(0.63 0.23 296 / 0.1);
  --color-purple-o-300: oklch(0.63 0.23 296 / 0.16);
  --color-purple-o-500: oklch(0.63 0.23 296 / 0.2);
  --color-electric-purple: oklch(0.62 0.23 284);
  --color-electric-purple-1100: oklch(0.24 0.13 284);
  --color-electric-purple-1000: oklch(0.32 0.15 284);
  --color-electric-purple-900: oklch(0.39 0.17 284);
  --color-electric-purple-800: oklch(0.47 0.19 284);
  --color-electric-purple-700: oklch(0.54 0.21 284);
  --color-electric-purple-600: oklch(0.62 0.23 284);
  --color-electric-purple-500: oklch(0.69 0.2 284);
  --color-electric-purple-400: oklch(0.77 0.16 284);
  --color-electric-purple-300: oklch(0.84 0.11 284);
  --color-electric-purple-200: oklch(0.92 0.06 284);
  --color-electric-purple-100: oklch(0.973 0.0133 284);
  --color-electric-purple-50: oklch(0.99 0.02 284);
  --color-electric-purple-o-50: oklch(0.62 0.23 284 / 0.06);
  --color-electric-purple-o-100: oklch(0.62 0.23 284 / 0.1);
  --color-electric-purple-o-300: oklch(0.62 0.23 284 / 0.16);
  --color-electric-purple-o-500: oklch(0.62 0.23 284 / 0.2);
  --color-cyan: oklch(0.71 0.23 200);
  --color-cyan-1100: oklch(0.23 0.13 200);
  --color-cyan-1000: oklch(0.35 0.15 200);
  --color-cyan-900: oklch(0.45 0.17 200);
  --color-cyan-800: oklch(0.54 0.19 200);
  --color-cyan-700: oklch(0.63 0.21 200);
  --color-cyan-600: oklch(0.71 0.23 200);
  --color-cyan-500: oklch(0.77 0.2 200);
  --color-cyan-400: oklch(0.84 0.16 200);
  --color-cyan-300: oklch(0.89 0.11 200);
  --color-cyan-200: oklch(0.94 0.06 200);
  --color-cyan-100: oklch(0.97 0.0244 200);
  --color-cyan-50: oklch(0.99 0.02 200);
  --color-cyan-o-50: oklch(0.71 0.23 200 / 0.06);
  --color-cyan-o-100: oklch(0.71 0.23 200 / 0.1);
  --color-cyan-o-300: oklch(0.71 0.23 200 / 0.16);
  --color-cyan-o-500: oklch(0.71 0.23 200 / 0.2);
  --color-red-rgb:
    255,
    75,
    146;
  --color-red-1100-rgb:
    62,
    0,
    30;
  --color-red-1000-rgb:
    102,
    15,
    55;
  --color-red-900-rgb:
    144,
    30,
    76;
  --color-red-800-rgb:
    186,
    47,
    100;
  --color-red-700-rgb:
    224,
    62,
    123;
  --color-red-600-rgb:
    255,
    75,
    146;
  --color-red-500-rgb:
    255,
    120,
    172;
  --color-red-400-rgb:
    255,
    160,
    196;
  --color-red-300-rgb:
    255,
    195,
    218;
  --color-red-200-rgb:
    255,
    225,
    237;
  --color-red-100-rgb:
    255,
    238,
    245;
  --color-red-50-rgb:
    255,
    250,
    252;
  --color-blue-rgb:
    77,
    115,
    237;
  --color-blue-1100-rgb:
    0,
    31,
    77;
  --color-blue-1000-rgb:
    0,
    43,
    107;
  --color-blue-900-rgb:
    0,
    57,
    138;
  --color-blue-800-rgb:
    0,
    73,
    171;
  --color-blue-700-rgb:
    26,
    92,
    204;
  --color-blue-600-rgb:
    77,
    115,
    237;
  --color-blue-500-rgb:
    122,
    150,
    255;
  --color-blue-400-rgb:
    163,
    184,
    255;
  --color-blue-300-rgb:
    201,
    214,
    255;
  --color-blue-200-rgb:
    230,
    236,
    255;
  --color-blue-100-rgb:
    242,
    245,
    255;
  --color-blue-50-rgb:
    250,
    250,
    255;
  --color-green-rgb:
    0,
    195,
    128;
  --color-green-1100-rgb:
    0,
    46,
    30;
  --color-green-1000-rgb:
    0,
    73,
    47;
  --color-green-900-rgb:
    0,
    102,
    66;
  --color-green-800-rgb:
    0,
    132,
    86;
  --color-green-700-rgb:
    0,
    163,
    107;
  --color-green-600-rgb:
    0,
    195,
    128;
  --color-green-500-rgb:
    77,
    219,
    159;
  --color-green-400-rgb:
    138,
    237,
    184;
  --color-green-300-rgb:
    190,
    247,
    212;
  --color-green-200-rgb:
    227,
    252,
    236;
  --color-green-100-rgb:
    237,
    253,
    243;
  --color-green-50-rgb:
    248,
    254,
    251;
  --color-yellow-rgb:
    237,
    164,
    0;
  --color-yellow-1100-rgb:
    43,
    31,
    0;
  --color-yellow-1000-rgb:
    80,
    56,
    0;
  --color-yellow-900-rgb:
    120,
    82,
    0;
  --color-yellow-800-rgb:
    160,
    109,
    0;
  --color-yellow-700-rgb:
    199,
    136,
    0;
  --color-yellow-600-rgb:
    237,
    164,
    0;
  --color-yellow-500-rgb:
    255,
    190,
    51;
  --color-yellow-400-rgb:
    255,
    208,
    102;
  --color-yellow-300-rgb:
    255,
    227,
    153;
  --color-yellow-200-rgb:
    255,
    242,
    204;
  --color-yellow-100-rgb:
    255,
    248,
    230;
  --color-yellow-50-rgb:
    255,
    252,
    245;
  --color-orange-rgb:
    255,
    96,
    51;
  --color-orange-1100-rgb:
    61,
    16,
    0;
  --color-orange-1000-rgb:
    102,
    28,
    0;
  --color-orange-900-rgb:
    143,
    42,
    0;
  --color-orange-800-rgb:
    184,
    58,
    5;
  --color-orange-700-rgb:
    224,
    76,
    26;
  --color-orange-600-rgb:
    255,
    96,
    51;
  --color-orange-500-rgb:
    255,
    136,
    102;
  --color-orange-400-rgb:
    255,
    173,
    153;
  --color-orange-300-rgb:
    255,
    207,
    191;
  --color-orange-200-rgb:
    255,
    235,
    224;
  --color-orange-100-rgb:
    255,
    245,
    240;
  --color-orange-50-rgb:
    255,
    250,
    248;
  --color-indigo-rgb:
    131,
    64,
    255;
  --color-indigo-1100-rgb:
    31,
    0,
    82;
  --color-indigo-1000-rgb:
    47,
    0,
    117;
  --color-indigo-900-rgb:
    64,
    0,
    153;
  --color-indigo-800-rgb:
    82,
    0,
    189;
  --color-indigo-700-rgb:
    106,
    30,
    224;
  --color-indigo-600-rgb:
    131,
    64,
    255;
  --color-indigo-500-rgb:
    166,
    115,
    255;
  --color-indigo-400-rgb:
    196,
    160,
    255;
  --color-indigo-300-rgb:
    222,
    200,
    255;
  --color-indigo-200-rgb:
    240,
    230,
    255;
  --color-indigo-100-rgb:
    249,
    245,
    255;
  --color-indigo-50-rgb:
    252,
    250,
    255;
  --color-purple-rgb:
    136,
    51,
    255;
  --color-purple-1100-rgb:
    32,
    0,
    85;
  --color-purple-1000-rgb:
    48,
    0,
    120;
  --color-purple-900-rgb:
    66,
    0,
    156;
  --color-purple-800-rgb:
    85,
    0,
    192;
  --color-purple-700-rgb:
    109,
    23,
    227;
  --color-purple-600-rgb:
    136,
    51,
    255;
  --color-purple-500-rgb:
    170,
    102,
    255;
  --color-purple-400-rgb:
    199,
    153,
    255;
  --color-purple-300-rgb:
    224,
    198,
    255;
  --color-purple-200-rgb:
    242,
    229,
    255;
  --color-purple-100-rgb:
    250,
    245,
    255;
  --color-purple-50-rgb:
    253,
    250,
    255;
  --color-electric-purple-rgb:
    117,
    51,
    255;
  --color-electric-purple-1100-rgb:
    26,
    0,
    85;
  --color-electric-purple-1000-rgb:
    40,
    0,
    120;
  --color-electric-purple-900-rgb:
    55,
    0,
    154;
  --color-electric-purple-800-rgb:
    72,
    0,
    189;
  --color-electric-purple-700-rgb:
    92,
    21,
    223;
  --color-electric-purple-600-rgb:
    117,
    51,
    255;
  --color-electric-purple-500-rgb:
    153,
    102,
    255;
  --color-electric-purple-400-rgb:
    186,
    153,
    255;
  --color-electric-purple-300-rgb:
    214,
    196,
    255;
  --color-electric-purple-200-rgb:
    239,
    230,
    255;
  --color-electric-purple-100-rgb:
    249,
    245,
    255;
  --color-electric-purple-50-rgb:
    252,
    250,
    255;
  --color-cyan-rgb:
    0,
    161,
    181;
  --color-cyan-1100-rgb:
    0,
    42,
    51;
  --color-cyan-1000-rgb:
    0,
    64,
    77;
  --color-cyan-900-rgb:
    0,
    87,
    102;
  --color-cyan-800-rgb:
    0,
    111,
    128;
  --color-cyan-700-rgb:
    0,
    136,
    154;
  --color-cyan-600-rgb:
    0,
    161,
    181;
  --color-cyan-500-rgb:
    51,
    186,
    206;
  --color-cyan-400-rgb:
    119,
    212,
    229;
  --color-cyan-300-rgb:
    172,
    232,
    242;
  --color-cyan-200-rgb:
    218,
    245,
    250;
  --color-cyan-100-rgb:
    238,
    250,
    252;
  --color-cyan-50-rgb:
    248,
    253,
    254;
  --color-text-red: var(--color-red-700);
  --color-text-yellow: var(--color-yellow-700);
  --color-text-green: var(--color-green-700);
  --color-text-blue: var(--color-blue-700);
  --color-text-purple: var(--color-purple-700);
  --color-text-orange: var(--color-orange-700);
  --color-text-cyan: var(--color-cyan-700);
  --color-text-indigo: var(--color-indigo-700);
  --color-text-teal: var(--color-teal-700);
  --color-main: oklch(0.62 0.23 284);
  --color-main-1100: oklch(0.24 0.13 284);
  --color-main-1000: oklch(0.32 0.15 284);
  --color-main-900: oklch(0.39 0.17 284);
  --color-main-800: oklch(0.47 0.19 284);
  --color-main-700: oklch(0.54 0.21 284);
  --color-main-600: oklch(0.62 0.23 284);
  --color-main-500: oklch(0.69 0.2 284);
  --color-main-400: oklch(0.77 0.16 284);
  --color-main-300: oklch(0.84 0.11 284);
  --color-main-200: oklch(0.92 0.06 284);
  --color-main-100: oklch(0.973 0.0133 284);
  --color-main-50: oklch(0.99 0.02 284);
  --color-main-o-50: oklch(0.62 0.23 284 / 0.06);
  --color-main-o-100: oklch(0.62 0.23 284 / 0.1);
  --color-main-o-300: oklch(0.62 0.23 284 / 0.16);
  --color-main-o-500: oklch(0.62 0.23 284 / 0.2);
  --color-main-rgb:
    117,
    51,
    255;
  --color-main-1100-rgb:
    26,
    0,
    85;
  --color-main-1000-rgb:
    40,
    0,
    120;
  --color-main-900-rgb:
    55,
    0,
    154;
  --color-main-800-rgb:
    72,
    0,
    189;
  --color-main-700-rgb:
    92,
    21,
    223;
  --color-main-600-rgb:
    117,
    51,
    255;
  --color-main-500-rgb:
    153,
    102,
    255;
  --color-main-400-rgb:
    186,
    153,
    255;
  --color-main-300-rgb:
    214,
    196,
    255;
  --color-main-200-rgb:
    239,
    230,
    255;
  --color-main-100-rgb:
    249,
    245,
    255;
  --color-main-50-rgb:
    252,
    250,
    255;
}
body.aw-design-2026.aw-2-dark {
  --color-neutral-700: #f1f3f6;
  --color-neutral-500: #cbd2dc;
  --color-neutral-400: #8791a1;
  --color-neutral-300: #656f81;
  --color-neutral-100: #353846;
  --color-neutral-75: #313340;
  --color-neutral-50: #2c2d3a;
  --color-neutral-25: #1d232b;
  --color-neutral-0: #272831;
  --color-neutral-700-rgb:
    241,
    243,
    246;
  --color-neutral-500-rgb:
    203,
    210,
    220;
  --color-neutral-400-rgb:
    135,
    145,
    161;
  --color-neutral-300-rgb:
    101,
    111,
    129;
  --color-neutral-100-rgb:
    53,
    56,
    70;
  --color-neutral-75-rgb:
    49,
    51,
    64;
  --color-neutral-50-rgb:
    44,
    45,
    58;
  --color-neutral-25-rgb:
    29,
    35,
    43;
  --color-neutral-0-rgb:
    39,
    40,
    49;
  --color-white: var(--color-neutral-25);
  --color-white-rgb: var(--color-neutral-25-rgb);
  --color-text-red: var(--color-red-600);
  --color-text-yellow: var(--color-yellow-600);
  --color-text-green: var(--color-green-600);
  --color-text-blue: var(--color-blue-600);
  --color-text-purple: var(--color-purple-600);
  --color-text-orange: var(--color-orange-600);
  --color-text-cyan: var(--color-cyan-600);
  --color-text-indigo: var(--color-indigo-600);
  --color-text-teal: var(--color-teal-600);
}
.aw-2-bg--purple-gradient {
  background:
    linear-gradient(
      135deg,
      #e0d7fe 0%,
      #efdaf6 53%,
      #fdf3e9 100%);
  color: var(--color-text-heading);
}
.aw-2-bg--red {
  background-color: var(--color-red-o-50);
}
.aw-2-bg--green {
  background-color: var(--color-green-o-50);
}
.aw-2-bg--blue {
  background-color: var(--color-blue-o-50);
}
.aw-2-bg--yellow {
  background-color: var(--color-yellow-o-50);
}
.aw-2-bg--purple {
  background-color: var(--color-purple-o-50);
}
.aw-2-bg--orange {
  background-color: var(--color-orange-o-50);
}
.aw-2-bg--cyan {
  background-color: var(--color-cyan-o-50);
}
.aw-2-bg--indigo {
  background-color: var(--color-indigo-o-50);
}
.aw-2-bg--teal {
  background-color: var(--color-teal-o-50);
}
.aw-2-bg--white {
  background-color: var(--color-white);
}
.aw-2-bg--smoke {
  background-color: var(--color-smoke);
}
.aw-2-bg--ice {
  background-color: var(--color-ice);
}
.aw-2-bg--sky {
  background-color: var(--color-sky);
}
.aw-2-bg--fog {
  background-color: var(--color-fog);
}
.aw-2-bg--dust {
  background-color: var(--color-dust);
}
.aw-2-bg--light-steel {
  background-color: var(--color-light-steel);
}
.aw-2-bg--steel {
  background-color: var(--color-steel);
}
.aw-2-bg--slate {
  background-color: var(--color-slate);
}
.aw-2-bg--midnight {
  background-color: var(--color-midnight);
}
.aw-2-bg--asphalt {
  background-color: var(--color-asphalt);
}
.aw-2-bg--night {
  background-color: var(--color-night);
}
:root {
  --color-bg-red: var(--color-red-o-50);
  --color-bg-green: var(--color-green-o-50);
  --color-bg-blue: var(--color-blue-o-50);
  --color-bg-yellow: var(--color-yellow-o-50);
  --color-bg-purple: var(--color-purple-o-50);
  --color-bg-orange: var(--color-orange-o-50);
  --color-bg-cyan: var(--color-cyan-o-50);
  --color-bg-indigo: var(--color-indigo-o-50);
  --color-bg-teal: var(--color-teal-o-50);
  --color-bg-white: var(--color-white);
  --color-bg-smoke: var(--color-smoke);
  --color-bg-ice: var(--color-ice);
  --color-bg-sky: var(--color-sky);
  --color-bg-fog: var(--color-fog);
  --color-bg-dust: var(--color-dust);
  --color-bg-light-steel: var(--color-light-steel);
  --color-bg-steel: var(--color-steel);
  --color-bg-slate: var(--color-slate);
  --color-bg-midnight: var(--color-midnight);
  --color-bg-asphalt: var(--color-asphalt);
  --color-bg-night: var(--color-night);
}
.aw-2-b--main {
  border: 1px solid var(--color-border-main) !important;
}
.aw-2-b--red {
  border: 1px solid var(--color-red-700) !important;
}
.aw-2-b--green {
  border: 1px solid var(--color-green-700) !important;
}
.aw-2-b--blue {
  border: 1px solid var(--color-blue-700) !important;
}
.aw-2-b--yellow {
  border: 1px solid var(--color-yellow-700) !important;
}
.aw-2-b--purple {
  border: 1px solid var(--color-purple-700) !important;
}
.aw-2-b--orange {
  border: 1px solid var(--color-orange-700) !important;
}
.aw-2-b--cyan {
  border: 1px solid var(--color-cyan-700) !important;
}
.aw-2-b--indigo {
  border: 1px solid var(--color-indigo-700) !important;
}
.aw-2-b--teal {
  border: 1px solid var(--color-teal-700) !important;
}
.aw-2-b--white {
  border: 1px solid var(--color-white) !important;
}
.aw-2-b--smoke {
  border: 1px solid var(--color-smoke) !important;
}
.aw-2-b--ice {
  border: 1px solid var(--color-ice) !important;
}
.aw-2-b--sky {
  border: 1px solid var(--color-sky) !important;
}
.aw-2-b--fog {
  border: 1px solid var(--color-fog) !important;
}
.aw-2-b--dust {
  border: 1px solid var(--color-dust) !important;
}
.aw-2-b--light-steel {
  border: 1px solid var(--color-light-steel) !important;
}
.aw-2-b--steel {
  border: 1px solid var(--color-steel) !important;
}
.aw-2-b--slate {
  border: 1px solid var(--color-slate) !important;
}
.aw-2-b--midnight {
  border: 1px solid var(--color-midnight) !important;
}
.aw-2-b--asphalt {
  border: 1px solid var(--color-asphalt) !important;
}
.aw-2-b--night {
  border: 1px solid var(--color-night) !important;
}
.aw-2-d--block,
.\1f4e6  {
  display: block !important;
}
.aw-2-d--inline {
  display: inline !important;
}
.aw-2-d--inline-block {
  display: inline-block !important;
}
.aw-2-d--hidden,
.\1f47b  {
  display: none !important;
}
@media (max-width: 809.19px) {
  .\1f4f1\1f47b  {
    display: none !important;
  }
}
@media (min-width: 320px) {
  .aw-2-d--hidden-xs-up {
    display: none !important;
  }
}
@media (max-width: 539.46px) {
  .aw-2-d--hidden-xs-down {
    display: none !important;
  }
}
@media (min-width: 540px) {
  .aw-2-d--hidden-s-up {
    display: none !important;
  }
}
@media (max-width: 809.19px) {
  .aw-2-d--hidden-s-down {
    display: none !important;
  }
}
@media (min-width: 810px) {
  .aw-2-d--hidden-m-up {
    display: none !important;
  }
}
@media (max-width: 1078.92px) {
  .aw-2-d--hidden-m-down {
    display: none !important;
  }
}
@media (min-width: 1080px) {
  .aw-2-d--hidden-l-up {
    display: none !important;
  }
}
@media (max-width: 1278.72px) {
  .aw-2-d--hidden-l-down {
    display: none !important;
  }
}
@media (min-width: 1280px) {
  .aw-2-d--hidden-xl-up {
    display: none !important;
  }
}
.aw-2-d--hidden-xl-down {
  display: none !important;
}
.aw-2-icn,
.list-selector-wrapper i {
  font-family: "aw-icon-font" !important;
  color: var(--color-icon);
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  width: 1em;
  overflow: hidden;
  line-height: 1em;
  font-size: 20px;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  text-align: center;
  white-space: nowrap;
  direction: ltr;
  vertical-align: text-bottom;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
}
.aw-2-icn--xxs {
  font-size: 8px;
}
.aw-2-icn--xs {
  font-size: 12px;
}
.aw-2-icn--s {
  font-size: 16px;
}
.aw-2-icn--m {
  font-size: 20px;
}
.aw-2-icn--l {
  font-size: 24px;
}
.aw-2-icn--xl {
  font-size: 32px;
}
.aw-2-icn--xxl {
  font-size: 40px;
}
.aw-2-icn--main {
  color: var(--color-text-main);
}
.aw-2-icn--red {
  color: var(--color-text-red);
}
.aw-2-icn--green {
  color: var(--color-text-green);
}
.aw-2-icn--blue {
  color: var(--color-text-blue);
}
.aw-2-icn--yellow {
  color: var(--color-text-yellow);
}
.aw-2-icn--purple {
  color: var(--color-text-purple);
}
.aw-2-icn--orange {
  color: var(--color-text-orange);
}
.aw-2-icn--cyan {
  color: var(--color-text-cyan);
}
.aw-2-icn--indigo {
  color: var(--color-text-indigo);
}
.aw-2-icn--teal {
  color: var(--color-text-teal);
}
.aw-2-icn--white {
  color: var(--color-white);
}
.aw-2-icn--smoke {
  color: var(--color-smoke);
}
.aw-2-icn--ice {
  color: var(--color-ice);
}
.aw-2-icn--sky {
  color: var(--color-sky);
}
.aw-2-icn--fog {
  color: var(--color-fog);
}
.aw-2-icn--dust {
  color: var(--color-dust);
}
.aw-2-icn--light-steel {
  color: var(--color-light-steel);
}
.aw-2-icn--steel {
  color: var(--color-steel);
}
.aw-2-icn--slate {
  color: var(--color-slate);
}
.aw-2-icn--midnight {
  color: var(--color-midnight);
}
.aw-2-icn--asphalt {
  color: var(--color-asphalt);
}
.aw-2-icn--night {
  color: var(--color-night);
}
.aw-2-pos--center,
.list-selector-wrapper i {
  margin-right: auto !important;
  margin-left: auto !important;
}
.aw-2-pos--vcenter {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.aw-2-pos--center-all {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.aw-2-pos--vmiddle {
  vertical-align: middle !important;
}
.aw-2-pos--vtop {
  vertical-align: top !important;
}
.aw-2-pos--bottom {
  position: absolute;
  bottom: 0px;
  width: 100%;
}
.aw-2-pos--topright {
  position: absolute;
  top: 0px;
  right: 0px;
}
.aw-2-pos--relative {
  position: relative;
}
.aw-2-pos--absolute {
  position: absolute;
}
.aw-2-pos--fixed {
  position: fixed;
}
.aw-2-pos--float-right {
  float: right;
}
.aw-2-pos--float-left {
  float: left;
}
.aw-2-pos--float-clear {
  clear: both;
}
.aw-2-flx {
  display: flex;
}
.aw-2-flx-inline {
  display: inline-flex;
}
.aw-2-flx--row {
  flex-direction: row;
}
.aw-2-flx--column {
  flex-direction: column;
}
.aw-2-flx--center {
  align-items: center;
}
.aw-2-flx--end {
  align-items: flex-end;
}
.aw-2-flx--start {
  align-items: flex-start;
}
.aw-2-flx--baseline {
  align-items: baseline;
}
.aw-2-flx--stretch {
  align-items: stretch;
}
.aw-2-flx--justify-center {
  justify-content: center;
}
.aw-2-flx--justify-end {
  justify-content: end;
}
.aw-2-flx--justify-space-between {
  justify-content: space-between;
}
.aw-2-flx--justify-space-around {
  justify-content: space-around;
}
.aw-2-flx--justify-end {
  justify-content: flex-end;
}
.aw-2-flx--justify-stretch {
  justify-content: stretch;
}
.aw-2-flx--column-reverse {
  flex-direction: column-reverse;
}
.aw-2-flx--wrap {
  flex-wrap: wrap;
}
.aw-2-min-w--0 {
  min-width: 0;
}
.aw-2-rotate--50y {
  transform: scaleY(-1);
  transform: rotate(180deg);
}
.aw-2-flx--flex-0 {
  flex: 0;
}
.aw-2-flx--shrink-0 {
  flex-shrink: 0;
}
.aw-2-flx--grow-0 {
  flex-grow: 0;
}
.aw-2-flx--flex-1 {
  flex: 1;
}
.aw-2-flx--shrink-1 {
  flex-shrink: 1;
}
.aw-2-flx--grow-1 {
  flex-grow: 1;
}
.aw-2-flx--flex-2 {
  flex: 2;
}
.aw-2-flx--shrink-2 {
  flex-shrink: 2;
}
.aw-2-flx--grow-2 {
  flex-grow: 2;
}
.aw-2-flx--flex-3 {
  flex: 3;
}
.aw-2-flx--shrink-3 {
  flex-shrink: 3;
}
.aw-2-flx--grow-3 {
  flex-grow: 3;
}
.aw-2-flx--flex-4 {
  flex: 4;
}
.aw-2-flx--shrink-4 {
  flex-shrink: 4;
}
.aw-2-flx--grow-4 {
  flex-grow: 4;
}
.aw-2-flx--flex-none {
  flex: none;
}
.aw-2-flx--shrink-none {
  flex-shrink: none;
}
.aw-2-flx--grow-none {
  flex-grow: none;
}
.aw-2-flx--gap-0 {
  gap: 0;
}
.aw-2-flx--gap-auto {
  gap: auto;
}
.aw-2-flx--gap-xxs {
  gap: 2px;
}
.aw-2-flx--gap-xs {
  gap: 4px;
}
.aw-2-flx--gap-s {
  gap: 8px;
}
.aw-2-flx--gap-m {
  gap: 12px;
}
.aw-2-flx--gap-l {
  gap: 16px;
}
.aw-2-flx--gap-xl {
  gap: 20px;
}
.aw-2-flx--gap-xxl {
  gap: 24px;
}
.aw-2-flx--gap-xxxl {
  gap: 32px;
}
.aw-2-flx--gap-xxxxl {
  gap: 40px;
}
.aw-2-sh--xs {
  box-shadow:
    0px 2px 2px rgba(var(--color-shadow-rgb), 0.05),
    0px 3px 6px rgba(var(--color-shadow-rgb), 0.04),
    0px 2px 3px rgba(var(--color-shadow-rgb), 0.03),
    0px 1px 1px rgba(var(--color-shadow-rgb), 0.01),
    0px -1px 4px rgba(var(--color-shadow-rgb), 0.03);
}
.aw-2-sh--s {
  box-shadow:
    0 -2px 10px 0 rgba(var(--color-shadow-rgb), 0.03),
    0 0 1px 0 rgba(var(--color-shadow-rgb), var(--shadow-opacity-1)),
    0 1px 1px 0 rgba(var(--color-shadow-rgb), var(--shadow-opacity-1)),
    0 1px 2px 0 rgba(var(--color-shadow-rgb), var(--shadow-opacity-2)),
    0 3px 4px 0 rgba(var(--color-shadow-rgb), var(--shadow-opacity-3)),
    0 5px 8px 0 rgba(var(--color-shadow-rgb), var(--shadow-opacity-4)),
    0 10px 15px 0 rgba(var(--color-shadow-rgb), var(--shadow-opacity-5));
}
.aw-2-sh--m {
  box-shadow:
    0 -2px 10px 0 rgba(var(--color-shadow-rgb), 0.03),
    0 0 1px 0 rgba(var(--color-shadow-rgb), var(--shadow-opacity-1)),
    0 1px 2px 0 rgba(var(--color-shadow-rgb), var(--shadow-opacity-1)),
    0 2px 4px 0 rgba(var(--color-shadow-rgb), var(--shadow-opacity-2)),
    0 4px 5px 0 rgba(var(--color-shadow-rgb), var(--shadow-opacity-3)),
    0 7px 10px 0 rgba(var(--color-shadow-rgb), var(--shadow-opacity-4)),
    0 15px 20px 0 rgba(var(--color-shadow-rgb), var(--shadow-opacity-5));
}
.aw-2-sh--l {
  box-shadow:
    0 -1px 10px 0 rgba(var(--color-shadow-rgb), 0.03),
    0 1px 2px 0 rgba(var(--color-shadow-rgb), var(--shadow-opacity-1)),
    0 2px 4px 0 rgba(var(--color-shadow-rgb), var(--shadow-opacity-1)),
    0 4px 8px 0 rgba(var(--color-shadow-rgb), var(--shadow-opacity-2)),
    0 8px 16px 0 rgba(var(--color-shadow-rgb), var(--shadow-opacity-3)),
    0 16px 32px 0 rgba(var(--color-shadow-rgb), var(--shadow-opacity-4)),
    0 32px 64px 0 rgba(var(--color-shadow-rgb), var(--shadow-opacity-5));
}
.aw-2-sh--xl {
  box-shadow:
    0 -2px 10px 0 rgba(var(--color-shadow-rgb), 0.05),
    0 3px 2px 0 rgba(var(--color-shadow-rgb), var(--shadow-opacity-1)),
    0 6px 5px 0 rgba(var(--color-shadow-rgb), var(--shadow-opacity-1)),
    0 12px 10px 0 rgba(var(--color-shadow-rgb), var(--shadow-opacity-2)),
    0 25px 20px 0 rgba(var(--color-shadow-rgb), var(--shadow-opacity-3)),
    0 50px 40px 0 rgba(var(--color-shadow-rgb), var(--shadow-opacity-4)),
    0 100px 80px 0 rgba(var(--color-shadow-rgb), var(--shadow-opacity-5));
}
:root {
  --spacing-0: 0;
  --spacing-auto: auto;
  --spacing-xxs: 2px;
  --spacing-xs: 4px;
  --spacing-s: 8px;
  --spacing-m: 12px;
  --spacing-l: 16px;
  --spacing-xl: 20px;
  --spacing-xxl: 24px;
  --spacing-xxxl: 32px;
  --spacing-xxxxl: 40px;
}
.aw-2-m--0 {
  margin: 0 0 !important;
}
.aw-2-mt--0 {
  margin-top: 0 !important;
}
.aw-2-mr--0 {
  margin-right: 0 !important;
}
.aw-2-mb--0 {
  margin-bottom: 0 !important;
}
.aw-2-ml--0 {
  margin-left: 0 !important;
}
.aw-2-mx--0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.aw-2-my--0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.aw-2-m--auto {
  margin: auto auto !important;
}
.aw-2-mt--auto {
  margin-top: auto !important;
}
.aw-2-mr--auto {
  margin-right: auto !important;
}
.aw-2-mb--auto {
  margin-bottom: auto !important;
}
.aw-2-ml--auto {
  margin-left: auto !important;
}
.aw-2-mx--auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
.aw-2-my--auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.aw-2-m--xxs {
  margin: 2px 2px !important;
}
.aw-2-mt--xxs {
  margin-top: 2px !important;
}
.aw-2-mr--xxs {
  margin-right: 2px !important;
}
.aw-2-mb--xxs {
  margin-bottom: 2px !important;
}
.aw-2-ml--xxs {
  margin-left: 2px !important;
}
.aw-2-mx--xxs {
  margin-right: 2px !important;
  margin-left: 2px !important;
}
.aw-2-my--xxs {
  margin-top: 2px !important;
  margin-bottom: 2px !important;
}
.aw-2-m--xs {
  margin: 4px 4px !important;
}
.aw-2-mt--xs {
  margin-top: 4px !important;
}
.aw-2-mr--xs {
  margin-right: 4px !important;
}
.aw-2-mb--xs {
  margin-bottom: 4px !important;
}
.aw-2-ml--xs {
  margin-left: 4px !important;
}
.aw-2-mx--xs {
  margin-right: 4px !important;
  margin-left: 4px !important;
}
.aw-2-my--xs {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}
.aw-2-m--s {
  margin: 8px 8px !important;
}
.aw-2-mt--s {
  margin-top: 8px !important;
}
.aw-2-mr--s {
  margin-right: 8px !important;
}
.aw-2-mb--s {
  margin-bottom: 8px !important;
}
.aw-2-ml--s {
  margin-left: 8px !important;
}
.aw-2-mx--s {
  margin-right: 8px !important;
  margin-left: 8px !important;
}
.aw-2-my--s {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}
.aw-2-m--m {
  margin: 12px 12px !important;
}
.aw-2-mt--m {
  margin-top: 12px !important;
}
.aw-2-mr--m {
  margin-right: 12px !important;
}
.aw-2-mb--m {
  margin-bottom: 12px !important;
}
.aw-2-ml--m {
  margin-left: 12px !important;
}
.aw-2-mx--m {
  margin-right: 12px !important;
  margin-left: 12px !important;
}
.aw-2-my--m {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}
.aw-2-m--l {
  margin: 16px 16px !important;
}
.aw-2-mt--l {
  margin-top: 16px !important;
}
.aw-2-mr--l {
  margin-right: 16px !important;
}
.aw-2-mb--l {
  margin-bottom: 16px !important;
}
.aw-2-ml--l {
  margin-left: 16px !important;
}
.aw-2-mx--l {
  margin-right: 16px !important;
  margin-left: 16px !important;
}
.aw-2-my--l {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}
.aw-2-m--xl {
  margin: 20px 20px !important;
}
.aw-2-mt--xl {
  margin-top: 20px !important;
}
.aw-2-mr--xl {
  margin-right: 20px !important;
}
.aw-2-mb--xl {
  margin-bottom: 20px !important;
}
.aw-2-ml--xl {
  margin-left: 20px !important;
}
.aw-2-mx--xl {
  margin-right: 20px !important;
  margin-left: 20px !important;
}
.aw-2-my--xl {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
.aw-2-m--xxl {
  margin: 24px 24px !important;
}
.aw-2-mt--xxl {
  margin-top: 24px !important;
}
.aw-2-mr--xxl {
  margin-right: 24px !important;
}
.aw-2-mb--xxl {
  margin-bottom: 24px !important;
}
.aw-2-ml--xxl {
  margin-left: 24px !important;
}
.aw-2-mx--xxl {
  margin-right: 24px !important;
  margin-left: 24px !important;
}
.aw-2-my--xxl {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}
.aw-2-m--xxxl {
  margin: 32px 32px !important;
}
.aw-2-mt--xxxl {
  margin-top: 32px !important;
}
.aw-2-mr--xxxl {
  margin-right: 32px !important;
}
.aw-2-mb--xxxl {
  margin-bottom: 32px !important;
}
.aw-2-ml--xxxl {
  margin-left: 32px !important;
}
.aw-2-mx--xxxl {
  margin-right: 32px !important;
  margin-left: 32px !important;
}
.aw-2-my--xxxl {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}
.aw-2-m--xxxxl {
  margin: 40px 40px !important;
}
.aw-2-mt--xxxxl {
  margin-top: 40px !important;
}
.aw-2-mr--xxxxl {
  margin-right: 40px !important;
}
.aw-2-mb--xxxxl {
  margin-bottom: 40px !important;
}
.aw-2-ml--xxxxl {
  margin-left: 40px !important;
}
.aw-2-mx--xxxxl {
  margin-right: 40px !important;
  margin-left: 40px !important;
}
.aw-2-my--xxxxl {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
.aw-2-p--0 {
  padding: 0 0 !important;
}
.aw-2-pt--0 {
  padding-top: 0 !important;
}
.aw-2-pr--0 {
  padding-right: 0 !important;
}
.aw-2-pb--0 {
  padding-bottom: 0 !important;
}
.aw-2-pl--0 {
  padding-left: 0 !important;
}
.aw-2-px--0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.aw-2-py--0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.aw-2-p--auto {
  padding: auto auto !important;
}
.aw-2-pt--auto {
  padding-top: auto !important;
}
.aw-2-pr--auto {
  padding-right: auto !important;
}
.aw-2-pb--auto {
  padding-bottom: auto !important;
}
.aw-2-pl--auto {
  padding-left: auto !important;
}
.aw-2-px--auto {
  padding-right: auto !important;
  padding-left: auto !important;
}
.aw-2-py--auto {
  padding-top: auto !important;
  padding-bottom: auto !important;
}
.aw-2-p--xxs {
  padding: 2px 2px !important;
}
.aw-2-pt--xxs {
  padding-top: 2px !important;
}
.aw-2-pr--xxs {
  padding-right: 2px !important;
}
.aw-2-pb--xxs {
  padding-bottom: 2px !important;
}
.aw-2-pl--xxs {
  padding-left: 2px !important;
}
.aw-2-px--xxs {
  padding-right: 2px !important;
  padding-left: 2px !important;
}
.aw-2-py--xxs {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}
.aw-2-p--xs {
  padding: 4px 4px !important;
}
.aw-2-pt--xs {
  padding-top: 4px !important;
}
.aw-2-pr--xs {
  padding-right: 4px !important;
}
.aw-2-pb--xs {
  padding-bottom: 4px !important;
}
.aw-2-pl--xs {
  padding-left: 4px !important;
}
.aw-2-px--xs {
  padding-right: 4px !important;
  padding-left: 4px !important;
}
.aw-2-py--xs {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}
.aw-2-p--s {
  padding: 8px 8px !important;
}
.aw-2-pt--s {
  padding-top: 8px !important;
}
.aw-2-pr--s {
  padding-right: 8px !important;
}
.aw-2-pb--s {
  padding-bottom: 8px !important;
}
.aw-2-pl--s {
  padding-left: 8px !important;
}
.aw-2-px--s {
  padding-right: 8px !important;
  padding-left: 8px !important;
}
.aw-2-py--s {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.aw-2-p--m {
  padding: 12px 12px !important;
}
.aw-2-pt--m {
  padding-top: 12px !important;
}
.aw-2-pr--m {
  padding-right: 12px !important;
}
.aw-2-pb--m {
  padding-bottom: 12px !important;
}
.aw-2-pl--m {
  padding-left: 12px !important;
}
.aw-2-px--m {
  padding-right: 12px !important;
  padding-left: 12px !important;
}
.aw-2-py--m {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}
.aw-2-p--l {
  padding: 16px 16px !important;
}
.aw-2-pt--l {
  padding-top: 16px !important;
}
.aw-2-pr--l {
  padding-right: 16px !important;
}
.aw-2-pb--l {
  padding-bottom: 16px !important;
}
.aw-2-pl--l {
  padding-left: 16px !important;
}
.aw-2-px--l {
  padding-right: 16px !important;
  padding-left: 16px !important;
}
.aw-2-py--l {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
.aw-2-p--xl {
  padding: 20px 20px !important;
}
.aw-2-pt--xl {
  padding-top: 20px !important;
}
.aw-2-pr--xl {
  padding-right: 20px !important;
}
.aw-2-pb--xl {
  padding-bottom: 20px !important;
}
.aw-2-pl--xl {
  padding-left: 20px !important;
}
.aw-2-px--xl {
  padding-right: 20px !important;
  padding-left: 20px !important;
}
.aw-2-py--xl {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
.aw-2-p--xxl {
  padding: 24px 24px !important;
}
.aw-2-pt--xxl {
  padding-top: 24px !important;
}
.aw-2-pr--xxl {
  padding-right: 24px !important;
}
.aw-2-pb--xxl {
  padding-bottom: 24px !important;
}
.aw-2-pl--xxl {
  padding-left: 24px !important;
}
.aw-2-px--xxl {
  padding-right: 24px !important;
  padding-left: 24px !important;
}
.aw-2-py--xxl {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}
.aw-2-p--xxxl {
  padding: 32px 32px !important;
}
.aw-2-pt--xxxl {
  padding-top: 32px !important;
}
.aw-2-pr--xxxl {
  padding-right: 32px !important;
}
.aw-2-pb--xxxl {
  padding-bottom: 32px !important;
}
.aw-2-pl--xxxl {
  padding-left: 32px !important;
}
.aw-2-px--xxxl {
  padding-right: 32px !important;
  padding-left: 32px !important;
}
.aw-2-py--xxxl {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}
.aw-2-p--xxxxl {
  padding: 40px 40px !important;
}
.aw-2-pt--xxxxl {
  padding-top: 40px !important;
}
.aw-2-pr--xxxxl {
  padding-right: 40px !important;
}
.aw-2-pb--xxxxl {
  padding-bottom: 40px !important;
}
.aw-2-pl--xxxxl {
  padding-left: 40px !important;
}
.aw-2-px--xxxxl {
  padding-right: 40px !important;
  padding-left: 40px !important;
}
.aw-2-py--xxxxl {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.aw-2-m--auto {
  margin: auto !important;
}
.aw-2-mr--auto {
  margin-right: auto !important;
}
.aw-2-ml--auto {
  margin-left: auto !important;
}
.aw-2-mx--auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
.aw-2-my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
body,
html {
  font-family:
    "Sofia Pro",
    sofia-pro,
    sans-serif;
  font-size: var(--font-size-normal);
  font-weight: var(--font-weight-normal);
  line-height: var(--line-height-normal);
  color: var(--color-text-secondary);
  text-rendering: geometricPrecision;
  backface-visibility: hidden;
}
:root {
  --font-size-m: var(--font-size-normal);
  --font-size-s: var(--font-size-small);
  --font-size-xs: var(--font-size-tiny);
  --font-size-xxl: var(--font-size-h1);
  --font-size-xl: var(--font-size-h2);
  --font-size-l: var(--font-size-h3);
}
:root {
  --line-height-normal: var(--line-height-normal);
  --line-height-small: var(--line-height-small);
  --line-height-tiny: var(--line-height-tiny);
  --line-height-h1: var(--line-height-h1);
  --line-height-h2: var(--line-height-h2);
  --line-height-h3: var(--line-height-h3);
}
:root {
  --font-weight-normal: var(--font-weight-normal);
  --font-weight-semi: var(--font-weight-semi);
  --font-weight-bold: var(--font-weight-bold);
}
.aw-2-txt--l,
.aw-2-txt--body-large {
  font-size: var(--font-size-h2);
  line-height: var(--line-height-h2);
  font-weight: var(--font-weight-normal);
}
p,
.aw-2-txt--m,
.aw-2-txt--body-regular {
  font-size: var(--font-size-normal);
  line-height: var(--line-height-normal);
  font-weight: var(--font-weight-normal);
}
.aw-2-txt--s,
.aw-2-txt--body-small,
.summary-item .summary-title {
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
  font-weight: var(--font-weight-normal);
}
.aw-2-txt--xs,
.aw-2-txt--body-tiny {
  font-size: var(--font-size-tiny);
  line-height: var(--line-height-tiny);
  font-weight: var(--font-weight-normal);
}
h1,
h2,
h3,
.aw-2-txt--h1,
.aw-2-txt--h2,
.aw-2-txt--h3 {
  margin: 0;
  color: var(--color-text-heading);
}
h1,
.aw-2-txt--h1 {
  font-size: var(--font-size-h1);
  line-height: var(--line-height-h1);
  font-weight: var(--font-weight-bold);
}
h2,
.aw-2-txt--h2 {
  font-size: var(--font-size-h2);
  line-height: var(--line-height-h2);
  font-weight: var(--font-weight-bold);
}
h3,
.aw-2-txt--h3 {
  font-size: var(--font-size-h3);
  line-height: var(--line-height-h3);
  font-weight: var(--font-weight-bold);
}
h4,
.aw-2-txt--h4 {
  font-size: var(--font-size-normal);
  line-height: var(--line-height-normal);
  font-weight: var(--font-weight-bold);
}
strong,
b,
.aw-2-txt--bold {
  font-weight: var(--font-weight-semi);
}
.aw-2-txt--bolder {
  font-weight: var(--font-weight-bold);
}
em,
.aw-2-txt--italic {
  font-style: italic;
}
.aw-2-txt--no-wrap {
  white-space: nowrap;
}
.aw-2-txt--break {
  word-break: break-word;
}
.aw-2-txt--break-all {
  word-break: break-all;
}
.aw-2-txt--truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.aw-2-txt--left {
  text-align: left;
}
.aw-2-txt--right {
  text-align: right;
}
.aw-2-txt--center {
  text-align: center;
}
.aw-2-txt--text-top {
  vertical-align: text-top;
}
.aw-2-txt-middle {
  vertical-align: middle;
}
.aw-2-txt--line-height-0 {
  line-height: 0;
}
.aw-2-txt--white,
.list-selector-wrapper i {
  color: var(--color-white) !important;
}
.aw-2-txt--smoke {
  color: var(--color-smoke) !important;
}
.aw-2-txt--ice {
  color: var(--color-ice) !important;
}
.aw-2-txt--sky {
  color: var(--color-sky) !important;
}
.aw-2-txt--fog {
  color: var(--color-fog) !important;
}
.aw-2-txt--dust {
  color: var(--color-dust) !important;
}
.aw-2-txt--light-steel {
  color: var(--color-light-steel) !important;
}
.aw-2-txt--steel {
  color: var(--color-steel) !important;
}
.aw-2-txt--slate {
  color: var(--color-slate) !important;
}
.aw-2-txt--midnight {
  color: var(--color-midnight) !important;
}
.aw-2-txt--asphalt {
  color: var(--color-asphalt) !important;
}
.aw-2-txt--night {
  color: var(--color-night) !important;
}
.aw-2-txt--main {
  color: var(--color-text-main) !important;
}
.aw-2-txt--red {
  color: var(--color-text-red) !important;
}
.aw-2-txt--green {
  color: var(--color-text-green) !important;
}
.aw-2-txt--blue {
  color: var(--color-text-blue) !important;
}
.aw-2-txt--yellow {
  color: var(--color-text-yellow) !important;
}
.aw-2-txt--purple {
  color: var(--color-text-purple) !important;
}
.aw-2-txt--orange {
  color: var(--color-text-orange) !important;
}
.aw-2-txt--cyan {
  color: var(--color-text-cyan) !important;
}
.aw-2-txt--indigo {
  color: var(--color-text-indigo) !important;
}
.aw-2-txt--teal {
  color: var(--color-text-teal) !important;
}
.aw-2-txt--empty {
  text-align: center;
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
  color: var(--color-text-secondary);
  font-style: italic;
}
a,
a:visited,
a:link .aw-2-txt--link {
  color: var(--color-text-main);
  cursor: pointer;
  text-decoration: none;
}
a:hover,
a:active,
a:visited:hover,
a:visited:active,
a:link .aw-2-txt--link:hover,
a:link .aw-2-txt--link:active {
  text-decoration: underline;
}
.aw-2-txt--link-purple,
a.aw-2-txt--link-purple {
  color: var(--color-text-purple);
  cursor: pointer;
}
.aw-2-txt--link-purple:hover,
.aw-2-txt--link-purple:active,
a.aw-2-txt--link-purple:hover,
a.aw-2-txt--link-purple:active {
  text-decoration: underline;
}
.aw-2-txt--underline,
a.aw-2-txt--underline {
  text-decoration: underline;
}
.aw-2-tbl {
  width: 100%;
  max-width: 100%;
  overflow-x: unset;
  overflow: visible;
  table-layout: fixed;
  border-collapse: collapse;
  box-sizing: border-box;
}
.aw-2-tbl tr {
  transition: 200ms ease-in;
}
.aw-2-tbl tr td,
.aw-2-tbl tr .aw-tbl__cell {
  padding: 4px 8px;
  vertical-align: middle;
  box-sizing: border-box;
}
.aw-2-tbl--s tr td {
  height: 32px;
}
.aw-2-tbl--m tr td {
  height: 40px;
}
.aw-2-tbl--l tr td {
  height: 56px;
}
.aw-2-tbl--lines tr:last-of-type td {
  border-color: transparent;
}
.aw-2-tbl--lines tr td {
  border-bottom: 1px solid var(--color-fog);
}
.aw-2-tbl--lines.aw-2-tbl--hover tr:hover td {
  border-color: transparent;
}
.aw-2-tbl--lines.aw-2-tbl--hover tr:has(+ tr:hover) td {
  border-color: transparent;
}
.aw-2-tbl--hover tr {
  transition: 100ms ease-in;
}
.aw-2-tbl--hover tr:hover {
  cursor: pointer;
}
.aw-2-tbl--hover tr:hover td {
  background: var(--color-blue-o-50);
  color: var(--color-text-main);
}
.aw-2-tbl--hover tr:hover td:first-of-type {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}
.aw-2-tbl--hover tr:hover td:last-of-type {
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}
.aw-2-tbl--hover tr:active td {
  background: var(--color-blue-o-100);
}
.aw-2-tbl__row--selected td {
  background: var(--color-blue-o-50);
  color: var(--color-text-main);
}
.aw-2-tbl__row--selected td:first-of-type {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}
.aw-2-tbl__row--selected td:last-of-type {
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}
.aw-2-tbl-large-list {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
.aw-2-tbl-large-list tr {
  position: relative;
  transition: 200ms ease-in;
  border-bottom: 1px solid var(--color-fog);
  height: 56px;
  transform: scale(1);
}
.aw-2-tbl-large-list tr:last-of-type {
  border-bottom: none;
}
.aw-2-tbl-large-list__cell {
  text-align: center;
}
.aw-2-tbl-large-list__cell--left {
  text-align: left;
}
.aw-2-tbl-large-list__cell:first-of-type {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}
.aw-2-tbl-large-list__cell:last-of-type {
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}
.aw-2-tbl-large-list--hover tr {
  transition: none;
}
.aw-2-tbl-large-list--hover tr::after {
  content: "";
  position: absolute;
  top: 0;
  left: -8px;
  width: calc(100% + 16px);
  height: 56px;
  z-index: -1;
  border-radius: 12px;
}
.aw-2-tbl-large-list--hover tr:hover {
  cursor: pointer;
  border-color: transparent;
}
.aw-2-tbl-large-list--hover tr:hover .aw-2-tbl-large__cell {
  color: var(--color-text-main);
}
.aw-2-tbl-large-list--hover tr:hover::after {
  background: var(--color-blue-o-50);
}
.aw-2-tbl-large-list--hover tr:has(+ tr:hover) {
  border-color: transparent;
}
.aw-2-tbl-large-list--hover tr:active::after {
  background: var(--color-blue-o-100);
}
:root {
  --font-size-h1: 24px;
  --font-size-h2: 18px;
  --font-size-h3: 16px;
  --font-size-normal: 14px;
  --font-size-small: 12px;
  --font-size-tiny: 11px;
  --line-height-h1: 32px;
  --line-height-h2: 24px;
  --line-height-h3: 20px;
  --line-height-normal: 20px;
  --line-height-small: 16px;
  --line-height-tiny: 14px;
  --font-weight-normal: 600;
  --font-weight-semi: 700;
  --font-weight-bold: 900;
  --color-bg-main: var(--color-main-700);
  --color-text-main: var(--color-main-900);
  --color-border-main: var(--color-main-700);
  --color-bg-main-rgb: var(--color-main-700-rgb);
  --color-text-main-rgb: var(--color-main-900-rgb);
  --color-border-main-rgb: var(--color-main-700-rgb);
  --color-text-heading: var(--color-night);
  --color-text-primary: var(--color-night);
  --color-text-secondary: var(--color-steel);
  --color-text-tertiary: var(--color-light-steel);
  --color-border: var(--color-fog);
  --color-border-contrasty: var(--color-dust);
  --color-bg-tertiary: var(--color-sky);
  --color-bg-secondary: var(--color-ice);
  --color-bg-primary: var(--color-smoke);
  --color-bg-elevated: var(--overlying-bg);
  --color-text-heading-rgb: var(--color-night-rgb);
  --color-text-primary-rgb: var(--color-night-rgb);
  --color-text-secondary-rgb: var(--color-steel-rgb);
  --color-text-tertiary-rgb: var(--color-light-steel-rgb);
  --color-border-rgb: var(--color-fog-rgb);
  --color-bg-tertiary-rgb: var(--color-sky-rgb);
  --color-bg-secondary-rgb: var(--color-ice-rgb);
  --color-bg-primary-rgb: var(--color-smoke-rgb);
  --color-bg-elevated-rgb: var(--overlying-bg-rgb);
  --color-extra-1: var(--color-slate);
  --color-extra-2: var(--color-midnight);
  --color-extra-3: var(--color-asphalt);
}
body.aw-2-dark {
  --color-bg-main: var(--color-main-700);
  --color-text-main: var(--color-main-900);
  --color-border-main: var(--color-main-700);
  --color-bg-main-rgb: var(--color-main-700-rgb);
  --color-text-main-rgb: var(--color-main-900-rgb);
  --color-border-main-rgb: var(--color-main-700-rgb);
  --color-text-heading: var(--color-night);
  --color-text-primary: var(--color-night);
  --color-text-secondary: var(--color-steel);
  --color-text-tertiary: var(--color-light-steel);
  --color-border: var(--color-fog);
  --color-border-contrasty: var(--color-dust);
  --color-bg-tertiary: var(--color-sky);
  --color-bg-secondary: var(--color-ice);
  --color-bg-primary: var(--color-smoke);
  --color-bg-elevated: var(--overlying-bg);
  --color-text-heading-rgb: var(--color-night-rgb);
  --color-text-primary-rgb: var(--color-night-rgb);
  --color-text-secondary-rgb: var(--color-steel-rgb);
  --color-text-tertiary-rgb: var(--color-light-steel-rgb);
  --color-border-rgb: var(--color-fog-rgb);
  --color-bg-tertiary-rgb: var(--color-sky-rgb);
  --color-bg-secondary-rgb: var(--color-ice-rgb);
  --color-bg-primary-rgb: var(--color-smoke-rgb);
  --color-bg-elevated-rgb: var(--overlying-bg-rgb);
  --color-extra-1: var(--color-slate);
  --color-extra-2: var(--color-midnight);
  --color-extra-3: var(--color-asphalt);
}
:root body.aw-design-2026 {
  --font-size-h1: 32px;
  --font-size-h2: 24px;
  --font-size-h3: 17px;
  --font-size-normal: 14px;
  --font-size-small: 12px;
  --font-size-tiny: 10px;
  --line-height-h1: 1.6;
  --line-height-h2: 1.6;
  --line-height-h3: 1.6;
  --line-height-normal: 1.2;
  --line-height-small: 1.2;
  --line-height-tiny: 1.2;
  --font-weight-normal: 500;
  --font-weight-semi: 600;
  --font-weight-bold: 700;
  --color-bg-main: var(--color-main-600);
  --color-text-main: var(--color-main-700);
  --color-border-main: var(--color-main-600);
  --color-bg-main-rgb: var(--color-main-600-rgb);
  --color-text-main-rgb: var(--color-main-700-rgb);
  --color-border-main-rgb: var(--color-main-600-rgb);
  --color-text-heading: var(--color-neutral-700);
  --color-text-primary: var(--color-neutral-500);
  --color-text-secondary: var(--color-neutral-400);
  --color-text-tertiary: var(--color-neutral-300);
  --color-border: var(--color-neutral-100);
  --color-bg-tertiary: var(--color-neutral-75);
  --color-bg-secondary: var(--color-neutral-50);
  --color-bg-primary: var(--color-neutral-25);
  --color-bg-elevated: var(--color-neutral-0);
  --color-text-heading-rgb: var(--color-neutral-700-rgb);
  --color-text-primary-rgb: var(--color-neutral-500-rgb);
  --color-text-secondary-rgb: var(--color-neutral-400-rgb);
  --color-text-tertiary-rgb: var(--color-neutral-300-rgb);
  --color-border-rgb: var(--color-neutral-100-rgb);
  --color-bg-tertiary-rgb: var(--color-neutral-75-rgb);
  --color-bg-secondary-rgb: var(--color-neutral-50-rgb);
  --color-bg-primary-rgb: var(--color-neutral-25-rgb);
  --color-bg-elevated-rgb: var(--color-neutral-0-rgb);
  --color-extra-1: var(--color-neutral-400);
  --color-extra-2: var(--color-neutral-400);
  --color-extra-3: var(--color-neutral-500);
}
body.aw-2-dark.aw-design-2026 {
  --color-bg-main: var(--color-main-600);
  --color-text-main: var(--color-main-700);
  --color-border-main: var(--color-main-600);
  --color-bg-main-rgb: var(--color-main-600-rgb);
  --color-text-main-rgb: var(--color-main-700-rgb);
  --color-border-main-rgb: var(--color-main-600-rgb);
  --color-text-heading: var(--color-neutral-700);
  --color-text-primary: var(--color-neutral-500);
  --color-text-secondary: var(--color-neutral-400);
  --color-text-tertiary: var(--color-neutral-300);
  --color-border: var(--color-neutral-100);
  --color-bg-tertiary: var(--color-neutral-75);
  --color-bg-secondary: var(--color-neutral-50);
  --color-bg-primary: var(--color-neutral-25);
  --color-bg-elevated: var(--color-neutral-0);
  --color-text-heading-rgb: var(--color-neutral-700-rgb);
  --color-text-primary-rgb: var(--color-neutral-500-rgb);
  --color-text-secondary-rgb: var(--color-neutral-400-rgb);
  --color-text-tertiary-rgb: var(--color-neutral-300-rgb);
  --color-border-rgb: var(--color-neutral-100-rgb);
  --color-bg-tertiary-rgb: var(--color-neutral-75-rgb);
  --color-bg-secondary-rgb: var(--color-neutral-50-rgb);
  --color-bg-primary-rgb: var(--color-neutral-25-rgb);
  --color-bg-elevated-rgb: var(--color-neutral-0-rgb);
  --color-extra-1: var(--color-neutral-400);
  --color-extra-2: var(--color-neutral-400);
  --color-extra-3: var(--color-neutral-500);
}
@font-face {
  font-family: "aw-icon-font";
  src:
    url(/assets/fonts/aw-icon-font.woff?g79okgai) format("woff"),
    url(/assets/fonts/aw-icon-font.ttf?g79okgai) format("truetype"),
    url(/assets/fonts/aw-icon-font.svg?g79okgai#q-icon-font) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
@-moz-document url-prefix() {
  body {
    webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}
html {
  height: 100%;
  overflow: hidden !important;
}
.popup-overlay-container.cdk-overlay-container .popup-backdrop {
  opacity: 0;
}
.aw-2-link-wrapper,
.aw-2-link-wrapper:hover,
a.aw-2-link-wrapper,
a.aw-2-link-wrapper:hover {
  text-decoration: none;
  color: inherit;
}
body {
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
@media (min-width: 540px) {
  body {
    min-height: auto !important;
  }
}
@media screen and (max-height: 940px) {
  body {
    scrollbar-width: none;
  }
}
body.rdy,
body.outdated {
  background: var(--color-white);
  background-color: var(--color-white);
}
body.grabbing {
  cursor: grabbing;
}
body.dragging-ew {
  cursor: ew-resize;
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
}
body.aw-no-select,
body.aw-no-select * {
  user-select: none !important;
  -webkit-user-select: none !important;
  -ms-user-select: none !important;
  -moz-user-select: none !important;
}
dl,
dd,
dt {
  margin: 0;
}
.drop-down {
  width: 460px;
}
.overflow-hidden {
  overflow: hidden;
}
.aw-2-img--big-visual {
  max-width: 80%;
  max-height: 300px;
  height: auto;
}
.hoverable:hover {
  color: var(--color-text-main) !important;
}
.white-box {
  border-radius: 18px;
  box-shadow:
    0 -2px 10px 0 rgba(var(--color-shadow-rgb), 0.03),
    0 0 1px 0 rgba(var(--color-shadow-rgb), var(--shadow-opacity-1)),
    0 1px 2px 0 rgba(var(--color-shadow-rgb), var(--shadow-opacity-1)),
    0 2px 4px 0 rgba(var(--color-shadow-rgb), var(--shadow-opacity-2)),
    0 4px 5px 0 rgba(var(--color-shadow-rgb), var(--shadow-opacity-3)),
    0 7px 10px 0 rgba(var(--color-shadow-rgb), var(--shadow-opacity-4)),
    0 15px 20px 0 rgba(var(--color-shadow-rgb), var(--shadow-opacity-5));
  box-sizing: border-box;
  background: var(--color-white);
  padding: 0 !important;
}
.white-box.item {
  max-width: 300px;
  height: 220px;
  cursor: pointer;
}
.white-box.button {
  border: 2px dashed var(--color-steel);
  background-color: transparent;
}
.white-box.button div {
  width: 100%;
}
.white-box .white-box-header,
.white-box .white-box-body {
  padding: 10px 20px;
}
.white-box .white-box-header {
  border-bottom: 1px solid var(--color-border);
}
.white-box .white-box-header h5 {
  margin-bottom: 0;
}
.white-box .title {
  border-bottom: 1px solid var(--color-border);
  text-align: center;
  font-weight: var(--font-weight-bold);
  padding: 15px;
  text-transform: uppercase;
  color: var(--color-text-secondary);
}
.white-box .contact-type {
  border-bottom: 1px solid var(--color-border);
  padding: 5px;
}
.white-box .contact-type:last-of-type,
.white-box .contact-type:last-child > div {
  border-bottom: none;
}
.white-box .contact-type i {
  float: left;
  margin: 20px;
  color: var(--color-text-secondary);
}
.white-box .contact-type .contact-item {
  padding: 10px 10px 0 10px;
  margin-left: 60px;
  color: var(--color-text-primary);
  overflow: hidden;
  text-overflow: ellipsis;
}
.white-box .contact-type .contact-item ::ng-deep a,
.white-box .contact-type .contact-item ::ng-deep a:active,
.white-box .contact-type .contact-item ::ng-deep a:link,
.white-box .contact-type .contact-item ::ng-deep a:visited,
.white-box .contact-type .contact-item ::ng-deep a:hover {
  color: var(--color-text-primary);
  text-decoration: none;
  font-weight: var(--font-weight-normal);
}
.white-box .contact-type .contact-item .link {
  text-overflow: ellipsis;
  width: 100%;
  white-space: nowrap;
  display: inline-block;
  overflow: hidden;
}
.white-box .contact-type .contact-item:last-child {
  padding-bottom: 10px;
}
.white-box .contact-type .contact-item .type {
  font-size: 12px;
  line-height: 12px;
  color: var(--color-text-secondary);
  text-transform: lowercase;
}
.dnd-drag-preview {
  position: fixed;
  z-index: 9999;
  left: -9999px;
  margin: 0;
  padding: 0;
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
  pointer-events: none;
  transition: none !important;
}
.dnd-preview {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-main-o-50);
  border: 1px dashed var(--color-border-main);
  border-radius: 8px;
  color: var(--color-text-main);
  margin: 0 4px;
}
.drag-handle {
  cursor: move;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.drag-handle:active {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
.list-selector-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  width: 55px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateX(-100%);
}
.list-selector-wrapper:hover {
  --task-batch-checkbox-opacity: 1;
}
.list-selector-wrapper .checkbox {
  display: block;
  opacity: 0;
  z-index: 1;
  width: 18px;
  height: 18px;
  border-radius: 25%;
  background: var(--color-bg-secondary);
  cursor: pointer;
  text-align: center;
  border: 2px solid var(--color-border);
  transition: background 100ms ease-in;
}
.list-selector-wrapper .checkbox i {
  line-height: 18px;
  -webkit-user-select: none;
  user-select: none;
  display: none;
}
.list-selector-wrapper .checkbox.active {
  border-color: var(--color-text-secondary);
}
.list-selector-wrapper .checkbox:hover {
  border-color: var(--color-text-secondary);
}
.list-selector-wrapper .checkbox.done {
  background-color: var(--color-bg-main);
  border-color: var(--color-border-main);
}
.list-selector-wrapper .checkbox.done i {
  display: block;
}
body {
  line-height: 1.33;
  background:
    linear-gradient(
      135deg,
      #dce2ff 0%,
      #e4d5ff 33%,
      #fadcff 66%,
      #fddfeb 100%);
  background-color: #dce2ff;
}
:root body.aw-2-dark .modal {
  --color-fat-border: var(--color-fog);
}
:root body.aw-2-dark .toggle-btn {
  background: var(--color-dust);
}
@keyframes jump {
  0% {
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  }
  40% {
    transform: translate3d(0, -8%, 0) scale3d(0.9, 1.1, 1);
  }
  100% {
    transform: translate3d(0, -20%, 0) scale3d(1.1, 0.9, 1);
  }
}
.jump {
  transform-origin: 50% 50%;
  animation: jump 0.5s linear alternate infinite;
}
.detail-wrapper {
  position: relative;
  display: flex;
  overflow: auto;
}
.detail-wrapper .content-wrapper {
  max-width: 100%;
  min-width: 320px;
}
.detail-content-wrapper .detail-content.clear {
  background: transparent;
  box-shadow: none;
  padding: 0;
}
.detail-content-wrapper .detail-content .content-block {
  border-bottom: 1px solid var(--color-border);
  padding: 15px 0;
}
.detail-content-wrapper .detail-content .content-block.flex {
  display: flex;
  flex-direction: row;
}
.detail-content-wrapper .detail-content .content-block:first-of-type {
  border-top: 1px solid var(--color-border);
}
.detail-content-wrapper .detail-content .content-block:last-of-type {
  border-bottom: none;
}
.detail-content-wrapper .detail-content .content-block .content-group-title {
  width: 150px;
}
.detail-content-wrapper .detail-content .content-block .content-group-items {
  flex: 1;
}
.detail-content-wrapper .detail-content .content-block .content-group-items .content-item {
  display: flex;
  flex-direction: row;
  padding-bottom: 10px;
}
.detail-content-wrapper .detail-content .content-block .content-group-items .content-item:last-of-type {
  padding-bottom: 0;
}
.detail-content-wrapper .detail-content .content-block .content-group-items .content-item .content-label {
  width: 150px;
  font-weight: var(--font-weight-bold);
}
@media (max-width: 809.19px) {
  .detail-content-wrapper .detail-content .content-block .content-group-items .content-item .content-label {
    display: none;
  }
}
.detail-content-wrapper .detail-content .content-block .content-group-items .content-item .content {
  flex: 1;
}
.summary-wrapper {
  align-items: center;
  justify-content: center;
}
.summary-item {
  text-align: center;
  display: inline-block;
  min-width: 100px;
  vertical-align: top;
}
.summary-item .summary-title {
  color: var(--color-text-secondary);
  padding: 5px 0 10px 0;
}
.summary-item .summary-content {
  white-space: nowrap;
}
.summary-item .summary-content .aw-skl--title {
  height: 16px;
}
.summary-item .summary-content .aw-skl--title:empty {
  width: 65%;
  display: inline-block;
}
.file-tag {
  display: inline-flex;
  align-items: center;
  flex-flow: row-reverse;
  margin-left: 2px;
  -webkit-user-select: none;
  user-select: none;
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  padding: 1px 3px;
  border-radius: 6px;
  font-size: 12px;
  vertical-align: inherit;
}
.file-tag--preview {
  background: none;
  box-shadow: unset;
  display: inline-block;
  margin: 0;
  padding: 0;
}
:host-context(.aw-2-dark) .file-tag {
  background: var(--color-fog);
}
.emoji--xl {
  font-size: 6rem;
  line-height: 6rem;
}
.multi-line-trimming {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
.divider {
  position: relative;
  z-index: 1;
  overflow: hidden;
  text-align: center;
}
.divider::before {
  margin-left: -50%;
  text-align: right;
}
.divider::before,
.divider::after {
  position: absolute;
  top: 50%;
  overflow: hidden;
  width: 50%;
  height: 1px;
  content: "\a0";
  background-color: var(--color-fog);
}
.divider span {
  display: inline-block;
  padding: 0 10px;
}
.multi-line-trimming {
  height: 2.8em;
}
body.aw-web {
}
@supports (-moz-appearance: none) {
  body.aw-web {
    scrollbar-color: var(--color-bg-tertiary) transparent;
  }
}
body.aw-web {
}
body.aw-web ::-webkit-scrollbar {
  background-color: transparent;
  width: 16px;
  height: 16px;
}
body.aw-web {
}
body.aw-web ::-webkit-scrollbar-track {
  background-color: rgba(var(--color-white-rgb), 0.2);
}
body.aw-web ::-webkit-scrollbar-track:hover {
  background-color: rgba(var(--color-white-rgb), 0.2);
}
body.aw-web {
}
body.aw-web ::-webkit-scrollbar-thumb {
  background-color: var(--color-fog);
  border-radius: 16px;
  border: 5px solid transparent;
  background-clip: padding-box;
}
body.aw-web ::-webkit-scrollbar-thumb:hover {
  background-color: var(--color-text-secondary);
  border: 4px solid transparent;
}
body.aw-web {
}
body.aw-web ::-webkit-scrollbar-button {
  display: none;
}
body.aw-web ::-webkit-scrollbar-corner {
  background: rgba(var(--color-white-rgb), 0.2);
}
.cdk-drag:hover {
  cursor: grab;
}
.cdk-drag:active {
  cursor: grabbing;
}
.cdk-drag-preview {
  overflow: visible;
}
@media print {
  .hideOnPrint {
    display: none;
  }
  aw-app-print-layout {
    display: block;
  }
  html {
    overflow: visible !important;
  }
}
@media print {
  .aw-lyt {
    display: block;
  }
}
.shockwave {
  transform: scale(0);
  animation: main-loader 1s forwards;
}
.shockwave:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  height: 2em;
  width: 2em;
  margin: -1em;
  border: 0 solid var(--color-purple);
  border-radius: 50%;
  opacity: 0;
  animation: outer-loader 1s 1;
}
@keyframes outer-loader {
  25% {
    opacity: 1;
  }
  45% {
    height: 2em;
    width: 2em;
    margin: -1em;
    opacity: 1;
    border-width: 0;
  }
  85% {
    height: 3em;
    width: 3em;
    margin: -3em;
    opacity: 0;
    border-width: 1.5em;
  }
}
@keyframes main-loader {
  5% {
    transform: scale(1);
  }
  10% {
    transform: scale(1.25);
  }
  25% {
    transform: scale(0.9);
  }
  35% {
    transform: scale(1);
  }
  45% {
    transform: scale(1.5);
  }
  80% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}
.aw-tip {
  background-color: var(--color-white);
}
.slash-command {
  position: relative;
  background-color: var(--color-bg-secondary);
  color: var(--color-text-secondary);
  border-radius: 5px;
  display: inline-block;
  padding: 0 5px;
}
.slash-command[contentEditable=true]:after {
  content: attr(data-text);
  color: var(--color-text-secondary);
  font-style: italic;
  pointer-events: none;
}
.content-limit {
  margin: 0px auto;
  max-width: 1000px;
}
@media (min-width: 810px) {
  .content-limit {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.widescreen {
  max-width: 1600px !important;
}
.clickable {
  cursor: pointer;
}
.blur {
  animation: blur 1.5s ease forwards;
  filter: blur(0px);
}
@keyframes blur {
  to {
    filter: blur(5px);
  }
}
.aw-design-2026 .blur {
  animation: blur-2026 1.5s ease forwards;
}
@keyframes blur-2026 {
  to {
    filter: blur(2px);
  }
}
.aw-2-w--100 {
  width: 100%;
}
.aw-2-w--min-content {
  width: min-content;
}
.aw-2-w--max-100 {
  max-width: 100%;
}
.aw-2-max-w--fit-content {
  max-width: fit-content;
}
.mention {
  -webkit-user-select: none;
  user-select: none;
  color: var(--color-text-main);
}
.mention:not(:has(*)) {
  padding: 0 4px;
}
.detail-content-wrapper {
  margin: 32px 10px 20px 10px;
}
.detail-content-wrapper .detail-content {
  margin: 0 auto;
  max-width: 1000px;
  background: var(--color-white);
  box-sizing: border-box;
  padding: 24px;
  position: relative;
  border-radius: 18px;
  border: 6px solid var(--color-fat-border);
  box-shadow: unset;
}
.detail-content-wrapper .detail-content .content-block {
  border-bottom: 1px solid var(--color-sky);
  padding: 24px 0;
}
.detail-content-wrapper .detail-content .title-content {
  display: flex;
  flex-direction: row;
  margin-bottom: 12px;
  gap: 4px;
}
.detail-content-wrapper .detail-content .title-content .title-image {
  margin: 0 16px 0 0;
}
@media (max-width: 809.19px) {
  .detail-content-wrapper .detail-content .title-content .title-image {
    display: none;
  }
}
.detail-content-wrapper .detail-content .title-content .title-text {
  flex: 1;
  overflow: hidden;
  padding-top: 0;
}
.detail-content-wrapper .detail-content .title-content .title-actions {
  position: relative;
}
.placeholder-element {
  white-space: nowrap;
  display: inline-block;
  border-radius: 40px;
  -webkit-user-select: none;
  user-select: none;
  background-color: var(--color-purple-o-50);
  color: var(--color-text-purple);
  font-size: 14px;
  padding-left: 6px;
  padding-right: 6px;
  line-height: 14px;
}
aw-flat-large-list-item .flat-large-list-item:not(.is-last) .flat-item-wrapper {
  border-bottom: 1px solid var(--color-border);
}
aw-flat-large-list-item:hover .flat-large-list-item .flat-item-wrapper.flat-item-divider,
aw-flat-large-list-item:has(+ aw-flat-large-list-item:hover) .flat-large-list-item .flat-item-wrapper.flat-item-divider {
  border-color: transparent;
}
.task-row:hover .task-separator {
  opacity: 0;
}
.task-row:has(+ .task-row:hover):not(:has(+ .task-row .new-task-button-wrapper:hover)) .task-separator {
  opacity: 0;
}
.task-list-row:has(+ .task-row:hover):not(:has(+ .task-row .new-task-button-wrapper:hover)) .task-add-separator {
  opacity: 0;
}
.task-row:has(+ .task-row.selected) .task-separator,
.task-row.selected .task-separator {
  opacity: 0;
}
.task-list-row:has(+ .task-row.selected) .task-add-separator {
  opacity: 0;
}
.task-row.last .task-separator {
  opacity: 0;
}
.add-box {
  border: 2px dashed var(--color-light-steel);
  border-radius: 18px 12px;
  min-height: 40px;
  position: relative;
  cursor: pointer;
  transition: all 0.1 0.5s ease-in;
  box-sizing: border-box;
}
.add-box:hover {
  background: var(--color-main-o-50);
  border-color: transparent;
}
.add-box:hover div,
.add-box:hover i {
  color: var(--color-text-main);
}
.add-box:active {
  background: var(--color-main-o-100);
  border-color: transparent;
}
.add-box:active div,
.add-box:active i {
  color: var(--color-text-main);
}
.add-box div,
.add-box i {
  color: var(--color-text-secondary);
  -webkit-user-select: none;
  user-select: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
tr.selected td {
  background: var(--color-main-o-50);
}
tr.selected td:first-of-type {
  border-top-left-radius: 14px;
  border-bottom-left-radius: 14px;
}
tr.selected td:last-of-type {
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
}
tr.selected td,
tr.selected td i {
  color: var(--color-text-main);
}
.cdk-virtual-scroll-orientation-vertical .cdk-virtual-scroll-content-wrapper {
  max-width: 100%;
}
.onboarding-ui__box {
  padding: 4px;
  background:
    linear-gradient(
      135deg,
      #c4a1ff,
      #f0c9dd);
  border-radius: 16px;
}
.onboarding-ui__box .onboarding-ui__inner-box {
  border-radius: 12px;
  background: var(--color-white);
}
.settings-list-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  gap: 12px;
}
.settings-list-col-left {
  flex-grow: 1;
  align-items: center;
  padding-left: 12px;
  margin-top: 12px;
  margin-bottom: 12px;
  display: flex;
  flex-direction: row;
  gap: 8px;
}
.settings-list-col-left--mobile {
  flex-direction: column;
  justify-content: flex-end;
  flex-wrap: wrap;
  align-items: flex-start;
}
.settings-list-col-right {
  text-align: right;
  padding-right: 12px;
  margin-top: 12px;
  margin-bottom: 12px;
  display: flex;
  gap: 8px;
  align-items: center;
}
.settings-list-col-right--mobile {
  align-items: flex-end;
}
body.aw-design-2026 .action-selector {
  gap: 2px;
}
body.aw-design-2026 .action-selector .action-selector__item {
  height: 32px;
  padding-left: 8px;
  gap: 10px;
  border-radius: 8px;
}
body.aw-design-2026 .action-selector .action-selector__item,
body.aw-design-2026 .action-selector .action-selector__item i:not(.checkmark) {
  color: var(--color-text-primary);
}
body.aw-design-2026 .action-selector .action-selector__item.nav-list-item--focused,
body.aw-design-2026 .action-selector .action-selector__item.nav-list-item--focused i:not(.checkmark),
body.aw-design-2026 .action-selector .action-selector__item.action-selector__item--selected,
body.aw-design-2026 .action-selector .action-selector__item.action-selector__item--selected i:not(.checkmark),
body.aw-design-2026 .action-selector .action-selector__item:focus,
body.aw-design-2026 .action-selector .action-selector__item:focus i:not(.checkmark),
body.aw-design-2026 .action-selector .action-selector__item:hover,
body.aw-design-2026 .action-selector .action-selector__item:hover i:not(.checkmark) {
  color: var(--color-text-main);
}
body.aw-design-2026 .action-selector .action-selector__item i {
  font-size: 16px;
}
body.aw-design-2026 .action-selector .action-selector__item img {
  width: 16px;
  height: 16px;
}
body.aw-design-2026 .grid-columns-selector {
  gap: 2px;
}
body.aw-design-2026 .grid-columns-selector__list {
  gap: 2px;
}
body.aw-design-2026 .grid-columns-selector__checkbox {
  padding-left: 4px;
}
body.aw-design-2026 .grid-columns-selector__item {
  height: 32px;
  gap: 10px;
  border-radius: 8px;
}
body.aw-design-2026 .grid-columns-selector__item,
body.aw-design-2026 .grid-columns-selector__item i:not(.checkmark),
body.aw-design-2026 .grid-columns-selector__item span {
  color: var(--color-text-primary);
}
body.aw-design-2026 .grid-columns-selector__item span {
  font-weight: var(--font-weight-normal);
}
body.aw-design-2026 .grid-columns-selector__item:hover,
body.aw-design-2026 .grid-columns-selector__item:hover i:not(.checkmark),
body.aw-design-2026 .grid-columns-selector__item:hover span,
body.aw-design-2026 .grid-columns-selector__item--selected,
body.aw-design-2026 .grid-columns-selector__item--selected i:not(.checkmark),
body.aw-design-2026 .grid-columns-selector__item--selected span {
  color: var(--color-text-main);
}
body.aw-design-2026 .grid-columns-selector__item:hover input[type=checkbox]:enabled,
body.aw-design-2026 .grid-columns-selector__item--selected input[type=checkbox]:enabled {
  border-color: var(--color-border-main);
}

/* apps/web/src/styles/rich-text-editor.scss */
.aw-editor.add-row-or-column {
  position: absolute;
  width: 1px;
  height: 1px;
}
.aw-editor.add-row-or-column::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: var(--color-text-main);
}
.aw-editor.add-row-or-column--column {
  padding: 0 5px;
  translate: -5px 0;
  pointer-events: none;
}
.aw-editor.add-row-or-column--column::before {
  width: 1px;
}
.aw-editor.add-row-button {
  display: flex;
  position: relative;
  left: calc(50% - 10px);
  top: calc(50% - 10px);
  width: 20px;
  height: 20px;
  background-color: var(--color-white);
  border: 0;
  border-radius: 7px;
  color: var(--color-text-main);
  align-items: center;
  justify-content: center;
  z-index: 1;
  font-size: 16px;
  pointer-events: all;
  cursor: pointer;
}
.aw-editor.add-row-button:hover {
  background-color: var(--color-blue-50);
}
.tiptap pre,
.tiptap code {
  background: var(--color-bg-secondary);
  color: var(--color-slate);
  font-family: monospace;
  font-weight: 500;
  font-size: var(--font-size-small);
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  line-height: 20px;
}
.tiptap pre:has(code) {
  padding: 16px 12px;
  border-radius: 12px;
  overflow: hidden;
}
.tiptap code:not(pre code) {
  padding: 4px;
  border-radius: 8px;
}
.tiptap pre {
  width: 100%;
}
.tiptap h1 code {
  font-size: var(--font-size-h1);
}
.tiptap h2 code {
  font-size: 20px;
}
.tiptap h3 code {
  font-size: var(--font-size-h3);
}
.tiptap {
  font-weight: 400;
  height: 100%;
  padding: 14px 8px 14px 16px;
  box-sizing: border-box;
}
.tiptap p {
  margin-bottom: 8px;
  font-weight: 400;
}
.tiptap h1,
.tiptap h2,
.tiptap h3 {
  margin: 0 0 1em 0;
  font-weight: var(--font-weight-bold);
}
.tiptap h1 strong,
.tiptap h2 strong,
.tiptap h3 strong {
  font-weight: var(--font-weight-bold);
}
.tiptap p + :is(h1, h2, h3),
.tiptap ul + :is(h1, h2, h3),
.tiptap ol + :is(h1, h2, h3) {
  padding-top: 16px;
}
.tiptap h2 {
  font-size: 20px;
}
.tiptap i {
  font-style: italic;
}
.tiptap i.aw-2-icn {
  font-style: normal;
}
.tiptap figure i {
  font-style: normal;
}
.tiptap hr {
  margin: 16px 0;
  border: 0;
  border-top: 1px solid var(--color-border);
}
.tiptap hr.ProseMirror-selectednode {
  border-top: 1px solid var(--color-border-main);
}
.tiptap ul[data-type=taskList] {
  flex: 0 0 auto;
  margin-left: 0;
  padding-left: 4px;
}
.tiptap ul[data-type=taskList] ul {
  margin: 0;
}
.tiptap ul[data-type=taskList] li {
  display: flex;
  align-items: flex-start;
  margin-top: 4px;
  margin-bottom: 0;
}
.tiptap ul[data-type=taskList] li label {
  height: 25px;
}
.tiptap ul[data-type=taskList] li label > input[type=checkbox] {
  width: 16px;
  height: 16px;
  margin: 4px 4px 0 0;
  background-color: var(--color-white);
  border: 1px solid var(--color-border-contrasty);
  border-radius: 50%;
  line-height: 0;
}
.tiptap ul[data-type=taskList] li > div > p {
  min-width: 1px;
  min-height: 25px;
  padding-top: 2px;
  line-height: var(--line-height-h3);
  margin-bottom: 0;
}
.tiptap ul[data-type=taskList] li[data-checked=true] > label > input[type=checkbox] {
  background-color: var(--color-green);
  border: none;
  position: relative;
}
.tiptap ul[data-type=taskList] li[data-checked=true] > label > input[type=checkbox]:after {
  content: "";
  position: absolute;
  left: 0.4rem;
  top: 0.2rem;
  width: 0.2rem;
  height: 0.5rem;
  border: solid var(--color-white);
  border-width: 0 0.15rem 0.15rem 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.tiptap ul {
  list-style-type: disc;
}
.tiptap ul ul {
  list-style-type: circle;
}
.tiptap ul ul ul {
  list-style-type: square;
}
.tiptap ul ul ul ul {
  list-style-type: disc;
}
.tiptap ul ul ul ul ul {
  list-style-type: circle;
}
.tiptap ul ul ul ul ul ul {
  list-style-type: square;
}
.tiptap ul ul ul ul ul ul ul {
  list-style-type: disc;
}
.tiptap ul ul ul ul ul ul ul ul {
  list-style-type: circle;
}
.tiptap ul ul ul ul ul ul ul ul ul {
  list-style-type: square;
}
.tiptap ol {
  list-style: auto;
}
.tiptap ol,
.tiptap ul {
  margin: 8px 0 8px 12px;
  padding-left: 8px;
  font-weight: 400;
}
.tiptap ol li,
.tiptap ul li {
  margin-bottom: 4px;
}
.tiptap ol li > p,
.tiptap ul li > p {
  margin-bottom: 0;
  margin-left: 4px;
}
.tiptap ol ol,
.tiptap ol ul,
.tiptap ul ol,
.tiptap ul ul {
  margin: 4px 0 4px 16px;
}
.tiptap blockquote {
  padding-left: 10px;
  position: relative;
}
.tiptap blockquote::before {
  content: "";
  width: 3px;
  height: 100%;
  position: absolute;
  left: 0;
  background-color: var(--color-light-steel);
  border-radius: 2px;
}
.tiptap img {
  max-width: 100%;
  border-radius: 20px;
}
.tiptap img.gif {
  width: auto;
  max-height: 200px;
}
.tiptap {
}
.tiptap mark {
  border-radius: 4px;
  padding: 0 2px;
  background-color: var(--color-bg-secondary);
  color: var(--color-text-secondary);
  padding-bottom: 2px;
}
.tiptap mark[data-color=green] {
  background-color: var(--color-green-o-50);
  color: var(--color-text-green);
}
.tiptap mark[data-color=yellow] {
  background-color: var(--color-yellow-o-50);
  color: var(--color-text-yellow);
}
.tiptap mark[data-color=blue] {
  background-color: var(--color-blue-o-50);
  color: var(--color-text-blue);
}
.tiptap mark[data-color=purple] {
  background-color: var(--color-purple-o-50);
  color: var(--color-text-purple);
}
.tiptap mark[data-color=red] {
  background-color: var(--color-red-o-50);
  color: var(--color-text-red);
}
.tiptap mark[data-color=cyan] {
  background-color: var(--color-cyan-o-50);
  color: var(--color-text-cyan);
}
.tiptap mark[data-color=indigo] {
  background-color: var(--color-indigo-o-50);
  color: var(--color-text-indigo);
}
.tiptap mark[data-color=orange] {
  background-color: var(--color-orange-o-50);
  color: var(--color-text-orange);
}
.tiptap mark[data-color=steel] {
  background-color: var(--color-bg-secondary);
  color: var(--color-text-secondary);
}
.tiptap s:has(mark[data-color=green]),
.tiptap u:has(mark[data-color=green]) {
  text-decoration-color: var(--color-text-green);
}
.tiptap s:has(mark[data-color=yellow]),
.tiptap u:has(mark[data-color=yellow]) {
  text-decoration-color: var(--color-text-yellow);
}
.tiptap s:has(mark[data-color=blue]),
.tiptap u:has(mark[data-color=blue]) {
  text-decoration-color: var(--color-text-blue);
}
.tiptap s:has(mark[data-color=purple]),
.tiptap u:has(mark[data-color=purple]) {
  text-decoration-color: var(--color-text-purple);
}
.tiptap s:has(mark[data-color=red]),
.tiptap u:has(mark[data-color=red]) {
  text-decoration-color: var(--color-text-red);
}
.tiptap s:has(mark[data-color=cyan]),
.tiptap u:has(mark[data-color=cyan]) {
  text-decoration-color: var(--color-text-cyan);
}
.tiptap s:has(mark[data-color=indigo]),
.tiptap u:has(mark[data-color=indigo]) {
  text-decoration-color: var(--color-text-indigo);
}
.tiptap s:has(mark[data-color=orange]),
.tiptap u:has(mark[data-color=orange]) {
  text-decoration-color: var(--color-text-orange);
}
.tiptap mark ~ code:not(pre code) {
  padding-top: 5px;
}
.tiptap h1 mark {
  border-radius: 6px;
  padding: 0 4px;
}
.tiptap h2 mark {
  border-radius: 5px;
  padding: 0 4px;
}
.tiptap h3 mark {
  padding: 0 4px;
}
.tiptap pre {
  box-sizing: border-box;
}
.tiptap {
}
.tiptap :not(blockquote).is-editor-empty:first-child::before,
.tiptap blockquote.is-editor-empty:first-child::after {
  content: attr(data-placeholder);
  color: var(--color-text-secondary);
  font-style: italic;
  float: left;
  height: 0;
  pointer-events: none;
}
.tiptap blockquote.is-editor-empty:first-child::after {
  position: absolute;
  top: 0;
}
.tiptap.ProseMirror-focused img.ProseMirror-selectednode {
  outline: 2px solid var(--color-border-main);
}
.tiptap .ProseMirror-separator {
  opacity: 0;
}
.tiptap[contenteditable=true] ul[data-type=taskList] input[type=checkbox] {
  cursor: pointer;
}
.tiptap {
}
.tiptap .file-tag {
  border: 1.4px solid var(--color-ice);
  background-color: var(--color-bg-secondary);
  border-radius: 4px;
  line-height: 18px;
}
.tiptap .file-tag aw-file-preview-element {
  display: inline-block;
}
.tiptap .file-tag aw-file-preview-element .wrapper {
  margin: 0 10px;
}
.tiptap .file-tag aw-file-preview-element .wrapper .actions-wrapper .aw-btn {
  width: 100px;
  height: 100px;
  margin: 0;
  padding: 0;
}
.tiptap .file-tag aw-file-preview-element .wrapper.icon .actions-wrapper .aw-btn,
.tiptap .file-tag aw-file-preview-element .wrapper.externalFile .actions-wrapper .aw-btn {
  width: 100%;
  height: 70px;
}
.tiptap .file-tag aw-file-preview-element .external-icon {
  left: 10px !important;
  top: 20px !important;
}
.tiptap .file-tag.ProseMirror-selectednode {
  border: 1.4px solid var(--color-border-main);
}
.tiptap .file-tag,
.tiptap .mention[data-id],
.tiptap .mention[data-id*=userId] {
  vertical-align: bottom;
}
.tiptap .mention.not-found,
.tiptap .mention[data-id*=userId],
.tiptap .mention[data-id] {
  display: inline-block;
  border: 1.4px solid var(--color-sky);
  background: var(--color-bg-tertiary);
  border-radius: 6px;
  font-size: 12px;
  line-height: 18px;
}
.tiptap .mention.not-found.ProseMirror-selectednode,
.tiptap .mention[data-id*=userId].ProseMirror-selectednode,
.tiptap .mention[data-id].ProseMirror-selectednode {
  border: 1.4px solid var(--color-border-main);
}
.tiptap .collaboration-cursor__caret {
  border-left: 1px solid #0d0d0d;
  border-right: 1px solid #0d0d0d;
  margin-left: -1px;
  margin-right: -1px;
  pointer-events: none;
  position: relative;
  word-break: normal;
}
.tiptap .collaboration-cursor__caret--green {
  border-color: var(--color-green-o-50);
}
.tiptap .collaboration-cursor__caret--yellow {
  border-color: var(--color-yellow-o-50);
}
.tiptap .collaboration-cursor__caret--blue {
  border-color: var(--color-blue-o-50);
}
.tiptap .collaboration-cursor__caret--purple {
  border-color: var(--color-purple-o-50);
}
.tiptap .collaboration-cursor__caret--red {
  border-color: var(--color-red-o-50);
}
.tiptap .collaboration-cursor__caret--cyan {
  border-color: var(--color-cyan-o-50);
}
.tiptap .collaboration-cursor__caret--indigo {
  border-color: var(--color-indigo-o-50);
}
.tiptap .collaboration-cursor__caret--orange {
  border-color: var(--color-orange-o-50);
}
.tiptap .collaboration-cursor__label {
  border-radius: 2px 2px 2px 0;
  color: var(--color-slate);
  font-size: var(--font-size-tiny);
  font-style: normal;
  font-weight: 600;
  left: -1px;
  line-height: 12px;
  padding: 1px 1px 1px 2px;
  position: absolute;
  top: -10px;
  -webkit-user-select: none;
  user-select: none;
  white-space: nowrap;
  z-index: 1;
}
.tiptap .collaboration-cursor__label--green {
  background-color: var(--color-green-o-50);
  color: var(--color-text-green);
}
.tiptap .collaboration-cursor__label--yellow {
  background-color: var(--color-yellow-o-50);
  color: var(--color-text-yellow);
}
.tiptap .collaboration-cursor__label--blue {
  background-color: var(--color-blue-o-50);
  color: var(--color-text-blue);
}
.tiptap .collaboration-cursor__label--purple {
  background-color: var(--color-purple-o-50);
  color: var(--color-text-purple);
}
.tiptap .collaboration-cursor__label--red {
  background-color: var(--color-red-o-50);
  color: var(--color-text-red);
}
.tiptap .collaboration-cursor__label--cyan {
  background-color: var(--color-cyan-o-50);
  color: var(--color-text-cyan);
}
.tiptap .collaboration-cursor__label--indigo {
  background-color: var(--color-indigo-o-50);
  color: var(--color-text-indigo);
}
.tiptap .collaboration-cursor__label--orange {
  background-color: var(--color-orange-o-50);
  color: var(--color-text-orange);
}
.tiptap .tableWrapper {
  overflow-x: scroll;
  padding-bottom: 4px;
  isolation: isolate;
}
.tiptap .table-gap-spacer {
  height: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: text;
  opacity: 0;
  transition: opacity 0.15s ease-in-out;
  margin: 4px 0;
}
.tiptap .table-gap-spacer:hover {
  opacity: 1;
}
.tiptap .table-gap-spacer .table-gap-line {
  width: 100%;
  height: 2px;
  background-color: var(--color-blue-200);
  border-radius: 1px;
}
.tiptap.resize-cursor {
  cursor: ew-resize;
  cursor: col-resize;
}
.tiptap table {
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.tiptap table aw-editor-placeholder {
  display: none;
}
.tiptap table th {
  text-align: left;
}
.tiptap table tr {
  position: relative;
}
.tiptap table tr aw-editor-tr-container {
  display: contents;
}
.tiptap table tr th,
.tiptap table tr td {
  position: relative;
  padding: 8px 8px 0 8px;
  border: 1px solid #c8dcf4;
}
.tiptap table tr th :first-child,
.tiptap table tr td :first-child {
  margin-top: 0;
}
.tiptap table tr th:first-child::before,
.tiptap table tr td:first-child::before {
  margin-left: -1px;
}
.tiptap table tr th:not(:last-child),
.tiptap table tr td:not(:last-child) {
  border-right: 0;
}
.tiptap table tr th.selectedCell,
.tiptap table tr td.selectedCell {
  background-color: var(--color-blue-50);
}
.tiptap table tr:first-child th:first-child,
.tiptap table tr:first-child td:first-child {
  border-top-left-radius: 4px;
}
.tiptap table tr:first-child th:last-child,
.tiptap table tr:first-child td:last-child {
  border-top-right-radius: 4px;
}
.tiptap table tr:last-child th:first-child,
.tiptap table tr:last-child td:first-child {
  border-bottom-left-radius: 4px;
}
.tiptap table tr:last-child th:last-child,
.tiptap table tr:last-child td:last-child {
  border-bottom-right-radius: 4px;
}
.tiptap table tr:not(:first-child) th,
.tiptap table tr:not(:first-child) td {
  border-top: 0;
}
.tiptap span.comment:not(.comment-disabled) {
  background-color: var(--color-yellow-o-100);
  border-radius: 2px;
  padding: 2px;
}
.tiptap span.comment:not(.comment-disabled).comment-active {
  background-color: var(--color-yellow-o-500);
}
.tiptap span.comment:not(.comment-disabled)[data-resolved] {
  background-color: var(--color-green-o-100);
}
.tiptap span.comment:not(.comment-disabled)[data-resolved].comment-active {
  background-color: var(--color-green-o-500);
}
@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.tiptap span.pending-cursor {
  display: inline-block;
  width: 8px;
  height: 15px;
  background-color: var(--color-fog);
  border-radius: 2px;
  position: relative;
  top: 3px;
  animation: blink 1.5s infinite;
}
.tiptap.comment-input {
  line-break: initial;
}
.tiptap.comment-input h1 {
  font-size: 20px;
  line-height: 24px;
}
.tiptap.comment-input h2 {
  font-size: 16px;
  line-height: 24px;
}
.tiptap.comment-input h3 {
  font-size: 14px;
  line-height: 20px;
}
.tiptap.comment-input h1,
.tiptap.comment-input h2,
.tiptap.comment-input h3 {
  margin: 0 0 0.6em 0;
}
.tiptap.comment-input p + :is(h1, h2, h3),
.tiptap.comment-input ul + :is(h1, h2, h3),
.tiptap.comment-input ol + :is(h1, h2, h3) {
  padding-top: 12px;
}
.tiptap.comment-input :last-child {
  margin-bottom: 0;
}
.tiptap.comment-input.current-user h1,
.tiptap.comment-input.current-user h2,
.tiptap.comment-input.current-user h3 {
  color: var(--dark-element-text);
}
.tiptap.comment-input.current-user pre,
.tiptap.comment-input.current-user code {
  background-color: var(--color-bg-secondary);
}
.tiptap.notes {
  color: #5576aa;
  cursor: text;
}
.tiptap.notes h1,
.tiptap.notes h2,
.tiptap.notes h3 {
  color: var(--color-yellow-1000);
}
.tiptap.notes a {
  color: var(--color-text-main);
}
.tiptap.notes pre,
.tiptap.notes code {
  color: var(--color-yellow-1000);
  background-color: var(--color-yellow-o-500);
}
.tiptap.notes hr {
  border-color: var(--color-yellow-500);
}
.tiptap.document {
  color: var(--color-text-primary);
  padding: 0 0 80px 0;
}
.tiptap.document p {
  font-size: 16px;
  line-height: 24px;
}
.tiptap.document h1,
.tiptap.document h2,
.tiptap.document h3 {
  padding-top: 0px;
}
.tiptap.document h1 {
  margin: 24px 0 14px 0;
}
.tiptap.document h2 {
  margin: 24px 0 12px 0;
}
.tiptap.document h3 {
  margin: 24px 0 10px 0;
}
.tiptap.document.ProseMirror .search-result {
  background-color: var(--color-main-o-50);
  border-radius: 4px;
  padding-left: 2px;
  padding-right: 2px;
  box-shadow:
    0px 2px 2px rgba(var(--color-shadow-rgb), 0.05),
    0px 3px 6px rgba(var(--color-shadow-rgb), 0.04),
    0px 2px 3px rgba(var(--color-shadow-rgb), 0.03),
    0px 1px 1px rgba(var(--color-shadow-rgb), 0.01),
    0px -1px 4px rgba(var(--color-shadow-rgb), 0.03);
}
.tiptap.document.ProseMirror .search-result-current {
  background-color: var(--color-blue-100);
  font-weight: var(--font-weight-semi);
}
.tiptap.document.print .tableWrapper {
  overflow-x: hidden;
}
.tiptap.document.print .tableWrapper table {
  width: 100% !important;
}
.tiptap.document.print .tableWrapper table col {
  width: unset !important;
}
@media (min-width: 768px) {
  .tiptap.document {
    padding-bottom: 200px;
  }
}
.aw-2-dark .ProseMirror-gapcursor:after {
  border-color: #fff;
}
.aw-2-dark .tiptap.notes {
  color: var(--color-text-yellow);
}
.aw-2-dark .tiptap.notes h1,
.aw-2-dark .tiptap.notes h2,
.aw-2-dark .tiptap.notes h3 {
  color: #fff;
}
.aw-2-dark .tiptap.notes a {
  color: var(--color-blue-700);
}
.aw-2-dark .tiptap.notes pre,
.aw-2-dark .tiptap.notes code {
  color: var(--color-yellow-100);
  background-color: var(--color-yellow-o-50);
}
.aw-2-dark .tiptap.notes hr {
  border-color: var(--color-yellow-100);
}
.aw-2-dark .tiptap.document.ProseMirror .search-result {
  background-color: var(--color-main-o-100);
}
.aw-2-dark .tiptap.document.ProseMirror .search-result-current {
  background-color: var(--color-main-o-300);
}
.aw-2-dark .tiptap hr {
  border-top-color: var(--color-night);
}
.aw-2-dark .tiptap hr.ProseMirror-selectednode {
  border-top: 1px solid var(--color-border-main);
}
.aw-2-dark .tiptap .table-gap-spacer .table-gap-line {
  background-color: var(--color-bg-main);
}
.aw-2-dark .tiptap {
}
.aw-2-dark .tiptap mark[data-color=green] {
  color: var(--color-text-green);
}
.aw-2-dark .tiptap mark[data-color=yellow] {
  color: var(--color-text-yellow);
}
.aw-2-dark .tiptap mark[data-color=blue] {
  color: var(--color-text-blue);
}
.aw-2-dark .tiptap mark[data-color=purple] {
  color: var(--color-text-purple);
}
.aw-2-dark .tiptap mark[data-color=red] {
  color: var(--color-text-red);
}
.aw-2-dark .tiptap mark[data-color=cyan] {
  color: var(--color-text-cyan);
}
.aw-2-dark .tiptap mark[data-color=indigo] {
  color: var(--color-text-indigo);
}
.aw-2-dark .tiptap mark[data-color=orange] {
  color: var(--color-text-orange);
}
.aw-2-dark .tiptap mark[data-color=steel] {
  background-color: var(--color-bg-tertiary);
}
.aw-2-dark .tiptap.print h1,
.aw-2-dark .tiptap.print h2,
.aw-2-dark .tiptap.print h3,
.aw-2-dark .tiptap.print h4,
.aw-2-dark .tiptap.print h5,
.aw-2-dark .tiptap.print h6,
.aw-2-dark .tiptap.print p {
  color: #081934;
}
.aw-2-dark .tiptap.print a {
  color: var(--color-blue-900);
}
.aw-2-dark .tiptap.print pre,
.aw-2-dark .tiptap.print code {
  color: #335180;
  background-color: #f2f9ff;
}
.aw-2-dark .tiptap.print hr {
  border-color: #dbedff;
}
.aw-2-dark .tiptap.print {
}
.aw-2-dark .tiptap.print mark[data-color=green] {
  color: var(--color-text-green);
}
.aw-2-dark .tiptap.print mark[data-color=yellow] {
  color: var(--color-text-yellow);
}
.aw-2-dark .tiptap.print mark[data-color=blue] {
  color: var(--color-text-blue);
}
.aw-2-dark .tiptap.print mark[data-color=purple] {
  color: var(--color-text-purple);
}
.aw-2-dark .tiptap.print mark[data-color=red] {
  color: var(--color-text-red);
}
.aw-2-dark .tiptap.print mark[data-color=cyan] {
  color: var(--color-text-cyan);
}
.aw-2-dark .tiptap.print mark[data-color=indigo] {
  color: var(--color-text-indigo);
}
.aw-2-dark .tiptap.print mark[data-color=orange] {
  color: var(--color-text-orange);
}
.aw-2-dark .tiptap.print mark[data-color=steel] {
  background-color: #f2f9ff;
  color: #5576aa;
}
.aw-2-dark .tiptap.print blockquote::before {
  background-color: #a1bbe5;
}
.aw-2-dark .tiptap.print ul li::marker,
.aw-2-dark .tiptap.print ol li::marker {
  color: #081934;
}
.aw-2-dark .tiptap.print .mention.not-found,
.aw-2-dark .tiptap.print .mention[data-id*=userId],
.aw-2-dark .tiptap.print .mention[data-id] {
  background: #ebf5ff;
  border-color: #ebf5ff;
  color: #081934;
}
.aw-2-dark .tiptap.print .mention.not-found .project-preview,
.aw-2-dark .tiptap.print .mention.not-found .task-preview,
.aw-2-dark .tiptap.print .mention.not-found .document-preview,
.aw-2-dark .tiptap.print .mention.not-found .user-preview,
.aw-2-dark .tiptap.print .mention.not-found .avt__text__primary,
.aw-2-dark .tiptap.print .mention[data-id*=userId] .project-preview,
.aw-2-dark .tiptap.print .mention[data-id*=userId] .task-preview,
.aw-2-dark .tiptap.print .mention[data-id*=userId] .document-preview,
.aw-2-dark .tiptap.print .mention[data-id*=userId] .user-preview,
.aw-2-dark .tiptap.print .mention[data-id*=userId] .avt__text__primary,
.aw-2-dark .tiptap.print .mention[data-id] .project-preview,
.aw-2-dark .tiptap.print .mention[data-id] .task-preview,
.aw-2-dark .tiptap.print .mention[data-id] .document-preview,
.aw-2-dark .tiptap.print .mention[data-id] .user-preview,
.aw-2-dark .tiptap.print .mention[data-id] .avt__text__primary {
  background: #ebf5ff;
  color: #081934 !important;
}
.aw-2-dark .tiptap.print .mention.not-found .project-preview .avt__image,
.aw-2-dark .tiptap.print .mention.not-found .task-preview .avt__image,
.aw-2-dark .tiptap.print .mention.not-found .document-preview .avt__image,
.aw-2-dark .tiptap.print .mention.not-found .user-preview .avt__image,
.aw-2-dark .tiptap.print .mention.not-found .avt__text__primary .avt__image,
.aw-2-dark .tiptap.print .mention[data-id*=userId] .project-preview .avt__image,
.aw-2-dark .tiptap.print .mention[data-id*=userId] .task-preview .avt__image,
.aw-2-dark .tiptap.print .mention[data-id*=userId] .document-preview .avt__image,
.aw-2-dark .tiptap.print .mention[data-id*=userId] .user-preview .avt__image,
.aw-2-dark .tiptap.print .mention[data-id*=userId] .avt__text__primary .avt__image,
.aw-2-dark .tiptap.print .mention[data-id] .project-preview .avt__image,
.aw-2-dark .tiptap.print .mention[data-id] .task-preview .avt__image,
.aw-2-dark .tiptap.print .mention[data-id] .document-preview .avt__image,
.aw-2-dark .tiptap.print .mention[data-id] .user-preview .avt__image,
.aw-2-dark .tiptap.print .mention[data-id] .avt__text__primary .avt__image {
  background-color: #f2f9ff;
}
.aw-2-dark .tiptap.print .mention.not-found .task-preview i,
.aw-2-dark .tiptap.print .mention[data-id*=userId] .task-preview i,
.aw-2-dark .tiptap.print .mention[data-id] .task-preview i {
  color: #fff !important;
}
.aw-2-dark .tiptap.print .mention.not-found .document-preview i,
.aw-2-dark .tiptap.print .mention[data-id*=userId] .document-preview i,
.aw-2-dark .tiptap.print .mention[data-id] .document-preview i {
  color: #5576aa !important;
}
.aw-2-dark .tiptap.print ul[data-type=taskList] li label > input[type=checkbox] {
  background-color: #fff;
  border: 1px solid #c8dcf4;
}
.aw-2-dark .tiptap.print ul[data-type=taskList] li[data-checked=true] > label > input[type=checkbox] {
  background-color: var(--color-green);
  border: none;
  position: relative;
}
.aw-2-dark .tiptap.print ul[data-type=taskList] li[data-checked=true] > label > input[type=checkbox]:after {
  content: "";
  position: absolute;
  left: 0.4rem;
  top: 0.2rem;
  width: 0.2rem;
  height: 0.5rem;
  border: solid #fff;
  border-width: 0 0.15rem 0.15rem 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* apps/web/src/styles/rich-text-editor-code-block.scss */
.tiptap pre > code[class^=language-] .hljs-comment,
.tiptap pre > code[class^=language-] .hljs-quote {
  color: #a0a1a7;
  font-style: italic;
}
.tiptap pre > code[class^=language-] .hljs-doctag,
.tiptap pre > code[class^=language-] .hljs-keyword,
.tiptap pre > code[class^=language-] .hljs-formula {
  color: #a626a4;
}
.tiptap pre > code[class^=language-] .hljs-section,
.tiptap pre > code[class^=language-] .hljs-name,
.tiptap pre > code[class^=language-] .hljs-selector-tag,
.tiptap pre > code[class^=language-] .hljs-deletion,
.tiptap pre > code[class^=language-] .hljs-subst {
  color: #e45649;
}
.tiptap pre > code[class^=language-] .hljs-literal {
  color: #0184bb;
}
.tiptap pre > code[class^=language-] .hljs-string,
.tiptap pre > code[class^=language-] .hljs-regexp,
.tiptap pre > code[class^=language-] .hljs-addition,
.tiptap pre > code[class^=language-] .hljs-attribute,
.tiptap pre > code[class^=language-] .hljs-meta-string {
  color: #50a14f;
}
.tiptap pre > code[class^=language-] .hljs-built_in,
.tiptap pre > code[class^=language-] .hljs-class .hljs-title {
  color: #c18401;
}
.tiptap pre > code[class^=language-] .hljs-attr,
.tiptap pre > code[class^=language-] .hljs-variable,
.tiptap pre > code[class^=language-] .hljs-template-variable,
.tiptap pre > code[class^=language-] .hljs-type,
.tiptap pre > code[class^=language-] .hljs-selector-class,
.tiptap pre > code[class^=language-] .hljs-selector-attr,
.tiptap pre > code[class^=language-] .hljs-selector-pseudo,
.tiptap pre > code[class^=language-] .hljs-number {
  color: #986801;
}
.tiptap pre > code[class^=language-] .hljs-symbol,
.tiptap pre > code[class^=language-] .hljs-bullet,
.tiptap pre > code[class^=language-] .hljs-link,
.tiptap pre > code[class^=language-] .hljs-meta,
.tiptap pre > code[class^=language-] .hljs-selector-id,
.tiptap pre > code[class^=language-] .hljs-title {
  color: #4078f2;
}
.tiptap pre > code[class^=language-] .hljs-emphasis {
  font-style: italic;
}
.tiptap pre > code[class^=language-] .hljs-strong {
  font-weight: bold;
}
.tiptap pre > code[class^=language-] .hljs-link {
  text-decoration: underline;
}
.aw-2-dark .tiptap pre > code[class^=language-] .hljs-doctag,
.aw-2-dark .tiptap pre > code[class^=language-] .hljs-keyword,
.aw-2-dark .tiptap pre > code[class^=language-] .hljs-meta .hljs-keyword,
.aw-2-dark .tiptap pre > code[class^=language-] .hljs-template-tag,
.aw-2-dark .tiptap pre > code[class^=language-] .hljs-template-variable,
.aw-2-dark .tiptap pre > code[class^=language-] .hljs-type,
.aw-2-dark .tiptap pre > code[class^=language-] .hljs-variable.language_ {
  color: #ff7b72;
}
.aw-2-dark .tiptap pre > code[class^=language-] .hljs-title,
.aw-2-dark .tiptap pre > code[class^=language-] .hljs-title.class_,
.aw-2-dark .tiptap pre > code[class^=language-] .hljs-title.class_.inherited__,
.aw-2-dark .tiptap pre > code[class^=language-] .hljs-title.function_ {
  color: #d2a8ff;
}
.aw-2-dark .tiptap pre > code[class^=language-] .hljs-attr,
.aw-2-dark .tiptap pre > code[class^=language-] .hljs-attribute,
.aw-2-dark .tiptap pre > code[class^=language-] .hljs-literal,
.aw-2-dark .tiptap pre > code[class^=language-] .hljs-meta,
.aw-2-dark .tiptap pre > code[class^=language-] .hljs-number,
.aw-2-dark .tiptap pre > code[class^=language-] .hljs-operator,
.aw-2-dark .tiptap pre > code[class^=language-] .hljs-selector-attr,
.aw-2-dark .tiptap pre > code[class^=language-] .hljs-selector-class,
.aw-2-dark .tiptap pre > code[class^=language-] .hljs-selector-id,
.aw-2-dark .tiptap pre > code[class^=language-] .hljs-variable {
  color: #79c0ff;
}
.aw-2-dark .tiptap pre > code[class^=language-] .hljs-meta .hljs-string,
.aw-2-dark .tiptap pre > code[class^=language-] .hljs-regexp,
.aw-2-dark .tiptap pre > code[class^=language-] .hljs-string {
  color: #a5d6ff;
}
.aw-2-dark .tiptap pre > code[class^=language-] .hljs-built_in,
.aw-2-dark .tiptap pre > code[class^=language-] .hljs-symbol {
  color: #ffa657;
}
.aw-2-dark .tiptap pre > code[class^=language-] .hljs-code,
.aw-2-dark .tiptap pre > code[class^=language-] .hljs-comment,
.aw-2-dark .tiptap pre > code[class^=language-] .hljs-formula {
  color: #8b949e;
}
.aw-2-dark .tiptap pre > code[class^=language-] .hljs-name,
.aw-2-dark .tiptap pre > code[class^=language-] .hljs-quote,
.aw-2-dark .tiptap pre > code[class^=language-] .hljs-selector-pseudo,
.aw-2-dark .tiptap pre > code[class^=language-] .hljs-selector-tag {
  color: #7ee787;
}
.aw-2-dark .tiptap pre > code[class^=language-] .hljs-subst {
  color: #c9d1d9;
}
.aw-2-dark .tiptap pre > code[class^=language-] .hljs-section {
  color: #1f6feb;
  font-weight: 700;
}
.aw-2-dark .tiptap pre > code[class^=language-] .hljs-bullet {
  color: #f2cc60;
}
.aw-2-dark .tiptap pre > code[class^=language-] .hljs-emphasis {
  color: #c9d1d9;
  font-style: italic;
}
.aw-2-dark .tiptap pre > code[class^=language-] .hljs-strong {
  color: #c9d1d9;
  font-weight: 700;
}
.aw-2-dark .tiptap pre > code[class^=language-] .hljs-addition {
  color: #aff5b4;
  background-color: #033a16;
}
.aw-2-dark .tiptap pre > code[class^=language-] .hljs-deletion {
  color: #ffdcd7;
  background-color: #67060c;
}

/* apps/web/src/styles/loader.scss */
:host {
  font-size: 0;
  line-height: 0;
  display: block;
}
.loader--text--xl--1:empty {
  width: 220px;
  height: 40px;
  display: inline-block;
  background-image:
    linear-gradient(
      120deg,
      rgba(var(--color-white-rgb), 0),
      rgba(var(--color-white-rgb), 0.5) 50%,
      rgba(var(--color-white-rgb), 0) 80%),
    radial-gradient(
      circle 20px at 20px 20px,
      var(--color-sky) 99%,
      transparent 0),
    radial-gradient(
      circle 20px at 20px 20px,
      var(--color-sky) 99%,
      transparent 0),
    linear-gradient(var(--color-sky) 40px, transparent 0);
  background-repeat: no-repeat;
  background-size:
    75px 40px,
    40px 40px,
    40px 40px,
    180px 40px;
  background-position:
    -75px 0,
    0 0,
    180px 0,
    20px 0;
  animation: loader--text--xl--1 1.2s infinite;
}
@keyframes loader--text--xl--1 {
  to {
    background-position:
      295px 0,
      0 0,
      180px 0,
      20px 0;
  }
}
.loader--text--xl--2:empty {
  width: 200px;
  height: 40px;
  display: inline-block;
  background-image:
    linear-gradient(
      120deg,
      rgba(var(--color-white-rgb), 0),
      rgba(var(--color-white-rgb), 0.5) 50%,
      rgba(var(--color-white-rgb), 0) 80%),
    radial-gradient(
      circle 20px at 20px 20px,
      var(--color-sky) 99%,
      transparent 0),
    radial-gradient(
      circle 20px at 20px 20px,
      var(--color-sky) 99%,
      transparent 0),
    linear-gradient(var(--color-sky) 40px, transparent 0);
  background-repeat: no-repeat;
  background-size:
    75px 40px,
    40px 40px,
    40px 40px,
    160px 40px;
  background-position:
    -75px 0,
    0 0,
    160px 0,
    20px 0;
  animation: loader--text--xl--2 1.2s infinite;
}
@keyframes loader--text--xl--2 {
  to {
    background-position:
      275px 0,
      0 0,
      160px 0,
      20px 0;
  }
}
.loader--text--xl--3:empty {
  width: 180px;
  height: 40px;
  display: inline-block;
  background-image:
    linear-gradient(
      120deg,
      rgba(var(--color-white-rgb), 0),
      rgba(var(--color-white-rgb), 0.5) 50%,
      rgba(var(--color-white-rgb), 0) 80%),
    radial-gradient(
      circle 20px at 20px 20px,
      var(--color-sky) 99%,
      transparent 0),
    radial-gradient(
      circle 20px at 20px 20px,
      var(--color-sky) 99%,
      transparent 0),
    linear-gradient(var(--color-sky) 40px, transparent 0);
  background-repeat: no-repeat;
  background-size:
    75px 40px,
    40px 40px,
    40px 40px,
    140px 40px;
  background-position:
    -75px 0,
    0 0,
    140px 0,
    20px 0;
  animation: loader--text--xl--3 1.2s infinite;
}
@keyframes loader--text--xl--3 {
  to {
    background-position:
      255px 0,
      0 0,
      140px 0,
      20px 0;
  }
}
.loader--text--l--1:empty {
  width: 220px;
  height: 32px;
  display: inline-block;
  background-image:
    linear-gradient(
      120deg,
      rgba(var(--color-white-rgb), 0),
      rgba(var(--color-white-rgb), 0.5) 50%,
      rgba(var(--color-white-rgb), 0) 80%),
    radial-gradient(
      circle 16px at 16px 16px,
      var(--color-sky) 99%,
      transparent 0),
    radial-gradient(
      circle 16px at 16px 16px,
      var(--color-sky) 99%,
      transparent 0),
    linear-gradient(var(--color-sky) 32px, transparent 0);
  background-repeat: no-repeat;
  background-size:
    75px 32px,
    32px 32px,
    32px 32px,
    188px 32px;
  background-position:
    -75px 0,
    0 0,
    188px 0,
    16px 0;
  animation: loader--text--l--1 1.2s infinite;
}
@keyframes loader--text--l--1 {
  to {
    background-position:
      295px 0,
      0 0,
      188px 0,
      16px 0;
  }
}
.loader--text--l--2:empty {
  width: 200px;
  height: 32px;
  display: inline-block;
  background-image:
    linear-gradient(
      120deg,
      rgba(var(--color-white-rgb), 0),
      rgba(var(--color-white-rgb), 0.5) 50%,
      rgba(var(--color-white-rgb), 0) 80%),
    radial-gradient(
      circle 16px at 16px 16px,
      var(--color-sky) 99%,
      transparent 0),
    radial-gradient(
      circle 16px at 16px 16px,
      var(--color-sky) 99%,
      transparent 0),
    linear-gradient(var(--color-sky) 32px, transparent 0);
  background-repeat: no-repeat;
  background-size:
    75px 32px,
    32px 32px,
    32px 32px,
    168px 32px;
  background-position:
    -75px 0,
    0 0,
    168px 0,
    16px 0;
  animation: loader--text--l--2 1.2s infinite;
}
@keyframes loader--text--l--2 {
  to {
    background-position:
      275px 0,
      0 0,
      168px 0,
      16px 0;
  }
}
.loader--text--l--3:empty {
  width: 180px;
  height: 32px;
  display: inline-block;
  background-image:
    linear-gradient(
      120deg,
      rgba(var(--color-white-rgb), 0),
      rgba(var(--color-white-rgb), 0.5) 50%,
      rgba(var(--color-white-rgb), 0) 80%),
    radial-gradient(
      circle 16px at 16px 16px,
      var(--color-sky) 99%,
      transparent 0),
    radial-gradient(
      circle 16px at 16px 16px,
      var(--color-sky) 99%,
      transparent 0),
    linear-gradient(var(--color-sky) 32px, transparent 0);
  background-repeat: no-repeat;
  background-size:
    75px 32px,
    32px 32px,
    32px 32px,
    148px 32px;
  background-position:
    -75px 0,
    0 0,
    148px 0,
    16px 0;
  animation: loader--text--l--3 1.2s infinite;
}
@keyframes loader--text--l--3 {
  to {
    background-position:
      255px 0,
      0 0,
      148px 0,
      16px 0;
  }
}
.loader--text--m--1:empty {
  width: 200px;
  height: 24px;
  display: inline-block;
  background-image:
    linear-gradient(
      120deg,
      rgba(var(--color-white-rgb), 0),
      rgba(var(--color-white-rgb), 0.5) 50%,
      rgba(var(--color-white-rgb), 0) 80%),
    radial-gradient(
      circle 12px at 12px 12px,
      var(--color-sky) 99%,
      transparent 0),
    radial-gradient(
      circle 12px at 12px 12px,
      var(--color-sky) 99%,
      transparent 0),
    linear-gradient(var(--color-sky) 24px, transparent 0);
  background-repeat: no-repeat;
  background-size:
    75px 24px,
    24px 24px,
    24px 24px,
    176px 24px;
  background-position:
    -75px 0,
    0 0,
    176px 0,
    12px 0;
  animation: loader--text--m--1 1.2s infinite;
}
@keyframes loader--text--m--1 {
  to {
    background-position:
      275px 0,
      0 0,
      176px 0,
      12px 0;
  }
}
.loader--text--m--2:empty {
  width: 180px;
  height: 24px;
  display: inline-block;
  background-image:
    linear-gradient(
      120deg,
      rgba(var(--color-white-rgb), 0),
      rgba(var(--color-white-rgb), 0.5) 50%,
      rgba(var(--color-white-rgb), 0) 80%),
    radial-gradient(
      circle 12px at 12px 12px,
      var(--color-sky) 99%,
      transparent 0),
    radial-gradient(
      circle 12px at 12px 12px,
      var(--color-sky) 99%,
      transparent 0),
    linear-gradient(var(--color-sky) 24px, transparent 0);
  background-repeat: no-repeat;
  background-size:
    75px 24px,
    24px 24px,
    24px 24px,
    156px 24px;
  background-position:
    -75px 0,
    0 0,
    156px 0,
    12px 0;
  animation: loader--text--m--2 1.2s infinite;
}
@keyframes loader--text--m--2 {
  to {
    background-position:
      255px 0,
      0 0,
      156px 0,
      12px 0;
  }
}
.loader--text--m--3:empty {
  width: 160px;
  height: 24px;
  display: inline-block;
  background-image:
    linear-gradient(
      120deg,
      rgba(var(--color-white-rgb), 0),
      rgba(var(--color-white-rgb), 0.5) 50%,
      rgba(var(--color-white-rgb), 0) 80%),
    radial-gradient(
      circle 12px at 12px 12px,
      var(--color-sky) 99%,
      transparent 0),
    radial-gradient(
      circle 12px at 12px 12px,
      var(--color-sky) 99%,
      transparent 0),
    linear-gradient(var(--color-sky) 24px, transparent 0);
  background-repeat: no-repeat;
  background-size:
    75px 24px,
    24px 24px,
    24px 24px,
    136px 24px;
  background-position:
    -75px 0,
    0 0,
    136px 0,
    12px 0;
  animation: loader--text--m--3 1.2s infinite;
}
@keyframes loader--text--m--3 {
  to {
    background-position:
      235px 0,
      0 0,
      136px 0,
      12px 0;
  }
}
.loader--text--s--1:empty {
  width: 160px;
  height: 20px;
  display: inline-block;
  background-image:
    linear-gradient(
      120deg,
      rgba(var(--color-white-rgb), 0),
      rgba(var(--color-white-rgb), 0.5) 50%,
      rgba(var(--color-white-rgb), 0) 80%),
    radial-gradient(
      circle 10px at 10px 10px,
      var(--color-sky) 99%,
      transparent 0),
    radial-gradient(
      circle 10px at 10px 10px,
      var(--color-sky) 99%,
      transparent 0),
    linear-gradient(var(--color-sky) 20px, transparent 0);
  background-repeat: no-repeat;
  background-size:
    75px 20px,
    20px 20px,
    20px 20px,
    140px 20px;
  background-position:
    -75px 0,
    0 0,
    140px 0,
    10px 0;
  animation: loader--text--s--1 1.2s infinite;
}
@keyframes loader--text--s--1 {
  to {
    background-position:
      235px 0,
      0 0,
      140px 0,
      10px 0;
  }
}
.loader--text--s--2:empty {
  width: 140px;
  height: 20px;
  display: inline-block;
  background-image:
    linear-gradient(
      120deg,
      rgba(var(--color-white-rgb), 0),
      rgba(var(--color-white-rgb), 0.5) 50%,
      rgba(var(--color-white-rgb), 0) 80%),
    radial-gradient(
      circle 10px at 10px 10px,
      var(--color-sky) 99%,
      transparent 0),
    radial-gradient(
      circle 10px at 10px 10px,
      var(--color-sky) 99%,
      transparent 0),
    linear-gradient(var(--color-sky) 20px, transparent 0);
  background-repeat: no-repeat;
  background-size:
    75px 20px,
    20px 20px,
    20px 20px,
    120px 20px;
  background-position:
    -75px 0,
    0 0,
    120px 0,
    10px 0;
  animation: loader--text--s--2 1.2s infinite;
}
@keyframes loader--text--s--2 {
  to {
    background-position:
      215px 0,
      0 0,
      120px 0,
      10px 0;
  }
}
.loader--text--s--3:empty {
  width: 120px;
  height: 20px;
  display: inline-block;
  background-image:
    linear-gradient(
      120deg,
      rgba(var(--color-white-rgb), 0),
      rgba(var(--color-white-rgb), 0.5) 50%,
      rgba(var(--color-white-rgb), 0) 80%),
    radial-gradient(
      circle 10px at 10px 10px,
      var(--color-sky) 99%,
      transparent 0),
    radial-gradient(
      circle 10px at 10px 10px,
      var(--color-sky) 99%,
      transparent 0),
    linear-gradient(var(--color-sky) 20px, transparent 0);
  background-repeat: no-repeat;
  background-size:
    75px 20px,
    20px 20px,
    20px 20px,
    100px 20px;
  background-position:
    -75px 0,
    0 0,
    100px 0,
    10px 0;
  animation: loader--text--s--3 1.2s infinite;
}
@keyframes loader--text--s--3 {
  to {
    background-position:
      195px 0,
      0 0,
      100px 0,
      10px 0;
  }
}
.loader--text--xs--1:empty {
  width: 140px;
  height: 16px;
  display: inline-block;
  background-image:
    linear-gradient(
      120deg,
      rgba(var(--color-white-rgb), 0),
      rgba(var(--color-white-rgb), 0.5) 50%,
      rgba(var(--color-white-rgb), 0) 80%),
    radial-gradient(
      circle 8px at 8px 8px,
      var(--color-sky) 99%,
      transparent 0),
    radial-gradient(
      circle 8px at 8px 8px,
      var(--color-sky) 99%,
      transparent 0),
    linear-gradient(var(--color-sky) 16px, transparent 0);
  background-repeat: no-repeat;
  background-size:
    75px 16px,
    16px 16px,
    16px 16px,
    124px 16px;
  background-position:
    -75px 0,
    0 0,
    124px 0,
    8px 0;
  animation: loader--text--xs--1 1.2s infinite;
}
@keyframes loader--text--xs--1 {
  to {
    background-position:
      215px 0,
      0 0,
      124px 0,
      8px 0;
  }
}
.loader--text--xs--2:empty {
  width: 120px;
  height: 16px;
  display: inline-block;
  background-image:
    linear-gradient(
      120deg,
      rgba(var(--color-white-rgb), 0),
      rgba(var(--color-white-rgb), 0.5) 50%,
      rgba(var(--color-white-rgb), 0) 80%),
    radial-gradient(
      circle 8px at 8px 8px,
      var(--color-sky) 99%,
      transparent 0),
    radial-gradient(
      circle 8px at 8px 8px,
      var(--color-sky) 99%,
      transparent 0),
    linear-gradient(var(--color-sky) 16px, transparent 0);
  background-repeat: no-repeat;
  background-size:
    75px 16px,
    16px 16px,
    16px 16px,
    104px 16px;
  background-position:
    -75px 0,
    0 0,
    104px 0,
    8px 0;
  animation: loader--text--xs--2 1.2s infinite;
}
@keyframes loader--text--xs--2 {
  to {
    background-position:
      195px 0,
      0 0,
      104px 0,
      8px 0;
  }
}
.loader--text--xs--3:empty {
  width: 100px;
  height: 16px;
  display: inline-block;
  background-image:
    linear-gradient(
      120deg,
      rgba(var(--color-white-rgb), 0),
      rgba(var(--color-white-rgb), 0.5) 50%,
      rgba(var(--color-white-rgb), 0) 80%),
    radial-gradient(
      circle 8px at 8px 8px,
      var(--color-sky) 99%,
      transparent 0),
    radial-gradient(
      circle 8px at 8px 8px,
      var(--color-sky) 99%,
      transparent 0),
    linear-gradient(var(--color-sky) 16px, transparent 0);
  background-repeat: no-repeat;
  background-size:
    75px 16px,
    16px 16px,
    16px 16px,
    84px 16px;
  background-position:
    -75px 0,
    0 0,
    84px 0,
    8px 0;
  animation: loader--text--xs--3 1.2s infinite;
}
@keyframes loader--text--xs--3 {
  to {
    background-position:
      175px 0,
      0 0,
      84px 0,
      8px 0;
  }
}
.loader--badge--l--1:empty {
  width: 100px;
  height: 40px;
  display: inline-block;
  background-image:
    linear-gradient(
      120deg,
      rgba(var(--color-white-rgb), 0),
      rgba(var(--color-white-rgb), 0.5) 50%,
      rgba(var(--color-white-rgb), 0) 80%),
    radial-gradient(
      circle 20px at 20px 20px,
      var(--color-sky) 99%,
      transparent 0),
    radial-gradient(
      circle 20px at 20px 20px,
      var(--color-sky) 99%,
      transparent 0),
    linear-gradient(var(--color-sky) 40px, transparent 0);
  background-repeat: no-repeat;
  background-size:
    75px 40px,
    40px 40px,
    40px 40px,
    60px 40px;
  background-position:
    -75px 0,
    0 0,
    60px 0,
    20px 0;
  animation: loader--badge--l--1 1.2s infinite;
}
@keyframes loader--badge--l--1 {
  to {
    background-position:
      175px 0,
      0 0,
      60px 0,
      20px 0;
  }
}
.loader--badge--l--2:empty {
  width: 90px;
  height: 40px;
  display: inline-block;
  background-image:
    linear-gradient(
      120deg,
      rgba(var(--color-white-rgb), 0),
      rgba(var(--color-white-rgb), 0.5) 50%,
      rgba(var(--color-white-rgb), 0) 80%),
    radial-gradient(
      circle 20px at 20px 20px,
      var(--color-sky) 99%,
      transparent 0),
    radial-gradient(
      circle 20px at 20px 20px,
      var(--color-sky) 99%,
      transparent 0),
    linear-gradient(var(--color-sky) 40px, transparent 0);
  background-repeat: no-repeat;
  background-size:
    75px 40px,
    40px 40px,
    40px 40px,
    50px 40px;
  background-position:
    -75px 0,
    0 0,
    50px 0,
    20px 0;
  animation: loader--badge--l--2 1.2s infinite;
}
@keyframes loader--badge--l--2 {
  to {
    background-position:
      165px 0,
      0 0,
      50px 0,
      20px 0;
  }
}
.loader--badge--l--3:empty {
  width: 80px;
  height: 40px;
  display: inline-block;
  background-image:
    linear-gradient(
      120deg,
      rgba(var(--color-white-rgb), 0),
      rgba(var(--color-white-rgb), 0.5) 50%,
      rgba(var(--color-white-rgb), 0) 80%),
    radial-gradient(
      circle 20px at 20px 20px,
      var(--color-sky) 99%,
      transparent 0),
    radial-gradient(
      circle 20px at 20px 20px,
      var(--color-sky) 99%,
      transparent 0),
    linear-gradient(var(--color-sky) 40px, transparent 0);
  background-repeat: no-repeat;
  background-size:
    75px 40px,
    40px 40px,
    40px 40px,
    40px 40px;
  background-position:
    -75px 0,
    0 0,
    40px 0,
    20px 0;
  animation: loader--badge--l--3 1.2s infinite;
}
@keyframes loader--badge--l--3 {
  to {
    background-position:
      155px 0,
      0 0,
      40px 0,
      20px 0;
  }
}
.loader--badge--l--1:empty {
  width: 100px;
  height: 36px;
  display: inline-block;
  background-image:
    linear-gradient(
      120deg,
      rgba(var(--color-white-rgb), 0),
      rgba(var(--color-white-rgb), 0.5) 50%,
      rgba(var(--color-white-rgb), 0) 80%),
    radial-gradient(
      circle 18px at 18px 18px,
      var(--color-sky) 99%,
      transparent 0),
    radial-gradient(
      circle 18px at 18px 18px,
      var(--color-sky) 99%,
      transparent 0),
    linear-gradient(var(--color-sky) 36px, transparent 0);
  background-repeat: no-repeat;
  background-size:
    75px 36px,
    36px 36px,
    36px 36px,
    64px 36px;
  background-position:
    -75px 0,
    0 0,
    64px 0,
    18px 0;
  animation: loader--badge--l--1 1.2s infinite;
}
@keyframes loader--badge--l--1 {
  to {
    background-position:
      175px 0,
      0 0,
      64px 0,
      18px 0;
  }
}
.loader--badge--l--2:empty {
  width: 90px;
  height: 36px;
  display: inline-block;
  background-image:
    linear-gradient(
      120deg,
      rgba(var(--color-white-rgb), 0),
      rgba(var(--color-white-rgb), 0.5) 50%,
      rgba(var(--color-white-rgb), 0) 80%),
    radial-gradient(
      circle 18px at 18px 18px,
      var(--color-sky) 99%,
      transparent 0),
    radial-gradient(
      circle 18px at 18px 18px,
      var(--color-sky) 99%,
      transparent 0),
    linear-gradient(var(--color-sky) 36px, transparent 0);
  background-repeat: no-repeat;
  background-size:
    75px 36px,
    36px 36px,
    36px 36px,
    54px 36px;
  background-position:
    -75px 0,
    0 0,
    54px 0,
    18px 0;
  animation: loader--badge--l--2 1.2s infinite;
}
@keyframes loader--badge--l--2 {
  to {
    background-position:
      165px 0,
      0 0,
      54px 0,
      18px 0;
  }
}
.loader--badge--l--3:empty {
  width: 80px;
  height: 36px;
  display: inline-block;
  background-image:
    linear-gradient(
      120deg,
      rgba(var(--color-white-rgb), 0),
      rgba(var(--color-white-rgb), 0.5) 50%,
      rgba(var(--color-white-rgb), 0) 80%),
    radial-gradient(
      circle 18px at 18px 18px,
      var(--color-sky) 99%,
      transparent 0),
    radial-gradient(
      circle 18px at 18px 18px,
      var(--color-sky) 99%,
      transparent 0),
    linear-gradient(var(--color-sky) 36px, transparent 0);
  background-repeat: no-repeat;
  background-size:
    75px 36px,
    36px 36px,
    36px 36px,
    44px 36px;
  background-position:
    -75px 0,
    0 0,
    44px 0,
    18px 0;
  animation: loader--badge--l--3 1.2s infinite;
}
@keyframes loader--badge--l--3 {
  to {
    background-position:
      155px 0,
      0 0,
      44px 0,
      18px 0;
  }
}
.loader--badge--m--1:empty {
  width: 90px;
  height: 32px;
  display: inline-block;
  background-image:
    linear-gradient(
      120deg,
      rgba(var(--color-white-rgb), 0),
      rgba(var(--color-white-rgb), 0.5) 50%,
      rgba(var(--color-white-rgb), 0) 80%),
    radial-gradient(
      circle 16px at 16px 16px,
      var(--color-sky) 99%,
      transparent 0),
    radial-gradient(
      circle 16px at 16px 16px,
      var(--color-sky) 99%,
      transparent 0),
    linear-gradient(var(--color-sky) 32px, transparent 0);
  background-repeat: no-repeat;
  background-size:
    75px 32px,
    32px 32px,
    32px 32px,
    58px 32px;
  background-position:
    -75px 0,
    0 0,
    58px 0,
    16px 0;
  animation: loader--badge--m--1 1.2s infinite;
}
@keyframes loader--badge--m--1 {
  to {
    background-position:
      165px 0,
      0 0,
      58px 0,
      16px 0;
  }
}
.loader--badge--m--2:empty {
  width: 80px;
  height: 32px;
  display: inline-block;
  background-image:
    linear-gradient(
      120deg,
      rgba(var(--color-white-rgb), 0),
      rgba(var(--color-white-rgb), 0.5) 50%,
      rgba(var(--color-white-rgb), 0) 80%),
    radial-gradient(
      circle 16px at 16px 16px,
      var(--color-sky) 99%,
      transparent 0),
    radial-gradient(
      circle 16px at 16px 16px,
      var(--color-sky) 99%,
      transparent 0),
    linear-gradient(var(--color-sky) 32px, transparent 0);
  background-repeat: no-repeat;
  background-size:
    75px 32px,
    32px 32px,
    32px 32px,
    48px 32px;
  background-position:
    -75px 0,
    0 0,
    48px 0,
    16px 0;
  animation: loader--badge--m--2 1.2s infinite;
}
@keyframes loader--badge--m--2 {
  to {
    background-position:
      155px 0,
      0 0,
      48px 0,
      16px 0;
  }
}
.loader--badge--m--3:empty {
  width: 70px;
  height: 32px;
  display: inline-block;
  background-image:
    linear-gradient(
      120deg,
      rgba(var(--color-white-rgb), 0),
      rgba(var(--color-white-rgb), 0.5) 50%,
      rgba(var(--color-white-rgb), 0) 80%),
    radial-gradient(
      circle 16px at 16px 16px,
      var(--color-sky) 99%,
      transparent 0),
    radial-gradient(
      circle 16px at 16px 16px,
      var(--color-sky) 99%,
      transparent 0),
    linear-gradient(var(--color-sky) 32px, transparent 0);
  background-repeat: no-repeat;
  background-size:
    75px 32px,
    32px 32px,
    32px 32px,
    38px 32px;
  background-position:
    -75px 0,
    0 0,
    38px 0,
    16px 0;
  animation: loader--badge--m--3 1.2s infinite;
}
@keyframes loader--badge--m--3 {
  to {
    background-position:
      145px 0,
      0 0,
      38px 0,
      16px 0;
  }
}
.loader--badge--s--1:empty {
  width: 80px;
  height: 24px;
  display: inline-block;
  background-image:
    linear-gradient(
      120deg,
      rgba(var(--color-white-rgb), 0),
      rgba(var(--color-white-rgb), 0.5) 50%,
      rgba(var(--color-white-rgb), 0) 80%),
    radial-gradient(
      circle 12px at 12px 12px,
      var(--color-sky) 99%,
      transparent 0),
    radial-gradient(
      circle 12px at 12px 12px,
      var(--color-sky) 99%,
      transparent 0),
    linear-gradient(var(--color-sky) 24px, transparent 0);
  background-repeat: no-repeat;
  background-size:
    75px 24px,
    24px 24px,
    24px 24px,
    56px 24px;
  background-position:
    -75px 0,
    0 0,
    56px 0,
    12px 0;
  animation: loader--badge--s--1 1.2s infinite;
}
@keyframes loader--badge--s--1 {
  to {
    background-position:
      155px 0,
      0 0,
      56px 0,
      12px 0;
  }
}
.loader--badge--s--2:empty {
  width: 70px;
  height: 24px;
  display: inline-block;
  background-image:
    linear-gradient(
      120deg,
      rgba(var(--color-white-rgb), 0),
      rgba(var(--color-white-rgb), 0.5) 50%,
      rgba(var(--color-white-rgb), 0) 80%),
    radial-gradient(
      circle 12px at 12px 12px,
      var(--color-sky) 99%,
      transparent 0),
    radial-gradient(
      circle 12px at 12px 12px,
      var(--color-sky) 99%,
      transparent 0),
    linear-gradient(var(--color-sky) 24px, transparent 0);
  background-repeat: no-repeat;
  background-size:
    75px 24px,
    24px 24px,
    24px 24px,
    46px 24px;
  background-position:
    -75px 0,
    0 0,
    46px 0,
    12px 0;
  animation: loader--badge--s--2 1.2s infinite;
}
@keyframes loader--badge--s--2 {
  to {
    background-position:
      145px 0,
      0 0,
      46px 0,
      12px 0;
  }
}
.loader--badge--s--3:empty {
  width: 60px;
  height: 24px;
  display: inline-block;
  background-image:
    linear-gradient(
      120deg,
      rgba(var(--color-white-rgb), 0),
      rgba(var(--color-white-rgb), 0.5) 50%,
      rgba(var(--color-white-rgb), 0) 80%),
    radial-gradient(
      circle 12px at 12px 12px,
      var(--color-sky) 99%,
      transparent 0),
    radial-gradient(
      circle 12px at 12px 12px,
      var(--color-sky) 99%,
      transparent 0),
    linear-gradient(var(--color-sky) 24px, transparent 0);
  background-repeat: no-repeat;
  background-size:
    75px 24px,
    24px 24px,
    24px 24px,
    36px 24px;
  background-position:
    -75px 0,
    0 0,
    36px 0,
    12px 0;
  animation: loader--badge--s--3 1.2s infinite;
}
@keyframes loader--badge--s--3 {
  to {
    background-position:
      135px 0,
      0 0,
      36px 0,
      12px 0;
  }
}
.loader--badge--xs--1:empty {
  width: 70px;
  height: 16px;
  display: inline-block;
  background-image:
    linear-gradient(
      120deg,
      rgba(var(--color-white-rgb), 0),
      rgba(var(--color-white-rgb), 0.5) 50%,
      rgba(var(--color-white-rgb), 0) 80%),
    radial-gradient(
      circle 8px at 8px 8px,
      var(--color-sky) 99%,
      transparent 0),
    radial-gradient(
      circle 8px at 8px 8px,
      var(--color-sky) 99%,
      transparent 0),
    linear-gradient(var(--color-sky) 16px, transparent 0);
  background-repeat: no-repeat;
  background-size:
    75px 16px,
    16px 16px,
    16px 16px,
    54px 16px;
  background-position:
    -75px 0,
    0 0,
    54px 0,
    8px 0;
  animation: loader--badge--xs--1 1.2s infinite;
}
@keyframes loader--badge--xs--1 {
  to {
    background-position:
      145px 0,
      0 0,
      54px 0,
      8px 0;
  }
}
.loader--badge--xs--2:empty {
  width: 60px;
  height: 16px;
  display: inline-block;
  background-image:
    linear-gradient(
      120deg,
      rgba(var(--color-white-rgb), 0),
      rgba(var(--color-white-rgb), 0.5) 50%,
      rgba(var(--color-white-rgb), 0) 80%),
    radial-gradient(
      circle 8px at 8px 8px,
      var(--color-sky) 99%,
      transparent 0),
    radial-gradient(
      circle 8px at 8px 8px,
      var(--color-sky) 99%,
      transparent 0),
    linear-gradient(var(--color-sky) 16px, transparent 0);
  background-repeat: no-repeat;
  background-size:
    75px 16px,
    16px 16px,
    16px 16px,
    44px 16px;
  background-position:
    -75px 0,
    0 0,
    44px 0,
    8px 0;
  animation: loader--badge--xs--2 1.2s infinite;
}
@keyframes loader--badge--xs--2 {
  to {
    background-position:
      135px 0,
      0 0,
      44px 0,
      8px 0;
  }
}
.loader--badge--xs--3:empty {
  width: 50px;
  height: 16px;
  display: inline-block;
  background-image:
    linear-gradient(
      120deg,
      rgba(var(--color-white-rgb), 0),
      rgba(var(--color-white-rgb), 0.5) 50%,
      rgba(var(--color-white-rgb), 0) 80%),
    radial-gradient(
      circle 8px at 8px 8px,
      var(--color-sky) 99%,
      transparent 0),
    radial-gradient(
      circle 8px at 8px 8px,
      var(--color-sky) 99%,
      transparent 0),
    linear-gradient(var(--color-sky) 16px, transparent 0);
  background-repeat: no-repeat;
  background-size:
    75px 16px,
    16px 16px,
    16px 16px,
    34px 16px;
  background-position:
    -75px 0,
    0 0,
    34px 0,
    8px 0;
  animation: loader--badge--xs--3 1.2s infinite;
}
@keyframes loader--badge--xs--3 {
  to {
    background-position:
      125px 0,
      0 0,
      34px 0,
      8px 0;
  }
}
.loader--avatar--xl--1:empty {
  width: 220px;
  height: 80px;
  background-image:
    linear-gradient(
      120deg,
      rgba(var(--color-white-rgb), 0),
      rgba(var(--color-white-rgb), 0.5) 50%,
      rgba(var(--color-white-rgb), 0) 80%),
    radial-gradient(
      circle 40px at 40px 40px,
      var(--color-sky) 99%,
      transparent 0),
    radial-gradient(
      circle 12px at 12px 12px,
      var(--color-sky) 99%,
      transparent 0),
    radial-gradient(
      circle 12px at 12px 12px,
      var(--color-sky) 99%,
      transparent 0),
    linear-gradient(var(--color-sky) 24px, transparent 0);
  background-repeat: no-repeat;
  background-size:
    75px 80px,
    80px 80px,
    24px 24px,
    24px 24px,
    104px 24px;
  background-position:
    -75px 0,
    0 0,
    92px 28px,
    196px 28px,
    104px 28px;
  animation: loader--avatar--xl--1 1s infinite;
}
@keyframes loader--avatar--xl--1 {
  to {
    background-position:
      295px 0,
      0 0,
      92px 28px,
      196px 28px,
      104px 28px;
  }
}
.loader--avatar--xl--2:empty {
  width: 200px;
  height: 80px;
  background-image:
    linear-gradient(
      120deg,
      rgba(var(--color-white-rgb), 0),
      rgba(var(--color-white-rgb), 0.5) 50%,
      rgba(var(--color-white-rgb), 0) 80%),
    radial-gradient(
      circle 40px at 40px 40px,
      var(--color-sky) 99%,
      transparent 0),
    radial-gradient(
      circle 12px at 12px 12px,
      var(--color-sky) 99%,
      transparent 0),
    radial-gradient(
      circle 12px at 12px 12px,
      var(--color-sky) 99%,
      transparent 0),
    linear-gradient(var(--color-sky) 24px, transparent 0);
  background-repeat: no-repeat;
  background-size:
    75px 80px,
    80px 80px,
    24px 24px,
    24px 24px,
    84px 24px;
  background-position:
    -75px 0,
    0 0,
    92px 28px,
    176px 28px,
    104px 28px;
  animation: loader--avatar--xl--2 1s infinite;
}
@keyframes loader--avatar--xl--2 {
  to {
    background-position:
      275px 0,
      0 0,
      92px 28px,
      176px 28px,
      104px 28px;
  }
}
.loader--avatar--xl--3:empty {
  width: 180px;
  height: 80px;
  background-image:
    linear-gradient(
      120deg,
      rgba(var(--color-white-rgb), 0),
      rgba(var(--color-white-rgb), 0.5) 50%,
      rgba(var(--color-white-rgb), 0) 80%),
    radial-gradient(
      circle 40px at 40px 40px,
      var(--color-sky) 99%,
      transparent 0),
    radial-gradient(
      circle 12px at 12px 12px,
      var(--color-sky) 99%,
      transparent 0),
    radial-gradient(
      circle 12px at 12px 12px,
      var(--color-sky) 99%,
      transparent 0),
    linear-gradient(var(--color-sky) 24px, transparent 0);
  background-repeat: no-repeat;
  background-size:
    75px 80px,
    80px 80px,
    24px 24px,
    24px 24px,
    64px 24px;
  background-position:
    -75px 0,
    0 0,
    92px 28px,
    156px 28px,
    104px 28px;
  animation: loader--avatar--xl--3 1s infinite;
}
@keyframes loader--avatar--xl--3 {
  to {
    background-position:
      255px 0,
      0 0,
      92px 28px,
      156px 28px,
      104px 28px;
  }
}
.loader--avatar--l--1:empty {
  width: 220px;
  height: 40px;
  background-image:
    linear-gradient(
      120deg,
      rgba(var(--color-white-rgb), 0),
      rgba(var(--color-white-rgb), 0.5) 50%,
      rgba(var(--color-white-rgb), 0) 80%),
    radial-gradient(
      circle 20px at 20px 20px,
      var(--color-sky) 99%,
      transparent 0),
    radial-gradient(
      circle 12px at 12px 12px,
      var(--color-sky) 99%,
      transparent 0),
    radial-gradient(
      circle 12px at 12px 12px,
      var(--color-sky) 99%,
      transparent 0),
    linear-gradient(var(--color-sky) 24px, transparent 0);
  background-repeat: no-repeat;
  background-size:
    75px 40px,
    40px 40px,
    24px 24px,
    24px 24px,
    144px 24px;
  background-position:
    -75px 0,
    0 0,
    52px 8px,
    196px 8px,
    64px 8px;
  animation: loader--avatar--l--1 1s infinite;
}
@keyframes loader--avatar--l--1 {
  to {
    background-position:
      295px 0,
      0 0,
      52px 8px,
      196px 8px,
      64px 8px;
  }
}
.loader--avatar--l--2:empty {
  width: 200px;
  height: 40px;
  background-image:
    linear-gradient(
      120deg,
      rgba(var(--color-white-rgb), 0),
      rgba(var(--color-white-rgb), 0.5) 50%,
      rgba(var(--color-white-rgb), 0) 80%),
    radial-gradient(
      circle 20px at 20px 20px,
      var(--color-sky) 99%,
      transparent 0),
    radial-gradient(
      circle 12px at 12px 12px,
      var(--color-sky) 99%,
      transparent 0),
    radial-gradient(
      circle 12px at 12px 12px,
      var(--color-sky) 99%,
      transparent 0),
    linear-gradient(var(--color-sky) 24px, transparent 0);
  background-repeat: no-repeat;
  background-size:
    75px 40px,
    40px 40px,
    24px 24px,
    24px 24px,
    124px 24px;
  background-position:
    -75px 0,
    0 0,
    52px 8px,
    176px 8px,
    64px 8px;
  animation: loader--avatar--l--2 1s infinite;
}
@keyframes loader--avatar--l--2 {
  to {
    background-position:
      275px 0,
      0 0,
      52px 8px,
      176px 8px,
      64px 8px;
  }
}
.loader--avatar--l--3:empty {
  width: 180px;
  height: 40px;
  background-image:
    linear-gradient(
      120deg,
      rgba(var(--color-white-rgb), 0),
      rgba(var(--color-white-rgb), 0.5) 50%,
      rgba(var(--color-white-rgb), 0) 80%),
    radial-gradient(
      circle 20px at 20px 20px,
      var(--color-sky) 99%,
      transparent 0),
    radial-gradient(
      circle 12px at 12px 12px,
      var(--color-sky) 99%,
      transparent 0),
    radial-gradient(
      circle 12px at 12px 12px,
      var(--color-sky) 99%,
      transparent 0),
    linear-gradient(var(--color-sky) 24px, transparent 0);
  background-repeat: no-repeat;
  background-size:
    75px 40px,
    40px 40px,
    24px 24px,
    24px 24px,
    104px 24px;
  background-position:
    -75px 0,
    0 0,
    52px 8px,
    156px 8px,
    64px 8px;
  animation: loader--avatar--l--3 1s infinite;
}
@keyframes loader--avatar--l--3 {
  to {
    background-position:
      255px 0,
      0 0,
      52px 8px,
      156px 8px,
      64px 8px;
  }
}
.loader--avatar--m--1:empty {
  width: 200px;
  height: 32px;
  background-image:
    linear-gradient(
      120deg,
      rgba(var(--color-white-rgb), 0),
      rgba(var(--color-white-rgb), 0.5) 50%,
      rgba(var(--color-white-rgb), 0) 80%),
    radial-gradient(
      circle 16px at 16px 16px,
      var(--color-sky) 99%,
      transparent 0),
    radial-gradient(
      circle 12px at 12px 12px,
      var(--color-sky) 99%,
      transparent 0),
    radial-gradient(
      circle 12px at 12px 12px,
      var(--color-sky) 99%,
      transparent 0),
    linear-gradient(var(--color-sky) 24px, transparent 0);
  background-repeat: no-repeat;
  background-size:
    75px 32px,
    32px 32px,
    24px 24px,
    24px 24px,
    132px 24px;
  background-position:
    -75px 0,
    0 0,
    44px 4px,
    176px 4px,
    56px 4px;
  animation: loader--avatar--m--1 1s infinite;
}
@keyframes loader--avatar--m--1 {
  to {
    background-position:
      275px 0,
      0 0,
      44px 4px,
      176px 4px,
      56px 4px;
  }
}
.loader--avatar--m--2:empty {
  width: 180px;
  height: 32px;
  background-image:
    linear-gradient(
      120deg,
      rgba(var(--color-white-rgb), 0),
      rgba(var(--color-white-rgb), 0.5) 50%,
      rgba(var(--color-white-rgb), 0) 80%),
    radial-gradient(
      circle 16px at 16px 16px,
      var(--color-sky) 99%,
      transparent 0),
    radial-gradient(
      circle 12px at 12px 12px,
      var(--color-sky) 99%,
      transparent 0),
    radial-gradient(
      circle 12px at 12px 12px,
      var(--color-sky) 99%,
      transparent 0),
    linear-gradient(var(--color-sky) 24px, transparent 0);
  background-repeat: no-repeat;
  background-size:
    75px 32px,
    32px 32px,
    24px 24px,
    24px 24px,
    112px 24px;
  background-position:
    -75px 0,
    0 0,
    44px 4px,
    156px 4px,
    56px 4px;
  animation: loader--avatar--m--2 1s infinite;
}
@keyframes loader--avatar--m--2 {
  to {
    background-position:
      255px 0,
      0 0,
      44px 4px,
      156px 4px,
      56px 4px;
  }
}
.loader--avatar--m--3:empty {
  width: 160px;
  height: 32px;
  background-image:
    linear-gradient(
      120deg,
      rgba(var(--color-white-rgb), 0),
      rgba(var(--color-white-rgb), 0.5) 50%,
      rgba(var(--color-white-rgb), 0) 80%),
    radial-gradient(
      circle 16px at 16px 16px,
      var(--color-sky) 99%,
      transparent 0),
    radial-gradient(
      circle 12px at 12px 12px,
      var(--color-sky) 99%,
      transparent 0),
    radial-gradient(
      circle 12px at 12px 12px,
      var(--color-sky) 99%,
      transparent 0),
    linear-gradient(var(--color-sky) 24px, transparent 0);
  background-repeat: no-repeat;
  background-size:
    75px 32px,
    32px 32px,
    24px 24px,
    24px 24px,
    92px 24px;
  background-position:
    -75px 0,
    0 0,
    44px 4px,
    136px 4px,
    56px 4px;
  animation: loader--avatar--m--3 1s infinite;
}
@keyframes loader--avatar--m--3 {
  to {
    background-position:
      235px 0,
      0 0,
      44px 4px,
      136px 4px,
      56px 4px;
  }
}
.loader--avatar--s--1:empty {
  width: 180px;
  height: 24px;
  background-image:
    linear-gradient(
      120deg,
      rgba(var(--color-white-rgb), 0),
      rgba(var(--color-white-rgb), 0.5) 50%,
      rgba(var(--color-white-rgb), 0) 80%),
    radial-gradient(
      circle 12px at 12px 12px,
      var(--color-sky) 99%,
      transparent 0),
    radial-gradient(
      circle 10px at 10px 10px,
      var(--color-sky) 99%,
      transparent 0),
    radial-gradient(
      circle 10px at 10px 10px,
      var(--color-sky) 99%,
      transparent 0),
    linear-gradient(var(--color-sky) 20px, transparent 0);
  background-repeat: no-repeat;
  background-size:
    75px 24px,
    24px 24px,
    20px 20px,
    20px 20px,
    128px 20px;
  background-position:
    -75px 0,
    0 0,
    32px 2px,
    160px 2px,
    42px 2px;
  animation: loader--avatar--s--1 1s infinite;
}
@keyframes loader--avatar--s--1 {
  to {
    background-position:
      255px 0,
      0 0,
      32px 2px,
      160px 2px,
      42px 2px;
  }
}
.loader--avatar--s--2:empty {
  width: 160px;
  height: 24px;
  background-image:
    linear-gradient(
      120deg,
      rgba(var(--color-white-rgb), 0),
      rgba(var(--color-white-rgb), 0.5) 50%,
      rgba(var(--color-white-rgb), 0) 80%),
    radial-gradient(
      circle 12px at 12px 12px,
      var(--color-sky) 99%,
      transparent 0),
    radial-gradient(
      circle 10px at 10px 10px,
      var(--color-sky) 99%,
      transparent 0),
    radial-gradient(
      circle 10px at 10px 10px,
      var(--color-sky) 99%,
      transparent 0),
    linear-gradient(var(--color-sky) 20px, transparent 0);
  background-repeat: no-repeat;
  background-size:
    75px 24px,
    24px 24px,
    20px 20px,
    20px 20px,
    108px 20px;
  background-position:
    -75px 0,
    0 0,
    32px 2px,
    140px 2px,
    42px 2px;
  animation: loader--avatar--s--2 1s infinite;
}
@keyframes loader--avatar--s--2 {
  to {
    background-position:
      235px 0,
      0 0,
      32px 2px,
      140px 2px,
      42px 2px;
  }
}
.loader--avatar--s--3:empty {
  width: 140px;
  height: 24px;
  background-image:
    linear-gradient(
      120deg,
      rgba(var(--color-white-rgb), 0),
      rgba(var(--color-white-rgb), 0.5) 50%,
      rgba(var(--color-white-rgb), 0) 80%),
    radial-gradient(
      circle 12px at 12px 12px,
      var(--color-sky) 99%,
      transparent 0),
    radial-gradient(
      circle 10px at 10px 10px,
      var(--color-sky) 99%,
      transparent 0),
    radial-gradient(
      circle 10px at 10px 10px,
      var(--color-sky) 99%,
      transparent 0),
    linear-gradient(var(--color-sky) 20px, transparent 0);
  background-repeat: no-repeat;
  background-size:
    75px 24px,
    24px 24px,
    20px 20px,
    20px 20px,
    88px 20px;
  background-position:
    -75px 0,
    0 0,
    32px 2px,
    120px 2px,
    42px 2px;
  animation: loader--avatar--s--3 1s infinite;
}
@keyframes loader--avatar--s--3 {
  to {
    background-position:
      215px 0,
      0 0,
      32px 2px,
      120px 2px,
      42px 2px;
  }
}
.loader--avatar--xs--1:empty {
  width: 160px;
  height: 16px;
  background-image:
    linear-gradient(
      120deg,
      rgba(var(--color-white-rgb), 0),
      rgba(var(--color-white-rgb), 0.5) 50%,
      rgba(var(--color-white-rgb), 0) 80%),
    radial-gradient(
      circle 8px at 8px 8px,
      var(--color-sky) 99%,
      transparent 0),
    radial-gradient(
      circle 6px at 6px 6px,
      var(--color-sky) 99%,
      transparent 0),
    radial-gradient(
      circle 6px at 6px 6px,
      var(--color-sky) 99%,
      transparent 0),
    linear-gradient(var(--color-sky) 12px, transparent 0);
  background-repeat: no-repeat;
  background-size:
    75px 16px,
    16px 16px,
    12px 12px,
    12px 12px,
    124px 12px;
  background-position:
    -75px 0,
    0 0,
    24px 2px,
    148px 2px,
    30px 2px;
  animation: loader--avatar--xs--1 1s infinite;
}
@keyframes loader--avatar--xs--1 {
  to {
    background-position:
      235px 0,
      0 0,
      24px 2px,
      148px 2px,
      30px 2px;
  }
}
.loader--avatar--xs--2:empty {
  width: 140px;
  height: 16px;
  background-image:
    linear-gradient(
      120deg,
      rgba(var(--color-white-rgb), 0),
      rgba(var(--color-white-rgb), 0.5) 50%,
      rgba(var(--color-white-rgb), 0) 80%),
    radial-gradient(
      circle 8px at 8px 8px,
      var(--color-sky) 99%,
      transparent 0),
    radial-gradient(
      circle 6px at 6px 6px,
      var(--color-sky) 99%,
      transparent 0),
    radial-gradient(
      circle 6px at 6px 6px,
      var(--color-sky) 99%,
      transparent 0),
    linear-gradient(var(--color-sky) 12px, transparent 0);
  background-repeat: no-repeat;
  background-size:
    75px 16px,
    16px 16px,
    12px 12px,
    12px 12px,
    104px 12px;
  background-position:
    -75px 0,
    0 0,
    24px 2px,
    128px 2px,
    30px 2px;
  animation: loader--avatar--xs--2 1s infinite;
}
@keyframes loader--avatar--xs--2 {
  to {
    background-position:
      215px 0,
      0 0,
      24px 2px,
      128px 2px,
      30px 2px;
  }
}
.loader--avatar--xs--3:empty {
  width: 120px;
  height: 16px;
  background-image:
    linear-gradient(
      120deg,
      rgba(var(--color-white-rgb), 0),
      rgba(var(--color-white-rgb), 0.5) 50%,
      rgba(var(--color-white-rgb), 0) 80%),
    radial-gradient(
      circle 8px at 8px 8px,
      var(--color-sky) 99%,
      transparent 0),
    radial-gradient(
      circle 6px at 6px 6px,
      var(--color-sky) 99%,
      transparent 0),
    radial-gradient(
      circle 6px at 6px 6px,
      var(--color-sky) 99%,
      transparent 0),
    linear-gradient(var(--color-sky) 12px, transparent 0);
  background-repeat: no-repeat;
  background-size:
    75px 16px,
    16px 16px,
    12px 12px,
    12px 12px,
    84px 12px;
  background-position:
    -75px 0,
    0 0,
    24px 2px,
    108px 2px,
    30px 2px;
  animation: loader--avatar--xs--3 1s infinite;
}
@keyframes loader--avatar--xs--3 {
  to {
    background-position:
      195px 0,
      0 0,
      24px 2px,
      108px 2px,
      30px 2px;
  }
}
.loader--circle--xs:empty {
  width: 16px;
  height: 16px;
  background-image:
    linear-gradient(
      120deg,
      rgba(var(--color-white-rgb), 0),
      rgba(var(--color-white-rgb), 0.5) 50%,
      rgba(var(--color-white-rgb), 0) 80%),
    radial-gradient(
      circle 8px at 8px 8px,
      var(--color-sky) 99%,
      transparent 0);
  background-repeat: no-repeat;
  background-size: 75px 16px, 16px 16px;
  background-position: -75px 0, 0 0;
  animation: loader--circle--xs 1s infinite;
}
@keyframes loader--circle--xs {
  to {
    background-position: 91px 0, 0 0;
  }
}
.loader--circle--s:empty {
  width: 24px;
  height: 24px;
  background-image:
    linear-gradient(
      120deg,
      rgba(var(--color-white-rgb), 0),
      rgba(var(--color-white-rgb), 0.5) 50%,
      rgba(var(--color-white-rgb), 0) 80%),
    radial-gradient(
      circle 12px at 12px 12px,
      var(--color-sky) 99%,
      transparent 0);
  background-repeat: no-repeat;
  background-size: 75px 24px, 24px 24px;
  background-position: -75px 0, 0 0;
  animation: loader--circle--s 1s infinite;
}
@keyframes loader--circle--s {
  to {
    background-position: 99px 0, 0 0;
  }
}
.loader--circle--m:empty {
  width: 32px;
  height: 32px;
  background-image:
    linear-gradient(
      120deg,
      rgba(var(--color-white-rgb), 0),
      rgba(var(--color-white-rgb), 0.5) 50%,
      rgba(var(--color-white-rgb), 0) 80%),
    radial-gradient(
      circle 16px at 16px 16px,
      var(--color-sky) 99%,
      transparent 0);
  background-repeat: no-repeat;
  background-size: 75px 32px, 32px 32px;
  background-position: -75px 0, 0 0;
  animation: loader--circle--m 1s infinite;
}
@keyframes loader--circle--m {
  to {
    background-position: 107px 0, 0 0;
  }
}
.loader--circle--l:empty {
  width: 40px;
  height: 40px;
  background-image:
    linear-gradient(
      120deg,
      rgba(var(--color-white-rgb), 0),
      rgba(var(--color-white-rgb), 0.5) 50%,
      rgba(var(--color-white-rgb), 0) 80%),
    radial-gradient(
      circle 20px at 20px 20px,
      var(--color-sky) 99%,
      transparent 0);
  background-repeat: no-repeat;
  background-size: 75px 40px, 40px 40px;
  background-position: -75px 0, 0 0;
  animation: loader--circle--l 1s infinite;
}
@keyframes loader--circle--l {
  to {
    background-position: 115px 0, 0 0;
  }
}
.loader--circle--xl:empty {
  width: 80px;
  height: 80px;
  background-image:
    linear-gradient(
      120deg,
      rgba(var(--color-white-rgb), 0),
      rgba(var(--color-white-rgb), 0.5) 50%,
      rgba(var(--color-white-rgb), 0) 80%),
    radial-gradient(
      circle 40px at 40px 40px,
      var(--color-sky) 99%,
      transparent 0);
  background-repeat: no-repeat;
  background-size: 75px 80px, 80px 80px;
  background-position: -75px 0, 0 0;
  animation: loader--circle--xl 1s infinite;
}
@keyframes loader--circle--xl {
  to {
    background-position: 155px 0, 0 0;
  }
}
.dots-loader {
  display: flex;
}
.dots-loader--xs {
  gap: 1px;
}
.dots-loader--xs span {
  width: 2px;
  height: 2px;
}
.dots-loader--s {
  gap: 2px;
}
.dots-loader--s span {
  width: 4px;
  height: 4px;
}
.dots-loader--m {
  gap: 4px;
}
.dots-loader--m span {
  width: 8px;
  height: 8px;
  animation-name: button-loader-m;
}
.dots-loader--l {
  gap: 8px;
}
.dots-loader--l span {
  width: 24px;
  height: 24px;
  animation-name: button-loader-l;
}
.dots-loader__dot {
  border-radius: 50%;
  animation: button-loader 1.6s linear infinite;
  vertical-align: text-bottom;
}
.dots-loader__dot:nth-child(1) {
  animation-delay: 0s;
}
.dots-loader__dot:nth-child(2) {
  animation-delay: 0.3s;
}
.dots-loader__dot:nth-child(3) {
  animation-delay: 0.6s;
}
.dots-loader--main {
  background: var(--color-border-main);
}
.dots-loader--red {
  background: var(--color-red-700);
}
.dots-loader--green {
  background: var(--color-green-700);
}
.dots-loader--blue {
  background: var(--color-blue-700);
}
.dots-loader--yellow {
  background: var(--color-yellow-700);
}
.dots-loader--purple {
  background: var(--color-purple-700);
}
.dots-loader--orange {
  background: var(--color-orange-700);
}
.dots-loader--cyan {
  background: var(--color-cyan-700);
}
.dots-loader--indigo {
  background: var(--color-indigo-700);
}
.dots-loader--teal {
  background: var(--color-teal-700);
}
.dots-loader--white {
  background: var(--color-white);
}
.dots-loader--smoke {
  background: var(--color-smoke);
}
.dots-loader--ice {
  background: var(--color-ice);
}
.dots-loader--sky {
  background: var(--color-sky);
}
.dots-loader--fog {
  background: var(--color-fog);
}
.dots-loader--dust {
  background: var(--color-dust);
}
.dots-loader--light-steel {
  background: var(--color-light-steel);
}
.dots-loader--steel {
  background: var(--color-steel);
}
.dots-loader--slate {
  background: var(--color-slate);
}
.dots-loader--midnight {
  background: var(--color-midnight);
}
.dots-loader--asphalt {
  background: var(--color-asphalt);
}
.dots-loader--night {
  background: var(--color-night);
}
.dots-loader--always-white {
  background: #fff;
}
@keyframes button-loader {
  0%, 40%, 100% {
    transform: initial;
  }
  20% {
    transform: translateY(-8px);
  }
}
@keyframes button-loader-m {
  0%, 40%, 100% {
    transform: initial;
  }
  20% {
    transform: translateY(-12px);
  }
}
@keyframes button-loader-l {
  0%, 40%, 100% {
    transform: initial;
  }
  20% {
    transform: translateY(-24px);
  }
}
#loader > div {
  display: none;
}
#loader-auth {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  height: 100vh;
  text-align: center;
  background:
    linear-gradient(
      135deg,
      #dce2ff 0%,
      #e4d5ff 33%,
      #fadcff 66%,
      #fddfeb 100%);
  background-color: #dce2ff;
}
@media screen and (max-width: 540px) {
  #loader-auth {
    background: #fff;
  }
}
#loader-auth .auth-header {
  display: flex;
  flex-direction: column;
  min-height: 60px;
}
#loader-auth .auth-content {
  z-index: 1;
  position: relative;
  min-height: calc(100vh - 60px);
  display: flex;
  flex-direction: column;
}
#loader-auth .auth-content .auth-form {
  max-width: 500px;
  width: 100%;
  flex: 2;
  text-align: center;
  position: relative;
  min-height: 625px;
  margin: 0 auto 100px;
}
#loader-auth .auth-content .auth-form .auth-box {
  width: 760px;
  height: 600px;
  border-radius: 50px;
  box-shadow:
    0 -2px 10px 0 rgba(var(--color-shadow-rgb), 0.03),
    0 0 1px 0 rgba(var(--color-shadow-rgb), var(--shadow-opacity-1)),
    0 1px 1px 0 rgba(var(--color-shadow-rgb), var(--shadow-opacity-1)),
    0 1px 2px 0 rgba(var(--color-shadow-rgb), var(--shadow-opacity-2)),
    0 3px 4px 0 rgba(var(--color-shadow-rgb), var(--shadow-opacity-3)),
    0 5px 8px 0 rgba(var(--color-shadow-rgb), var(--shadow-opacity-4)),
    0 10px 15px 0 rgba(var(--color-shadow-rgb), var(--shadow-opacity-5));
  background-color: white;
  padding: 75px 210px;
  position: absolute;
  top: 50%;
  left: 50%;
  box-sizing: border-box;
  transform: translateX(-50%) translateY(-50%);
  overflow: hidden;
}
@media screen and (max-width: 540px) {
  #loader-auth .auth-content .auth-form .auth-box {
    box-shadow: none;
    top: 0;
    transform: translateX(-50%);
  }
}
#loader-auth .auth-content .auth-form .auth-box .logo {
  margin-bottom: 30px;
  display: inline-block;
}
#loader-auth .auth-content .auth-form .auth-box .dots-loader {
  margin-top: 140px;
  justify-content: center;
}
#loader-auth .auth-content .auth-form .auth-box .dots-loader__dot {
  background-color: #dbedff;
}
@media (max-width: 809.19px) {
  #loader-auth .auth-content .auth-form .auth-box {
    max-width: 95%;
    padding: 75px 25px;
  }
}
@media (max-width: 539.46px) {
  #loader-auth {
    min-height: 550px;
  }
  #loader-auth .auth-content .auth-form .auth-box {
    max-width: 95%;
    height: 500px;
    padding: 40px 15px;
    box-shadow: none;
  }
}
#loader-framework {
  position: absolute;
  width: 100%;
  height: 100vh;
  top: 0;
  z-index: 9999;
  background-color: var(--color-white);
}
#loader-framework.no-menu .framework-wrapper .menu {
  display: none;
}
#loader-framework .framework-wrapper {
  display: flex;
}
#loader-framework .framework-wrapper .menu {
  background-color: var(--color-bg-primary);
  width: 280px;
  height: 100vh;
  border-right: 1px solid var(--color-border);
  box-sizing: border-box;
  padding: 16px 12px;
}
#loader-framework .framework-wrapper .menu .logo-wrapper {
  height: 32px;
}
#loader-framework .framework-wrapper .menu .upper-menu {
  gap: 24px;
}
#loader-framework .framework-wrapper .view {
  flex: 1;
  height: 100vh;
  overflow: hidden;
}
#loader-framework .framework-wrapper .header {
  background-color: var(--color-white);
  height: 64px;
  box-sizing: border-box;
  width: 100%;
}
#loader-framework .framework-wrapper .header .right-menu {
  gap: 8px;
}
#loader-framework .framework-wrapper .footer {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: var(--color-white);
  flex: 1;
  height: 61px;
  width: 100%;
  border-top: 1px solid var(--color-border);
  padding: 10px 10px;
  box-sizing: border-box;
}
@media (max-width: 740px) {
  #loader-framework .framework-wrapper .header .right-menu {
    display: none;
  }
}
@media (max-width: 543px) {
  #loader-framework .framework-wrapper .menu {
    display: none;
  }
  #loader-framework .framework-wrapper .footer {
    display: flex;
  }
}
#loader-framework .framework-wrapper .menu .menu-card {
  display: none;
}
body.aw-design-2026 #loader-framework .framework-wrapper .menu {
  background-color: var(--color-white);
  border-right: none;
  padding: 8px;
  width: auto;
  height: 100vh;
  box-sizing: border-box;
}
body.aw-design-2026 #loader-framework .framework-wrapper .menu .old-design-menu {
  display: none;
}
body.aw-design-2026 #loader-framework .framework-wrapper .menu .menu-card {
  display: flex;
  flex-direction: column;
  background-color: var(--color-white);
  border-radius: 12px;
  box-shadow:
    0 -2px 10px 0 rgba(var(--color-shadow-rgb), 0.03),
    0 0 1px 0 rgba(var(--color-shadow-rgb), var(--shadow-opacity-1)),
    0 1px 1px 0 rgba(var(--color-shadow-rgb), var(--shadow-opacity-1)),
    0 1px 2px 0 rgba(var(--color-shadow-rgb), var(--shadow-opacity-2)),
    0 3px 4px 0 rgba(var(--color-shadow-rgb), var(--shadow-opacity-3)),
    0 5px 8px 0 rgba(var(--color-shadow-rgb), var(--shadow-opacity-4)),
    0 10px 15px 0 rgba(var(--color-shadow-rgb), var(--shadow-opacity-5));
  height: 100%;
  padding: 12px;
  box-sizing: border-box;
  gap: 24px;
}
body.aw-design-2026 #loader-framework .framework-wrapper .menu .menu-card .logo-wrapper {
  height: 25px;
  margin-bottom: 8px;
  padding-left: 4px;
}
body.aw-design-2026 #loader-framework .framework-wrapper .menu .menu-card .menu-content {
  display: flex;
  flex-direction: column;
  gap: 24px;
  flex: 1;
}
body.aw-design-2026 #loader-framework .framework-wrapper .menu .menu-card .menu-section {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
body.aw-design-2026 #loader-framework .framework-wrapper .menu .menu-card .menu-footer {
  margin-top: auto;
  padding-top: 12px;
}

/* node_modules/@ctrl/ngx-emoji-mart/picker.css */
.emoji-mart,
.emoji-mart * {
  box-sizing: border-box;
  line-height: 1.15;
}
.emoji-mart {
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Helvetica Neue",
    sans-serif;
  font-size: 16px;
  display: inline-block;
  color: #222427;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  background: #fff;
}
.emoji-mart .emoji-mart-emoji {
  padding: 6px;
}
.emoji-mart-bar {
  border: 0 solid #d9d9d9;
}
.emoji-mart-bar:first-child {
  border-bottom-width: 1px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.emoji-mart-bar:last-child {
  border-top-width: 1px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.emoji-mart-anchors {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0 6px;
  line-height: 0;
}
.emoji-mart-anchor {
  position: relative;
  display: block;
  flex: 1 1 auto;
  color: #858585;
  text-align: center;
  padding: 12px 4px;
  overflow: hidden;
  transition: color .1s ease-out;
  margin: 0;
  box-shadow: none;
  background: none;
  border: none;
}
.emoji-mart-anchor:focus {
  outline: 0;
}
.emoji-mart-anchor:hover,
.emoji-mart-anchor:focus,
.emoji-mart-anchor-selected {
  color: #464646;
}
.emoji-mart-anchor-selected .emoji-mart-anchor-bar {
  bottom: 0;
}
.emoji-mart-anchor-bar {
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #464646;
}
.emoji-mart-anchors i {
  display: inline-block;
  width: 100%;
  max-width: 22px;
}
.emoji-mart-anchors svg,
.emoji-mart-anchors img {
  fill: currentColor;
  height: 18px;
}
.emoji-mart-scroll {
  overflow-y: scroll;
  height: 270px;
  padding: 0 6px 6px 6px;
  will-change: transform;
}
.emoji-mart-search {
  margin-top: 6px;
  padding: 0 6px;
  position: relative;
}
.emoji-mart-search input {
  font-size: 16px;
  display: block;
  width: 100%;
  padding: 5px 25px 6px 10px;
  border-radius: 5px;
  border: 1px solid #d9d9d9;
  outline: 0;
}
.emoji-mart-search input,
.emoji-mart-search input::-webkit-search-decoration,
.emoji-mart-search input::-webkit-search-cancel-button,
.emoji-mart-search input::-webkit-search-results-button,
.emoji-mart-search input::-webkit-search-results-decoration {
  -webkit-appearance: none;
}
.emoji-mart-search-icon {
  position: absolute;
  top: 3px;
  right: 11px;
  z-index: 2;
  padding: 2px 5px 1px;
  border: none;
  background: none;
}
.emoji-mart-category .emoji-mart-emoji span {
  z-index: 1;
  position: relative;
  text-align: center;
  cursor: default;
}
.emoji-mart-category .emoji-mart-emoji:hover:before {
  z-index: 0;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #f4f4f4;
  border-radius: 100%;
}
.emoji-mart-category-label {
  z-index: 2;
  position: relative;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}
.emoji-mart-category-label span {
  display: block;
  width: 100%;
  font-weight: 500;
  padding: 5px 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, .95);
}
.emoji-mart-category-list {
  margin: 0;
  padding: 0;
}
.emoji-mart-category-list li {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-block;
}
.emoji-mart-emoji {
  position: relative;
  display: inline-block;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
}
.emoji-mart-emoji-native {
  font-family:
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Segoe UI",
    "Apple Color Emoji",
    "Twemoji Mozilla",
    "Noto Color Emoji",
    "Android Emoji";
}
.emoji-mart-no-results {
  font-size: 14px;
  text-align: center;
  padding-top: 70px;
  color: #858585;
}
.emoji-mart-no-results .emoji-mart-category-label {
  display: none;
}
.emoji-mart-no-results .emoji-mart-no-results-label {
  margin-top: .2em;
}
.emoji-mart-no-results .emoji-mart-emoji:hover:before {
  content: none;
}
.emoji-mart-preview {
  position: relative;
  height: 70px;
}
.emoji-mart-preview-emoji,
.emoji-mart-preview-data,
.emoji-mart-preview-skins {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.emoji-mart-preview-emoji {
  left: 12px;
}
.emoji-mart-preview-data {
  left: 68px;
  right: 12px;
  word-break: break-all;
}
.emoji-mart-preview-skins {
  right: 30px;
  text-align: right;
}
.emoji-mart-preview-skins.custom {
  right: 10px;
  text-align: right;
}
.emoji-mart-preview-name {
  font-size: 14px;
}
.emoji-mart-preview-shortname {
  font-size: 12px;
  color: #888;
}
.emoji-mart-preview-shortname + .emoji-mart-preview-shortname,
.emoji-mart-preview-shortname + .emoji-mart-preview-emoticon,
.emoji-mart-preview-emoticon + .emoji-mart-preview-emoticon {
  margin-left: .5em;
}
.emoji-mart-preview-emoticon {
  font-size: 11px;
  color: #bbb;
}
.emoji-mart-title span {
  display: inline-block;
  vertical-align: middle;
}
.emoji-mart-title .emoji-mart-emoji {
  padding: 0;
}
.emoji-mart-title-label {
  color: #999A9C;
  font-size: 26px;
  font-weight: 300;
}
.emoji-mart-skin-swatches {
  font-size: 0;
  padding: 2px 0;
  border: 1px solid #d9d9d9;
  border-radius: 12px;
  background-color: #fff;
}
.emoji-mart-skin-swatches.custom {
  font-size: 0;
  border: none;
  background-color: #fff;
}
.emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch {
  width: 16px;
  padding: 0 2px;
}
.emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch.selected:after {
  opacity: .75;
}
.emoji-mart-skin-swatch {
  display: inline-block;
  width: 0;
  vertical-align: middle;
  transition-property: width, padding;
  transition-duration: .125s;
  transition-timing-function: ease-out;
}
.emoji-mart-skin-swatch:nth-child(1) {
  transition-delay: 0s;
}
.emoji-mart-skin-swatch:nth-child(2) {
  transition-delay: .03s;
}
.emoji-mart-skin-swatch:nth-child(3) {
  transition-delay: .06s;
}
.emoji-mart-skin-swatch:nth-child(4) {
  transition-delay: .09s;
}
.emoji-mart-skin-swatch:nth-child(5) {
  transition-delay: .12s;
}
.emoji-mart-skin-swatch:nth-child(6) {
  transition-delay: .15s;
}
.emoji-mart-skin-swatch.selected {
  position: relative;
  width: 16px;
  padding: 0 2px;
}
.emoji-mart-skin-swatch.selected:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 4px;
  height: 4px;
  margin: -2px 0 0 -2px;
  background-color: #fff;
  border-radius: 100%;
  pointer-events: none;
  opacity: 0;
  transition: opacity .2s ease-out;
}
.emoji-mart-skin-swatch.custom {
  display: inline-block;
  width: 0;
  height: 38px;
  overflow: hidden;
  vertical-align: middle;
  transition-property: width, height;
  transition-duration: .125s;
  transition-timing-function: ease-out;
  cursor: default;
}
.emoji-mart-skin-swatch.custom.selected {
  position: relative;
  width: 36px;
  height: 38px;
  padding: 0 2px 0 0;
}
.emoji-mart-skin-swatch.custom.selected:after {
  content: "";
  width: 0;
  height: 0;
}
.emoji-mart-skin-swatches.custom .emoji-mart-skin-swatch.custom:hover {
  background-color: #f4f4f4;
  border-radius: 10%;
}
.emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom {
  width: 36px;
  height: 38px;
  padding: 0 2px 0 0;
}
.emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom.selected:after {
  opacity: .75;
}
.emoji-mart-skin-text.opened {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  color: #888;
  font-size: 11px;
  padding: 5px 2px;
  width: 95px;
  height: 40px;
  border-radius: 10%;
  background-color: #fff;
}
.emoji-mart-skin {
  display: inline-block;
  width: 100%;
  padding-top: 100%;
  max-width: 12px;
  border-radius: 100%;
}
.emoji-mart-skin-tone-1 {
  background-color: #ffc93a;
}
.emoji-mart-skin-tone-2 {
  background-color: #fadcbc;
}
.emoji-mart-skin-tone-3 {
  background-color: #e0bb95;
}
.emoji-mart-skin-tone-4 {
  background-color: #bf8f68;
}
.emoji-mart-skin-tone-5 {
  background-color: #9b643d;
}
.emoji-mart-skin-tone-6 {
  background-color: #594539;
}
.emoji-mart-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.emoji-mart-dark {
  color: #fff;
  border-color: #555453;
  background-color: #222;
}
.emoji-mart-dark .emoji-mart-bar {
  border-color: #555453;
}
.emoji-mart-dark .emoji-mart-search input {
  color: #fff;
  border-color: #555453;
  background-color: #2f2f2f;
}
.emoji-mart-dark .emoji-mart-search-icon svg {
  fill: #fff;
}
.emoji-mart-dark .emoji-mart-category .emoji-mart-emoji:hover:before {
  background-color: #444;
}
.emoji-mart-dark .emoji-mart-category-label span {
  background-color: #222;
  color: #fff;
}
.emoji-mart-dark .emoji-mart-skin-swatches {
  border-color: #555453;
  background-color: #222;
}
.emoji-mart-dark .emoji-mart-anchor:hover,
.emoji-mart-dark .emoji-mart-anchor:focus,
.emoji-mart-dark .emoji-mart-anchor-selected {
  color: #bfbfbf;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles-XHJKUIGI.css.map */