@import url("https://fonts.googleapis.com/css2?family=Noto+Serif:wght@700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,700;1,400;1,700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Patrick+Hand+SC:wght@400&display=swap");@media (prefers-color-scheme: dark) {
  .wmde-markdown,
  .wmde-markdown-var {
    color-scheme: dark;
    --color-prettylights-syntax-comment: #8b949e;
    --color-prettylights-syntax-constant: #79c0ff;
    --color-prettylights-syntax-entity: #d2a8ff;
    --color-prettylights-syntax-storage-modifier-import: #c9d1d9;
    --color-prettylights-syntax-entity-tag: #7ee787;
    --color-prettylights-syntax-keyword: #ff7b72;
    --color-prettylights-syntax-string: #a5d6ff;
    --color-prettylights-syntax-variable: #ffa657;
    --color-prettylights-syntax-brackethighlighter-unmatched: #f85149;
    --color-prettylights-syntax-invalid-illegal-text: #f0f6fc;
    --color-prettylights-syntax-invalid-illegal-bg: #8e1519;
    --color-prettylights-syntax-carriage-return-text: #f0f6fc;
    --color-prettylights-syntax-carriage-return-bg: #b62324;
    --color-prettylights-syntax-string-regexp: #7ee787;
    --color-prettylights-syntax-markup-list: #f2cc60;
    --color-prettylights-syntax-markup-heading: #1f6feb;
    --color-prettylights-syntax-markup-italic: #c9d1d9;
    --color-prettylights-syntax-markup-bold: #c9d1d9;
    --color-prettylights-syntax-markup-deleted-text: #ffdcd7;
    --color-prettylights-syntax-markup-deleted-bg: #67060c;
    --color-prettylights-syntax-markup-inserted-text: #aff5b4;
    --color-prettylights-syntax-markup-inserted-bg: #033a16;
    --color-prettylights-syntax-markup-changed-text: #ffdfb6;
    --color-prettylights-syntax-markup-changed-bg: #5a1e02;
    --color-prettylights-syntax-markup-ignored-text: #c9d1d9;
    --color-prettylights-syntax-markup-ignored-bg: #1158c7;
    --color-prettylights-syntax-meta-diff-range: #d2a8ff;
    --color-prettylights-syntax-brackethighlighter-angle: #8b949e;
    --color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;
    --color-prettylights-syntax-constant-other-reference-link: #a5d6ff;
    --color-fg-default: #c9d1d9;
    --color-fg-muted: #8b949e;
    --color-fg-subtle: #484f58;
    --color-canvas-default: #0d1117;
    --color-canvas-subtle: #161b22;
    --color-border-default: #30363d;
    --color-border-muted: #21262d;
    --color-neutral-muted: rgba(110, 118, 129, 0.4);
    --color-accent-fg: #58a6ff;
    --color-accent-emphasis: #1f6feb;
    --color-attention-subtle: rgba(187, 128, 9, 0.15);
    --color-danger-fg: #f85149;
    --color-danger-emphasis: #da3633;
    --color-attention-fg: #d29922;
    --color-attention-emphasis: #9e6a03;
    --color-done-fg: #a371f7;
    --color-done-emphasis: #8957e5;
    --color-success-fg: #3fb950;
    --color-success-emphasis: #238636;
    --color-copied-active-bg: #2e9b33;
  }
}
@media (prefers-color-scheme: light) {
  .wmde-markdown,
  .wmde-markdown-var {
    color-scheme: light;
    --color-prettylights-syntax-comment: #6e7781;
    --color-prettylights-syntax-constant: #0550ae;
    --color-prettylights-syntax-entity: #8250df;
    --color-prettylights-syntax-storage-modifier-import: #24292f;
    --color-prettylights-syntax-entity-tag: #116329;
    --color-prettylights-syntax-keyword: #cf222e;
    --color-prettylights-syntax-string: #0a3069;
    --color-prettylights-syntax-variable: #953800;
    --color-prettylights-syntax-brackethighlighter-unmatched: #82071e;
    --color-prettylights-syntax-invalid-illegal-text: #f6f8fa;
    --color-prettylights-syntax-invalid-illegal-bg: #82071e;
    --color-prettylights-syntax-carriage-return-text: #f6f8fa;
    --color-prettylights-syntax-carriage-return-bg: #cf222e;
    --color-prettylights-syntax-string-regexp: #116329;
    --color-prettylights-syntax-markup-list: #3b2300;
    --color-prettylights-syntax-markup-heading: #0550ae;
    --color-prettylights-syntax-markup-italic: #24292f;
    --color-prettylights-syntax-markup-bold: #24292f;
    --color-prettylights-syntax-markup-deleted-text: #82071e;
    --color-prettylights-syntax-markup-deleted-bg: #ffebe9;
    --color-prettylights-syntax-markup-inserted-text: #116329;
    --color-prettylights-syntax-markup-inserted-bg: #dafbe1;
    --color-prettylights-syntax-markup-changed-text: #953800;
    --color-prettylights-syntax-markup-changed-bg: #ffd8b5;
    --color-prettylights-syntax-markup-ignored-text: #eaeef2;
    --color-prettylights-syntax-markup-ignored-bg: #0550ae;
    --color-prettylights-syntax-meta-diff-range: #8250df;
    --color-prettylights-syntax-brackethighlighter-angle: #57606a;
    --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;
    --color-prettylights-syntax-constant-other-reference-link: #0a3069;
    --color-fg-default: #24292f;
    --color-fg-muted: #57606a;
    --color-fg-subtle: #6e7781;
    --color-canvas-default: #ffffff;
    --color-canvas-subtle: #f6f8fa;
    --color-border-default: #d0d7de;
    --color-border-muted: hsl(210, 18%, 87%);
    --color-neutral-muted: rgba(175, 184, 193, 0.2);
    --color-accent-fg: #0969da;
    --color-accent-emphasis: #0969da;
    --color-attention-subtle: #fff8c5;
    --color-danger-fg: #d1242f;
    --color-danger-emphasis: #cf222e;
    --color-attention-fg: #9a6700;
    --color-attention-emphasis: #9a6700;
    --color-done-fg: #8250df;
    --color-done-emphasis: #8250df;
    --color-success-fg: #1a7f37;
    --color-success-emphasis: #1f883d;
    --color-copied-active-bg: #2e9b33;
  }
}
[data-color-mode*='dark'] .wmde-markdown,
[data-color-mode*='dark'] .wmde-markdown-var,
.wmde-markdown-var[data-color-mode*='dark'],
.wmde-markdown[data-color-mode*='dark'],
body[data-color-mode*='dark'] {
  color-scheme: dark;
  --color-prettylights-syntax-comment: #8b949e;
  --color-prettylights-syntax-constant: #79c0ff;
  --color-prettylights-syntax-entity: #d2a8ff;
  --color-prettylights-syntax-storage-modifier-import: #c9d1d9;
  --color-prettylights-syntax-entity-tag: #7ee787;
  --color-prettylights-syntax-keyword: #ff7b72;
  --color-prettylights-syntax-string: #a5d6ff;
  --color-prettylights-syntax-variable: #ffa657;
  --color-prettylights-syntax-brackethighlighter-unmatched: #f85149;
  --color-prettylights-syntax-invalid-illegal-text: #f0f6fc;
  --color-prettylights-syntax-invalid-illegal-bg: #8e1519;
  --color-prettylights-syntax-carriage-return-text: #f0f6fc;
  --color-prettylights-syntax-carriage-return-bg: #b62324;
  --color-prettylights-syntax-string-regexp: #7ee787;
  --color-prettylights-syntax-markup-list: #f2cc60;
  --color-prettylights-syntax-markup-heading: #1f6feb;
  --color-prettylights-syntax-markup-italic: #c9d1d9;
  --color-prettylights-syntax-markup-bold: #c9d1d9;
  --color-prettylights-syntax-markup-deleted-text: #ffdcd7;
  --color-prettylights-syntax-markup-deleted-bg: #67060c;
  --color-prettylights-syntax-markup-inserted-text: #aff5b4;
  --color-prettylights-syntax-markup-inserted-bg: #033a16;
  --color-prettylights-syntax-markup-changed-text: #ffdfb6;
  --color-prettylights-syntax-markup-changed-bg: #5a1e02;
  --color-prettylights-syntax-markup-ignored-text: #c9d1d9;
  --color-prettylights-syntax-markup-ignored-bg: #1158c7;
  --color-prettylights-syntax-meta-diff-range: #d2a8ff;
  --color-prettylights-syntax-brackethighlighter-angle: #8b949e;
  --color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;
  --color-prettylights-syntax-constant-other-reference-link: #a5d6ff;
  --color-fg-default: #c9d1d9;
  --color-fg-muted: #8b949e;
  --color-fg-subtle: #484f58;
  --color-canvas-default: #0d1117;
  --color-canvas-subtle: #161b22;
  --color-border-default: #30363d;
  --color-border-muted: #21262d;
  --color-neutral-muted: rgba(110, 118, 129, 0.4);
  --color-accent-fg: #58a6ff;
  --color-accent-emphasis: #1f6feb;
  --color-attention-subtle: rgba(187, 128, 9, 0.15);
  --color-danger-fg: #f85149;
}
[data-color-mode*='light'] .wmde-markdown,
[data-color-mode*='light'] .wmde-markdown-var,
.wmde-markdown-var[data-color-mode*='light'],
.wmde-markdown[data-color-mode*='light'],
body[data-color-mode*='light'] {
  color-scheme: light;
  --color-prettylights-syntax-comment: #6e7781;
  --color-prettylights-syntax-constant: #0550ae;
  --color-prettylights-syntax-entity: #8250df;
  --color-prettylights-syntax-storage-modifier-import: #24292f;
  --color-prettylights-syntax-entity-tag: #116329;
  --color-prettylights-syntax-keyword: #cf222e;
  --color-prettylights-syntax-string: #0a3069;
  --color-prettylights-syntax-variable: #953800;
  --color-prettylights-syntax-brackethighlighter-unmatched: #82071e;
  --color-prettylights-syntax-invalid-illegal-text: #f6f8fa;
  --color-prettylights-syntax-invalid-illegal-bg: #82071e;
  --color-prettylights-syntax-carriage-return-text: #f6f8fa;
  --color-prettylights-syntax-carriage-return-bg: #cf222e;
  --color-prettylights-syntax-string-regexp: #116329;
  --color-prettylights-syntax-markup-list: #3b2300;
  --color-prettylights-syntax-markup-heading: #0550ae;
  --color-prettylights-syntax-markup-italic: #24292f;
  --color-prettylights-syntax-markup-bold: #24292f;
  --color-prettylights-syntax-markup-deleted-text: #82071e;
  --color-prettylights-syntax-markup-deleted-bg: #ffebe9;
  --color-prettylights-syntax-markup-inserted-text: #116329;
  --color-prettylights-syntax-markup-inserted-bg: #dafbe1;
  --color-prettylights-syntax-markup-changed-text: #953800;
  --color-prettylights-syntax-markup-changed-bg: #ffd8b5;
  --color-prettylights-syntax-markup-ignored-text: #eaeef2;
  --color-prettylights-syntax-markup-ignored-bg: #0550ae;
  --color-prettylights-syntax-meta-diff-range: #8250df;
  --color-prettylights-syntax-brackethighlighter-angle: #57606a;
  --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;
  --color-prettylights-syntax-constant-other-reference-link: #0a3069;
  --color-fg-default: #24292f;
  --color-fg-muted: #57606a;
  --color-fg-subtle: #6e7781;
  --color-canvas-default: #ffffff;
  --color-canvas-subtle: #f6f8fa;
  --color-border-default: #d0d7de;
  --color-border-muted: hsl(210, 18%, 87%);
  --color-neutral-muted: rgba(175, 184, 193, 0.2);
  --color-accent-fg: #0969da;
  --color-accent-emphasis: #0969da;
  --color-attention-subtle: #fff8c5;
  --color-danger-fg: #cf222e;
}
.wmde-markdown {
  -webkit-text-size-adjust: 100%;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
  font-size: 16px;
  line-height: 1.5;
  word-wrap: break-word;
  color: var(--color-fg-default);
  background-color: var(--color-canvas-default);
}
.wmde-markdown details,
.wmde-markdown figcaption,
.wmde-markdown figure {
  display: block;
}
.wmde-markdown summary {
  display: list-item;
}
.wmde-markdown [hidden] {
  display: none !important;
}
.wmde-markdown a {
  background-color: transparent;
  color: var(--color-accent-fg);
  text-decoration: none;
}
.wmde-markdown a:active,
.wmde-markdown a:hover {
  outline-width: 0;
}
.wmde-markdown abbr[title] {
  border-bottom: none;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
.wmde-markdown b,
.wmde-markdown strong {
  font-weight: 600;
}
.wmde-markdown dfn {
  font-style: italic;
}
.wmde-markdown h1 {
  margin: 0.67em 0;
  font-weight: 600;
  padding-bottom: 0.3em;
  font-size: 2em;
  border-bottom: 1px solid var(--color-border-muted);
}
.wmde-markdown mark {
  background-color: var(--color-attention-subtle);
  color: var(--color-text-primary);
}
.wmde-markdown small {
  font-size: 90%;
}
.wmde-markdown sub,
.wmde-markdown sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
.wmde-markdown sub {
  bottom: -0.25em;
}
.wmde-markdown sup {
  top: -0.5em;
}
.wmde-markdown img {
  display: inline-block;
  border-style: none;
  max-width: 100%;
  box-sizing: content-box;
  background-color: var(--color-canvas-default);
}
.wmde-markdown code,
.wmde-markdown kbd,
.wmde-markdown pre,
.wmde-markdown samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
.wmde-markdown figure {
  margin: 1em 40px;
}
.wmde-markdown hr {
  box-sizing: content-box;
  overflow: hidden;
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--color-border-muted);
  height: 0.25em;
  padding: 0;
  margin: 24px 0;
  background-color: var(--color-border-default);
}
.wmde-markdown input {
  font: inherit;
  margin: 0;
  overflow: visible;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
.wmde-markdown [type='button'],
.wmde-markdown [type='reset'],
.wmde-markdown [type='submit'] {
  -webkit-appearance: button;
}
.wmde-markdown [type='button']::-moz-focus-inner,
.wmde-markdown [type='reset']::-moz-focus-inner,
.wmde-markdown [type='submit']::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
.wmde-markdown [type='button']:-moz-focusring,
.wmde-markdown [type='reset']:-moz-focusring,
.wmde-markdown [type='submit']:-moz-focusring {
  outline: 1px dotted ButtonText;
}
.wmde-markdown [type='checkbox'],
.wmde-markdown [type='radio'] {
  box-sizing: border-box;
  padding: 0;
}
.wmde-markdown [type='number']::-webkit-inner-spin-button,
.wmde-markdown [type='number']::-webkit-outer-spin-button {
  height: auto;
}
.wmde-markdown [type='search'] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
.wmde-markdown [type='search']::-webkit-search-cancel-button,
.wmde-markdown [type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
.wmde-markdown ::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}
.wmde-markdown ::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
.wmde-markdown a:hover {
  text-decoration: underline;
}
.wmde-markdown hr::before {
  display: table;
  content: '';
}
.wmde-markdown hr::after {
  display: table;
  clear: both;
  content: '';
}
.wmde-markdown table {
  border-spacing: 0;
  border-collapse: collapse;
  display: block;
  width: max-content;
  max-width: 100%;
}
.wmde-markdown td,
.wmde-markdown th {
  padding: 0;
}
.wmde-markdown details summary {
  cursor: pointer;
}
.wmde-markdown details:not([open]) > *:not(summary) {
  display: none !important;
}
.wmde-markdown kbd {
  display: inline-block;
  padding: 3px 5px;
  font: 11px ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
  line-height: 10px;
  color: var(--color-fg-default);
  vertical-align: middle;
  background-color: var(--color-canvas-subtle);
  border: solid 1px var(--color-neutral-muted);
  border-bottom-color: var(--color-neutral-muted);
  border-radius: 6px;
  box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
}
.wmde-markdown h1,
.wmde-markdown h2,
.wmde-markdown h3,
.wmde-markdown h4,
.wmde-markdown h5,
.wmde-markdown h6 {
  margin-top: 24px;
  margin-bottom: 16px;
  font-weight: 600;
  line-height: 1.25;
}
.wmde-markdown td,
.wmde-markdown th {
  padding: 0;
}
.wmde-markdown details summary {
  cursor: pointer;
}
.wmde-markdown details:not([open]) > *:not(summary) {
  display: none !important;
}
.wmde-markdown kbd {
  display: inline-block;
  padding: 3px 5px;
  font: 11px ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
  line-height: 10px;
  color: var(--color-fg-default);
  vertical-align: middle;
  background-color: var(--color-canvas-subtle);
  border: solid 1px var(--color-neutral-muted);
  border-bottom-color: var(--color-neutral-muted);
  border-radius: 6px;
  box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
}
.wmde-markdown h1,
.wmde-markdown h2,
.wmde-markdown h3,
.wmde-markdown h4,
.wmde-markdown h5,
.wmde-markdown h6 {
  margin-top: 24px;
  margin-bottom: 16px;
  font-weight: 600;
  line-height: 1.25;
}
.wmde-markdown h2 {
  font-weight: 600;
  padding-bottom: 0.3em;
  font-size: 1.5em;
  border-bottom: 1px solid var(--color-border-muted);
}
.wmde-markdown h3 {
  font-weight: 600;
  font-size: 1.25em;
}
.wmde-markdown h4 {
  font-weight: 600;
  font-size: 1em;
}
.wmde-markdown h5 {
  font-weight: 600;
  font-size: 0.875em;
}
.wmde-markdown h6 {
  font-weight: 600;
  font-size: 0.85em;
  color: var(--color-fg-muted);
}
.wmde-markdown p {
  margin-top: 0;
  margin-bottom: 10px;
}
.wmde-markdown blockquote {
  margin: 0;
  padding: 0 1em;
  color: var(--color-fg-muted);
  border-left: 0.25em solid var(--color-border-default);
}
.wmde-markdown ul,
.wmde-markdown ol {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 2em;
}
.wmde-markdown ol ol,
.wmde-markdown ul ol {
  list-style-type: lower-roman;
}
.wmde-markdown ul ul ol,
.wmde-markdown ul ol ol,
.wmde-markdown ol ul ol,
.wmde-markdown ol ol ol {
  list-style-type: lower-alpha;
}
.wmde-markdown dd {
  margin-left: 0;
}
.wmde-markdown tt,
.wmde-markdown code {
  font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
  font-size: 12px;
}
.wmde-markdown pre {
  margin-top: 0;
  margin-bottom: 0;
  font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
  font-size: 12px;
  word-wrap: normal;
}
.wmde-markdown .octicon {
  display: inline-block;
  overflow: visible !important;
  vertical-align: text-bottom;
  fill: currentColor;
}
.wmde-markdown ::placeholder {
  color: var(--color-fg-subtle);
  opacity: 1;
}
.wmde-markdown input::-webkit-outer-spin-button,
.wmde-markdown input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
  appearance: none;
}
.wmde-markdown [data-catalyst] {
  display: block;
}
.wmde-markdown::before {
  display: table;
  content: '';
}
.wmde-markdown::after {
  display: table;
  clear: both;
  content: '';
}
.wmde-markdown > *:first-child {
  margin-top: 0 !important;
}
.wmde-markdown > *:last-child {
  margin-bottom: 0 !important;
}
.wmde-markdown a:not([href]) {
  color: inherit;
  text-decoration: none;
}
.wmde-markdown .absent {
  color: var(--color-danger-fg);
}
.wmde-markdown a.anchor {
  float: left;
  padding-right: 4px;
  margin-left: -20px;
  line-height: 1;
}
.wmde-markdown .anchor:focus {
  outline: none;
}
.wmde-markdown p,
.wmde-markdown blockquote,
.wmde-markdown ul,
.wmde-markdown ol,
.wmde-markdown dl,
.wmde-markdown table,
.wmde-markdown pre,
.wmde-markdown details {
  margin-top: 0;
  margin-bottom: 16px;
}
.wmde-markdown blockquote > :first-child {
  margin-top: 0;
}
.wmde-markdown blockquote > :last-child {
  margin-bottom: 0;
}
.wmde-markdown sup > a::before {
  content: '[';
}
.wmde-markdown sup > a::after {
  content: ']';
}
.wmde-markdown h1 .octicon-link,
.wmde-markdown h2 .octicon-link,
.wmde-markdown h3 .octicon-link,
.wmde-markdown h4 .octicon-link,
.wmde-markdown h5 .octicon-link,
.wmde-markdown h6 .octicon-link {
  color: var(--color-fg-default);
  vertical-align: middle;
  visibility: hidden;
}
.wmde-markdown h1:hover .anchor,
.wmde-markdown h2:hover .anchor,
.wmde-markdown h3:hover .anchor,
.wmde-markdown h4:hover .anchor,
.wmde-markdown h5:hover .anchor,
.wmde-markdown h6:hover .anchor {
  text-decoration: none;
}
.wmde-markdown h1:hover .anchor .octicon-link,
.wmde-markdown h2:hover .anchor .octicon-link,
.wmde-markdown h3:hover .anchor .octicon-link,
.wmde-markdown h4:hover .anchor .octicon-link,
.wmde-markdown h5:hover .anchor .octicon-link,
.wmde-markdown h6:hover .anchor .octicon-link {
  visibility: visible;
}
.wmde-markdown h1 tt,
.wmde-markdown h1 code,
.wmde-markdown h2 tt,
.wmde-markdown h2 code,
.wmde-markdown h3 tt,
.wmde-markdown h3 code,
.wmde-markdown h4 tt,
.wmde-markdown h4 code,
.wmde-markdown h5 tt,
.wmde-markdown h5 code,
.wmde-markdown h6 tt,
.wmde-markdown h6 code {
  padding: 0 0.2em;
  font-size: inherit;
}
.wmde-markdown ul.no-list,
.wmde-markdown ol.no-list {
  padding: 0;
  list-style-type: none;
}
.wmde-markdown ol[type='1'] {
  list-style-type: decimal;
}
.wmde-markdown ol[type='a'] {
  list-style-type: lower-alpha;
}
.wmde-markdown ol[type='i'] {
  list-style-type: lower-roman;
}
.wmde-markdown div > ol:not([type]) {
  list-style-type: decimal;
}
.wmde-markdown ul ul,
.wmde-markdown ul ol,
.wmde-markdown ol ol,
.wmde-markdown ol ul {
  margin-top: 0;
  margin-bottom: 0;
}
.wmde-markdown li > p {
  margin-top: 16px;
}
.wmde-markdown li + li {
  margin-top: 0.25em;
}
.wmde-markdown dl {
  padding: 0;
}
.wmde-markdown dl dt {
  padding: 0;
  margin-top: 16px;
  font-size: 1em;
  font-style: italic;
  font-weight: 600;
}
.wmde-markdown dl dd {
  padding: 0 16px;
  margin-bottom: 16px;
}
.wmde-markdown table th {
  font-weight: 600;
}
.wmde-markdown table th,
.wmde-markdown table td {
  padding: 6px 13px;
  border: 1px solid var(--color-border-default);
}
.wmde-markdown table tr {
  background-color: var(--color-canvas-default);
  border-top: 1px solid var(--color-border-muted);
}
.wmde-markdown table tr:nth-child(2n) {
  background-color: var(--color-canvas-subtle);
}
.wmde-markdown table img {
  background-color: transparent;
}
.wmde-markdown img[align='right'] {
  padding-left: 20px;
}
.wmde-markdown img[align='left'] {
  padding-right: 20px;
}
.wmde-markdown .emoji {
  max-width: none;
  vertical-align: text-top;
  background-color: transparent;
}
.wmde-markdown span.frame {
  display: block;
  overflow: hidden;
}
.wmde-markdown span.frame > span {
  display: block;
  float: left;
  width: auto;
  padding: 7px;
  margin: 13px 0 0;
  overflow: hidden;
  border: 1px solid var(--color-border-default);
}
.wmde-markdown span.frame span img {
  display: block;
  float: left;
}
.wmde-markdown span.frame span span {
  display: block;
  padding: 5px 0 0;
  clear: both;
  color: var(--color-fg-default);
}
.wmde-markdown span.align-center {
  display: block;
  overflow: hidden;
  clear: both;
}
.wmde-markdown span.align-center > span {
  display: block;
  margin: 13px auto 0;
  overflow: hidden;
  text-align: center;
}
.wmde-markdown span.align-center span img {
  margin: 0 auto;
  text-align: center;
}
.wmde-markdown span.align-right {
  display: block;
  overflow: hidden;
  clear: both;
}
.wmde-markdown span.align-right > span {
  display: block;
  margin: 13px 0 0;
  overflow: hidden;
  text-align: right;
}
.wmde-markdown span.align-right span img {
  margin: 0;
  text-align: right;
}
.wmde-markdown span.float-left {
  display: block;
  float: left;
  margin-right: 13px;
  overflow: hidden;
}
.wmde-markdown span.float-left span {
  margin: 13px 0 0;
}
.wmde-markdown span.float-right {
  display: block;
  float: right;
  margin-left: 13px;
  overflow: hidden;
}
.wmde-markdown span.float-right > span {
  display: block;
  margin: 13px auto 0;
  overflow: hidden;
  text-align: right;
}
.wmde-markdown code,
.wmde-markdown tt {
  padding: 0.2em 0.4em;
  margin: 0;
  font-size: 85%;
  background-color: var(--color-neutral-muted);
  border-radius: 6px;
}
.wmde-markdown code br,
.wmde-markdown tt br {
  display: none;
}
.wmde-markdown del code {
  text-decoration: inherit;
}
.wmde-markdown pre code {
  font-size: 100%;
}
.wmde-markdown pre > code {
  padding: 0;
  margin: 0;
  word-break: normal;
  white-space: pre;
  background: transparent;
  border: 0;
}
.wmde-markdown pre {
  font-size: 85%;
  line-height: 1.45;
  background-color: var(--color-canvas-subtle);
  border-radius: 6px;
}
.wmde-markdown pre code,
.wmde-markdown pre tt {
  display: inline;
  max-width: auto;
  padding: 0;
  margin: 0;
  overflow: visible;
  line-height: inherit;
  word-wrap: normal;
  background-color: transparent;
  border: 0;
}
.wmde-markdown pre > code {
  padding: 16px;
  overflow: auto;
  display: block;
}
.wmde-markdown pre > code::-webkit-scrollbar {
  background: transparent;
  width: 8px;
  height: 8px;
}
.wmde-markdown pre > code::-webkit-scrollbar-thumb {
  background: var(--color-fg-muted);
  border-radius: 10px;
}
.wmde-markdown .csv-data td,
.wmde-markdown .csv-data th {
  padding: 5px;
  overflow: hidden;
  font-size: 12px;
  line-height: 1;
  text-align: left;
  white-space: nowrap;
}
.wmde-markdown .csv-data .blob-num {
  padding: 10px 8px 9px;
  text-align: right;
  background: var(--color-canvas-default);
  border: 0;
}
.wmde-markdown .csv-data tr {
  border-top: 0;
}
.wmde-markdown .csv-data th {
  font-weight: 600;
  background: var(--color-canvas-subtle);
  border-top: 0;
}
.wmde-markdown .footnotes {
  font-size: 12px;
  color: var(--color-fg-muted);
  border-top: 1px solid var(--color-border-default);
}
.wmde-markdown .footnotes ol {
  padding-left: 16px;
}
.wmde-markdown .footnotes li {
  position: relative;
}
.wmde-markdown .footnotes li:target::before {
  position: absolute;
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -24px;
  pointer-events: none;
  content: '';
  border: 2px solid var(--color-accent-emphasis);
  border-radius: 6px;
}
.wmde-markdown .footnotes li:target {
  color: var(--color-fg-default);
}
.wmde-markdown .footnotes .data-footnote-backref g-emoji {
  font-family: monospace;
}
.wmde-markdown .task-list-item {
  list-style-type: none;
}
.wmde-markdown .task-list-item label {
  font-weight: 400;
}
.wmde-markdown .task-list-item.enabled label {
  cursor: pointer;
}
.wmde-markdown .task-list-item + .wmde-markdown .task-list-item {
  margin-top: 3px;
}
.wmde-markdown .task-list-item .handle {
  display: none;
}
.wmde-markdown .task-list-item-checkbox,
.wmde-markdown .contains-task-list input[type='checkbox'] {
  margin: 0 0.2em 0.25em -1.6em;
  vertical-align: middle;
}
.wmde-markdown .contains-task-list:dir(rtl) .task-list-item-checkbox,
.wmde-markdown .contains-task-list:dir(rtl) input[type='checkbox'] {
  margin: 0 -1.6em 0.25em 0.2em;
}
.wmde-markdown ::-webkit-calendar-picker-indicator {
  filter: invert(50%);
}
.wmde-markdown pre {
  position: relative;
}
.wmde-markdown pre .copied {
  visibility: hidden;
  display: flex;
  position: absolute;
  cursor: pointer;
  color: var(--color-fg-default);
  top: 6px;
  right: 6px;
  border-radius: 5px;
  background: var(--color-border-default);
  padding: 6px;
  font-size: 12px;
  transition: all 0.3s;
}
.wmde-markdown pre .copied .octicon-copy {
  display: block;
}
.wmde-markdown pre .copied .octicon-check {
  display: none;
}
.wmde-markdown pre:hover .copied {
  visibility: visible;
}
.wmde-markdown pre:hover .copied:hover {
  background: var(--color-prettylights-syntax-entity-tag);
  color: var(--color-canvas-default);
}
.wmde-markdown pre:hover .copied:active,
.wmde-markdown pre .copied.active {
  background: var(--color-copied-active-bg);
  color: var(--color-canvas-default);
}
.wmde-markdown pre .active .octicon-copy {
  display: none;
}
.wmde-markdown pre .active .octicon-check {
  display: block;
}
.wmde-markdown .markdown-alert {
  padding: 0.5rem 1em;
  color: inherit;
  margin-bottom: 16px;
  border-left: 0.25em solid var(--borderColor-default, var(--color-border-default));
}
.wmde-markdown .markdown-alert > :last-child {
  margin-bottom: 0 !important;
}
.wmde-markdown .markdown-alert .markdown-alert-title {
  display: flex;
  align-items: center;
  line-height: 1;
  font-weight: 500;
  font-size: 14px;
}
.wmde-markdown .markdown-alert .markdown-alert-title svg.octicon {
  margin-right: var(--base-size-8, 8px) !important;
}
.wmde-markdown .markdown-alert.markdown-alert-note {
  border-left-color: var(--borderColor-accent-emphasis, var(--color-accent-emphasis));
}
.wmde-markdown .markdown-alert.markdown-alert-note .markdown-alert-title {
  color: var(--fgColor-accent, var(--color-accent-fg));
}
.wmde-markdown .markdown-alert.markdown-alert-tip {
  border-left-color: var(--borderColor-success-emphasis, var(--color-success-emphasis));
}
.wmde-markdown .markdown-alert.markdown-alert-tip .markdown-alert-title {
  color: var(--fgColor-success, var(--color-success-fg));
}
.wmde-markdown .markdown-alert.markdown-alert-important {
  border-left-color: var(--borderColor-done-emphasis, var(--color-done-emphasis));
}
.wmde-markdown .markdown-alert.markdown-alert-important .markdown-alert-title {
  color: var(--fgColor-done, var(--color-done-fg));
}
.wmde-markdown .markdown-alert.markdown-alert-warning {
  border-left-color: var(--borderColor-attention-emphasis, var(--color-attention-emphasis));
}
.wmde-markdown .markdown-alert.markdown-alert-warning .markdown-alert-title {
  color: var(--fgColor-attention, var(--color-attention-fg));
}
.wmde-markdown .markdown-alert.markdown-alert-caution {
  border-left-color: var(--borderColor-danger-emphasis, var(--color-danger-emphasis));
}
.wmde-markdown .markdown-alert.markdown-alert-caution .markdown-alert-title {
  color: var(--fgColor-danger, var(--color-danger-fg));
}
.wmde-markdown .highlight-line {
  background-color: var(--color-neutral-muted);
}
.wmde-markdown .code-line.line-number::before {
  display: inline-block;
  width: 1rem;
  text-align: right;
  margin-right: 16px;
  color: var(--color-fg-subtle);
  content: attr(line);
  white-space: nowrap;
}
.wmde-markdown .token.comment,
.wmde-markdown .token.prolog,
.wmde-markdown .token.doctype,
.wmde-markdown .token.cdata {
  color: var(--color-prettylights-syntax-comment);
}
.wmde-markdown .token.namespace {
  opacity: 0.7;
}
.wmde-markdown .token.property,
.wmde-markdown .token.tag,
.wmde-markdown .token.selector,
.wmde-markdown .token.constant,
.wmde-markdown .token.symbol,
.wmde-markdown .token.deleted {
  color: var(--color-prettylights-syntax-entity-tag);
}
.wmde-markdown .token.maybe-class-name {
  color: var(--color-prettylights-syntax-variable);
}
.wmde-markdown .token.property-access,
.wmde-markdown .token.operator,
.wmde-markdown .token.boolean,
.wmde-markdown .token.number,
.wmde-markdown .token.selector .token.class,
.wmde-markdown .token.attr-name,
.wmde-markdown .token.string,
.wmde-markdown .token.char,
.wmde-markdown .token.builtin {
  color: var(--color-prettylights-syntax-constant);
}
.wmde-markdown .token.deleted {
  color: var(--color-prettylights-syntax-markup-deleted-text);
}
.wmde-markdown .code-line .token.deleted {
  background-color: var(--color-prettylights-syntax-markup-deleted-bg);
}
.wmde-markdown .token.inserted {
  color: var(--color-prettylights-syntax-markup-inserted-text);
}
.wmde-markdown .code-line .token.inserted {
  background-color: var(--color-prettylights-syntax-markup-inserted-bg);
}
.wmde-markdown .token.variable {
  color: var(--color-prettylights-syntax-constant);
}
.wmde-markdown .token.entity,
.wmde-markdown .token.url,
.wmde-markdown .language-css .token.string,
.wmde-markdown .style .token.string {
  color: var(--color-prettylights-syntax-string);
}
.wmde-markdown .token.color,
.wmde-markdown .token.atrule,
.wmde-markdown .token.attr-value,
.wmde-markdown .token.function,
.wmde-markdown .token.class-name {
  color: var(--color-prettylights-syntax-string);
}
.wmde-markdown .token.rule,
.wmde-markdown .token.regex,
.wmde-markdown .token.important,
.wmde-markdown .token.keyword {
  color: var(--color-prettylights-syntax-keyword);
}
.wmde-markdown .token.coord {
  color: var(--color-prettylights-syntax-meta-diff-range);
}
.wmde-markdown .token.important,
.wmde-markdown .token.bold {
  font-weight: bold;
}
.wmde-markdown .token.italic {
  font-style: italic;
}
.wmde-markdown .token.entity {
  cursor: help;
}
.w-md-editor-toolbar-child {
  position: absolute;
  border-radius: 3px;
  box-shadow: 0 0 0 1px var(--md-editor-box-shadow-color), 0 0 0 var(--md-editor-box-shadow-color), 0 1px 1px var(--md-editor-box-shadow-color);
  background-color: var(--md-editor-background-color);
  z-index: 1;
  display: none;
}
.w-md-editor-toolbar-child.active {
  display: block;
}
.w-md-editor-toolbar-child .w-md-editor-toolbar {
  border-bottom: 0;
  padding: 3px;
  border-radius: 3px;
}
.w-md-editor-toolbar-child .w-md-editor-toolbar ul > li {
  display: block;
}
.w-md-editor-toolbar-child .w-md-editor-toolbar ul > li button {
  width: -webkit-fill-available;
  height: initial;
  box-sizing: border-box;
  padding: 3px 4px 2px 4px;
  margin: 0;
}
.w-md-editor-toolbar {
  border-bottom: 1px solid var(--md-editor-box-shadow-color);
  background-color: var(--md-editor-background-color);
  padding: 3px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 3px 3px 0 0;
  -webkit-user-select: none;
          user-select: none;
  flex-wrap: wrap;
}
.w-md-editor-toolbar.bottom {
  border-bottom: 0px;
  border-top: 1px solid var(--md-editor-box-shadow-color);
  border-radius: 0 0 3px 3px;
}
.w-md-editor-toolbar ul,
.w-md-editor-toolbar li {
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: initial;
}
.w-md-editor-toolbar li {
  display: inline-block;
  font-size: 14px;
}
.w-md-editor-toolbar li + li {
  margin: 0;
}
.w-md-editor-toolbar li > button {
  border: none;
  height: 20px;
  line-height: 14px;
  background: none;
  padding: 4px;
  margin: 0 1px;
  border-radius: 2px;
  text-transform: none;
  font-weight: normal;
  overflow: visible;
  outline: none;
  cursor: pointer;
  transition: all 0.3s;
  white-space: nowrap;
  color: var(--color-fg-default);
}
.w-md-editor-toolbar li > button:hover,
.w-md-editor-toolbar li > button:focus {
  background-color: var(--color-neutral-muted);
  color: var(--color-accent-fg);
}
.w-md-editor-toolbar li > button:active {
  background-color: var(--color-neutral-muted);
  color: var(--color-danger-fg);
}
.w-md-editor-toolbar li > button:disabled {
  color: var(--md-editor-box-shadow-color);
  cursor: not-allowed;
}
.w-md-editor-toolbar li > button:disabled:hover {
  background-color: transparent;
  color: var(--md-editor-box-shadow-color);
}
.w-md-editor-toolbar li.active > button {
  color: var(--color-accent-fg);
  background-color: var(--color-neutral-muted);
}
.w-md-editor-toolbar-divider {
  height: 14px;
  width: 1px;
  margin: -3px 3px 0 3px !important;
  vertical-align: middle;
  background-color: var(--md-editor-box-shadow-color);
}
.w-md-editor-area {
  overflow: auto;
  border-radius: 5px;
}
.w-md-editor-text {
  min-height: 100%;
  position: relative;
  text-align: left;
  white-space: pre-wrap;
  word-break: keep-all;
  overflow-wrap: break-word;
  box-sizing: border-box;
  padding: 10px;
  margin: 0;
  font-size: 14px !important;
  line-height: 18px !important;
  font-variant-ligatures: common-ligatures;
}
.w-md-editor-text-pre,
.w-md-editor-text-input,
.w-md-editor-text > .w-md-editor-text-pre {
  margin: 0;
  border: 0;
  background: none;
  box-sizing: inherit;
  display: inherit;
  font-family: inherit;
  font-family: var(--md-editor-font-family) !important;
  font-size: inherit;
  font-style: inherit;
  font-variant-ligatures: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  tab-size: inherit;
  text-indent: inherit;
  text-rendering: inherit;
  text-transform: inherit;
  white-space: inherit;
  overflow-wrap: inherit;
  word-break: inherit;
  word-break: normal;
  padding: 0;
}
.w-md-editor-text-pre {
  position: relative;
  margin: 0px !important;
  pointer-events: none;
  background-color: transparent !important;
}
.w-md-editor-text-pre > code {
  padding: 0 !important;
  font-family: var(--md-editor-font-family) !important;
  font-size: 14px !important;
  line-height: 18px !important;
}
.w-md-editor-text-input {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  resize: none;
  color: inherit;
  overflow: hidden;
  outline: 0;
  padding: inherit;
  -webkit-font-smoothing: antialiased;
  -webkit-text-fill-color: transparent;
}
.w-md-editor-text-input:empty {
  -webkit-text-fill-color: inherit !important;
}
.w-md-editor-text-pre,
.w-md-editor-text-input {
  word-wrap: pre;
  word-break: break-word;
  white-space: pre-wrap;
}
/**
 * Hack to apply on some CSS on IE10 and IE11
 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /**
    * IE doesn't support '-webkit-text-fill-color'
    * So we use 'color: transparent' to make the text transparent on IE
    * Unlike other browsers, it doesn't affect caret color in IE
    */
  .w-md-editor-text-input {
    color: transparent !important;
  }
  .w-md-editor-text-input::selection {
    background-color: #accef7 !important;
    color: transparent !important;
  }
}
.w-md-editor-text-pre .punctuation {
  color: var(--color-prettylights-syntax-comment, #8b949e) !important;
}
.w-md-editor-text-pre .token.url,
.w-md-editor-text-pre .token.content {
  color: var(--color-prettylights-syntax-constant, #0550ae) !important;
}
.w-md-editor-text-pre .token.title.important {
  color: var(--color-prettylights-syntax-markup-bold, #24292f);
}
.w-md-editor-text-pre .token.code-block .function {
  color: var(--color-prettylights-syntax-entity, #8250df);
}
.w-md-editor-text-pre .token.bold {
  font-weight: unset !important;
}
.w-md-editor-text-pre .token.title {
  line-height: unset !important;
  font-size: unset !important;
  font-weight: unset !important;
}
.w-md-editor-text-pre .token.code.keyword {
  color: var(--color-prettylights-syntax-constant, #0550ae) !important;
}
.w-md-editor-text-pre .token.strike,
.w-md-editor-text-pre .token.strike .content {
  color: var(--color-prettylights-syntax-markup-deleted-text, #82071e) !important;
}
.w-md-editor-bar {
  position: absolute;
  cursor: s-resize;
  right: 0;
  bottom: 0;
  margin-top: -11px;
  margin-right: 0;
  width: 14px;
  z-index: 3;
  height: 10px;
  border-radius: 0 0 3px 0;
  -webkit-user-select: none;
          user-select: none;
}
.w-md-editor-bar svg {
  display: block;
  margin: 0 auto;
}
.w-md-editor {
  text-align: left;
  border-radius: 3px;
  padding-bottom: 1px;
  position: relative;
  color: var(--color-fg-default);
  --md-editor-font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --md-editor-background-color: var(--color-canvas-default, #ffffff);
  --md-editor-box-shadow-color: var(--color-border-default, #d0d7de);
  box-shadow: 0 0 0 1px var(--md-editor-box-shadow-color), 0 0 0 var(--md-editor-box-shadow-color), 0 1px 1px var(--md-editor-box-shadow-color);
  background-color: var(--md-editor-background-color);
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  display: flex;
  flex-direction: column;
}
.w-md-editor.w-md-editor-rtl {
  direction: rtl !important;
  text-align: right !important;
}
.w-md-editor.w-md-editor-rtl .w-md-editor-preview {
  right: unset !important;
  left: 0;
  text-align: right !important;
  box-shadow: inset -1px 0 0 0 var(--md-editor-box-shadow-color);
}
.w-md-editor.w-md-editor-rtl .w-md-editor-text {
  text-align: right !important;
}
.w-md-editor-toolbar {
  height: -webkit-fit-content;
  height: fit-content;
}
.w-md-editor-content {
  height: 100%;
  overflow: auto;
  position: relative;
  border-radius: 0 0 3px 0;
}
.w-md-editor .copied {
  display: none !important;
}
.w-md-editor-input {
  width: 50%;
  height: 100%;
}
.w-md-editor-text-pre > code {
  word-break: break-word !important;
  white-space: pre-wrap !important;
}
.w-md-editor-preview {
  width: 50%;
  box-sizing: border-box;
  box-shadow: inset 1px 0 0 0 var(--md-editor-box-shadow-color);
  position: absolute;
  padding: 10px 20px;
  overflow: auto;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: 0 0 5px 0;
  display: flex;
  flex-direction: column;
}
.w-md-editor-preview .anchor {
  display: none;
}
.w-md-editor-preview .contains-task-list li.task-list-item {
  list-style: none;
}
.w-md-editor-show-preview .w-md-editor-input {
  width: 0%;
  overflow: hidden;
  background-color: var(--md-editor-background-color);
}
.w-md-editor-show-preview .w-md-editor-preview {
  width: 100%;
  box-shadow: inset 0 0 0 0;
}
.w-md-editor-show-edit .w-md-editor-input {
  width: 100%;
}
.w-md-editor-show-edit .w-md-editor-preview {
  width: 0%;
  padding: 0;
}
.w-md-editor-fullscreen {
  overflow: hidden;
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100% !important;
}
.w-md-editor-fullscreen .w-md-editor-content {
  height: 100%;
}
.query-builder .qb-drag-handler, .query-builder .qb-draggable, .query-builder {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.query-builder .rule--header:after {
  content: "";
  display: table;
  clear: both;
}

.query-builder {
  overflow: hidden;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.25;
  margin: 1rem;
}

.query-builder {
  /******************************************************************************/
  /** DRAG *********************************************************************/
  /******************************************************************************/
  /******************************************************************************/
  /** TREE LINES *********************************************************************/
  /******************************************************************************/
  /******************************************************************************/
  /** GROUP *********************************************************************/
  /******************************************************************************/
  /******************************************************************************/
  /** CASE_GROUP *********************************************************************/
  /******************************************************************************/
  /******************************************************************************/
  /** RULE_GROUP *********************************************************************/
  /******************************************************************************/
  /******************************************************************************/
  /** RULE_GROUP_EXT *********************************************************************/
  /******************************************************************************/
  /******************************************************************************/
  /** RULE **********************************************************************/
  /******************************************************************************/
  /******************************************************************************/
  /** FUNC **********************************************************************/
  /******************************************************************************/
  /******************************************************************************/
  /** Shrink textarea ***********************************************************/
  /******************************************************************************/
}
.query-builder .group {
  background: rgba(250, 240, 210, 0.5);
  border: 1px solid #DCC896;
}
.query-builder .rule {
  background-color: white;
  border: 1px solid transparent;
  padding: 10px;
}
.query-builder .rule-with-error .rule {
  border-color: #e0a1a1;
}
.query-builder .group-with-error > .group {
  border-color: #e0a1a1;
}
.query-builder .rule--body {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
}
.query-builder .rule--body--wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.query-builder .rule--error {
  color: red;
  margin-bottom: -5px;
  margin-top: 5px;
}
.query-builder .rule_group--error {
  color: red;
  margin-bottom: -5px;
  margin-top: 5px;
  width: 100%;
}
.query-builder .group-or-rule {
  border-radius: 5px;
  position: relative;
}
.query-builder .rule_group {
  background: rgba(255, 252, 242, 0.5);
  border: 1px solid #f5e4b5;
}
.query-builder .rule_group_ext {
  background: rgba(255, 252, 242, 0.5);
  border: 1px solid #f5e4b5;
}
.query-builder .rule_group .rule {
  background: white;
  border: 1px solid transparent;
}
.query-builder .rule_group .rule_group {
  background: rgba(255, 252, 242, 0.5);
  border: 1px solid #f5e4b5;
}
.query-builder .rule_group .rule_group_ext {
  background: rgba(255, 252, 242, 0.5);
  border: 1px solid #f5e4b5;
}
.query-builder .rule_group_ext .rule {
  background: white;
  border: 1px solid transparent;
}
.query-builder .rule_group_ext .group {
  background: rgba(250, 240, 210, 0.5);
  border: 1px solid transparent;
}
.query-builder .rule_group_ext .rule_group_ext {
  background: rgba(255, 252, 242, 0.5);
  border: 1px solid #f5e4b5;
}
.query-builder .rule_group_ext .rule_group {
  background: rgba(255, 252, 242, 0.5);
  border: 1px solid #f5e4b5;
}
.query-builder .locked {
  border-color: red !important;
  border-style: dashed !important;
}
.query-builder .qb-placeholder {
  border-color: gray !important;
  border-style: dashed !important;
}
.query-builder.qb-dragging {
  cursor: -webkit-grabbing !important;
  cursor: grabbing !important;
}
.query-builder.qb-dragging button {
  pointer-events: none;
}
.query-builder .qb-draggable {
  pointer-events: none;
  position: absolute;
  opacity: 0.7;
  z-index: 1000;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.query-builder .qb-drag-handler {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.query-builder .group--header:not(.no--children):not(.hide--conjs) {
  position: relative;
}
.query-builder .group--header:not(.no--children):not(.hide--conjs)::before {
  z-index: 0;
  content: "";
  position: absolute;
  border-color: #ccc;
  border-style: solid;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.query-builder .group--header:not(.no--children):not(.hide--conjs).hide--line::before {
  border-color: rgba(128, 128, 128, 0.1) !important;
}
.query-builder .group--children > .group-or-rule-container > .group-or-rule::before, .query-builder .group--children > .group-or-rule-container > .group-or-rule::after {
  content: "";
  position: absolute;
  border-color: #ccc;
  border-style: solid;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.query-builder .group--children > .group-or-rule-container:last-child > .group-or-rule::after {
  display: none;
}
.query-builder .group--children.hide--conjs > .group-or-rule-container:first-child > .group-or-rule::before {
  display: none;
}
.query-builder .group--children.hide--conjs > .group-or-rule-container:first-child > .group-or-rule::after {
  border-radius: 4px 0 0 0;
  border-width: 2px 0 0 2px;
}
.query-builder .group--children.hide--conjs > .group-or-rule-container:first-child > .group-or-rule::after {
  top: calc(50% - 1px);
  height: calc(50% + 1px + 10px + 2px);
}
.query-builder .group--children.hide--conjs > .group-or-rule-container:first-child > .group::after {
  height: calc(50% + 1px + 10px + 2px);
}
.query-builder .group--children.hide--conjs > .group-or-rule-container:first-child > .rule_group::after {
  height: calc(50% + 1px + 10px + 2px);
}
.query-builder .group--children.hide--conjs > .group-or-rule-container:first-child > .rule_group_ext::after {
  height: calc(50% + 1px + 10px + 2px);
}
.query-builder .group--children.hide--line > .group-or-rule-container > .group-or-rule::before, .query-builder .group--children.hide--line > .group-or-rule-container > .group-or-rule::after {
  border-color: rgba(128, 128, 128, 0.1) !important;
}
.query-builder .group--children > .group-or-rule-container:last-child > .group-or-rule::before {
  border-radius: 0 0 0 4px;
}
.query-builder .group--children > .group-or-rule-container > .group-or-rule::before, .query-builder .group--children > .group-or-rule-container > .group-or-rule::after {
  border-color: #ccc;
}
.query-builder .group--children > .group-or-rule-container > .group-or-rule::before {
  border-width: 0 0 2px 2px;
  top: -1px;
  height: calc(50% + 1px + 1px);
}
.query-builder .group--children > .group-or-rule-container > .group-or-rule::after {
  border-width: 0 0 0 2px;
  top: calc(50% + 1px);
  height: calc(50% - 1px + 10px + 2px);
}
.query-builder .group--children > .group-or-rule-container > .group-or-rule::before, .query-builder .group--children > .group-or-rule-container > .group-or-rule::after {
  left: -14px;
  width: 13px;
}
.query-builder .group--children > .group-or-rule-container > .group::before {
  border-width: 0 0 2px 2px;
  top: -1px;
  height: calc(50% + 1px + 1px);
}
.query-builder .group--children > .group-or-rule-container > .group::after {
  border-width: 0 0 0 2px;
  top: calc(50% + 1px);
  height: calc(50% - 1px + 10px + 2px);
}
.query-builder .group--children > .group-or-rule-container > .group::before, .query-builder .group--children > .group-or-rule-container > .group::after {
  left: -14px;
  width: 13px;
}
.query-builder .group--children > .group-or-rule-container > .rule_group::before {
  border-width: 0 0 2px 2px;
  top: -1px;
  height: calc(50% + 1px + 1px);
}
.query-builder .group--children > .group-or-rule-container > .rule_group::after {
  border-width: 0 0 0 2px;
  top: calc(50% + 1px);
  height: calc(50% - 1px + 10px + 2px);
}
.query-builder .group--children > .group-or-rule-container > .rule_group::before, .query-builder .group--children > .group-or-rule-container > .rule_group::after {
  left: -14px;
  width: 13px;
}
.query-builder .group--children > .group-or-rule-container > .rule_group_ext::before {
  border-width: 0 0 2px 2px;
  top: -1px;
  height: calc(50% + 1px + 1px);
}
.query-builder .group--children > .group-or-rule-container > .rule_group_ext::after {
  border-width: 0 0 0 2px;
  top: calc(50% + 1px);
  height: calc(50% - 1px + 10px + 2px);
}
.query-builder .group--children > .group-or-rule-container > .rule_group_ext::before, .query-builder .group--children > .group-or-rule-container > .rule_group_ext::after {
  left: -14px;
  width: 13px;
}
.query-builder .rule_group--children > .group-or-rule-container:last-child > .group-or-rule::before {
  border-radius: 0 0 0 4px;
}
.query-builder .rule_group--children > .group-or-rule-container > .group-or-rule::before, .query-builder .rule_group--children > .group-or-rule-container > .group-or-rule::after {
  border-color: #ccc;
}
.query-builder .rule_group--children > .group-or-rule-container > .group-or-rule::before {
  border-width: 0 0 1px 1px;
  top: -1px;
  height: calc(50% + 0.5px + 1px);
}
.query-builder .rule_group--children > .group-or-rule-container > .group-or-rule::after {
  border-width: 0 0 0 1px;
  top: calc(50% + 0.5px);
  height: calc(50% - 0.5px + 5px + 2px);
}
.query-builder .rule_group--children > .group-or-rule-container > .group-or-rule::before, .query-builder .rule_group--children > .group-or-rule-container > .group-or-rule::after {
  left: -10.5px;
  width: 9.5px;
}
.query-builder .rule_group--children > .group-or-rule-container > .group::before {
  border-width: 0 0 1px 1px;
  top: -1px;
  height: calc(50% + 0.5px + 1px);
}
.query-builder .rule_group--children > .group-or-rule-container > .group::after {
  border-width: 0 0 0 1px;
  top: calc(50% + 0.5px);
  height: calc(50% - 0.5px + 5px + 2px);
}
.query-builder .rule_group--children > .group-or-rule-container > .group::before, .query-builder .rule_group--children > .group-or-rule-container > .group::after {
  left: -10.5px;
  width: 9.5px;
}
.query-builder .rule_group--children > .group-or-rule-container > .rule_group::before {
  border-width: 0 0 1px 1px;
  top: -1px;
  height: calc(50% + 0.5px + 1px);
}
.query-builder .rule_group--children > .group-or-rule-container > .rule_group::after {
  border-width: 0 0 0 1px;
  top: calc(50% + 0.5px);
  height: calc(50% - 0.5px + 5px + 2px);
}
.query-builder .rule_group--children > .group-or-rule-container > .rule_group::before, .query-builder .rule_group--children > .group-or-rule-container > .rule_group::after {
  left: -10.5px;
  width: 9.5px;
}
.query-builder .rule_group--children > .group-or-rule-container > .rule_group_ext::before {
  border-width: 0 0 1px 1px;
  top: -1px;
  height: calc(50% + 0.5px + 1px);
}
.query-builder .rule_group--children > .group-or-rule-container > .rule_group_ext::after {
  border-width: 0 0 0 1px;
  top: calc(50% + 0.5px);
  height: calc(50% - 0.5px + 5px + 2px);
}
.query-builder .rule_group--children > .group-or-rule-container > .rule_group_ext::before, .query-builder .rule_group--children > .group-or-rule-container > .rule_group_ext::after {
  left: -10.5px;
  width: 9.5px;
}
.query-builder .rule_group--children > .group-or-rule-container:first-child > .group-or-rule::before, .query-builder .rule_group--children.hide--conjs > .group-or-rule-container:first-child > .group-or-rule::before {
  display: none;
}
.query-builder .rule_group--children > .group-or-rule-container:first-child > .group-or-rule::after, .query-builder .rule_group--children.hide--conjs > .group-or-rule-container:first-child > .group-or-rule::after {
  border-radius: 4px 0 0 0;
  border-width: 1px 0 0 1px;
}
.query-builder .rule_group--children > .group-or-rule-container:first-child > .group-or-rule::after, .query-builder .rule_group--children.hide--conjs > .group-or-rule-container:first-child > .group-or-rule::after {
  top: calc(50% - 0.5px);
  height: calc(50% + 0.5px + 5px + 2px);
}
.query-builder .rule_group--children > .group-or-rule-container:first-child > .group::after, .query-builder .rule_group--children.hide--conjs > .group-or-rule-container:first-child > .group::after {
  height: calc(50% + 0.5px + 5px + 2px);
}
.query-builder .rule_group--children > .group-or-rule-container:first-child > .rule_group::after, .query-builder .rule_group--children.hide--conjs > .group-or-rule-container:first-child > .rule_group::after {
  height: calc(50% + 0.5px + 5px + 2px);
}
.query-builder .rule_group--children > .group-or-rule-container:first-child > .rule_group_ext::after, .query-builder .rule_group--children.hide--conjs > .group-or-rule-container:first-child > .rule_group_ext::after {
  height: calc(50% + 0.5px + 5px + 2px);
}
.query-builder .rule_group_ext--children > .group-or-rule-container:last-child > .group-or-rule::before,
.query-builder .rule_group_ext--children .group--children:not(.rule_group--children) > .group-or-rule-container:last-child > .group-or-rule::before {
  border-radius: 0 0 0 4px;
}
.query-builder .rule_group_ext--children > .group-or-rule-container > .group-or-rule::before, .query-builder .rule_group_ext--children > .group-or-rule-container > .group-or-rule::after,
.query-builder .rule_group_ext--children .group--children:not(.rule_group--children) > .group-or-rule-container > .group-or-rule::before,
.query-builder .rule_group_ext--children .group--children:not(.rule_group--children) > .group-or-rule-container > .group-or-rule::after {
  border-color: #ccc;
}
.query-builder .rule_group_ext--children > .group-or-rule-container > .group-or-rule::before,
.query-builder .rule_group_ext--children .group--children:not(.rule_group--children) > .group-or-rule-container > .group-or-rule::before {
  border-width: 0 0 1px 1px;
  top: -1px;
  height: calc(50% + 0.5px + 1px);
}
.query-builder .rule_group_ext--children > .group-or-rule-container > .group-or-rule::after,
.query-builder .rule_group_ext--children .group--children:not(.rule_group--children) > .group-or-rule-container > .group-or-rule::after {
  border-width: 0 0 0 1px;
  top: calc(50% + 0.5px);
  height: calc(50% - 0.5px + 10px + 2px);
}
.query-builder .rule_group_ext--children > .group-or-rule-container > .group-or-rule::before, .query-builder .rule_group_ext--children > .group-or-rule-container > .group-or-rule::after,
.query-builder .rule_group_ext--children .group--children:not(.rule_group--children) > .group-or-rule-container > .group-or-rule::before,
.query-builder .rule_group_ext--children .group--children:not(.rule_group--children) > .group-or-rule-container > .group-or-rule::after {
  left: -13.5px;
  width: 12.5px;
}
.query-builder .rule_group_ext--children > .group-or-rule-container > .group::before,
.query-builder .rule_group_ext--children .group--children:not(.rule_group--children) > .group-or-rule-container > .group::before {
  border-width: 0 0 1px 1px;
  top: -1px;
  height: calc(50% + 0.5px + 1px);
}
.query-builder .rule_group_ext--children > .group-or-rule-container > .group::after,
.query-builder .rule_group_ext--children .group--children:not(.rule_group--children) > .group-or-rule-container > .group::after {
  border-width: 0 0 0 1px;
  top: calc(50% + 0.5px);
  height: calc(50% - 0.5px + 10px + 2px);
}
.query-builder .rule_group_ext--children > .group-or-rule-container > .group::before, .query-builder .rule_group_ext--children > .group-or-rule-container > .group::after,
.query-builder .rule_group_ext--children .group--children:not(.rule_group--children) > .group-or-rule-container > .group::before,
.query-builder .rule_group_ext--children .group--children:not(.rule_group--children) > .group-or-rule-container > .group::after {
  left: -13.5px;
  width: 12.5px;
}
.query-builder .rule_group_ext--children > .group-or-rule-container > .rule_group::before,
.query-builder .rule_group_ext--children .group--children:not(.rule_group--children) > .group-or-rule-container > .rule_group::before {
  border-width: 0 0 1px 1px;
  top: -1px;
  height: calc(50% + 0.5px + 1px);
}
.query-builder .rule_group_ext--children > .group-or-rule-container > .rule_group::after,
.query-builder .rule_group_ext--children .group--children:not(.rule_group--children) > .group-or-rule-container > .rule_group::after {
  border-width: 0 0 0 1px;
  top: calc(50% + 0.5px);
  height: calc(50% - 0.5px + 10px + 2px);
}
.query-builder .rule_group_ext--children > .group-or-rule-container > .rule_group::before, .query-builder .rule_group_ext--children > .group-or-rule-container > .rule_group::after,
.query-builder .rule_group_ext--children .group--children:not(.rule_group--children) > .group-or-rule-container > .rule_group::before,
.query-builder .rule_group_ext--children .group--children:not(.rule_group--children) > .group-or-rule-container > .rule_group::after {
  left: -13.5px;
  width: 12.5px;
}
.query-builder .rule_group_ext--children > .group-or-rule-container > .rule_group_ext::before,
.query-builder .rule_group_ext--children .group--children:not(.rule_group--children) > .group-or-rule-container > .rule_group_ext::before {
  border-width: 0 0 1px 1px;
  top: -1px;
  height: calc(50% + 0.5px + 1px);
}
.query-builder .rule_group_ext--children > .group-or-rule-container > .rule_group_ext::after,
.query-builder .rule_group_ext--children .group--children:not(.rule_group--children) > .group-or-rule-container > .rule_group_ext::after {
  border-width: 0 0 0 1px;
  top: calc(50% + 0.5px);
  height: calc(50% - 0.5px + 10px + 2px);
}
.query-builder .rule_group_ext--children > .group-or-rule-container > .rule_group_ext::before, .query-builder .rule_group_ext--children > .group-or-rule-container > .rule_group_ext::after,
.query-builder .rule_group_ext--children .group--children:not(.rule_group--children) > .group-or-rule-container > .rule_group_ext::before,
.query-builder .rule_group_ext--children .group--children:not(.rule_group--children) > .group-or-rule-container > .rule_group_ext::after {
  left: -13.5px;
  width: 12.5px;
}
.query-builder .rule_group_ext--children.hide--conjs > .group-or-rule-container:first-child > .group-or-rule::before,
.query-builder .rule_group_ext--children .group--children:not(.rule_group--children).hide--conjs > .group-or-rule-container:first-child > .group-or-rule::before {
  display: none;
}
.query-builder .rule_group_ext--children.hide--conjs > .group-or-rule-container:first-child > .group-or-rule::after,
.query-builder .rule_group_ext--children .group--children:not(.rule_group--children).hide--conjs > .group-or-rule-container:first-child > .group-or-rule::after {
  border-radius: 4px 0 0 0;
  border-width: 1px 0 0 1px;
}
.query-builder .rule_group_ext--children.hide--conjs > .group-or-rule-container:first-child > .group-or-rule::after,
.query-builder .rule_group_ext--children .group--children:not(.rule_group--children).hide--conjs > .group-or-rule-container:first-child > .group-or-rule::after {
  top: calc(50% - 0.5px);
  height: calc(50% + 0.5px + 10px + 2px);
}
.query-builder .rule_group_ext--children.hide--conjs > .group-or-rule-container:first-child > .group::after,
.query-builder .rule_group_ext--children .group--children:not(.rule_group--children).hide--conjs > .group-or-rule-container:first-child > .group::after {
  height: calc(50% + 0.5px + 10px + 2px);
}
.query-builder .rule_group_ext--children.hide--conjs > .group-or-rule-container:first-child > .rule_group::after,
.query-builder .rule_group_ext--children .group--children:not(.rule_group--children).hide--conjs > .group-or-rule-container:first-child > .rule_group::after {
  height: calc(50% + 0.5px + 10px + 2px);
}
.query-builder .rule_group_ext--children.hide--conjs > .group-or-rule-container:first-child > .rule_group_ext::after,
.query-builder .rule_group_ext--children .group--children:not(.rule_group--children).hide--conjs > .group-or-rule-container:first-child > .rule_group_ext::after {
  height: calc(50% + 0.5px + 10px + 2px);
}
.query-builder .switch_group--children > .group-or-rule-container:last-child > .group-or-rule::before {
  border-radius: 0 0 0 4px;
}
.query-builder .switch_group--children > .group-or-rule-container > .group-or-rule::before, .query-builder .switch_group--children > .group-or-rule-container > .group-or-rule::after {
  border-color: #ccc;
}
.query-builder .switch_group--children > .group-or-rule-container > .group-or-rule::before {
  border-width: 0 0 3px 3px;
  top: -1px;
  height: calc(50% + 1.5px + 1px);
}
.query-builder .switch_group--children > .group-or-rule-container > .group-or-rule::after {
  border-width: 0 0 0 3px;
  top: calc(50% + 1.5px);
  height: calc(50% - 1.5px + 10px + 2px);
}
.query-builder .switch_group--children > .group-or-rule-container > .group-or-rule::before, .query-builder .switch_group--children > .group-or-rule-container > .group-or-rule::after {
  left: -14.5px;
  width: 13.5px;
}
.query-builder .switch_group--children > .group-or-rule-container > .group::before {
  border-width: 0 0 3px 3px;
  top: -3px;
  height: calc(50% + 1.5px + 3px);
}
.query-builder .switch_group--children > .group-or-rule-container > .group::after {
  border-width: 0 0 0 3px;
  top: calc(50% + 1.5px);
  height: calc(50% - 1.5px + 10px + 6px);
}
.query-builder .switch_group--children > .group-or-rule-container > .group::before, .query-builder .switch_group--children > .group-or-rule-container > .group::after {
  left: -16.5px;
  width: 13.5px;
}
.query-builder .switch_group--children > .group-or-rule-container > .rule_group::before {
  border-width: 0 0 3px 3px;
  top: -1px;
  height: calc(50% + 1.5px + 1px);
}
.query-builder .switch_group--children > .group-or-rule-container > .rule_group::after {
  border-width: 0 0 0 3px;
  top: calc(50% + 1.5px);
  height: calc(50% - 1.5px + 10px + 2px);
}
.query-builder .switch_group--children > .group-or-rule-container > .rule_group::before, .query-builder .switch_group--children > .group-or-rule-container > .rule_group::after {
  left: -14.5px;
  width: 13.5px;
}
.query-builder .switch_group--children > .group-or-rule-container > .rule_group_ext::before {
  border-width: 0 0 3px 3px;
  top: -1px;
  height: calc(50% + 1.5px + 1px);
}
.query-builder .switch_group--children > .group-or-rule-container > .rule_group_ext::after {
  border-width: 0 0 0 3px;
  top: calc(50% + 1.5px);
  height: calc(50% - 1.5px + 10px + 2px);
}
.query-builder .switch_group--children > .group-or-rule-container > .rule_group_ext::before, .query-builder .switch_group--children > .group-or-rule-container > .rule_group_ext::after {
  left: -14.5px;
  width: 13.5px;
}
.query-builder .group--header:not(.no--children):not(.hide--conjs)::before {
  border-color: #ccc;
  border-width: 0 0 0 2px;
  top: 20px;
  height: calc(100% + 10px - 20px);
  left: 11px;
  width: 13px;
}
.query-builder .rule_group_ext > .group--header:not(.no--children):not(.hide--conjs)::before,
.query-builder .rule_group_ext .group > .group--header:not(.no--children):not(.hide--conjs)::before {
  border-color: #ccc;
  border-width: 0 0 0 1px;
  top: 20px;
  height: calc(100% + 10px - 20px);
  left: 11.5px;
  width: 12.5px;
}
.query-builder .switch_group > .group--header:not(.no--children):not(.hide--conjs)::before {
  border-color: #ccc;
  border-width: 0 0 0 3px;
  top: 20px;
  height: calc(100% + 10px - 20px);
  left: 10.5px;
  width: 13.5px;
}
.query-builder .qb-draggable::before, .query-builder .qb-draggable::after {
  display: none;
}
.query-builder .group--header,
.query-builder .group--footer {
  display: flex;
  align-items: stretch;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.query-builder .group-or-rule-container {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-right: 10px;
}
.query-builder .group-or-rule-container:first-child {
  margin-top: 0px !important;
}
.query-builder .group-or-rule-container:last-child {
  margin-bottom: 0px !important;
}
.query-builder .group--drag-handler {
  margin-right: 8px;
  margin-top: 3px;
  position: relative;
  align-self: center;
}
.query-builder .group--conjunctions {
  flex-shrink: 0;
  display: flex;
}
.query-builder .group--conjunctions .group--drag-handler {
  margin-left: 10px;
}
.query-builder .group--children {
  padding-left: 24px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.query-builder .group--children .group--field--count--rule {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
}
.query-builder .group--conjunctions.hide--conj {
  opacity: 0.3;
}
.query-builder .group--actions {
  align-self: center;
  margin-left: 10px;
  flex: 1;
  display: flex;
}
.query-builder .group--actions--tl, .query-builder .group--actions--bl {
  justify-content: flex-start;
}
.query-builder .group--actions--tl {
  margin-left: 20px;
}
.query-builder .group--actions--tc, .query-builder .group--actions--bc {
  justify-content: center;
}
.query-builder .group--actions--tr, .query-builder .group--actions--br {
  justify-content: flex-end;
}
.query-builder .case_group {
  border-width: 3px;
}
.query-builder .case_group .case_group--body {
  display: flex;
  flex-direction: row;
  margin-top: 10px;
  margin-bottom: 10px;
}
.query-builder .case_group .case_group--body .case_group--children {
  flex: auto;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.query-builder .case_group .case_group--value {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 10px;
  margin-right: 10px;
}
.query-builder .rule_group {
  display: flex;
  flex-wrap: wrap;
  padding-left: 10px;
}
.query-builder .rule_group .group--field {
  margin-top: 10px;
  margin-bottom: 10px;
  align-self: center;
}
.query-builder .rule_group .group--actions {
  margin-left: 10px;
  align-self: center;
  flex: 0;
}
.query-builder .rule_group .rule_group--children {
  flex: 1;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 18px;
}
.query-builder .rule_group .rule_group--children .group-or-rule-container {
  margin-bottom: 5px;
  margin-top: 5px;
  padding-right: 5px;
}
.query-builder .rule_group .rule_group--children.one--child {
  padding-left: 9px;
}
.query-builder .rule_group_ext > .group--header .group--actions {
  flex: none;
}
.query-builder .group--header.hide--drag.with--conjs > .group--field--count--rule {
  margin-left: 20px;
}
.query-builder .rule {
  flex: 1;
  display: flex;
}
.query-builder .rule--header {
  margin-left: auto;
  display: flex;
  align-items: center;
  padding-left: 10px;
}
.query-builder .rule--drag-handler {
  display: flex;
  align-items: center;
  margin-right: 8px;
}
.query-builder .rule--field, .query-builder .rule--fieldsrc, .query-builder .group--field, .query-builder .rule--operator, .query-builder .rule--value, .query-builder .rule--operator-options, .query-builder .rule--widget, .query-builder .widget--widget, .query-builder .widget--valuesrc, .query-builder .widget--sep, .query-builder .operator--options--sep, .query-builder .rule--before-widget, .query-builder .rule--after-widget {
  display: inline-block;
}
.query-builder .widget--sep, .query-builder .operator--options--sep, .query-builder .rule--func--bracket-before, .query-builder .rule--func--bracket-after, .query-builder .rule--func--arg-sep {
  vertical-align: bottom;
  align-self: flex-end;
  margin-bottom: 3px;
}
.query-builder .rule--func--arg-sep {
  margin-bottom: -2px;
}
.query-builder .widget--sep {
  margin-left: 10px;
  margin-right: 10px;
}
.query-builder .widget--sep.widget--sep-first {
  margin-right: 10px;
  margin-left: 0;
}
.query-builder .rule--operator {
  margin-left: 20px;
  margin-right: 20px;
}
.query-builder .operator--options--sep {
  margin-right: 10px;
}
.query-builder .rule--func--arg-sep {
  margin-left: 3px;
  margin-right: 6px;
}
.query-builder .rule--func--bracket-after {
  margin-left: 5px;
  margin-right: 2px;
}
.query-builder .rule--func--bracket-before {
  margin-left: 5px;
  margin-right: 5px;
}
.query-builder .widget--valuesrc {
  vertical-align: top;
}
.query-builder .rule--fieldsrc {
  vertical-align: top;
}
.query-builder .operator--options {
  display: flex;
}
.query-builder .rule--operator-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.query-builder .rule--operator-text-wrapper {
  flex: 1;
  display: flex;
  align-items: center;
}
.query-builder div.tooltip-inner {
  max-width: 500px;
}
.query-builder .rule--label {
  display: block;
  font-weight: bold;
}
.query-builder .rule--func--wrapper, .query-builder .rule--func, .query-builder .rule--func--args, .query-builder .rule--func--arg, .query-builder .rule--func--arg-value, .query-builder .rule--func--bracket-before, .query-builder .rule--func--bracket-after, .query-builder .rule--func--arg-sep, .query-builder .rule--func--arg-label, .query-builder .rule--func--arg-label-sep {
  display: inline-block;
}
.query-builder .rule--func--wrapper {
  display: flex;
  flex-wrap: wrap;
}
.query-builder .rule--func--args {
  display: flex;
  flex-wrap: wrap;
}
.query-builder .rule--func--arg {
  display: flex;
}
.query-builder .rule--field-wrapper,
.query-builder .rule--field--func,
.query-builder .rule--func--wrapper,
.query-builder .rule--func--args,
.query-builder .rule--func--arg,
.query-builder .rule--func--arg-value,
.query-builder .rule--func--arg-value > .rule--widget,
.query-builder .widget--func {
  display: contents;
}
.query-builder .rule--func, .query-builder .widget--widget {
  margin-bottom: 2px;
}
.query-builder .rule--body--wrapper {
  margin-bottom: -2px;
}
.query-builder .rule--body.can--shrink--value .rule--value {
  flex: 1;
}
.query-builder .rule--body.can--shrink--value .rule--value > .rule--widget {
  width: 100%;
  display: flex;
}
.query-builder .rule--body.can--shrink--value .rule--value > .rule--widget .widget--widget {
  flex: 1;
}

/******************************************************************************/
/** Minimalism ****************************************************************/
/******************************************************************************/
.query-builder.qb-lite .group--drag-handler, .query-builder.qb-lite .group--actions {
  transition: opacity 0.2s;
}
.query-builder.qb-lite .group--header:hover .group--header .group--drag-handler, .query-builder.qb-lite .group--header:hover .group--header .group--actions,
.query-builder.qb-lite .group--header:not(:hover) .group--drag-handler,
.query-builder.qb-lite .group--header:not(:hover) .group--actions,
.query-builder.qb-lite .rule_group:not(:hover) .group--drag-handler,
.query-builder.qb-lite .rule_group:not(:hover) .group--actions {
  opacity: 0;
}
.query-builder.qb-lite .rule--fieldsrc, .query-builder.qb-lite .widget--valuesrc, .query-builder.qb-lite .rule--drag-handler, .query-builder.qb-lite .rule--header {
  transition: opacity 0.2s;
}
.query-builder.qb-lite .rule:hover .rule .rule--fieldsrc, .query-builder.qb-lite .rule:hover .rule .widget--valuesrc, .query-builder.qb-lite .rule:hover .rule .rule--drag-handler, .query-builder.qb-lite .rule:hover .rule .rule--header,
.query-builder.qb-lite .rule:not(:hover) .rule--fieldsrc,
.query-builder.qb-lite .rule:not(:hover) .widget--valuesrc,
.query-builder.qb-lite .rule:not(:hover) .rule--drag-handler,
.query-builder.qb-lite .rule:not(:hover) .rule--header {
  opacity: 0;
}
.query-builder.qb-lite.qb-dragging .rule--fieldsrc, .query-builder.qb-lite.qb-dragging .widget--valuesrc, .query-builder.qb-lite.qb-dragging .rule--drag-handler, .query-builder.qb-lite.qb-dragging .rule--header, .query-builder.qb-lite.qb-dragging .group--drag-handler, .query-builder.qb-lite.qb-dragging .group--actions {
  opacity: 0 !important;
}
/* base styles */

._GzYRV {
  line-height: 1.2;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
}

._3eOF8 {
  margin-right: 5px;
  font-weight: bold;
}

._3eOF8 + ._3eOF8 {
  margin-left: -5px;
}

._1MFti {
  cursor: pointer;
}

._f10Tu {
  font-size: 1.2em;
  margin-right: 5px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

._1UmXx::after {
  content: '\25B8';
}

._1LId0::after {
  content: '\25BE';
}

._1pNG9 {
  margin-right: 5px;
}

._1pNG9::after {
  content: '...';
  font-size: 0.8em;
}

._2IvMF {
  background: #eee;
}

._2bkNM {
  margin: 0 10px;
  padding: 0;
}

/* default light style */
._1MGIk {
  font-weight: 600;
  margin-right: 5px;
  color: #000000;
}

._2YKJg {
}

._3uHL6 {
  color: #000000;
}

._2T6PJ {
  color: #df113a;
}

._1Gho6 {
  color: #df113a;
}

._vGjyY {
  color: rgb(42, 63, 60);
}

._1bQdo {
  color: #0b75f5;
}

._3zQKs {
  color: rgb(70, 144, 56);
}

._1xvuR {
  color: #43413d;
}

._oLqym {
  color: #000000;
}

._2AXVT {
  color: #000000;
}

._2KJWg {
  color: #000000;
}

/* default dark style */
._11RoI {
  background: rgb(0, 43, 54);
}

._17H2C {
  color: rgb(253, 246, 227);
}

._3QHg2 {
  color: rgb(253, 246, 227);
}

._3fDAz {
  color: rgb(253, 246, 227);
}

._2bSDX {
  font-weight: bolder;
  margin-right: 5px;
  color: rgb(253, 246, 227);
}

._1RQEj {
}

._gsbQL {
  color: rgb(253, 246, 227);
}

._LaAZe {
  color: rgb(129, 181, 172);
}

._GTKgm {
  color: rgb(129, 181, 172);
}

._Chy1W {
  color: rgb(203, 75, 22);
}

._2bveF {
  color: rgb(211, 54, 130);
}

._2vRm- {
  color: rgb(174, 129, 255);
}

._1prJR {
  color: rgb(38, 139, 210);
}
pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: a11y-dark
  Author: @ericwbailey
  Maintainer: @ericwbailey

  Based on the Tomorrow Night Eighties theme: https://github.com/isagalaev/highlight.js/blob/master/src/styles/tomorrow-night-eighties.css
*/.hljs{background:#2b2b2b;color:#f8f8f2}.hljs-comment,.hljs-quote{color:#d4d0ab}.hljs-deletion,.hljs-name,.hljs-regexp,.hljs-selector-class,.hljs-selector-id,.hljs-tag,.hljs-template-variable,.hljs-variable{color:#ffa07a}.hljs-built_in,.hljs-link,.hljs-literal,.hljs-meta,.hljs-number,.hljs-params,.hljs-type{color:#f5ab35}.hljs-attribute{color:gold}.hljs-addition,.hljs-bullet,.hljs-string,.hljs-symbol{color:#abe338}.hljs-section,.hljs-title{color:#00e0e0}.hljs-keyword,.hljs-selector-tag{color:#dcc6e0}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}@media screen and (-ms-high-contrast:active){.hljs-addition,.hljs-attribute,.hljs-built_in,.hljs-bullet,.hljs-comment,.hljs-link,.hljs-literal,.hljs-meta,.hljs-number,.hljs-params,.hljs-quote,.hljs-string,.hljs-symbol,.hljs-type{color:highlight}.hljs-keyword,.hljs-selector-tag{font-weight:700}}

[href] {
  text-decoration: underline;
  color: #3db4c9;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInRight {
  0% {
    transform: translateX(-50vw);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fadeInLeft {
  0% {
    transform: translateX(50vw);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOutRight {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform: translateX(50vw);
    opacity: 0;
  }
}
@keyframes fadeOutLeft {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform: translateX(-50vw);
    opacity: 0;
  }
}
@keyframes widthGrow {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@keyframes widthShrink {
  0% {
    width: 100%;
  }
  100% {
    width: 0;
  }
}
@keyframes damageHealingMiss {
  0% {
    transform: translateX(-50%) translateY(0) scale(1);
    opacity: 1;
  }
  5% {
    transform: translateX(-50%) translateY(0) scale(1.2);
    opacity: 1;
  }
  10% {
    transform: translateX(-50%) translateY(0) scale(1);
    opacity: 1;
  }
  30% {
    transform: translateX(-50%) translateY(0) scale(1);
    opacity: 1;
  }
  90% {
    transform: translateX(-50%) translateY(-400%) scale(1);
    opacity: 0;
  }
}
@keyframes sway {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(-1deg);
  }
  50% {
    transform: rotate(0deg);
  }
  75% {
    transform: rotate(1deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes float {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-1%);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes bob {
  0% {
    transform: translateZ(0);
  }
  50% {
    transform: translateZ(5vw);
  }
  100% {
    transform: translateZ(0);
  }
}
@keyframes expandReverse {
  0% {
    transform: scale(1.2);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.2);
  }
}
@keyframes blinkIn {
  0% {
    box-shadow: inset 0 0 25vw 25vw black;
  }
  100% {
    box-shadow: inset 0 0 25vw 2vw black;
  }
}
@keyframes attackSource {
  0% {
    transform: translateX(0);
  }
  20% {
    transform: translateX(8vw) rotate(4deg);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes attackTarget {
  0% {
    transform: translate(0);
  }
  50% {
    transform: translate(-4vw) rotate(-8deg);
  }
  100% {
    transform: translate(0);
  }
}
@keyframes glowBlue {
  0% {
    box-shadow: 0 0 0.2vw 0.2vw #44b5b9;
  }
  100% {
    box-shadow: 0 0 0.5vw 0.75vw #44b5b9;
  }
}
@keyframes glowGreen {
  0% {
    box-shadow: 0 0 0.2vw 0.2vw #1d530b;
    background: transparent;
  }
  100% {
    box-shadow: 0 0 0.5vw 0.75vw #1d530b;
    background: rgba(29, 83, 11, 0.5);
  }
}
@keyframes glowRed {
  0% {
    box-shadow: 0 0 0.2vw 0.2vw #951f2b;
    background: transparent;
  }
  100% {
    box-shadow: 0 0 0.5vw 0.75vw #951f2b;
    background: rgba(149, 31, 43, 0.5);
  }
}
@keyframes glowSurgeButton {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 200% 50%;
  }
}
@keyframes takeDamage {
  0% {
    filter: brightness(1);
  }
  50% {
    filter: brightness(1.5);
  }
  100% {
    filter: brightness(1);
  }
}
@keyframes rest {
  0% {
    transform: translateX(-50%) translateY(0) scale(1);
    opacity: 0;
  }
  50% {
    transform: translateX(-50%) translateY(-100%) scale(1.5);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-200%) scale(2);
    opacity: 0;
  }
}
@keyframes defendSource {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(1vw);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes buffSource {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(1vw);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes cameraShake {
  0% {
    transform: translateX(0) translateY(0);
  }
  10% {
    transform: translateX(0.25vw) translateY(-0.25vw);
  }
  20% {
    transform: translateX(0.25vw) translateY(0);
  }
  30% {
    transform: translateX(0.25vw) translateY(0.25vw);
  }
  40% {
    transform: translateX(0) translateY(0.25vw);
  }
  50% {
    transform: translateX(-0.25vw) translateY(0.25vw);
  }
  60% {
    transform: translateX(-0.25vw) translateY(0);
  }
  70% {
    transform: translateX(-0.25vw) translateY(-0.25vw);
  }
  80% {
    transform: translateX(0) translateY(-0.25vw);
  }
  90% {
    transform: translateX(0) translateY(0);
  }
}
@keyframes cameraSurgeShake {
  0% {
    transform: translateX(0) translateY(0);
  }
  10% {
    transform: translateX(0.75vw) translateY(-0.75vw);
  }
  20% {
    transform: translateX(0.75vw) translateY(0);
  }
  30% {
    transform: translateX(0.75vw) translateY(0.75vw);
  }
  40% {
    transform: translateX(0) translateY(0.75vw);
  }
  50% {
    transform: translateX(-0.75vw) translateY(0.75vw);
  }
  60% {
    transform: translateX(-surgeShake) translateY(0);
  }
  70% {
    transform: translateX(-0.75vw) translateY(-0.75vw);
  }
  80% {
    transform: translateX(0) translateY(-0.75vw);
  }
  90% {
    transform: translateX(0) translateY(0);
  }
}
@keyframes flashing {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes flashingHalf {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes focusPulse {
  0% {
    box-shadow: none;
  }
  50% {
    box-shadow: 0 0 1vw rgba(229, 179, 92, 0.5), inset 0 0 0.8vw 0.2vw rgba(229, 179, 92, 0.4);
  }
  100% {
    box-shadow: none;
  }
}
.fade-in {
  animation: fadeIn 0.5s ease-in-out;
}
.bg-cover {
  background-size: cover;
}
.bg-center {
  background-position: center;
}
.bg-main {
  background-color: rgb(12.75, 12.75, 12.75);
}
.bg-red {
  background-color: #951f2b;
}
.bg-lightRed {
  background-color: #cc3342;
}
.bg-green {
  background-color: #1d530b;
}
.bg-lightGreen {
  background-color: #358919;
}
.bg-blue {
  background-color: #193b54;
}
.bg-lightBlue {
  background-color: #44b5b9;
}
.bg-orange {
  background-color: #d9673d;
}
.bg-lightOrange {
  background-color: #f2a04a;
}
.bg-yellow {
  background-color: #f2ba4a;
}
.bg-purple {
  background-color: #915cdb;
}
.bg-white {
  background-color: #fcfbf9;
}
.bg-black {
  background-color: #000000;
}
.bg-grey {
  background-color: rgba(0, 0, 0, 0.5);
}
.bg-font {
  background-color: #888888;
}
.bg-tan {
  background-color: #efe5d9;
}
.bg-brown {
  background-color: #1b1513;
}
.bg-thecall {
  background-color: #a62529;
}
.bg-vanguard {
  background-color: #39466f;
}
.bg-success {
  background-color: #358919;
}
.bg-error {
  background-color: #951f2b;
}
.bg-warning {
  background-color: #d9673d;
}
.bg-info {
  background-color: #44b5b9;
}
.bg-darken-1 {
  background-color: rgba(0, 0, 0, 0.01);
}
.bg-lighten-1 {
  background-color: rgba(255, 255, 255, 0.01);
}
.bg-darken-2 {
  background-color: rgba(0, 0, 0, 0.02);
}
.bg-lighten-2 {
  background-color: rgba(255, 255, 255, 0.02);
}
.bg-darken-3 {
  background-color: rgba(0, 0, 0, 0.03);
}
.bg-lighten-3 {
  background-color: rgba(255, 255, 255, 0.03);
}
.bg-darken-4 {
  background-color: rgba(0, 0, 0, 0.04);
}
.bg-lighten-4 {
  background-color: rgba(255, 255, 255, 0.04);
}
.bg-darken-5 {
  background-color: rgba(0, 0, 0, 0.05);
}
.bg-lighten-5 {
  background-color: rgba(255, 255, 255, 0.05);
}
.bg-darken-6 {
  background-color: rgba(0, 0, 0, 0.06);
}
.bg-lighten-6 {
  background-color: rgba(255, 255, 255, 0.06);
}
.bg-darken-7 {
  background-color: rgba(0, 0, 0, 0.07);
}
.bg-lighten-7 {
  background-color: rgba(255, 255, 255, 0.07);
}
.bg-darken-8 {
  background-color: rgba(0, 0, 0, 0.08);
}
.bg-lighten-8 {
  background-color: rgba(255, 255, 255, 0.08);
}
.bg-darken-9 {
  background-color: rgba(0, 0, 0, 0.09);
}
.bg-lighten-9 {
  background-color: rgba(255, 255, 255, 0.09);
}
.bg-darken-10 {
  background-color: rgba(0, 0, 0, 0.1);
}
.bg-lighten-10 {
  background-color: rgba(255, 255, 255, 0.1);
}
.bg-darken-11 {
  background-color: rgba(0, 0, 0, 0.11);
}
.bg-lighten-11 {
  background-color: rgba(255, 255, 255, 0.11);
}
.bg-darken-12 {
  background-color: rgba(0, 0, 0, 0.12);
}
.bg-lighten-12 {
  background-color: rgba(255, 255, 255, 0.12);
}
.bg-darken-13 {
  background-color: rgba(0, 0, 0, 0.13);
}
.bg-lighten-13 {
  background-color: rgba(255, 255, 255, 0.13);
}
.bg-darken-14 {
  background-color: rgba(0, 0, 0, 0.14);
}
.bg-lighten-14 {
  background-color: rgba(255, 255, 255, 0.14);
}
.bg-darken-15 {
  background-color: rgba(0, 0, 0, 0.15);
}
.bg-lighten-15 {
  background-color: rgba(255, 255, 255, 0.15);
}
.bg-darken-16 {
  background-color: rgba(0, 0, 0, 0.16);
}
.bg-lighten-16 {
  background-color: rgba(255, 255, 255, 0.16);
}
.bg-darken-17 {
  background-color: rgba(0, 0, 0, 0.17);
}
.bg-lighten-17 {
  background-color: rgba(255, 255, 255, 0.17);
}
.bg-darken-18 {
  background-color: rgba(0, 0, 0, 0.18);
}
.bg-lighten-18 {
  background-color: rgba(255, 255, 255, 0.18);
}
.bg-darken-19 {
  background-color: rgba(0, 0, 0, 0.19);
}
.bg-lighten-19 {
  background-color: rgba(255, 255, 255, 0.19);
}
.bg-darken-20 {
  background-color: rgba(0, 0, 0, 0.2);
}
.bg-lighten-20 {
  background-color: rgba(255, 255, 255, 0.2);
}
.bg-darken-21 {
  background-color: rgba(0, 0, 0, 0.21);
}
.bg-lighten-21 {
  background-color: rgba(255, 255, 255, 0.21);
}
.bg-darken-22 {
  background-color: rgba(0, 0, 0, 0.22);
}
.bg-lighten-22 {
  background-color: rgba(255, 255, 255, 0.22);
}
.bg-darken-23 {
  background-color: rgba(0, 0, 0, 0.23);
}
.bg-lighten-23 {
  background-color: rgba(255, 255, 255, 0.23);
}
.bg-darken-24 {
  background-color: rgba(0, 0, 0, 0.24);
}
.bg-lighten-24 {
  background-color: rgba(255, 255, 255, 0.24);
}
.bg-darken-25 {
  background-color: rgba(0, 0, 0, 0.25);
}
.bg-lighten-25 {
  background-color: rgba(255, 255, 255, 0.25);
}
.bg-darken-26 {
  background-color: rgba(0, 0, 0, 0.26);
}
.bg-lighten-26 {
  background-color: rgba(255, 255, 255, 0.26);
}
.bg-darken-27 {
  background-color: rgba(0, 0, 0, 0.27);
}
.bg-lighten-27 {
  background-color: rgba(255, 255, 255, 0.27);
}
.bg-darken-28 {
  background-color: rgba(0, 0, 0, 0.28);
}
.bg-lighten-28 {
  background-color: rgba(255, 255, 255, 0.28);
}
.bg-darken-29 {
  background-color: rgba(0, 0, 0, 0.29);
}
.bg-lighten-29 {
  background-color: rgba(255, 255, 255, 0.29);
}
.bg-darken-30 {
  background-color: rgba(0, 0, 0, 0.3);
}
.bg-lighten-30 {
  background-color: rgba(255, 255, 255, 0.3);
}
.bg-darken-31 {
  background-color: rgba(0, 0, 0, 0.31);
}
.bg-lighten-31 {
  background-color: rgba(255, 255, 255, 0.31);
}
.bg-darken-32 {
  background-color: rgba(0, 0, 0, 0.32);
}
.bg-lighten-32 {
  background-color: rgba(255, 255, 255, 0.32);
}
.bg-darken-33 {
  background-color: rgba(0, 0, 0, 0.33);
}
.bg-lighten-33 {
  background-color: rgba(255, 255, 255, 0.33);
}
.bg-darken-34 {
  background-color: rgba(0, 0, 0, 0.34);
}
.bg-lighten-34 {
  background-color: rgba(255, 255, 255, 0.34);
}
.bg-darken-35 {
  background-color: rgba(0, 0, 0, 0.35);
}
.bg-lighten-35 {
  background-color: rgba(255, 255, 255, 0.35);
}
.bg-darken-36 {
  background-color: rgba(0, 0, 0, 0.36);
}
.bg-lighten-36 {
  background-color: rgba(255, 255, 255, 0.36);
}
.bg-darken-37 {
  background-color: rgba(0, 0, 0, 0.37);
}
.bg-lighten-37 {
  background-color: rgba(255, 255, 255, 0.37);
}
.bg-darken-38 {
  background-color: rgba(0, 0, 0, 0.38);
}
.bg-lighten-38 {
  background-color: rgba(255, 255, 255, 0.38);
}
.bg-darken-39 {
  background-color: rgba(0, 0, 0, 0.39);
}
.bg-lighten-39 {
  background-color: rgba(255, 255, 255, 0.39);
}
.bg-darken-40 {
  background-color: rgba(0, 0, 0, 0.4);
}
.bg-lighten-40 {
  background-color: rgba(255, 255, 255, 0.4);
}
.bg-darken-41 {
  background-color: rgba(0, 0, 0, 0.41);
}
.bg-lighten-41 {
  background-color: rgba(255, 255, 255, 0.41);
}
.bg-darken-42 {
  background-color: rgba(0, 0, 0, 0.42);
}
.bg-lighten-42 {
  background-color: rgba(255, 255, 255, 0.42);
}
.bg-darken-43 {
  background-color: rgba(0, 0, 0, 0.43);
}
.bg-lighten-43 {
  background-color: rgba(255, 255, 255, 0.43);
}
.bg-darken-44 {
  background-color: rgba(0, 0, 0, 0.44);
}
.bg-lighten-44 {
  background-color: rgba(255, 255, 255, 0.44);
}
.bg-darken-45 {
  background-color: rgba(0, 0, 0, 0.45);
}
.bg-lighten-45 {
  background-color: rgba(255, 255, 255, 0.45);
}
.bg-darken-46 {
  background-color: rgba(0, 0, 0, 0.46);
}
.bg-lighten-46 {
  background-color: rgba(255, 255, 255, 0.46);
}
.bg-darken-47 {
  background-color: rgba(0, 0, 0, 0.47);
}
.bg-lighten-47 {
  background-color: rgba(255, 255, 255, 0.47);
}
.bg-darken-48 {
  background-color: rgba(0, 0, 0, 0.48);
}
.bg-lighten-48 {
  background-color: rgba(255, 255, 255, 0.48);
}
.bg-darken-49 {
  background-color: rgba(0, 0, 0, 0.49);
}
.bg-lighten-49 {
  background-color: rgba(255, 255, 255, 0.49);
}
.bg-darken-50 {
  background-color: rgba(0, 0, 0, 0.5);
}
.bg-lighten-50 {
  background-color: rgba(255, 255, 255, 0.5);
}
.bg-darken-51 {
  background-color: rgba(0, 0, 0, 0.51);
}
.bg-lighten-51 {
  background-color: rgba(255, 255, 255, 0.51);
}
.bg-darken-52 {
  background-color: rgba(0, 0, 0, 0.52);
}
.bg-lighten-52 {
  background-color: rgba(255, 255, 255, 0.52);
}
.bg-darken-53 {
  background-color: rgba(0, 0, 0, 0.53);
}
.bg-lighten-53 {
  background-color: rgba(255, 255, 255, 0.53);
}
.bg-darken-54 {
  background-color: rgba(0, 0, 0, 0.54);
}
.bg-lighten-54 {
  background-color: rgba(255, 255, 255, 0.54);
}
.bg-darken-55 {
  background-color: rgba(0, 0, 0, 0.55);
}
.bg-lighten-55 {
  background-color: rgba(255, 255, 255, 0.55);
}
.bg-darken-56 {
  background-color: rgba(0, 0, 0, 0.56);
}
.bg-lighten-56 {
  background-color: rgba(255, 255, 255, 0.56);
}
.bg-darken-57 {
  background-color: rgba(0, 0, 0, 0.57);
}
.bg-lighten-57 {
  background-color: rgba(255, 255, 255, 0.57);
}
.bg-darken-58 {
  background-color: rgba(0, 0, 0, 0.58);
}
.bg-lighten-58 {
  background-color: rgba(255, 255, 255, 0.58);
}
.bg-darken-59 {
  background-color: rgba(0, 0, 0, 0.59);
}
.bg-lighten-59 {
  background-color: rgba(255, 255, 255, 0.59);
}
.bg-darken-60 {
  background-color: rgba(0, 0, 0, 0.6);
}
.bg-lighten-60 {
  background-color: rgba(255, 255, 255, 0.6);
}
.bg-darken-61 {
  background-color: rgba(0, 0, 0, 0.61);
}
.bg-lighten-61 {
  background-color: rgba(255, 255, 255, 0.61);
}
.bg-darken-62 {
  background-color: rgba(0, 0, 0, 0.62);
}
.bg-lighten-62 {
  background-color: rgba(255, 255, 255, 0.62);
}
.bg-darken-63 {
  background-color: rgba(0, 0, 0, 0.63);
}
.bg-lighten-63 {
  background-color: rgba(255, 255, 255, 0.63);
}
.bg-darken-64 {
  background-color: rgba(0, 0, 0, 0.64);
}
.bg-lighten-64 {
  background-color: rgba(255, 255, 255, 0.64);
}
.bg-darken-65 {
  background-color: rgba(0, 0, 0, 0.65);
}
.bg-lighten-65 {
  background-color: rgba(255, 255, 255, 0.65);
}
.bg-darken-66 {
  background-color: rgba(0, 0, 0, 0.66);
}
.bg-lighten-66 {
  background-color: rgba(255, 255, 255, 0.66);
}
.bg-darken-67 {
  background-color: rgba(0, 0, 0, 0.67);
}
.bg-lighten-67 {
  background-color: rgba(255, 255, 255, 0.67);
}
.bg-darken-68 {
  background-color: rgba(0, 0, 0, 0.68);
}
.bg-lighten-68 {
  background-color: rgba(255, 255, 255, 0.68);
}
.bg-darken-69 {
  background-color: rgba(0, 0, 0, 0.69);
}
.bg-lighten-69 {
  background-color: rgba(255, 255, 255, 0.69);
}
.bg-darken-70 {
  background-color: rgba(0, 0, 0, 0.7);
}
.bg-lighten-70 {
  background-color: rgba(255, 255, 255, 0.7);
}
.bg-darken-71 {
  background-color: rgba(0, 0, 0, 0.71);
}
.bg-lighten-71 {
  background-color: rgba(255, 255, 255, 0.71);
}
.bg-darken-72 {
  background-color: rgba(0, 0, 0, 0.72);
}
.bg-lighten-72 {
  background-color: rgba(255, 255, 255, 0.72);
}
.bg-darken-73 {
  background-color: rgba(0, 0, 0, 0.73);
}
.bg-lighten-73 {
  background-color: rgba(255, 255, 255, 0.73);
}
.bg-darken-74 {
  background-color: rgba(0, 0, 0, 0.74);
}
.bg-lighten-74 {
  background-color: rgba(255, 255, 255, 0.74);
}
.bg-darken-75 {
  background-color: rgba(0, 0, 0, 0.75);
}
.bg-lighten-75 {
  background-color: rgba(255, 255, 255, 0.75);
}
.bg-darken-76 {
  background-color: rgba(0, 0, 0, 0.76);
}
.bg-lighten-76 {
  background-color: rgba(255, 255, 255, 0.76);
}
.bg-darken-77 {
  background-color: rgba(0, 0, 0, 0.77);
}
.bg-lighten-77 {
  background-color: rgba(255, 255, 255, 0.77);
}
.bg-darken-78 {
  background-color: rgba(0, 0, 0, 0.78);
}
.bg-lighten-78 {
  background-color: rgba(255, 255, 255, 0.78);
}
.bg-darken-79 {
  background-color: rgba(0, 0, 0, 0.79);
}
.bg-lighten-79 {
  background-color: rgba(255, 255, 255, 0.79);
}
.bg-darken-80 {
  background-color: rgba(0, 0, 0, 0.8);
}
.bg-lighten-80 {
  background-color: rgba(255, 255, 255, 0.8);
}
.bg-darken-81 {
  background-color: rgba(0, 0, 0, 0.81);
}
.bg-lighten-81 {
  background-color: rgba(255, 255, 255, 0.81);
}
.bg-darken-82 {
  background-color: rgba(0, 0, 0, 0.82);
}
.bg-lighten-82 {
  background-color: rgba(255, 255, 255, 0.82);
}
.bg-darken-83 {
  background-color: rgba(0, 0, 0, 0.83);
}
.bg-lighten-83 {
  background-color: rgba(255, 255, 255, 0.83);
}
.bg-darken-84 {
  background-color: rgba(0, 0, 0, 0.84);
}
.bg-lighten-84 {
  background-color: rgba(255, 255, 255, 0.84);
}
.bg-darken-85 {
  background-color: rgba(0, 0, 0, 0.85);
}
.bg-lighten-85 {
  background-color: rgba(255, 255, 255, 0.85);
}
.bg-darken-86 {
  background-color: rgba(0, 0, 0, 0.86);
}
.bg-lighten-86 {
  background-color: rgba(255, 255, 255, 0.86);
}
.bg-darken-87 {
  background-color: rgba(0, 0, 0, 0.87);
}
.bg-lighten-87 {
  background-color: rgba(255, 255, 255, 0.87);
}
.bg-darken-88 {
  background-color: rgba(0, 0, 0, 0.88);
}
.bg-lighten-88 {
  background-color: rgba(255, 255, 255, 0.88);
}
.bg-darken-89 {
  background-color: rgba(0, 0, 0, 0.89);
}
.bg-lighten-89 {
  background-color: rgba(255, 255, 255, 0.89);
}
.bg-darken-90 {
  background-color: rgba(0, 0, 0, 0.9);
}
.bg-lighten-90 {
  background-color: rgba(255, 255, 255, 0.9);
}
.bg-darken-91 {
  background-color: rgba(0, 0, 0, 0.91);
}
.bg-lighten-91 {
  background-color: rgba(255, 255, 255, 0.91);
}
.bg-darken-92 {
  background-color: rgba(0, 0, 0, 0.92);
}
.bg-lighten-92 {
  background-color: rgba(255, 255, 255, 0.92);
}
.bg-darken-93 {
  background-color: rgba(0, 0, 0, 0.93);
}
.bg-lighten-93 {
  background-color: rgba(255, 255, 255, 0.93);
}
.bg-darken-94 {
  background-color: rgba(0, 0, 0, 0.94);
}
.bg-lighten-94 {
  background-color: rgba(255, 255, 255, 0.94);
}
.bg-darken-95 {
  background-color: rgba(0, 0, 0, 0.95);
}
.bg-lighten-95 {
  background-color: rgba(255, 255, 255, 0.95);
}
.bg-darken-96 {
  background-color: rgba(0, 0, 0, 0.96);
}
.bg-lighten-96 {
  background-color: rgba(255, 255, 255, 0.96);
}
.bg-darken-97 {
  background-color: rgba(0, 0, 0, 0.97);
}
.bg-lighten-97 {
  background-color: rgba(255, 255, 255, 0.97);
}
.bg-darken-98 {
  background-color: rgba(0, 0, 0, 0.98);
}
.bg-lighten-98 {
  background-color: rgba(255, 255, 255, 0.98);
}
.bg-darken-99 {
  background-color: rgba(0, 0, 0, 0.99);
}
.bg-lighten-99 {
  background-color: rgba(255, 255, 255, 0.99);
}
.bg-darken-100 {
  background-color: black;
}
.bg-lighten-100 {
  background-color: white;
}
.darken {
  background: rgba(0, 0, 0, 0.2);
}
.lighten {
  background: rgba(255, 255, 255, 0.2);
}
.darken-1 {
  background: rgba(0, 0, 0, 0.1);
}
.lighten-1 {
  background: rgba(255, 255, 255, 0.1);
}
.darken-2 {
  background: rgba(0, 0, 0, 0.2);
}
.lighten-2 {
  background: rgba(255, 255, 255, 0.2);
}
.darken-3 {
  background: rgba(0, 0, 0, 0.3);
}
.lighten-3 {
  background: rgba(255, 255, 255, 0.3);
}
.darken-4 {
  background: rgba(0, 0, 0, 0.4);
}
.lighten-4 {
  background: rgba(255, 255, 255, 0.4);
}
.darken-5 {
  background: rgba(0, 0, 0, 0.5);
}
.lighten-5 {
  background: rgba(255, 255, 255, 0.5);
}
.darken-6 {
  background: rgba(0, 0, 0, 0.6);
}
.lighten-6 {
  background: rgba(255, 255, 255, 0.6);
}
.darken-7 {
  background: rgba(0, 0, 0, 0.7);
}
.lighten-7 {
  background: rgba(255, 255, 255, 0.7);
}
.darken-8 {
  background: rgba(0, 0, 0, 0.8);
}
.lighten-8 {
  background: rgba(255, 255, 255, 0.8);
}
.darken-9 {
  background: rgba(0, 0, 0, 0.9);
}
.lighten-9 {
  background: rgba(255, 255, 255, 0.9);
}
.panel-background {
  background: rgba(22, 18, 15, 0.95);
}
.panel-header-background {
  background: rgba(29.5810810811, 24.2027027027, 20.1689189189, 0.95);
}
.panel-footer-background {
  background: rgba(29.5810810811, 24.2027027027, 20.1689189189, 0.95);
}
.overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.75);
  z-index: 99;
  transition: ease all 0.2s;
  opacity: 1;
}
.overlay.opacity-0 {
  z-index: -1;
}
.overlay > * {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.bg-gradient-overlay-red {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(transparent, #951f2b);
}
.bg-gradient-overlay-from-red {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(#951f2b, transparent);
}
.bg-gradient-overlay-lightRed {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(transparent, #cc3342);
}
.bg-gradient-overlay-from-lightRed {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(#cc3342, transparent);
}
.bg-gradient-overlay-green {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(transparent, #1d530b);
}
.bg-gradient-overlay-from-green {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(#1d530b, transparent);
}
.bg-gradient-overlay-lightGreen {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(transparent, #358919);
}
.bg-gradient-overlay-from-lightGreen {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(#358919, transparent);
}
.bg-gradient-overlay-blue {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(transparent, #193b54);
}
.bg-gradient-overlay-from-blue {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(#193b54, transparent);
}
.bg-gradient-overlay-lightBlue {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(transparent, #44b5b9);
}
.bg-gradient-overlay-from-lightBlue {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(#44b5b9, transparent);
}
.bg-gradient-overlay-orange {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(transparent, #d9673d);
}
.bg-gradient-overlay-from-orange {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(#d9673d, transparent);
}
.bg-gradient-overlay-lightOrange {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(transparent, #f2a04a);
}
.bg-gradient-overlay-from-lightOrange {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(#f2a04a, transparent);
}
.bg-gradient-overlay-yellow {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(transparent, #f2ba4a);
}
.bg-gradient-overlay-from-yellow {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(#f2ba4a, transparent);
}
.bg-gradient-overlay-purple {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(transparent, #915cdb);
}
.bg-gradient-overlay-from-purple {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(#915cdb, transparent);
}
.bg-gradient-overlay-white {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(transparent, #fcfbf9);
}
.bg-gradient-overlay-from-white {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(#fcfbf9, transparent);
}
.bg-gradient-overlay-black {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(transparent, #000000);
}
.bg-gradient-overlay-from-black {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(#000000, transparent);
}
.bg-gradient-overlay-grey {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.5));
}
.bg-gradient-overlay-from-grey {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(rgba(0, 0, 0, 0.5), transparent);
}
.bg-gradient-overlay-font {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(transparent, #888888);
}
.bg-gradient-overlay-from-font {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(#888888, transparent);
}
.bg-gradient-overlay-tan {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(transparent, #efe5d9);
}
.bg-gradient-overlay-from-tan {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(#efe5d9, transparent);
}
.bg-gradient-overlay-brown {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(transparent, #1b1513);
}
.bg-gradient-overlay-from-brown {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(#1b1513, transparent);
}
.bg-gradient-overlay-thecall {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(transparent, #a62529);
}
.bg-gradient-overlay-from-thecall {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(#a62529, transparent);
}
.bg-gradient-overlay-vanguard {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(transparent, #39466f);
}
.bg-gradient-overlay-from-vanguard {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(#39466f, transparent);
}
.bg-gradient-overlay-success {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(transparent, #358919);
}
.bg-gradient-overlay-from-success {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(#358919, transparent);
}
.bg-gradient-overlay-error {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(transparent, #951f2b);
}
.bg-gradient-overlay-from-error {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(#951f2b, transparent);
}
.bg-gradient-overlay-warning {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(transparent, #d9673d);
}
.bg-gradient-overlay-from-warning {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(#d9673d, transparent);
}
.bg-gradient-overlay-info {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(transparent, #44b5b9);
}
.bg-gradient-overlay-from-info {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(#44b5b9, transparent);
}
.overlay-gradient {
  position: absolute;
}
.overlay-gradient.top:not(.bottom) {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.9) 20%, transparent);
}
.overlay-gradient.bottom:not(.top) {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 20%, transparent);
}
.overlay-gradient.left:not(.right) {
  background: linear-gradient(to right, rgba(0, 0, 0, 0.9) 20%, transparent);
}
.overlay-gradient.right:not(.left) {
  background: linear-gradient(to left, rgba(0, 0, 0, 0.9) 20%, transparent);
}
.radial-glow {
  display: inline-block;
  background: radial-gradient(rgba(71.902173913, 55.9239130435, 50.597826087, 0.8), transparent 70%);
  background-size: contain;
}
html {
  background: rgb(12.75, 12.75, 12.75);
}
body {
  color: white;
  font-family: "Roboto", serif;
  font-size: 14px;
  margin: 0;
}
@media (max-width: 480px) {
  body {
    font-size: 12px;
  }
}
#root {
  position: relative;
  z-index: 0;
}
#app {
  display: flex;
}
#main {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  z-index: 0;
  min-width: 0;
  transition: ease all 0.2s;
}
.sidebar {
  width: 280px;
  z-index: 1;
  height: calc(100dvh - 56px);
  display: flex;
  flex-direction: column;
  margin-top: 56px;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
}
.sidebar .menu {
  overflow-y: auto;
}
.app-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.app-loaded .app-spinner {
  display: none;
}
*,
*:before,
*:after {
  box-sizing: border-box;
}
.overflow-hidden {
  overflow: hidden !important;
}
.overflow-y {
  overflow-y: auto;
}
.overflow-x {
  overflow-x: auto;
}
.square {
  border-radius: 0 !important;
}
.square-top {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.square-right {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.square-bottom {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.square-left {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.square-top-left {
  border-top-left-radius: 0 !important;
}
.square-top-right {
  border-top-right-radius: 0 !important;
}
.square-bottom-left {
  border-bottom-left-radius: 0 !important;
}
.square-bottom-right {
  border-bottom-right-radius: 0 !important;
}
.round {
  border-radius: 0.2em !important;
}
.round-top {
  border-top-left-radius: 0.2em !important;
  border-top-right-radius: 0.2em !important;
}
.round-right {
  border-top-right-radius: 0.2em !important;
  border-bottom-right-radius: 0.2em !important;
}
.round-bottom {
  border-bottom-left-radius: 0.2em !important;
  border-bottom-right-radius: 0.2em !important;
}
.round-left {
  border-top-left-radius: 0.2em !important;
  border-bottom-left-radius: 0.2em !important;
}
.round-top-left {
  border-top-left-radius: 0.2em !important;
}
.round-top-right {
  border-top-right-radius: 0.2em !important;
}
.round-bottom-left {
  border-bottom-left-radius: 0.2em !important;
}
.round-bottom-right {
  border-bottom-right-radius: 0.2em !important;
}
.rounded {
  border-radius: 999px !important;
}
.rounded-top {
  border-top-left-radius: 999px !important;
  border-top-right-radius: 999px !important;
}
.rounded-right {
  border-top-right-radius: 999px !important;
  border-bottom-right-radius: 999px !important;
}
.rounded-bottom {
  border-bottom-left-radius: 999px !important;
  border-bottom-right-radius: 999px !important;
}
.rounded-left {
  border-top-left-radius: 999px !important;
  border-bottom-left-radius: 999px !important;
}
.rounded-top-left {
  border-top-left-radius: 999px !important;
}
.rounded-top-right {
  border-top-right-radius: 999px !important;
}
.rounded-bottom-left {
  border-bottom-left-radius: 999px !important;
}
.rounded-bottom-right {
  border-bottom-right-radius: 999px !important;
}
.opacity-0,
.o-0 {
  opacity: 0;
}
.opacity-1,
.o-1 {
  opacity: 0.1;
}
.opacity-2,
.o-2 {
  opacity: 0.2;
}
.opacity-3,
.o-3 {
  opacity: 0.3;
}
.opacity-4,
.o-4 {
  opacity: 0.4;
}
.opacity-5,
.o-5 {
  opacity: 0.5;
}
.opacity-6,
.o-6 {
  opacity: 0.6;
}
.opacity-7,
.o-7 {
  opacity: 0.7;
}
.opacity-8,
.o-8 {
  opacity: 0.8;
}
.opacity-9,
.o-9 {
  opacity: 0.9;
}
.opacity-10,
.o-10 {
  opacity: 1;
}
.border {
  border: 1px solid rgba(229, 179, 92, 0.3);
}
.border-top {
  border-top: 1px solid rgba(229, 179, 92, 0.3);
}
.border-right {
  border-right: 1px solid rgba(229, 179, 92, 0.3);
}
.border-bottom {
  border-bottom: 1px solid rgba(229, 179, 92, 0.3);
}
.border-left {
  border-left: 1px solid rgba(229, 179, 92, 0.3);
}
.border-darken {
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.border-lighten {
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.border-top-darken {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.border-top-lighten {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.border-right-darken {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.border-right-lighten {
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.border-bottom-darken {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.border-bottom-lighten {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.border-left-darken {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.border-left-lighten {
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.border-darken-1 {
  border: 1px solid rgba(0, 0, 0, 0.01);
}
.border-lighten-1 {
  border: 1px solid rgba(255, 255, 255, 0.01);
}
.border-top-darken-1 {
  border-top: 1px solid rgba(0, 0, 0, 0.01);
}
.border-top-lighten-1 {
  border-top: 1px solid rgba(255, 255, 255, 0.01);
}
.border-right-darken-1 {
  border-right: 1px solid rgba(0, 0, 0, 0.01);
}
.border-right-lighten-1 {
  border-right: 1px solid rgba(255, 255, 255, 0.01);
}
.border-bottom-darken-1 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.01);
}
.border-bottom-lighten-1 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.01);
}
.border-left-darken-1 {
  border-left: 1px solid rgba(0, 0, 0, 0.01);
}
.border-left-lighten-1 {
  border-left: 1px solid rgba(255, 255, 255, 0.01);
}
.border-darken-2 {
  border: 1px solid rgba(0, 0, 0, 0.02);
}
.border-lighten-2 {
  border: 1px solid rgba(255, 255, 255, 0.02);
}
.border-top-darken-2 {
  border-top: 1px solid rgba(0, 0, 0, 0.02);
}
.border-top-lighten-2 {
  border-top: 1px solid rgba(255, 255, 255, 0.02);
}
.border-right-darken-2 {
  border-right: 1px solid rgba(0, 0, 0, 0.02);
}
.border-right-lighten-2 {
  border-right: 1px solid rgba(255, 255, 255, 0.02);
}
.border-bottom-darken-2 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.02);
}
.border-bottom-lighten-2 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.02);
}
.border-left-darken-2 {
  border-left: 1px solid rgba(0, 0, 0, 0.02);
}
.border-left-lighten-2 {
  border-left: 1px solid rgba(255, 255, 255, 0.02);
}
.border-darken-3 {
  border: 1px solid rgba(0, 0, 0, 0.03);
}
.border-lighten-3 {
  border: 1px solid rgba(255, 255, 255, 0.03);
}
.border-top-darken-3 {
  border-top: 1px solid rgba(0, 0, 0, 0.03);
}
.border-top-lighten-3 {
  border-top: 1px solid rgba(255, 255, 255, 0.03);
}
.border-right-darken-3 {
  border-right: 1px solid rgba(0, 0, 0, 0.03);
}
.border-right-lighten-3 {
  border-right: 1px solid rgba(255, 255, 255, 0.03);
}
.border-bottom-darken-3 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.03);
}
.border-bottom-lighten-3 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.03);
}
.border-left-darken-3 {
  border-left: 1px solid rgba(0, 0, 0, 0.03);
}
.border-left-lighten-3 {
  border-left: 1px solid rgba(255, 255, 255, 0.03);
}
.border-darken-4 {
  border: 1px solid rgba(0, 0, 0, 0.04);
}
.border-lighten-4 {
  border: 1px solid rgba(255, 255, 255, 0.04);
}
.border-top-darken-4 {
  border-top: 1px solid rgba(0, 0, 0, 0.04);
}
.border-top-lighten-4 {
  border-top: 1px solid rgba(255, 255, 255, 0.04);
}
.border-right-darken-4 {
  border-right: 1px solid rgba(0, 0, 0, 0.04);
}
.border-right-lighten-4 {
  border-right: 1px solid rgba(255, 255, 255, 0.04);
}
.border-bottom-darken-4 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.04);
}
.border-bottom-lighten-4 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}
.border-left-darken-4 {
  border-left: 1px solid rgba(0, 0, 0, 0.04);
}
.border-left-lighten-4 {
  border-left: 1px solid rgba(255, 255, 255, 0.04);
}
.border-darken-5 {
  border: 1px solid rgba(0, 0, 0, 0.05);
}
.border-lighten-5 {
  border: 1px solid rgba(255, 255, 255, 0.05);
}
.border-top-darken-5 {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.border-top-lighten-5 {
  border-top: 1px solid rgba(255, 255, 255, 0.05);
}
.border-right-darken-5 {
  border-right: 1px solid rgba(0, 0, 0, 0.05);
}
.border-right-lighten-5 {
  border-right: 1px solid rgba(255, 255, 255, 0.05);
}
.border-bottom-darken-5 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.border-bottom-lighten-5 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.border-left-darken-5 {
  border-left: 1px solid rgba(0, 0, 0, 0.05);
}
.border-left-lighten-5 {
  border-left: 1px solid rgba(255, 255, 255, 0.05);
}
.border-darken-6 {
  border: 1px solid rgba(0, 0, 0, 0.06);
}
.border-lighten-6 {
  border: 1px solid rgba(255, 255, 255, 0.06);
}
.border-top-darken-6 {
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}
.border-top-lighten-6 {
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}
.border-right-darken-6 {
  border-right: 1px solid rgba(0, 0, 0, 0.06);
}
.border-right-lighten-6 {
  border-right: 1px solid rgba(255, 255, 255, 0.06);
}
.border-bottom-darken-6 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.border-bottom-lighten-6 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.border-left-darken-6 {
  border-left: 1px solid rgba(0, 0, 0, 0.06);
}
.border-left-lighten-6 {
  border-left: 1px solid rgba(255, 255, 255, 0.06);
}
.border-darken-7 {
  border: 1px solid rgba(0, 0, 0, 0.07);
}
.border-lighten-7 {
  border: 1px solid rgba(255, 255, 255, 0.07);
}
.border-top-darken-7 {
  border-top: 1px solid rgba(0, 0, 0, 0.07);
}
.border-top-lighten-7 {
  border-top: 1px solid rgba(255, 255, 255, 0.07);
}
.border-right-darken-7 {
  border-right: 1px solid rgba(0, 0, 0, 0.07);
}
.border-right-lighten-7 {
  border-right: 1px solid rgba(255, 255, 255, 0.07);
}
.border-bottom-darken-7 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}
.border-bottom-lighten-7 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}
.border-left-darken-7 {
  border-left: 1px solid rgba(0, 0, 0, 0.07);
}
.border-left-lighten-7 {
  border-left: 1px solid rgba(255, 255, 255, 0.07);
}
.border-darken-8 {
  border: 1px solid rgba(0, 0, 0, 0.08);
}
.border-lighten-8 {
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.border-top-darken-8 {
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.border-top-lighten-8 {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.border-right-darken-8 {
  border-right: 1px solid rgba(0, 0, 0, 0.08);
}
.border-right-lighten-8 {
  border-right: 1px solid rgba(255, 255, 255, 0.08);
}
.border-bottom-darken-8 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.border-bottom-lighten-8 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.border-left-darken-8 {
  border-left: 1px solid rgba(0, 0, 0, 0.08);
}
.border-left-lighten-8 {
  border-left: 1px solid rgba(255, 255, 255, 0.08);
}
.border-darken-9 {
  border: 1px solid rgba(0, 0, 0, 0.09);
}
.border-lighten-9 {
  border: 1px solid rgba(255, 255, 255, 0.09);
}
.border-top-darken-9 {
  border-top: 1px solid rgba(0, 0, 0, 0.09);
}
.border-top-lighten-9 {
  border-top: 1px solid rgba(255, 255, 255, 0.09);
}
.border-right-darken-9 {
  border-right: 1px solid rgba(0, 0, 0, 0.09);
}
.border-right-lighten-9 {
  border-right: 1px solid rgba(255, 255, 255, 0.09);
}
.border-bottom-darken-9 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.09);
}
.border-bottom-lighten-9 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.09);
}
.border-left-darken-9 {
  border-left: 1px solid rgba(0, 0, 0, 0.09);
}
.border-left-lighten-9 {
  border-left: 1px solid rgba(255, 255, 255, 0.09);
}
.border-darken-10 {
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.border-lighten-10 {
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.border-top-darken-10 {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.border-top-lighten-10 {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.border-right-darken-10 {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.border-right-lighten-10 {
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.border-bottom-darken-10 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.border-bottom-lighten-10 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.border-left-darken-10 {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.border-left-lighten-10 {
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.border-darken-11 {
  border: 1px solid rgba(0, 0, 0, 0.11);
}
.border-lighten-11 {
  border: 1px solid rgba(255, 255, 255, 0.11);
}
.border-top-darken-11 {
  border-top: 1px solid rgba(0, 0, 0, 0.11);
}
.border-top-lighten-11 {
  border-top: 1px solid rgba(255, 255, 255, 0.11);
}
.border-right-darken-11 {
  border-right: 1px solid rgba(0, 0, 0, 0.11);
}
.border-right-lighten-11 {
  border-right: 1px solid rgba(255, 255, 255, 0.11);
}
.border-bottom-darken-11 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.11);
}
.border-bottom-lighten-11 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.11);
}
.border-left-darken-11 {
  border-left: 1px solid rgba(0, 0, 0, 0.11);
}
.border-left-lighten-11 {
  border-left: 1px solid rgba(255, 255, 255, 0.11);
}
.border-darken-12 {
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.border-lighten-12 {
  border: 1px solid rgba(255, 255, 255, 0.12);
}
.border-top-darken-12 {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.border-top-lighten-12 {
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}
.border-right-darken-12 {
  border-right: 1px solid rgba(0, 0, 0, 0.12);
}
.border-right-lighten-12 {
  border-right: 1px solid rgba(255, 255, 255, 0.12);
}
.border-bottom-darken-12 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.border-bottom-lighten-12 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
.border-left-darken-12 {
  border-left: 1px solid rgba(0, 0, 0, 0.12);
}
.border-left-lighten-12 {
  border-left: 1px solid rgba(255, 255, 255, 0.12);
}
.border-darken-13 {
  border: 1px solid rgba(0, 0, 0, 0.13);
}
.border-lighten-13 {
  border: 1px solid rgba(255, 255, 255, 0.13);
}
.border-top-darken-13 {
  border-top: 1px solid rgba(0, 0, 0, 0.13);
}
.border-top-lighten-13 {
  border-top: 1px solid rgba(255, 255, 255, 0.13);
}
.border-right-darken-13 {
  border-right: 1px solid rgba(0, 0, 0, 0.13);
}
.border-right-lighten-13 {
  border-right: 1px solid rgba(255, 255, 255, 0.13);
}
.border-bottom-darken-13 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.13);
}
.border-bottom-lighten-13 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.13);
}
.border-left-darken-13 {
  border-left: 1px solid rgba(0, 0, 0, 0.13);
}
.border-left-lighten-13 {
  border-left: 1px solid rgba(255, 255, 255, 0.13);
}
.border-darken-14 {
  border: 1px solid rgba(0, 0, 0, 0.14);
}
.border-lighten-14 {
  border: 1px solid rgba(255, 255, 255, 0.14);
}
.border-top-darken-14 {
  border-top: 1px solid rgba(0, 0, 0, 0.14);
}
.border-top-lighten-14 {
  border-top: 1px solid rgba(255, 255, 255, 0.14);
}
.border-right-darken-14 {
  border-right: 1px solid rgba(0, 0, 0, 0.14);
}
.border-right-lighten-14 {
  border-right: 1px solid rgba(255, 255, 255, 0.14);
}
.border-bottom-darken-14 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.14);
}
.border-bottom-lighten-14 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}
.border-left-darken-14 {
  border-left: 1px solid rgba(0, 0, 0, 0.14);
}
.border-left-lighten-14 {
  border-left: 1px solid rgba(255, 255, 255, 0.14);
}
.border-darken-15 {
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.border-lighten-15 {
  border: 1px solid rgba(255, 255, 255, 0.15);
}
.border-top-darken-15 {
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}
.border-top-lighten-15 {
  border-top: 1px solid rgba(255, 255, 255, 0.15);
}
.border-right-darken-15 {
  border-right: 1px solid rgba(0, 0, 0, 0.15);
}
.border-right-lighten-15 {
  border-right: 1px solid rgba(255, 255, 255, 0.15);
}
.border-bottom-darken-15 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.border-bottom-lighten-15 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.border-left-darken-15 {
  border-left: 1px solid rgba(0, 0, 0, 0.15);
}
.border-left-lighten-15 {
  border-left: 1px solid rgba(255, 255, 255, 0.15);
}
.border-darken-16 {
  border: 1px solid rgba(0, 0, 0, 0.16);
}
.border-lighten-16 {
  border: 1px solid rgba(255, 255, 255, 0.16);
}
.border-top-darken-16 {
  border-top: 1px solid rgba(0, 0, 0, 0.16);
}
.border-top-lighten-16 {
  border-top: 1px solid rgba(255, 255, 255, 0.16);
}
.border-right-darken-16 {
  border-right: 1px solid rgba(0, 0, 0, 0.16);
}
.border-right-lighten-16 {
  border-right: 1px solid rgba(255, 255, 255, 0.16);
}
.border-bottom-darken-16 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.16);
}
.border-bottom-lighten-16 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.16);
}
.border-left-darken-16 {
  border-left: 1px solid rgba(0, 0, 0, 0.16);
}
.border-left-lighten-16 {
  border-left: 1px solid rgba(255, 255, 255, 0.16);
}
.border-darken-17 {
  border: 1px solid rgba(0, 0, 0, 0.17);
}
.border-lighten-17 {
  border: 1px solid rgba(255, 255, 255, 0.17);
}
.border-top-darken-17 {
  border-top: 1px solid rgba(0, 0, 0, 0.17);
}
.border-top-lighten-17 {
  border-top: 1px solid rgba(255, 255, 255, 0.17);
}
.border-right-darken-17 {
  border-right: 1px solid rgba(0, 0, 0, 0.17);
}
.border-right-lighten-17 {
  border-right: 1px solid rgba(255, 255, 255, 0.17);
}
.border-bottom-darken-17 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.17);
}
.border-bottom-lighten-17 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.17);
}
.border-left-darken-17 {
  border-left: 1px solid rgba(0, 0, 0, 0.17);
}
.border-left-lighten-17 {
  border-left: 1px solid rgba(255, 255, 255, 0.17);
}
.border-darken-18 {
  border: 1px solid rgba(0, 0, 0, 0.18);
}
.border-lighten-18 {
  border: 1px solid rgba(255, 255, 255, 0.18);
}
.border-top-darken-18 {
  border-top: 1px solid rgba(0, 0, 0, 0.18);
}
.border-top-lighten-18 {
  border-top: 1px solid rgba(255, 255, 255, 0.18);
}
.border-right-darken-18 {
  border-right: 1px solid rgba(0, 0, 0, 0.18);
}
.border-right-lighten-18 {
  border-right: 1px solid rgba(255, 255, 255, 0.18);
}
.border-bottom-darken-18 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.18);
}
.border-bottom-lighten-18 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.18);
}
.border-left-darken-18 {
  border-left: 1px solid rgba(0, 0, 0, 0.18);
}
.border-left-lighten-18 {
  border-left: 1px solid rgba(255, 255, 255, 0.18);
}
.border-darken-19 {
  border: 1px solid rgba(0, 0, 0, 0.19);
}
.border-lighten-19 {
  border: 1px solid rgba(255, 255, 255, 0.19);
}
.border-top-darken-19 {
  border-top: 1px solid rgba(0, 0, 0, 0.19);
}
.border-top-lighten-19 {
  border-top: 1px solid rgba(255, 255, 255, 0.19);
}
.border-right-darken-19 {
  border-right: 1px solid rgba(0, 0, 0, 0.19);
}
.border-right-lighten-19 {
  border-right: 1px solid rgba(255, 255, 255, 0.19);
}
.border-bottom-darken-19 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.19);
}
.border-bottom-lighten-19 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.19);
}
.border-left-darken-19 {
  border-left: 1px solid rgba(0, 0, 0, 0.19);
}
.border-left-lighten-19 {
  border-left: 1px solid rgba(255, 255, 255, 0.19);
}
.border-darken-20 {
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.border-lighten-20 {
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.border-top-darken-20 {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}
.border-top-lighten-20 {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.border-right-darken-20 {
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}
.border-right-lighten-20 {
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.border-bottom-darken-20 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.border-bottom-lighten-20 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.border-left-darken-20 {
  border-left: 1px solid rgba(0, 0, 0, 0.2);
}
.border-left-lighten-20 {
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}
.border-darken-21 {
  border: 1px solid rgba(0, 0, 0, 0.21);
}
.border-lighten-21 {
  border: 1px solid rgba(255, 255, 255, 0.21);
}
.border-top-darken-21 {
  border-top: 1px solid rgba(0, 0, 0, 0.21);
}
.border-top-lighten-21 {
  border-top: 1px solid rgba(255, 255, 255, 0.21);
}
.border-right-darken-21 {
  border-right: 1px solid rgba(0, 0, 0, 0.21);
}
.border-right-lighten-21 {
  border-right: 1px solid rgba(255, 255, 255, 0.21);
}
.border-bottom-darken-21 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.21);
}
.border-bottom-lighten-21 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.21);
}
.border-left-darken-21 {
  border-left: 1px solid rgba(0, 0, 0, 0.21);
}
.border-left-lighten-21 {
  border-left: 1px solid rgba(255, 255, 255, 0.21);
}
.border-darken-22 {
  border: 1px solid rgba(0, 0, 0, 0.22);
}
.border-lighten-22 {
  border: 1px solid rgba(255, 255, 255, 0.22);
}
.border-top-darken-22 {
  border-top: 1px solid rgba(0, 0, 0, 0.22);
}
.border-top-lighten-22 {
  border-top: 1px solid rgba(255, 255, 255, 0.22);
}
.border-right-darken-22 {
  border-right: 1px solid rgba(0, 0, 0, 0.22);
}
.border-right-lighten-22 {
  border-right: 1px solid rgba(255, 255, 255, 0.22);
}
.border-bottom-darken-22 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.22);
}
.border-bottom-lighten-22 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.22);
}
.border-left-darken-22 {
  border-left: 1px solid rgba(0, 0, 0, 0.22);
}
.border-left-lighten-22 {
  border-left: 1px solid rgba(255, 255, 255, 0.22);
}
.border-darken-23 {
  border: 1px solid rgba(0, 0, 0, 0.23);
}
.border-lighten-23 {
  border: 1px solid rgba(255, 255, 255, 0.23);
}
.border-top-darken-23 {
  border-top: 1px solid rgba(0, 0, 0, 0.23);
}
.border-top-lighten-23 {
  border-top: 1px solid rgba(255, 255, 255, 0.23);
}
.border-right-darken-23 {
  border-right: 1px solid rgba(0, 0, 0, 0.23);
}
.border-right-lighten-23 {
  border-right: 1px solid rgba(255, 255, 255, 0.23);
}
.border-bottom-darken-23 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.23);
}
.border-bottom-lighten-23 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.23);
}
.border-left-darken-23 {
  border-left: 1px solid rgba(0, 0, 0, 0.23);
}
.border-left-lighten-23 {
  border-left: 1px solid rgba(255, 255, 255, 0.23);
}
.border-darken-24 {
  border: 1px solid rgba(0, 0, 0, 0.24);
}
.border-lighten-24 {
  border: 1px solid rgba(255, 255, 255, 0.24);
}
.border-top-darken-24 {
  border-top: 1px solid rgba(0, 0, 0, 0.24);
}
.border-top-lighten-24 {
  border-top: 1px solid rgba(255, 255, 255, 0.24);
}
.border-right-darken-24 {
  border-right: 1px solid rgba(0, 0, 0, 0.24);
}
.border-right-lighten-24 {
  border-right: 1px solid rgba(255, 255, 255, 0.24);
}
.border-bottom-darken-24 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.24);
}
.border-bottom-lighten-24 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.24);
}
.border-left-darken-24 {
  border-left: 1px solid rgba(0, 0, 0, 0.24);
}
.border-left-lighten-24 {
  border-left: 1px solid rgba(255, 255, 255, 0.24);
}
.border-darken-25 {
  border: 1px solid rgba(0, 0, 0, 0.25);
}
.border-lighten-25 {
  border: 1px solid rgba(255, 255, 255, 0.25);
}
.border-top-darken-25 {
  border-top: 1px solid rgba(0, 0, 0, 0.25);
}
.border-top-lighten-25 {
  border-top: 1px solid rgba(255, 255, 255, 0.25);
}
.border-right-darken-25 {
  border-right: 1px solid rgba(0, 0, 0, 0.25);
}
.border-right-lighten-25 {
  border-right: 1px solid rgba(255, 255, 255, 0.25);
}
.border-bottom-darken-25 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}
.border-bottom-lighten-25 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
.border-left-darken-25 {
  border-left: 1px solid rgba(0, 0, 0, 0.25);
}
.border-left-lighten-25 {
  border-left: 1px solid rgba(255, 255, 255, 0.25);
}
.border-darken-26 {
  border: 1px solid rgba(0, 0, 0, 0.26);
}
.border-lighten-26 {
  border: 1px solid rgba(255, 255, 255, 0.26);
}
.border-top-darken-26 {
  border-top: 1px solid rgba(0, 0, 0, 0.26);
}
.border-top-lighten-26 {
  border-top: 1px solid rgba(255, 255, 255, 0.26);
}
.border-right-darken-26 {
  border-right: 1px solid rgba(0, 0, 0, 0.26);
}
.border-right-lighten-26 {
  border-right: 1px solid rgba(255, 255, 255, 0.26);
}
.border-bottom-darken-26 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.26);
}
.border-bottom-lighten-26 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.26);
}
.border-left-darken-26 {
  border-left: 1px solid rgba(0, 0, 0, 0.26);
}
.border-left-lighten-26 {
  border-left: 1px solid rgba(255, 255, 255, 0.26);
}
.border-darken-27 {
  border: 1px solid rgba(0, 0, 0, 0.27);
}
.border-lighten-27 {
  border: 1px solid rgba(255, 255, 255, 0.27);
}
.border-top-darken-27 {
  border-top: 1px solid rgba(0, 0, 0, 0.27);
}
.border-top-lighten-27 {
  border-top: 1px solid rgba(255, 255, 255, 0.27);
}
.border-right-darken-27 {
  border-right: 1px solid rgba(0, 0, 0, 0.27);
}
.border-right-lighten-27 {
  border-right: 1px solid rgba(255, 255, 255, 0.27);
}
.border-bottom-darken-27 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.27);
}
.border-bottom-lighten-27 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.27);
}
.border-left-darken-27 {
  border-left: 1px solid rgba(0, 0, 0, 0.27);
}
.border-left-lighten-27 {
  border-left: 1px solid rgba(255, 255, 255, 0.27);
}
.border-darken-28 {
  border: 1px solid rgba(0, 0, 0, 0.28);
}
.border-lighten-28 {
  border: 1px solid rgba(255, 255, 255, 0.28);
}
.border-top-darken-28 {
  border-top: 1px solid rgba(0, 0, 0, 0.28);
}
.border-top-lighten-28 {
  border-top: 1px solid rgba(255, 255, 255, 0.28);
}
.border-right-darken-28 {
  border-right: 1px solid rgba(0, 0, 0, 0.28);
}
.border-right-lighten-28 {
  border-right: 1px solid rgba(255, 255, 255, 0.28);
}
.border-bottom-darken-28 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.28);
}
.border-bottom-lighten-28 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.28);
}
.border-left-darken-28 {
  border-left: 1px solid rgba(0, 0, 0, 0.28);
}
.border-left-lighten-28 {
  border-left: 1px solid rgba(255, 255, 255, 0.28);
}
.border-darken-29 {
  border: 1px solid rgba(0, 0, 0, 0.29);
}
.border-lighten-29 {
  border: 1px solid rgba(255, 255, 255, 0.29);
}
.border-top-darken-29 {
  border-top: 1px solid rgba(0, 0, 0, 0.29);
}
.border-top-lighten-29 {
  border-top: 1px solid rgba(255, 255, 255, 0.29);
}
.border-right-darken-29 {
  border-right: 1px solid rgba(0, 0, 0, 0.29);
}
.border-right-lighten-29 {
  border-right: 1px solid rgba(255, 255, 255, 0.29);
}
.border-bottom-darken-29 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.29);
}
.border-bottom-lighten-29 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.29);
}
.border-left-darken-29 {
  border-left: 1px solid rgba(0, 0, 0, 0.29);
}
.border-left-lighten-29 {
  border-left: 1px solid rgba(255, 255, 255, 0.29);
}
.border-darken-30 {
  border: 1px solid rgba(0, 0, 0, 0.3);
}
.border-lighten-30 {
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.border-top-darken-30 {
  border-top: 1px solid rgba(0, 0, 0, 0.3);
}
.border-top-lighten-30 {
  border-top: 1px solid rgba(255, 255, 255, 0.3);
}
.border-right-darken-30 {
  border-right: 1px solid rgba(0, 0, 0, 0.3);
}
.border-right-lighten-30 {
  border-right: 1px solid rgba(255, 255, 255, 0.3);
}
.border-bottom-darken-30 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
.border-bottom-lighten-30 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.border-left-darken-30 {
  border-left: 1px solid rgba(0, 0, 0, 0.3);
}
.border-left-lighten-30 {
  border-left: 1px solid rgba(255, 255, 255, 0.3);
}
.border-darken-31 {
  border: 1px solid rgba(0, 0, 0, 0.31);
}
.border-lighten-31 {
  border: 1px solid rgba(255, 255, 255, 0.31);
}
.border-top-darken-31 {
  border-top: 1px solid rgba(0, 0, 0, 0.31);
}
.border-top-lighten-31 {
  border-top: 1px solid rgba(255, 255, 255, 0.31);
}
.border-right-darken-31 {
  border-right: 1px solid rgba(0, 0, 0, 0.31);
}
.border-right-lighten-31 {
  border-right: 1px solid rgba(255, 255, 255, 0.31);
}
.border-bottom-darken-31 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.31);
}
.border-bottom-lighten-31 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.31);
}
.border-left-darken-31 {
  border-left: 1px solid rgba(0, 0, 0, 0.31);
}
.border-left-lighten-31 {
  border-left: 1px solid rgba(255, 255, 255, 0.31);
}
.border-darken-32 {
  border: 1px solid rgba(0, 0, 0, 0.32);
}
.border-lighten-32 {
  border: 1px solid rgba(255, 255, 255, 0.32);
}
.border-top-darken-32 {
  border-top: 1px solid rgba(0, 0, 0, 0.32);
}
.border-top-lighten-32 {
  border-top: 1px solid rgba(255, 255, 255, 0.32);
}
.border-right-darken-32 {
  border-right: 1px solid rgba(0, 0, 0, 0.32);
}
.border-right-lighten-32 {
  border-right: 1px solid rgba(255, 255, 255, 0.32);
}
.border-bottom-darken-32 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.32);
}
.border-bottom-lighten-32 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.32);
}
.border-left-darken-32 {
  border-left: 1px solid rgba(0, 0, 0, 0.32);
}
.border-left-lighten-32 {
  border-left: 1px solid rgba(255, 255, 255, 0.32);
}
.border-darken-33 {
  border: 1px solid rgba(0, 0, 0, 0.33);
}
.border-lighten-33 {
  border: 1px solid rgba(255, 255, 255, 0.33);
}
.border-top-darken-33 {
  border-top: 1px solid rgba(0, 0, 0, 0.33);
}
.border-top-lighten-33 {
  border-top: 1px solid rgba(255, 255, 255, 0.33);
}
.border-right-darken-33 {
  border-right: 1px solid rgba(0, 0, 0, 0.33);
}
.border-right-lighten-33 {
  border-right: 1px solid rgba(255, 255, 255, 0.33);
}
.border-bottom-darken-33 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.33);
}
.border-bottom-lighten-33 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.33);
}
.border-left-darken-33 {
  border-left: 1px solid rgba(0, 0, 0, 0.33);
}
.border-left-lighten-33 {
  border-left: 1px solid rgba(255, 255, 255, 0.33);
}
.border-darken-34 {
  border: 1px solid rgba(0, 0, 0, 0.34);
}
.border-lighten-34 {
  border: 1px solid rgba(255, 255, 255, 0.34);
}
.border-top-darken-34 {
  border-top: 1px solid rgba(0, 0, 0, 0.34);
}
.border-top-lighten-34 {
  border-top: 1px solid rgba(255, 255, 255, 0.34);
}
.border-right-darken-34 {
  border-right: 1px solid rgba(0, 0, 0, 0.34);
}
.border-right-lighten-34 {
  border-right: 1px solid rgba(255, 255, 255, 0.34);
}
.border-bottom-darken-34 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.34);
}
.border-bottom-lighten-34 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.34);
}
.border-left-darken-34 {
  border-left: 1px solid rgba(0, 0, 0, 0.34);
}
.border-left-lighten-34 {
  border-left: 1px solid rgba(255, 255, 255, 0.34);
}
.border-darken-35 {
  border: 1px solid rgba(0, 0, 0, 0.35);
}
.border-lighten-35 {
  border: 1px solid rgba(255, 255, 255, 0.35);
}
.border-top-darken-35 {
  border-top: 1px solid rgba(0, 0, 0, 0.35);
}
.border-top-lighten-35 {
  border-top: 1px solid rgba(255, 255, 255, 0.35);
}
.border-right-darken-35 {
  border-right: 1px solid rgba(0, 0, 0, 0.35);
}
.border-right-lighten-35 {
  border-right: 1px solid rgba(255, 255, 255, 0.35);
}
.border-bottom-darken-35 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.35);
}
.border-bottom-lighten-35 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.35);
}
.border-left-darken-35 {
  border-left: 1px solid rgba(0, 0, 0, 0.35);
}
.border-left-lighten-35 {
  border-left: 1px solid rgba(255, 255, 255, 0.35);
}
.border-darken-36 {
  border: 1px solid rgba(0, 0, 0, 0.36);
}
.border-lighten-36 {
  border: 1px solid rgba(255, 255, 255, 0.36);
}
.border-top-darken-36 {
  border-top: 1px solid rgba(0, 0, 0, 0.36);
}
.border-top-lighten-36 {
  border-top: 1px solid rgba(255, 255, 255, 0.36);
}
.border-right-darken-36 {
  border-right: 1px solid rgba(0, 0, 0, 0.36);
}
.border-right-lighten-36 {
  border-right: 1px solid rgba(255, 255, 255, 0.36);
}
.border-bottom-darken-36 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.36);
}
.border-bottom-lighten-36 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.36);
}
.border-left-darken-36 {
  border-left: 1px solid rgba(0, 0, 0, 0.36);
}
.border-left-lighten-36 {
  border-left: 1px solid rgba(255, 255, 255, 0.36);
}
.border-darken-37 {
  border: 1px solid rgba(0, 0, 0, 0.37);
}
.border-lighten-37 {
  border: 1px solid rgba(255, 255, 255, 0.37);
}
.border-top-darken-37 {
  border-top: 1px solid rgba(0, 0, 0, 0.37);
}
.border-top-lighten-37 {
  border-top: 1px solid rgba(255, 255, 255, 0.37);
}
.border-right-darken-37 {
  border-right: 1px solid rgba(0, 0, 0, 0.37);
}
.border-right-lighten-37 {
  border-right: 1px solid rgba(255, 255, 255, 0.37);
}
.border-bottom-darken-37 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.37);
}
.border-bottom-lighten-37 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.37);
}
.border-left-darken-37 {
  border-left: 1px solid rgba(0, 0, 0, 0.37);
}
.border-left-lighten-37 {
  border-left: 1px solid rgba(255, 255, 255, 0.37);
}
.border-darken-38 {
  border: 1px solid rgba(0, 0, 0, 0.38);
}
.border-lighten-38 {
  border: 1px solid rgba(255, 255, 255, 0.38);
}
.border-top-darken-38 {
  border-top: 1px solid rgba(0, 0, 0, 0.38);
}
.border-top-lighten-38 {
  border-top: 1px solid rgba(255, 255, 255, 0.38);
}
.border-right-darken-38 {
  border-right: 1px solid rgba(0, 0, 0, 0.38);
}
.border-right-lighten-38 {
  border-right: 1px solid rgba(255, 255, 255, 0.38);
}
.border-bottom-darken-38 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.38);
}
.border-bottom-lighten-38 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.38);
}
.border-left-darken-38 {
  border-left: 1px solid rgba(0, 0, 0, 0.38);
}
.border-left-lighten-38 {
  border-left: 1px solid rgba(255, 255, 255, 0.38);
}
.border-darken-39 {
  border: 1px solid rgba(0, 0, 0, 0.39);
}
.border-lighten-39 {
  border: 1px solid rgba(255, 255, 255, 0.39);
}
.border-top-darken-39 {
  border-top: 1px solid rgba(0, 0, 0, 0.39);
}
.border-top-lighten-39 {
  border-top: 1px solid rgba(255, 255, 255, 0.39);
}
.border-right-darken-39 {
  border-right: 1px solid rgba(0, 0, 0, 0.39);
}
.border-right-lighten-39 {
  border-right: 1px solid rgba(255, 255, 255, 0.39);
}
.border-bottom-darken-39 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.39);
}
.border-bottom-lighten-39 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.39);
}
.border-left-darken-39 {
  border-left: 1px solid rgba(0, 0, 0, 0.39);
}
.border-left-lighten-39 {
  border-left: 1px solid rgba(255, 255, 255, 0.39);
}
.border-darken-40 {
  border: 1px solid rgba(0, 0, 0, 0.4);
}
.border-lighten-40 {
  border: 1px solid rgba(255, 255, 255, 0.4);
}
.border-top-darken-40 {
  border-top: 1px solid rgba(0, 0, 0, 0.4);
}
.border-top-lighten-40 {
  border-top: 1px solid rgba(255, 255, 255, 0.4);
}
.border-right-darken-40 {
  border-right: 1px solid rgba(0, 0, 0, 0.4);
}
.border-right-lighten-40 {
  border-right: 1px solid rgba(255, 255, 255, 0.4);
}
.border-bottom-darken-40 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.4);
}
.border-bottom-lighten-40 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
.border-left-darken-40 {
  border-left: 1px solid rgba(0, 0, 0, 0.4);
}
.border-left-lighten-40 {
  border-left: 1px solid rgba(255, 255, 255, 0.4);
}
.border-darken-41 {
  border: 1px solid rgba(0, 0, 0, 0.41);
}
.border-lighten-41 {
  border: 1px solid rgba(255, 255, 255, 0.41);
}
.border-top-darken-41 {
  border-top: 1px solid rgba(0, 0, 0, 0.41);
}
.border-top-lighten-41 {
  border-top: 1px solid rgba(255, 255, 255, 0.41);
}
.border-right-darken-41 {
  border-right: 1px solid rgba(0, 0, 0, 0.41);
}
.border-right-lighten-41 {
  border-right: 1px solid rgba(255, 255, 255, 0.41);
}
.border-bottom-darken-41 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.41);
}
.border-bottom-lighten-41 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.41);
}
.border-left-darken-41 {
  border-left: 1px solid rgba(0, 0, 0, 0.41);
}
.border-left-lighten-41 {
  border-left: 1px solid rgba(255, 255, 255, 0.41);
}
.border-darken-42 {
  border: 1px solid rgba(0, 0, 0, 0.42);
}
.border-lighten-42 {
  border: 1px solid rgba(255, 255, 255, 0.42);
}
.border-top-darken-42 {
  border-top: 1px solid rgba(0, 0, 0, 0.42);
}
.border-top-lighten-42 {
  border-top: 1px solid rgba(255, 255, 255, 0.42);
}
.border-right-darken-42 {
  border-right: 1px solid rgba(0, 0, 0, 0.42);
}
.border-right-lighten-42 {
  border-right: 1px solid rgba(255, 255, 255, 0.42);
}
.border-bottom-darken-42 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.42);
}
.border-bottom-lighten-42 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.42);
}
.border-left-darken-42 {
  border-left: 1px solid rgba(0, 0, 0, 0.42);
}
.border-left-lighten-42 {
  border-left: 1px solid rgba(255, 255, 255, 0.42);
}
.border-darken-43 {
  border: 1px solid rgba(0, 0, 0, 0.43);
}
.border-lighten-43 {
  border: 1px solid rgba(255, 255, 255, 0.43);
}
.border-top-darken-43 {
  border-top: 1px solid rgba(0, 0, 0, 0.43);
}
.border-top-lighten-43 {
  border-top: 1px solid rgba(255, 255, 255, 0.43);
}
.border-right-darken-43 {
  border-right: 1px solid rgba(0, 0, 0, 0.43);
}
.border-right-lighten-43 {
  border-right: 1px solid rgba(255, 255, 255, 0.43);
}
.border-bottom-darken-43 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.43);
}
.border-bottom-lighten-43 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.43);
}
.border-left-darken-43 {
  border-left: 1px solid rgba(0, 0, 0, 0.43);
}
.border-left-lighten-43 {
  border-left: 1px solid rgba(255, 255, 255, 0.43);
}
.border-darken-44 {
  border: 1px solid rgba(0, 0, 0, 0.44);
}
.border-lighten-44 {
  border: 1px solid rgba(255, 255, 255, 0.44);
}
.border-top-darken-44 {
  border-top: 1px solid rgba(0, 0, 0, 0.44);
}
.border-top-lighten-44 {
  border-top: 1px solid rgba(255, 255, 255, 0.44);
}
.border-right-darken-44 {
  border-right: 1px solid rgba(0, 0, 0, 0.44);
}
.border-right-lighten-44 {
  border-right: 1px solid rgba(255, 255, 255, 0.44);
}
.border-bottom-darken-44 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.44);
}
.border-bottom-lighten-44 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.44);
}
.border-left-darken-44 {
  border-left: 1px solid rgba(0, 0, 0, 0.44);
}
.border-left-lighten-44 {
  border-left: 1px solid rgba(255, 255, 255, 0.44);
}
.border-darken-45 {
  border: 1px solid rgba(0, 0, 0, 0.45);
}
.border-lighten-45 {
  border: 1px solid rgba(255, 255, 255, 0.45);
}
.border-top-darken-45 {
  border-top: 1px solid rgba(0, 0, 0, 0.45);
}
.border-top-lighten-45 {
  border-top: 1px solid rgba(255, 255, 255, 0.45);
}
.border-right-darken-45 {
  border-right: 1px solid rgba(0, 0, 0, 0.45);
}
.border-right-lighten-45 {
  border-right: 1px solid rgba(255, 255, 255, 0.45);
}
.border-bottom-darken-45 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.45);
}
.border-bottom-lighten-45 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.45);
}
.border-left-darken-45 {
  border-left: 1px solid rgba(0, 0, 0, 0.45);
}
.border-left-lighten-45 {
  border-left: 1px solid rgba(255, 255, 255, 0.45);
}
.border-darken-46 {
  border: 1px solid rgba(0, 0, 0, 0.46);
}
.border-lighten-46 {
  border: 1px solid rgba(255, 255, 255, 0.46);
}
.border-top-darken-46 {
  border-top: 1px solid rgba(0, 0, 0, 0.46);
}
.border-top-lighten-46 {
  border-top: 1px solid rgba(255, 255, 255, 0.46);
}
.border-right-darken-46 {
  border-right: 1px solid rgba(0, 0, 0, 0.46);
}
.border-right-lighten-46 {
  border-right: 1px solid rgba(255, 255, 255, 0.46);
}
.border-bottom-darken-46 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.46);
}
.border-bottom-lighten-46 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.46);
}
.border-left-darken-46 {
  border-left: 1px solid rgba(0, 0, 0, 0.46);
}
.border-left-lighten-46 {
  border-left: 1px solid rgba(255, 255, 255, 0.46);
}
.border-darken-47 {
  border: 1px solid rgba(0, 0, 0, 0.47);
}
.border-lighten-47 {
  border: 1px solid rgba(255, 255, 255, 0.47);
}
.border-top-darken-47 {
  border-top: 1px solid rgba(0, 0, 0, 0.47);
}
.border-top-lighten-47 {
  border-top: 1px solid rgba(255, 255, 255, 0.47);
}
.border-right-darken-47 {
  border-right: 1px solid rgba(0, 0, 0, 0.47);
}
.border-right-lighten-47 {
  border-right: 1px solid rgba(255, 255, 255, 0.47);
}
.border-bottom-darken-47 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.47);
}
.border-bottom-lighten-47 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.47);
}
.border-left-darken-47 {
  border-left: 1px solid rgba(0, 0, 0, 0.47);
}
.border-left-lighten-47 {
  border-left: 1px solid rgba(255, 255, 255, 0.47);
}
.border-darken-48 {
  border: 1px solid rgba(0, 0, 0, 0.48);
}
.border-lighten-48 {
  border: 1px solid rgba(255, 255, 255, 0.48);
}
.border-top-darken-48 {
  border-top: 1px solid rgba(0, 0, 0, 0.48);
}
.border-top-lighten-48 {
  border-top: 1px solid rgba(255, 255, 255, 0.48);
}
.border-right-darken-48 {
  border-right: 1px solid rgba(0, 0, 0, 0.48);
}
.border-right-lighten-48 {
  border-right: 1px solid rgba(255, 255, 255, 0.48);
}
.border-bottom-darken-48 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.48);
}
.border-bottom-lighten-48 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.48);
}
.border-left-darken-48 {
  border-left: 1px solid rgba(0, 0, 0, 0.48);
}
.border-left-lighten-48 {
  border-left: 1px solid rgba(255, 255, 255, 0.48);
}
.border-darken-49 {
  border: 1px solid rgba(0, 0, 0, 0.49);
}
.border-lighten-49 {
  border: 1px solid rgba(255, 255, 255, 0.49);
}
.border-top-darken-49 {
  border-top: 1px solid rgba(0, 0, 0, 0.49);
}
.border-top-lighten-49 {
  border-top: 1px solid rgba(255, 255, 255, 0.49);
}
.border-right-darken-49 {
  border-right: 1px solid rgba(0, 0, 0, 0.49);
}
.border-right-lighten-49 {
  border-right: 1px solid rgba(255, 255, 255, 0.49);
}
.border-bottom-darken-49 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.49);
}
.border-bottom-lighten-49 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.49);
}
.border-left-darken-49 {
  border-left: 1px solid rgba(0, 0, 0, 0.49);
}
.border-left-lighten-49 {
  border-left: 1px solid rgba(255, 255, 255, 0.49);
}
.border-darken-50 {
  border: 1px solid rgba(0, 0, 0, 0.5);
}
.border-lighten-50 {
  border: 1px solid rgba(255, 255, 255, 0.5);
}
.border-top-darken-50 {
  border-top: 1px solid rgba(0, 0, 0, 0.5);
}
.border-top-lighten-50 {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.border-right-darken-50 {
  border-right: 1px solid rgba(0, 0, 0, 0.5);
}
.border-right-lighten-50 {
  border-right: 1px solid rgba(255, 255, 255, 0.5);
}
.border-bottom-darken-50 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}
.border-bottom-lighten-50 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.border-left-darken-50 {
  border-left: 1px solid rgba(0, 0, 0, 0.5);
}
.border-left-lighten-50 {
  border-left: 1px solid rgba(255, 255, 255, 0.5);
}
.border-darken-51 {
  border: 1px solid rgba(0, 0, 0, 0.51);
}
.border-lighten-51 {
  border: 1px solid rgba(255, 255, 255, 0.51);
}
.border-top-darken-51 {
  border-top: 1px solid rgba(0, 0, 0, 0.51);
}
.border-top-lighten-51 {
  border-top: 1px solid rgba(255, 255, 255, 0.51);
}
.border-right-darken-51 {
  border-right: 1px solid rgba(0, 0, 0, 0.51);
}
.border-right-lighten-51 {
  border-right: 1px solid rgba(255, 255, 255, 0.51);
}
.border-bottom-darken-51 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.51);
}
.border-bottom-lighten-51 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.51);
}
.border-left-darken-51 {
  border-left: 1px solid rgba(0, 0, 0, 0.51);
}
.border-left-lighten-51 {
  border-left: 1px solid rgba(255, 255, 255, 0.51);
}
.border-darken-52 {
  border: 1px solid rgba(0, 0, 0, 0.52);
}
.border-lighten-52 {
  border: 1px solid rgba(255, 255, 255, 0.52);
}
.border-top-darken-52 {
  border-top: 1px solid rgba(0, 0, 0, 0.52);
}
.border-top-lighten-52 {
  border-top: 1px solid rgba(255, 255, 255, 0.52);
}
.border-right-darken-52 {
  border-right: 1px solid rgba(0, 0, 0, 0.52);
}
.border-right-lighten-52 {
  border-right: 1px solid rgba(255, 255, 255, 0.52);
}
.border-bottom-darken-52 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.52);
}
.border-bottom-lighten-52 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.52);
}
.border-left-darken-52 {
  border-left: 1px solid rgba(0, 0, 0, 0.52);
}
.border-left-lighten-52 {
  border-left: 1px solid rgba(255, 255, 255, 0.52);
}
.border-darken-53 {
  border: 1px solid rgba(0, 0, 0, 0.53);
}
.border-lighten-53 {
  border: 1px solid rgba(255, 255, 255, 0.53);
}
.border-top-darken-53 {
  border-top: 1px solid rgba(0, 0, 0, 0.53);
}
.border-top-lighten-53 {
  border-top: 1px solid rgba(255, 255, 255, 0.53);
}
.border-right-darken-53 {
  border-right: 1px solid rgba(0, 0, 0, 0.53);
}
.border-right-lighten-53 {
  border-right: 1px solid rgba(255, 255, 255, 0.53);
}
.border-bottom-darken-53 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.53);
}
.border-bottom-lighten-53 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.53);
}
.border-left-darken-53 {
  border-left: 1px solid rgba(0, 0, 0, 0.53);
}
.border-left-lighten-53 {
  border-left: 1px solid rgba(255, 255, 255, 0.53);
}
.border-darken-54 {
  border: 1px solid rgba(0, 0, 0, 0.54);
}
.border-lighten-54 {
  border: 1px solid rgba(255, 255, 255, 0.54);
}
.border-top-darken-54 {
  border-top: 1px solid rgba(0, 0, 0, 0.54);
}
.border-top-lighten-54 {
  border-top: 1px solid rgba(255, 255, 255, 0.54);
}
.border-right-darken-54 {
  border-right: 1px solid rgba(0, 0, 0, 0.54);
}
.border-right-lighten-54 {
  border-right: 1px solid rgba(255, 255, 255, 0.54);
}
.border-bottom-darken-54 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.54);
}
.border-bottom-lighten-54 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.54);
}
.border-left-darken-54 {
  border-left: 1px solid rgba(0, 0, 0, 0.54);
}
.border-left-lighten-54 {
  border-left: 1px solid rgba(255, 255, 255, 0.54);
}
.border-darken-55 {
  border: 1px solid rgba(0, 0, 0, 0.55);
}
.border-lighten-55 {
  border: 1px solid rgba(255, 255, 255, 0.55);
}
.border-top-darken-55 {
  border-top: 1px solid rgba(0, 0, 0, 0.55);
}
.border-top-lighten-55 {
  border-top: 1px solid rgba(255, 255, 255, 0.55);
}
.border-right-darken-55 {
  border-right: 1px solid rgba(0, 0, 0, 0.55);
}
.border-right-lighten-55 {
  border-right: 1px solid rgba(255, 255, 255, 0.55);
}
.border-bottom-darken-55 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.55);
}
.border-bottom-lighten-55 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.55);
}
.border-left-darken-55 {
  border-left: 1px solid rgba(0, 0, 0, 0.55);
}
.border-left-lighten-55 {
  border-left: 1px solid rgba(255, 255, 255, 0.55);
}
.border-darken-56 {
  border: 1px solid rgba(0, 0, 0, 0.56);
}
.border-lighten-56 {
  border: 1px solid rgba(255, 255, 255, 0.56);
}
.border-top-darken-56 {
  border-top: 1px solid rgba(0, 0, 0, 0.56);
}
.border-top-lighten-56 {
  border-top: 1px solid rgba(255, 255, 255, 0.56);
}
.border-right-darken-56 {
  border-right: 1px solid rgba(0, 0, 0, 0.56);
}
.border-right-lighten-56 {
  border-right: 1px solid rgba(255, 255, 255, 0.56);
}
.border-bottom-darken-56 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.56);
}
.border-bottom-lighten-56 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.56);
}
.border-left-darken-56 {
  border-left: 1px solid rgba(0, 0, 0, 0.56);
}
.border-left-lighten-56 {
  border-left: 1px solid rgba(255, 255, 255, 0.56);
}
.border-darken-57 {
  border: 1px solid rgba(0, 0, 0, 0.57);
}
.border-lighten-57 {
  border: 1px solid rgba(255, 255, 255, 0.57);
}
.border-top-darken-57 {
  border-top: 1px solid rgba(0, 0, 0, 0.57);
}
.border-top-lighten-57 {
  border-top: 1px solid rgba(255, 255, 255, 0.57);
}
.border-right-darken-57 {
  border-right: 1px solid rgba(0, 0, 0, 0.57);
}
.border-right-lighten-57 {
  border-right: 1px solid rgba(255, 255, 255, 0.57);
}
.border-bottom-darken-57 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.57);
}
.border-bottom-lighten-57 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.57);
}
.border-left-darken-57 {
  border-left: 1px solid rgba(0, 0, 0, 0.57);
}
.border-left-lighten-57 {
  border-left: 1px solid rgba(255, 255, 255, 0.57);
}
.border-darken-58 {
  border: 1px solid rgba(0, 0, 0, 0.58);
}
.border-lighten-58 {
  border: 1px solid rgba(255, 255, 255, 0.58);
}
.border-top-darken-58 {
  border-top: 1px solid rgba(0, 0, 0, 0.58);
}
.border-top-lighten-58 {
  border-top: 1px solid rgba(255, 255, 255, 0.58);
}
.border-right-darken-58 {
  border-right: 1px solid rgba(0, 0, 0, 0.58);
}
.border-right-lighten-58 {
  border-right: 1px solid rgba(255, 255, 255, 0.58);
}
.border-bottom-darken-58 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.58);
}
.border-bottom-lighten-58 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.58);
}
.border-left-darken-58 {
  border-left: 1px solid rgba(0, 0, 0, 0.58);
}
.border-left-lighten-58 {
  border-left: 1px solid rgba(255, 255, 255, 0.58);
}
.border-darken-59 {
  border: 1px solid rgba(0, 0, 0, 0.59);
}
.border-lighten-59 {
  border: 1px solid rgba(255, 255, 255, 0.59);
}
.border-top-darken-59 {
  border-top: 1px solid rgba(0, 0, 0, 0.59);
}
.border-top-lighten-59 {
  border-top: 1px solid rgba(255, 255, 255, 0.59);
}
.border-right-darken-59 {
  border-right: 1px solid rgba(0, 0, 0, 0.59);
}
.border-right-lighten-59 {
  border-right: 1px solid rgba(255, 255, 255, 0.59);
}
.border-bottom-darken-59 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.59);
}
.border-bottom-lighten-59 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.59);
}
.border-left-darken-59 {
  border-left: 1px solid rgba(0, 0, 0, 0.59);
}
.border-left-lighten-59 {
  border-left: 1px solid rgba(255, 255, 255, 0.59);
}
.border-darken-60 {
  border: 1px solid rgba(0, 0, 0, 0.6);
}
.border-lighten-60 {
  border: 1px solid rgba(255, 255, 255, 0.6);
}
.border-top-darken-60 {
  border-top: 1px solid rgba(0, 0, 0, 0.6);
}
.border-top-lighten-60 {
  border-top: 1px solid rgba(255, 255, 255, 0.6);
}
.border-right-darken-60 {
  border-right: 1px solid rgba(0, 0, 0, 0.6);
}
.border-right-lighten-60 {
  border-right: 1px solid rgba(255, 255, 255, 0.6);
}
.border-bottom-darken-60 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.6);
}
.border-bottom-lighten-60 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.6);
}
.border-left-darken-60 {
  border-left: 1px solid rgba(0, 0, 0, 0.6);
}
.border-left-lighten-60 {
  border-left: 1px solid rgba(255, 255, 255, 0.6);
}
.border-darken-61 {
  border: 1px solid rgba(0, 0, 0, 0.61);
}
.border-lighten-61 {
  border: 1px solid rgba(255, 255, 255, 0.61);
}
.border-top-darken-61 {
  border-top: 1px solid rgba(0, 0, 0, 0.61);
}
.border-top-lighten-61 {
  border-top: 1px solid rgba(255, 255, 255, 0.61);
}
.border-right-darken-61 {
  border-right: 1px solid rgba(0, 0, 0, 0.61);
}
.border-right-lighten-61 {
  border-right: 1px solid rgba(255, 255, 255, 0.61);
}
.border-bottom-darken-61 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.61);
}
.border-bottom-lighten-61 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.61);
}
.border-left-darken-61 {
  border-left: 1px solid rgba(0, 0, 0, 0.61);
}
.border-left-lighten-61 {
  border-left: 1px solid rgba(255, 255, 255, 0.61);
}
.border-darken-62 {
  border: 1px solid rgba(0, 0, 0, 0.62);
}
.border-lighten-62 {
  border: 1px solid rgba(255, 255, 255, 0.62);
}
.border-top-darken-62 {
  border-top: 1px solid rgba(0, 0, 0, 0.62);
}
.border-top-lighten-62 {
  border-top: 1px solid rgba(255, 255, 255, 0.62);
}
.border-right-darken-62 {
  border-right: 1px solid rgba(0, 0, 0, 0.62);
}
.border-right-lighten-62 {
  border-right: 1px solid rgba(255, 255, 255, 0.62);
}
.border-bottom-darken-62 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.62);
}
.border-bottom-lighten-62 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.62);
}
.border-left-darken-62 {
  border-left: 1px solid rgba(0, 0, 0, 0.62);
}
.border-left-lighten-62 {
  border-left: 1px solid rgba(255, 255, 255, 0.62);
}
.border-darken-63 {
  border: 1px solid rgba(0, 0, 0, 0.63);
}
.border-lighten-63 {
  border: 1px solid rgba(255, 255, 255, 0.63);
}
.border-top-darken-63 {
  border-top: 1px solid rgba(0, 0, 0, 0.63);
}
.border-top-lighten-63 {
  border-top: 1px solid rgba(255, 255, 255, 0.63);
}
.border-right-darken-63 {
  border-right: 1px solid rgba(0, 0, 0, 0.63);
}
.border-right-lighten-63 {
  border-right: 1px solid rgba(255, 255, 255, 0.63);
}
.border-bottom-darken-63 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.63);
}
.border-bottom-lighten-63 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.63);
}
.border-left-darken-63 {
  border-left: 1px solid rgba(0, 0, 0, 0.63);
}
.border-left-lighten-63 {
  border-left: 1px solid rgba(255, 255, 255, 0.63);
}
.border-darken-64 {
  border: 1px solid rgba(0, 0, 0, 0.64);
}
.border-lighten-64 {
  border: 1px solid rgba(255, 255, 255, 0.64);
}
.border-top-darken-64 {
  border-top: 1px solid rgba(0, 0, 0, 0.64);
}
.border-top-lighten-64 {
  border-top: 1px solid rgba(255, 255, 255, 0.64);
}
.border-right-darken-64 {
  border-right: 1px solid rgba(0, 0, 0, 0.64);
}
.border-right-lighten-64 {
  border-right: 1px solid rgba(255, 255, 255, 0.64);
}
.border-bottom-darken-64 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.64);
}
.border-bottom-lighten-64 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.64);
}
.border-left-darken-64 {
  border-left: 1px solid rgba(0, 0, 0, 0.64);
}
.border-left-lighten-64 {
  border-left: 1px solid rgba(255, 255, 255, 0.64);
}
.border-darken-65 {
  border: 1px solid rgba(0, 0, 0, 0.65);
}
.border-lighten-65 {
  border: 1px solid rgba(255, 255, 255, 0.65);
}
.border-top-darken-65 {
  border-top: 1px solid rgba(0, 0, 0, 0.65);
}
.border-top-lighten-65 {
  border-top: 1px solid rgba(255, 255, 255, 0.65);
}
.border-right-darken-65 {
  border-right: 1px solid rgba(0, 0, 0, 0.65);
}
.border-right-lighten-65 {
  border-right: 1px solid rgba(255, 255, 255, 0.65);
}
.border-bottom-darken-65 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.65);
}
.border-bottom-lighten-65 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.65);
}
.border-left-darken-65 {
  border-left: 1px solid rgba(0, 0, 0, 0.65);
}
.border-left-lighten-65 {
  border-left: 1px solid rgba(255, 255, 255, 0.65);
}
.border-darken-66 {
  border: 1px solid rgba(0, 0, 0, 0.66);
}
.border-lighten-66 {
  border: 1px solid rgba(255, 255, 255, 0.66);
}
.border-top-darken-66 {
  border-top: 1px solid rgba(0, 0, 0, 0.66);
}
.border-top-lighten-66 {
  border-top: 1px solid rgba(255, 255, 255, 0.66);
}
.border-right-darken-66 {
  border-right: 1px solid rgba(0, 0, 0, 0.66);
}
.border-right-lighten-66 {
  border-right: 1px solid rgba(255, 255, 255, 0.66);
}
.border-bottom-darken-66 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.66);
}
.border-bottom-lighten-66 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.66);
}
.border-left-darken-66 {
  border-left: 1px solid rgba(0, 0, 0, 0.66);
}
.border-left-lighten-66 {
  border-left: 1px solid rgba(255, 255, 255, 0.66);
}
.border-darken-67 {
  border: 1px solid rgba(0, 0, 0, 0.67);
}
.border-lighten-67 {
  border: 1px solid rgba(255, 255, 255, 0.67);
}
.border-top-darken-67 {
  border-top: 1px solid rgba(0, 0, 0, 0.67);
}
.border-top-lighten-67 {
  border-top: 1px solid rgba(255, 255, 255, 0.67);
}
.border-right-darken-67 {
  border-right: 1px solid rgba(0, 0, 0, 0.67);
}
.border-right-lighten-67 {
  border-right: 1px solid rgba(255, 255, 255, 0.67);
}
.border-bottom-darken-67 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.67);
}
.border-bottom-lighten-67 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.67);
}
.border-left-darken-67 {
  border-left: 1px solid rgba(0, 0, 0, 0.67);
}
.border-left-lighten-67 {
  border-left: 1px solid rgba(255, 255, 255, 0.67);
}
.border-darken-68 {
  border: 1px solid rgba(0, 0, 0, 0.68);
}
.border-lighten-68 {
  border: 1px solid rgba(255, 255, 255, 0.68);
}
.border-top-darken-68 {
  border-top: 1px solid rgba(0, 0, 0, 0.68);
}
.border-top-lighten-68 {
  border-top: 1px solid rgba(255, 255, 255, 0.68);
}
.border-right-darken-68 {
  border-right: 1px solid rgba(0, 0, 0, 0.68);
}
.border-right-lighten-68 {
  border-right: 1px solid rgba(255, 255, 255, 0.68);
}
.border-bottom-darken-68 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.68);
}
.border-bottom-lighten-68 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.68);
}
.border-left-darken-68 {
  border-left: 1px solid rgba(0, 0, 0, 0.68);
}
.border-left-lighten-68 {
  border-left: 1px solid rgba(255, 255, 255, 0.68);
}
.border-darken-69 {
  border: 1px solid rgba(0, 0, 0, 0.69);
}
.border-lighten-69 {
  border: 1px solid rgba(255, 255, 255, 0.69);
}
.border-top-darken-69 {
  border-top: 1px solid rgba(0, 0, 0, 0.69);
}
.border-top-lighten-69 {
  border-top: 1px solid rgba(255, 255, 255, 0.69);
}
.border-right-darken-69 {
  border-right: 1px solid rgba(0, 0, 0, 0.69);
}
.border-right-lighten-69 {
  border-right: 1px solid rgba(255, 255, 255, 0.69);
}
.border-bottom-darken-69 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.69);
}
.border-bottom-lighten-69 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.69);
}
.border-left-darken-69 {
  border-left: 1px solid rgba(0, 0, 0, 0.69);
}
.border-left-lighten-69 {
  border-left: 1px solid rgba(255, 255, 255, 0.69);
}
.border-darken-70 {
  border: 1px solid rgba(0, 0, 0, 0.7);
}
.border-lighten-70 {
  border: 1px solid rgba(255, 255, 255, 0.7);
}
.border-top-darken-70 {
  border-top: 1px solid rgba(0, 0, 0, 0.7);
}
.border-top-lighten-70 {
  border-top: 1px solid rgba(255, 255, 255, 0.7);
}
.border-right-darken-70 {
  border-right: 1px solid rgba(0, 0, 0, 0.7);
}
.border-right-lighten-70 {
  border-right: 1px solid rgba(255, 255, 255, 0.7);
}
.border-bottom-darken-70 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.7);
}
.border-bottom-lighten-70 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.7);
}
.border-left-darken-70 {
  border-left: 1px solid rgba(0, 0, 0, 0.7);
}
.border-left-lighten-70 {
  border-left: 1px solid rgba(255, 255, 255, 0.7);
}
.border-darken-71 {
  border: 1px solid rgba(0, 0, 0, 0.71);
}
.border-lighten-71 {
  border: 1px solid rgba(255, 255, 255, 0.71);
}
.border-top-darken-71 {
  border-top: 1px solid rgba(0, 0, 0, 0.71);
}
.border-top-lighten-71 {
  border-top: 1px solid rgba(255, 255, 255, 0.71);
}
.border-right-darken-71 {
  border-right: 1px solid rgba(0, 0, 0, 0.71);
}
.border-right-lighten-71 {
  border-right: 1px solid rgba(255, 255, 255, 0.71);
}
.border-bottom-darken-71 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.71);
}
.border-bottom-lighten-71 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.71);
}
.border-left-darken-71 {
  border-left: 1px solid rgba(0, 0, 0, 0.71);
}
.border-left-lighten-71 {
  border-left: 1px solid rgba(255, 255, 255, 0.71);
}
.border-darken-72 {
  border: 1px solid rgba(0, 0, 0, 0.72);
}
.border-lighten-72 {
  border: 1px solid rgba(255, 255, 255, 0.72);
}
.border-top-darken-72 {
  border-top: 1px solid rgba(0, 0, 0, 0.72);
}
.border-top-lighten-72 {
  border-top: 1px solid rgba(255, 255, 255, 0.72);
}
.border-right-darken-72 {
  border-right: 1px solid rgba(0, 0, 0, 0.72);
}
.border-right-lighten-72 {
  border-right: 1px solid rgba(255, 255, 255, 0.72);
}
.border-bottom-darken-72 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.72);
}
.border-bottom-lighten-72 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.72);
}
.border-left-darken-72 {
  border-left: 1px solid rgba(0, 0, 0, 0.72);
}
.border-left-lighten-72 {
  border-left: 1px solid rgba(255, 255, 255, 0.72);
}
.border-darken-73 {
  border: 1px solid rgba(0, 0, 0, 0.73);
}
.border-lighten-73 {
  border: 1px solid rgba(255, 255, 255, 0.73);
}
.border-top-darken-73 {
  border-top: 1px solid rgba(0, 0, 0, 0.73);
}
.border-top-lighten-73 {
  border-top: 1px solid rgba(255, 255, 255, 0.73);
}
.border-right-darken-73 {
  border-right: 1px solid rgba(0, 0, 0, 0.73);
}
.border-right-lighten-73 {
  border-right: 1px solid rgba(255, 255, 255, 0.73);
}
.border-bottom-darken-73 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.73);
}
.border-bottom-lighten-73 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.73);
}
.border-left-darken-73 {
  border-left: 1px solid rgba(0, 0, 0, 0.73);
}
.border-left-lighten-73 {
  border-left: 1px solid rgba(255, 255, 255, 0.73);
}
.border-darken-74 {
  border: 1px solid rgba(0, 0, 0, 0.74);
}
.border-lighten-74 {
  border: 1px solid rgba(255, 255, 255, 0.74);
}
.border-top-darken-74 {
  border-top: 1px solid rgba(0, 0, 0, 0.74);
}
.border-top-lighten-74 {
  border-top: 1px solid rgba(255, 255, 255, 0.74);
}
.border-right-darken-74 {
  border-right: 1px solid rgba(0, 0, 0, 0.74);
}
.border-right-lighten-74 {
  border-right: 1px solid rgba(255, 255, 255, 0.74);
}
.border-bottom-darken-74 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.74);
}
.border-bottom-lighten-74 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.74);
}
.border-left-darken-74 {
  border-left: 1px solid rgba(0, 0, 0, 0.74);
}
.border-left-lighten-74 {
  border-left: 1px solid rgba(255, 255, 255, 0.74);
}
.border-darken-75 {
  border: 1px solid rgba(0, 0, 0, 0.75);
}
.border-lighten-75 {
  border: 1px solid rgba(255, 255, 255, 0.75);
}
.border-top-darken-75 {
  border-top: 1px solid rgba(0, 0, 0, 0.75);
}
.border-top-lighten-75 {
  border-top: 1px solid rgba(255, 255, 255, 0.75);
}
.border-right-darken-75 {
  border-right: 1px solid rgba(0, 0, 0, 0.75);
}
.border-right-lighten-75 {
  border-right: 1px solid rgba(255, 255, 255, 0.75);
}
.border-bottom-darken-75 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.75);
}
.border-bottom-lighten-75 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.75);
}
.border-left-darken-75 {
  border-left: 1px solid rgba(0, 0, 0, 0.75);
}
.border-left-lighten-75 {
  border-left: 1px solid rgba(255, 255, 255, 0.75);
}
.border-darken-76 {
  border: 1px solid rgba(0, 0, 0, 0.76);
}
.border-lighten-76 {
  border: 1px solid rgba(255, 255, 255, 0.76);
}
.border-top-darken-76 {
  border-top: 1px solid rgba(0, 0, 0, 0.76);
}
.border-top-lighten-76 {
  border-top: 1px solid rgba(255, 255, 255, 0.76);
}
.border-right-darken-76 {
  border-right: 1px solid rgba(0, 0, 0, 0.76);
}
.border-right-lighten-76 {
  border-right: 1px solid rgba(255, 255, 255, 0.76);
}
.border-bottom-darken-76 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.76);
}
.border-bottom-lighten-76 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.76);
}
.border-left-darken-76 {
  border-left: 1px solid rgba(0, 0, 0, 0.76);
}
.border-left-lighten-76 {
  border-left: 1px solid rgba(255, 255, 255, 0.76);
}
.border-darken-77 {
  border: 1px solid rgba(0, 0, 0, 0.77);
}
.border-lighten-77 {
  border: 1px solid rgba(255, 255, 255, 0.77);
}
.border-top-darken-77 {
  border-top: 1px solid rgba(0, 0, 0, 0.77);
}
.border-top-lighten-77 {
  border-top: 1px solid rgba(255, 255, 255, 0.77);
}
.border-right-darken-77 {
  border-right: 1px solid rgba(0, 0, 0, 0.77);
}
.border-right-lighten-77 {
  border-right: 1px solid rgba(255, 255, 255, 0.77);
}
.border-bottom-darken-77 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.77);
}
.border-bottom-lighten-77 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.77);
}
.border-left-darken-77 {
  border-left: 1px solid rgba(0, 0, 0, 0.77);
}
.border-left-lighten-77 {
  border-left: 1px solid rgba(255, 255, 255, 0.77);
}
.border-darken-78 {
  border: 1px solid rgba(0, 0, 0, 0.78);
}
.border-lighten-78 {
  border: 1px solid rgba(255, 255, 255, 0.78);
}
.border-top-darken-78 {
  border-top: 1px solid rgba(0, 0, 0, 0.78);
}
.border-top-lighten-78 {
  border-top: 1px solid rgba(255, 255, 255, 0.78);
}
.border-right-darken-78 {
  border-right: 1px solid rgba(0, 0, 0, 0.78);
}
.border-right-lighten-78 {
  border-right: 1px solid rgba(255, 255, 255, 0.78);
}
.border-bottom-darken-78 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.78);
}
.border-bottom-lighten-78 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.78);
}
.border-left-darken-78 {
  border-left: 1px solid rgba(0, 0, 0, 0.78);
}
.border-left-lighten-78 {
  border-left: 1px solid rgba(255, 255, 255, 0.78);
}
.border-darken-79 {
  border: 1px solid rgba(0, 0, 0, 0.79);
}
.border-lighten-79 {
  border: 1px solid rgba(255, 255, 255, 0.79);
}
.border-top-darken-79 {
  border-top: 1px solid rgba(0, 0, 0, 0.79);
}
.border-top-lighten-79 {
  border-top: 1px solid rgba(255, 255, 255, 0.79);
}
.border-right-darken-79 {
  border-right: 1px solid rgba(0, 0, 0, 0.79);
}
.border-right-lighten-79 {
  border-right: 1px solid rgba(255, 255, 255, 0.79);
}
.border-bottom-darken-79 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.79);
}
.border-bottom-lighten-79 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.79);
}
.border-left-darken-79 {
  border-left: 1px solid rgba(0, 0, 0, 0.79);
}
.border-left-lighten-79 {
  border-left: 1px solid rgba(255, 255, 255, 0.79);
}
.border-darken-80 {
  border: 1px solid rgba(0, 0, 0, 0.8);
}
.border-lighten-80 {
  border: 1px solid rgba(255, 255, 255, 0.8);
}
.border-top-darken-80 {
  border-top: 1px solid rgba(0, 0, 0, 0.8);
}
.border-top-lighten-80 {
  border-top: 1px solid rgba(255, 255, 255, 0.8);
}
.border-right-darken-80 {
  border-right: 1px solid rgba(0, 0, 0, 0.8);
}
.border-right-lighten-80 {
  border-right: 1px solid rgba(255, 255, 255, 0.8);
}
.border-bottom-darken-80 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.8);
}
.border-bottom-lighten-80 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.8);
}
.border-left-darken-80 {
  border-left: 1px solid rgba(0, 0, 0, 0.8);
}
.border-left-lighten-80 {
  border-left: 1px solid rgba(255, 255, 255, 0.8);
}
.border-darken-81 {
  border: 1px solid rgba(0, 0, 0, 0.81);
}
.border-lighten-81 {
  border: 1px solid rgba(255, 255, 255, 0.81);
}
.border-top-darken-81 {
  border-top: 1px solid rgba(0, 0, 0, 0.81);
}
.border-top-lighten-81 {
  border-top: 1px solid rgba(255, 255, 255, 0.81);
}
.border-right-darken-81 {
  border-right: 1px solid rgba(0, 0, 0, 0.81);
}
.border-right-lighten-81 {
  border-right: 1px solid rgba(255, 255, 255, 0.81);
}
.border-bottom-darken-81 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.81);
}
.border-bottom-lighten-81 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.81);
}
.border-left-darken-81 {
  border-left: 1px solid rgba(0, 0, 0, 0.81);
}
.border-left-lighten-81 {
  border-left: 1px solid rgba(255, 255, 255, 0.81);
}
.border-darken-82 {
  border: 1px solid rgba(0, 0, 0, 0.82);
}
.border-lighten-82 {
  border: 1px solid rgba(255, 255, 255, 0.82);
}
.border-top-darken-82 {
  border-top: 1px solid rgba(0, 0, 0, 0.82);
}
.border-top-lighten-82 {
  border-top: 1px solid rgba(255, 255, 255, 0.82);
}
.border-right-darken-82 {
  border-right: 1px solid rgba(0, 0, 0, 0.82);
}
.border-right-lighten-82 {
  border-right: 1px solid rgba(255, 255, 255, 0.82);
}
.border-bottom-darken-82 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.82);
}
.border-bottom-lighten-82 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.82);
}
.border-left-darken-82 {
  border-left: 1px solid rgba(0, 0, 0, 0.82);
}
.border-left-lighten-82 {
  border-left: 1px solid rgba(255, 255, 255, 0.82);
}
.border-darken-83 {
  border: 1px solid rgba(0, 0, 0, 0.83);
}
.border-lighten-83 {
  border: 1px solid rgba(255, 255, 255, 0.83);
}
.border-top-darken-83 {
  border-top: 1px solid rgba(0, 0, 0, 0.83);
}
.border-top-lighten-83 {
  border-top: 1px solid rgba(255, 255, 255, 0.83);
}
.border-right-darken-83 {
  border-right: 1px solid rgba(0, 0, 0, 0.83);
}
.border-right-lighten-83 {
  border-right: 1px solid rgba(255, 255, 255, 0.83);
}
.border-bottom-darken-83 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.83);
}
.border-bottom-lighten-83 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.83);
}
.border-left-darken-83 {
  border-left: 1px solid rgba(0, 0, 0, 0.83);
}
.border-left-lighten-83 {
  border-left: 1px solid rgba(255, 255, 255, 0.83);
}
.border-darken-84 {
  border: 1px solid rgba(0, 0, 0, 0.84);
}
.border-lighten-84 {
  border: 1px solid rgba(255, 255, 255, 0.84);
}
.border-top-darken-84 {
  border-top: 1px solid rgba(0, 0, 0, 0.84);
}
.border-top-lighten-84 {
  border-top: 1px solid rgba(255, 255, 255, 0.84);
}
.border-right-darken-84 {
  border-right: 1px solid rgba(0, 0, 0, 0.84);
}
.border-right-lighten-84 {
  border-right: 1px solid rgba(255, 255, 255, 0.84);
}
.border-bottom-darken-84 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.84);
}
.border-bottom-lighten-84 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.84);
}
.border-left-darken-84 {
  border-left: 1px solid rgba(0, 0, 0, 0.84);
}
.border-left-lighten-84 {
  border-left: 1px solid rgba(255, 255, 255, 0.84);
}
.border-darken-85 {
  border: 1px solid rgba(0, 0, 0, 0.85);
}
.border-lighten-85 {
  border: 1px solid rgba(255, 255, 255, 0.85);
}
.border-top-darken-85 {
  border-top: 1px solid rgba(0, 0, 0, 0.85);
}
.border-top-lighten-85 {
  border-top: 1px solid rgba(255, 255, 255, 0.85);
}
.border-right-darken-85 {
  border-right: 1px solid rgba(0, 0, 0, 0.85);
}
.border-right-lighten-85 {
  border-right: 1px solid rgba(255, 255, 255, 0.85);
}
.border-bottom-darken-85 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.85);
}
.border-bottom-lighten-85 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.85);
}
.border-left-darken-85 {
  border-left: 1px solid rgba(0, 0, 0, 0.85);
}
.border-left-lighten-85 {
  border-left: 1px solid rgba(255, 255, 255, 0.85);
}
.border-darken-86 {
  border: 1px solid rgba(0, 0, 0, 0.86);
}
.border-lighten-86 {
  border: 1px solid rgba(255, 255, 255, 0.86);
}
.border-top-darken-86 {
  border-top: 1px solid rgba(0, 0, 0, 0.86);
}
.border-top-lighten-86 {
  border-top: 1px solid rgba(255, 255, 255, 0.86);
}
.border-right-darken-86 {
  border-right: 1px solid rgba(0, 0, 0, 0.86);
}
.border-right-lighten-86 {
  border-right: 1px solid rgba(255, 255, 255, 0.86);
}
.border-bottom-darken-86 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.86);
}
.border-bottom-lighten-86 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.86);
}
.border-left-darken-86 {
  border-left: 1px solid rgba(0, 0, 0, 0.86);
}
.border-left-lighten-86 {
  border-left: 1px solid rgba(255, 255, 255, 0.86);
}
.border-darken-87 {
  border: 1px solid rgba(0, 0, 0, 0.87);
}
.border-lighten-87 {
  border: 1px solid rgba(255, 255, 255, 0.87);
}
.border-top-darken-87 {
  border-top: 1px solid rgba(0, 0, 0, 0.87);
}
.border-top-lighten-87 {
  border-top: 1px solid rgba(255, 255, 255, 0.87);
}
.border-right-darken-87 {
  border-right: 1px solid rgba(0, 0, 0, 0.87);
}
.border-right-lighten-87 {
  border-right: 1px solid rgba(255, 255, 255, 0.87);
}
.border-bottom-darken-87 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.87);
}
.border-bottom-lighten-87 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.87);
}
.border-left-darken-87 {
  border-left: 1px solid rgba(0, 0, 0, 0.87);
}
.border-left-lighten-87 {
  border-left: 1px solid rgba(255, 255, 255, 0.87);
}
.border-darken-88 {
  border: 1px solid rgba(0, 0, 0, 0.88);
}
.border-lighten-88 {
  border: 1px solid rgba(255, 255, 255, 0.88);
}
.border-top-darken-88 {
  border-top: 1px solid rgba(0, 0, 0, 0.88);
}
.border-top-lighten-88 {
  border-top: 1px solid rgba(255, 255, 255, 0.88);
}
.border-right-darken-88 {
  border-right: 1px solid rgba(0, 0, 0, 0.88);
}
.border-right-lighten-88 {
  border-right: 1px solid rgba(255, 255, 255, 0.88);
}
.border-bottom-darken-88 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.88);
}
.border-bottom-lighten-88 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.88);
}
.border-left-darken-88 {
  border-left: 1px solid rgba(0, 0, 0, 0.88);
}
.border-left-lighten-88 {
  border-left: 1px solid rgba(255, 255, 255, 0.88);
}
.border-darken-89 {
  border: 1px solid rgba(0, 0, 0, 0.89);
}
.border-lighten-89 {
  border: 1px solid rgba(255, 255, 255, 0.89);
}
.border-top-darken-89 {
  border-top: 1px solid rgba(0, 0, 0, 0.89);
}
.border-top-lighten-89 {
  border-top: 1px solid rgba(255, 255, 255, 0.89);
}
.border-right-darken-89 {
  border-right: 1px solid rgba(0, 0, 0, 0.89);
}
.border-right-lighten-89 {
  border-right: 1px solid rgba(255, 255, 255, 0.89);
}
.border-bottom-darken-89 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.89);
}
.border-bottom-lighten-89 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.89);
}
.border-left-darken-89 {
  border-left: 1px solid rgba(0, 0, 0, 0.89);
}
.border-left-lighten-89 {
  border-left: 1px solid rgba(255, 255, 255, 0.89);
}
.border-darken-90 {
  border: 1px solid rgba(0, 0, 0, 0.9);
}
.border-lighten-90 {
  border: 1px solid rgba(255, 255, 255, 0.9);
}
.border-top-darken-90 {
  border-top: 1px solid rgba(0, 0, 0, 0.9);
}
.border-top-lighten-90 {
  border-top: 1px solid rgba(255, 255, 255, 0.9);
}
.border-right-darken-90 {
  border-right: 1px solid rgba(0, 0, 0, 0.9);
}
.border-right-lighten-90 {
  border-right: 1px solid rgba(255, 255, 255, 0.9);
}
.border-bottom-darken-90 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.9);
}
.border-bottom-lighten-90 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.9);
}
.border-left-darken-90 {
  border-left: 1px solid rgba(0, 0, 0, 0.9);
}
.border-left-lighten-90 {
  border-left: 1px solid rgba(255, 255, 255, 0.9);
}
.border-darken-91 {
  border: 1px solid rgba(0, 0, 0, 0.91);
}
.border-lighten-91 {
  border: 1px solid rgba(255, 255, 255, 0.91);
}
.border-top-darken-91 {
  border-top: 1px solid rgba(0, 0, 0, 0.91);
}
.border-top-lighten-91 {
  border-top: 1px solid rgba(255, 255, 255, 0.91);
}
.border-right-darken-91 {
  border-right: 1px solid rgba(0, 0, 0, 0.91);
}
.border-right-lighten-91 {
  border-right: 1px solid rgba(255, 255, 255, 0.91);
}
.border-bottom-darken-91 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.91);
}
.border-bottom-lighten-91 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.91);
}
.border-left-darken-91 {
  border-left: 1px solid rgba(0, 0, 0, 0.91);
}
.border-left-lighten-91 {
  border-left: 1px solid rgba(255, 255, 255, 0.91);
}
.border-darken-92 {
  border: 1px solid rgba(0, 0, 0, 0.92);
}
.border-lighten-92 {
  border: 1px solid rgba(255, 255, 255, 0.92);
}
.border-top-darken-92 {
  border-top: 1px solid rgba(0, 0, 0, 0.92);
}
.border-top-lighten-92 {
  border-top: 1px solid rgba(255, 255, 255, 0.92);
}
.border-right-darken-92 {
  border-right: 1px solid rgba(0, 0, 0, 0.92);
}
.border-right-lighten-92 {
  border-right: 1px solid rgba(255, 255, 255, 0.92);
}
.border-bottom-darken-92 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.92);
}
.border-bottom-lighten-92 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.92);
}
.border-left-darken-92 {
  border-left: 1px solid rgba(0, 0, 0, 0.92);
}
.border-left-lighten-92 {
  border-left: 1px solid rgba(255, 255, 255, 0.92);
}
.border-darken-93 {
  border: 1px solid rgba(0, 0, 0, 0.93);
}
.border-lighten-93 {
  border: 1px solid rgba(255, 255, 255, 0.93);
}
.border-top-darken-93 {
  border-top: 1px solid rgba(0, 0, 0, 0.93);
}
.border-top-lighten-93 {
  border-top: 1px solid rgba(255, 255, 255, 0.93);
}
.border-right-darken-93 {
  border-right: 1px solid rgba(0, 0, 0, 0.93);
}
.border-right-lighten-93 {
  border-right: 1px solid rgba(255, 255, 255, 0.93);
}
.border-bottom-darken-93 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.93);
}
.border-bottom-lighten-93 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.93);
}
.border-left-darken-93 {
  border-left: 1px solid rgba(0, 0, 0, 0.93);
}
.border-left-lighten-93 {
  border-left: 1px solid rgba(255, 255, 255, 0.93);
}
.border-darken-94 {
  border: 1px solid rgba(0, 0, 0, 0.94);
}
.border-lighten-94 {
  border: 1px solid rgba(255, 255, 255, 0.94);
}
.border-top-darken-94 {
  border-top: 1px solid rgba(0, 0, 0, 0.94);
}
.border-top-lighten-94 {
  border-top: 1px solid rgba(255, 255, 255, 0.94);
}
.border-right-darken-94 {
  border-right: 1px solid rgba(0, 0, 0, 0.94);
}
.border-right-lighten-94 {
  border-right: 1px solid rgba(255, 255, 255, 0.94);
}
.border-bottom-darken-94 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.94);
}
.border-bottom-lighten-94 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.94);
}
.border-left-darken-94 {
  border-left: 1px solid rgba(0, 0, 0, 0.94);
}
.border-left-lighten-94 {
  border-left: 1px solid rgba(255, 255, 255, 0.94);
}
.border-darken-95 {
  border: 1px solid rgba(0, 0, 0, 0.95);
}
.border-lighten-95 {
  border: 1px solid rgba(255, 255, 255, 0.95);
}
.border-top-darken-95 {
  border-top: 1px solid rgba(0, 0, 0, 0.95);
}
.border-top-lighten-95 {
  border-top: 1px solid rgba(255, 255, 255, 0.95);
}
.border-right-darken-95 {
  border-right: 1px solid rgba(0, 0, 0, 0.95);
}
.border-right-lighten-95 {
  border-right: 1px solid rgba(255, 255, 255, 0.95);
}
.border-bottom-darken-95 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.95);
}
.border-bottom-lighten-95 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.95);
}
.border-left-darken-95 {
  border-left: 1px solid rgba(0, 0, 0, 0.95);
}
.border-left-lighten-95 {
  border-left: 1px solid rgba(255, 255, 255, 0.95);
}
.border-darken-96 {
  border: 1px solid rgba(0, 0, 0, 0.96);
}
.border-lighten-96 {
  border: 1px solid rgba(255, 255, 255, 0.96);
}
.border-top-darken-96 {
  border-top: 1px solid rgba(0, 0, 0, 0.96);
}
.border-top-lighten-96 {
  border-top: 1px solid rgba(255, 255, 255, 0.96);
}
.border-right-darken-96 {
  border-right: 1px solid rgba(0, 0, 0, 0.96);
}
.border-right-lighten-96 {
  border-right: 1px solid rgba(255, 255, 255, 0.96);
}
.border-bottom-darken-96 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.96);
}
.border-bottom-lighten-96 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.96);
}
.border-left-darken-96 {
  border-left: 1px solid rgba(0, 0, 0, 0.96);
}
.border-left-lighten-96 {
  border-left: 1px solid rgba(255, 255, 255, 0.96);
}
.border-darken-97 {
  border: 1px solid rgba(0, 0, 0, 0.97);
}
.border-lighten-97 {
  border: 1px solid rgba(255, 255, 255, 0.97);
}
.border-top-darken-97 {
  border-top: 1px solid rgba(0, 0, 0, 0.97);
}
.border-top-lighten-97 {
  border-top: 1px solid rgba(255, 255, 255, 0.97);
}
.border-right-darken-97 {
  border-right: 1px solid rgba(0, 0, 0, 0.97);
}
.border-right-lighten-97 {
  border-right: 1px solid rgba(255, 255, 255, 0.97);
}
.border-bottom-darken-97 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.97);
}
.border-bottom-lighten-97 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.97);
}
.border-left-darken-97 {
  border-left: 1px solid rgba(0, 0, 0, 0.97);
}
.border-left-lighten-97 {
  border-left: 1px solid rgba(255, 255, 255, 0.97);
}
.border-darken-98 {
  border: 1px solid rgba(0, 0, 0, 0.98);
}
.border-lighten-98 {
  border: 1px solid rgba(255, 255, 255, 0.98);
}
.border-top-darken-98 {
  border-top: 1px solid rgba(0, 0, 0, 0.98);
}
.border-top-lighten-98 {
  border-top: 1px solid rgba(255, 255, 255, 0.98);
}
.border-right-darken-98 {
  border-right: 1px solid rgba(0, 0, 0, 0.98);
}
.border-right-lighten-98 {
  border-right: 1px solid rgba(255, 255, 255, 0.98);
}
.border-bottom-darken-98 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.98);
}
.border-bottom-lighten-98 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.98);
}
.border-left-darken-98 {
  border-left: 1px solid rgba(0, 0, 0, 0.98);
}
.border-left-lighten-98 {
  border-left: 1px solid rgba(255, 255, 255, 0.98);
}
.border-darken-99 {
  border: 1px solid rgba(0, 0, 0, 0.99);
}
.border-lighten-99 {
  border: 1px solid rgba(255, 255, 255, 0.99);
}
.border-top-darken-99 {
  border-top: 1px solid rgba(0, 0, 0, 0.99);
}
.border-top-lighten-99 {
  border-top: 1px solid rgba(255, 255, 255, 0.99);
}
.border-right-darken-99 {
  border-right: 1px solid rgba(0, 0, 0, 0.99);
}
.border-right-lighten-99 {
  border-right: 1px solid rgba(255, 255, 255, 0.99);
}
.border-bottom-darken-99 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.99);
}
.border-bottom-lighten-99 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.99);
}
.border-left-darken-99 {
  border-left: 1px solid rgba(0, 0, 0, 0.99);
}
.border-left-lighten-99 {
  border-left: 1px solid rgba(255, 255, 255, 0.99);
}
.border-darken-100 {
  border: 1px solid black;
}
.border-lighten-100 {
  border: 1px solid white;
}
.border-top-darken-100 {
  border-top: 1px solid black;
}
.border-top-lighten-100 {
  border-top: 1px solid white;
}
.border-right-darken-100 {
  border-right: 1px solid black;
}
.border-right-lighten-100 {
  border-right: 1px solid white;
}
.border-bottom-darken-100 {
  border-bottom: 1px solid black;
}
.border-bottom-lighten-100 {
  border-bottom: 1px solid white;
}
.border-left-darken-100 {
  border-left: 1px solid black;
}
.border-left-lighten-100 {
  border-left: 1px solid white;
}
.pointer {
  cursor: pointer;
}
.transition {
  transition: ease all 0.2s;
}
.hover {
  transition: ease all 0.2s;
}
.hover:hover {
  border-color: #e5b35c;
  box-shadow: 0 0 1vw rgba(229, 179, 92, 0.5), inset 0 0 0.8vw 0.2vw rgba(229, 179, 92, 0.4);
  outline: none;
}
.hover:hover > .panel > .panel-header,
.hover:hover > .panel > .panel-content,
.hover:hover > .panel > .panel-footer {
  border-color: #e5b35c;
}
.hover:focus, .hover:focus-visible {
  box-shadow: 0 0 1vw rgba(229, 179, 92, 0.5), inset 0 0 0.8vw 0.2vw rgba(229, 179, 92, 0.4);
  outline: none;
}
:disabled,
.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.video-embed-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  width: 100%;
}
.video-embed-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.max {
  max-width: 1024px;
  margin: 0 auto;
}
.max-100 {
  max-width: 100%;
  min-width: 0;
}
.none {
  display: none;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.hidden {
  visibility: hidden;
}
@media (max-width: 320px) {
  .xsmall-none,
  .xsmall-hide {
    display: none;
  }
  .xsmall-block,
  .xsmall-show {
    display: block;
  }
  .xsmall-hidden {
    visibility: hidden;
  }
  .xsmall-visible {
    visibility: visible;
  }
  .xsmall-1,
  .xsmall-width-1 {
    width: 8.3333333333%;
  }
  .xsmall-height-1 {
    height: 8.3333333333%;
  }
  .xsmall-2,
  .xsmall-width-2 {
    width: 16.6666666667%;
  }
  .xsmall-height-2 {
    height: 16.6666666667%;
  }
  .xsmall-3,
  .xsmall-width-3 {
    width: 25%;
  }
  .xsmall-height-3 {
    height: 25%;
  }
  .xsmall-4,
  .xsmall-width-4 {
    width: 33.3333333333%;
  }
  .xsmall-height-4 {
    height: 33.3333333333%;
  }
  .xsmall-5,
  .xsmall-width-5 {
    width: 41.6666666667%;
  }
  .xsmall-height-5 {
    height: 41.6666666667%;
  }
  .xsmall-6,
  .xsmall-width-6 {
    width: 50%;
  }
  .xsmall-height-6 {
    height: 50%;
  }
  .xsmall-7,
  .xsmall-width-7 {
    width: 58.3333333333%;
  }
  .xsmall-height-7 {
    height: 58.3333333333%;
  }
  .xsmall-8,
  .xsmall-width-8 {
    width: 66.6666666667%;
  }
  .xsmall-height-8 {
    height: 66.6666666667%;
  }
  .xsmall-9,
  .xsmall-width-9 {
    width: 75%;
  }
  .xsmall-height-9 {
    height: 75%;
  }
  .xsmall-10,
  .xsmall-width-10 {
    width: 83.3333333333%;
  }
  .xsmall-height-10 {
    height: 83.3333333333%;
  }
  .xsmall-11,
  .xsmall-width-11 {
    width: 91.6666666667%;
  }
  .xsmall-height-11 {
    height: 91.6666666667%;
  }
  .xsmall-12,
  .xsmall-width-12 {
    width: 100%;
  }
  .xsmall-height-12 {
    height: 100%;
  }
}
@media (max-width: 480px) {
  .small-none,
  .small-hide {
    display: none;
  }
  .small-block,
  .small-show {
    display: block;
  }
  .small-hidden {
    visibility: hidden;
  }
  .small-visible {
    visibility: visible;
  }
  .small-1,
  .small-width-1 {
    width: 8.3333333333%;
  }
  .small-height-1 {
    height: 8.3333333333%;
  }
  .small-2,
  .small-width-2 {
    width: 16.6666666667%;
  }
  .small-height-2 {
    height: 16.6666666667%;
  }
  .small-3,
  .small-width-3 {
    width: 25%;
  }
  .small-height-3 {
    height: 25%;
  }
  .small-4,
  .small-width-4 {
    width: 33.3333333333%;
  }
  .small-height-4 {
    height: 33.3333333333%;
  }
  .small-5,
  .small-width-5 {
    width: 41.6666666667%;
  }
  .small-height-5 {
    height: 41.6666666667%;
  }
  .small-6,
  .small-width-6 {
    width: 50%;
  }
  .small-height-6 {
    height: 50%;
  }
  .small-7,
  .small-width-7 {
    width: 58.3333333333%;
  }
  .small-height-7 {
    height: 58.3333333333%;
  }
  .small-8,
  .small-width-8 {
    width: 66.6666666667%;
  }
  .small-height-8 {
    height: 66.6666666667%;
  }
  .small-9,
  .small-width-9 {
    width: 75%;
  }
  .small-height-9 {
    height: 75%;
  }
  .small-10,
  .small-width-10 {
    width: 83.3333333333%;
  }
  .small-height-10 {
    height: 83.3333333333%;
  }
  .small-11,
  .small-width-11 {
    width: 91.6666666667%;
  }
  .small-height-11 {
    height: 91.6666666667%;
  }
  .small-12,
  .small-width-12 {
    width: 100%;
  }
  .small-height-12 {
    height: 100%;
  }
}
@media (max-width: 768px) {
  .medium-none,
  .medium-hide {
    display: none;
  }
  .medium-block,
  .medium-show {
    display: block;
  }
  .medium-hidden {
    visibility: hidden;
  }
  .medium-visible {
    visibility: visible;
  }
  .medium-1,
  .medium-width-1 {
    width: 8.3333333333%;
  }
  .medium-height-1 {
    height: 8.3333333333%;
  }
  .medium-2,
  .medium-width-2 {
    width: 16.6666666667%;
  }
  .medium-height-2 {
    height: 16.6666666667%;
  }
  .medium-3,
  .medium-width-3 {
    width: 25%;
  }
  .medium-height-3 {
    height: 25%;
  }
  .medium-4,
  .medium-width-4 {
    width: 33.3333333333%;
  }
  .medium-height-4 {
    height: 33.3333333333%;
  }
  .medium-5,
  .medium-width-5 {
    width: 41.6666666667%;
  }
  .medium-height-5 {
    height: 41.6666666667%;
  }
  .medium-6,
  .medium-width-6 {
    width: 50%;
  }
  .medium-height-6 {
    height: 50%;
  }
  .medium-7,
  .medium-width-7 {
    width: 58.3333333333%;
  }
  .medium-height-7 {
    height: 58.3333333333%;
  }
  .medium-8,
  .medium-width-8 {
    width: 66.6666666667%;
  }
  .medium-height-8 {
    height: 66.6666666667%;
  }
  .medium-9,
  .medium-width-9 {
    width: 75%;
  }
  .medium-height-9 {
    height: 75%;
  }
  .medium-10,
  .medium-width-10 {
    width: 83.3333333333%;
  }
  .medium-height-10 {
    height: 83.3333333333%;
  }
  .medium-11,
  .medium-width-11 {
    width: 91.6666666667%;
  }
  .medium-height-11 {
    height: 91.6666666667%;
  }
  .medium-12,
  .medium-width-12 {
    width: 100%;
  }
  .medium-height-12 {
    height: 100%;
  }
}
@media (max-width: 1024px) {
  .large-none,
  .large-hide {
    display: none;
  }
  .large-block,
  .large-show {
    display: block;
  }
  .large-hidden {
    visibility: hidden;
  }
  .large-visible {
    visibility: visible;
  }
  .large-1,
  .large-width-1 {
    width: 8.3333333333%;
  }
  .large-height-1 {
    height: 8.3333333333%;
  }
  .large-2,
  .large-width-2 {
    width: 16.6666666667%;
  }
  .large-height-2 {
    height: 16.6666666667%;
  }
  .large-3,
  .large-width-3 {
    width: 25%;
  }
  .large-height-3 {
    height: 25%;
  }
  .large-4,
  .large-width-4 {
    width: 33.3333333333%;
  }
  .large-height-4 {
    height: 33.3333333333%;
  }
  .large-5,
  .large-width-5 {
    width: 41.6666666667%;
  }
  .large-height-5 {
    height: 41.6666666667%;
  }
  .large-6,
  .large-width-6 {
    width: 50%;
  }
  .large-height-6 {
    height: 50%;
  }
  .large-7,
  .large-width-7 {
    width: 58.3333333333%;
  }
  .large-height-7 {
    height: 58.3333333333%;
  }
  .large-8,
  .large-width-8 {
    width: 66.6666666667%;
  }
  .large-height-8 {
    height: 66.6666666667%;
  }
  .large-9,
  .large-width-9 {
    width: 75%;
  }
  .large-height-9 {
    height: 75%;
  }
  .large-10,
  .large-width-10 {
    width: 83.3333333333%;
  }
  .large-height-10 {
    height: 83.3333333333%;
  }
  .large-11,
  .large-width-11 {
    width: 91.6666666667%;
  }
  .large-height-11 {
    height: 91.6666666667%;
  }
  .large-12,
  .large-width-12 {
    width: 100%;
  }
  .large-height-12 {
    height: 100%;
  }
}
@media (max-width: 1440px) {
  .xlarge-none,
  .xlarge-hide {
    display: none;
  }
  .xlarge-block,
  .xlarge-show {
    display: block;
  }
  .xlarge-hidden {
    visibility: hidden;
  }
  .xlarge-visible {
    visibility: visible;
  }
  .xlarge-1,
  .xlarge-width-1 {
    width: 8.3333333333%;
  }
  .xlarge-height-1 {
    height: 8.3333333333%;
  }
  .xlarge-2,
  .xlarge-width-2 {
    width: 16.6666666667%;
  }
  .xlarge-height-2 {
    height: 16.6666666667%;
  }
  .xlarge-3,
  .xlarge-width-3 {
    width: 25%;
  }
  .xlarge-height-3 {
    height: 25%;
  }
  .xlarge-4,
  .xlarge-width-4 {
    width: 33.3333333333%;
  }
  .xlarge-height-4 {
    height: 33.3333333333%;
  }
  .xlarge-5,
  .xlarge-width-5 {
    width: 41.6666666667%;
  }
  .xlarge-height-5 {
    height: 41.6666666667%;
  }
  .xlarge-6,
  .xlarge-width-6 {
    width: 50%;
  }
  .xlarge-height-6 {
    height: 50%;
  }
  .xlarge-7,
  .xlarge-width-7 {
    width: 58.3333333333%;
  }
  .xlarge-height-7 {
    height: 58.3333333333%;
  }
  .xlarge-8,
  .xlarge-width-8 {
    width: 66.6666666667%;
  }
  .xlarge-height-8 {
    height: 66.6666666667%;
  }
  .xlarge-9,
  .xlarge-width-9 {
    width: 75%;
  }
  .xlarge-height-9 {
    height: 75%;
  }
  .xlarge-10,
  .xlarge-width-10 {
    width: 83.3333333333%;
  }
  .xlarge-height-10 {
    height: 83.3333333333%;
  }
  .xlarge-11,
  .xlarge-width-11 {
    width: 91.6666666667%;
  }
  .xlarge-height-11 {
    height: 91.6666666667%;
  }
  .xlarge-12,
  .xlarge-width-12 {
    width: 100%;
  }
  .xlarge-height-12 {
    height: 100%;
  }
}
img {
  max-width: 100%;
}
.grecaptcha-badge {
  visibility: hidden;
}
.min-height-0 {
  min-height: 0;
}
.min-width-0 {
  min-width: 0;
}
.shadow {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;
}
.shadow-xsmall {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
}
.shadow-small {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}
.shadow-large {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4) !important;
}
.shadow-xlarge {
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.5) !important;
}
.shadow-inset {
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.3) !important;
}
.shadow-strong {
  box-shadow: 0 0.5vw 50vw 10vw rgba(0, 0, 0, 0.9) !important;
}
.flex {
  display: flex;
  flex-wrap: wrap;
  min-width: 0;
  max-width: 100%;
}
.flex.flex-nowrap {
  flex-wrap: nowrap;
}
.box {
  flex: 1 0 0;
  min-width: 0;
}
.box-0 {
  flex: initial !important;
  min-width: 0;
}
.flex-start {
  align-items: flex-start !important;
}
.align-center {
  align-items: center !important;
}
.flex-end {
  align-items: flex-end !important;
}
.justify-start {
  justify-content: flex-start !important;
}
.justify-center {
  justify-content: center !important;
}
.justify-end {
  justify-content: flex-end !important;
}
.justify-between {
  justify-content: space-between !important;
}
.vertical {
  flex-direction: column;
  flex-wrap: nowrap;
}
@media (max-width: 1440px) {
  .xlarge-vertical {
    flex-direction: column;
    flex-wrap: nowrap;
  }
}
@media (max-width: 1024px) {
  .large-vertical {
    flex-direction: column;
    flex-wrap: nowrap;
  }
}
@media (max-width: 768px) {
  .medium-vertical {
    flex-direction: column;
    flex-wrap: nowrap;
  }
}
@media (max-width: 480px) {
  .small-vertical {
    flex-direction: column;
    flex-wrap: nowrap;
  }
}
@media (max-width: 320px) {
  .xsmall-vertical {
    flex-direction: column;
    flex-wrap: nowrap;
  }
}
.gap {
  gap: 4px;
}
.gap-1 {
  gap: 4px;
}
.gap-2 {
  gap: 8px;
}
.gap-3 {
  gap: 12px;
}
.gap-4 {
  gap: 16px;
}
.gap-5 {
  gap: 20px;
}
.gap-6 {
  gap: 24px;
}
.gap-7 {
  gap: 28px;
}
.gap-8 {
  gap: 32px;
}
.gap-9 {
  gap: 36px;
}
.gap-10 {
  gap: 40px;
}
.gap-11 {
  gap: 44px;
}
.gap-12 {
  gap: 48px;
}
.gap-13 {
  gap: 52px;
}
.gap-14 {
  gap: 56px;
}
.gap-15 {
  gap: 60px;
}
.gap-16 {
  gap: 64px;
}
.gap-17 {
  gap: 68px;
}
.gap-18 {
  gap: 72px;
}
.gap-19 {
  gap: 76px;
}
.gap-20 {
  gap: 80px;
}
.gap-21 {
  gap: 84px;
}
.gap-22 {
  gap: 88px;
}
.gap-23 {
  gap: 92px;
}
.gap-24 {
  gap: 96px;
}
.box-1-1 {
  flex: 1.1 0 0;
  min-width: 0;
}
.box-1-2 {
  flex: 1.2 0 0;
  min-width: 0;
}
.box-1-3 {
  flex: 1.3 0 0;
  min-width: 0;
}
.box-1-4 {
  flex: 1.4 0 0;
  min-width: 0;
}
.box-1-5 {
  flex: 1.5 0 0;
  min-width: 0;
}
.box-1-6 {
  flex: 1.6 0 0;
  min-width: 0;
}
.box-1-7 {
  flex: 1.7 0 0;
  min-width: 0;
}
.box-1-8 {
  flex: 1.8 0 0;
  min-width: 0;
}
.box-1-9 {
  flex: 1.9 0 0;
  min-width: 0;
}
.box-1-10 {
  flex: 2 0 0;
  min-width: 0;
}
.box-1 {
  flex: 1 0 0;
  min-width: 0;
}
.box-1-1 {
  flex: 1.1;
  min-width: 0;
}
.box-1-2 {
  flex: 1.2;
  min-width: 0;
}
.box-1-3 {
  flex: 1.3;
  min-width: 0;
}
.box-1-4 {
  flex: 1.4;
  min-width: 0;
}
.box-1-5 {
  flex: 1.5;
  min-width: 0;
}
.box-1-6 {
  flex: 1.6;
  min-width: 0;
}
.box-1-7 {
  flex: 1.7;
  min-width: 0;
}
.box-1-8 {
  flex: 1.8;
  min-width: 0;
}
.box-1-9 {
  flex: 1.9;
  min-width: 0;
}
.box-1-10 {
  flex: 2;
  min-width: 0;
}
.box-2 {
  flex: 2 0 0;
  min-width: 0;
}
.box-2-1 {
  flex: 2.1;
  min-width: 0;
}
.box-2-2 {
  flex: 2.2;
  min-width: 0;
}
.box-2-3 {
  flex: 2.3;
  min-width: 0;
}
.box-2-4 {
  flex: 2.4;
  min-width: 0;
}
.box-2-5 {
  flex: 2.5;
  min-width: 0;
}
.box-2-6 {
  flex: 2.6;
  min-width: 0;
}
.box-2-7 {
  flex: 2.7;
  min-width: 0;
}
.box-2-8 {
  flex: 2.8;
  min-width: 0;
}
.box-2-9 {
  flex: 2.9;
  min-width: 0;
}
.box-2-10 {
  flex: 3;
  min-width: 0;
}
.box-3 {
  flex: 3 0 0;
  min-width: 0;
}
.box-3-1 {
  flex: 3.1;
  min-width: 0;
}
.box-3-2 {
  flex: 3.2;
  min-width: 0;
}
.box-3-3 {
  flex: 3.3;
  min-width: 0;
}
.box-3-4 {
  flex: 3.4;
  min-width: 0;
}
.box-3-5 {
  flex: 3.5;
  min-width: 0;
}
.box-3-6 {
  flex: 3.6;
  min-width: 0;
}
.box-3-7 {
  flex: 3.7;
  min-width: 0;
}
.box-3-8 {
  flex: 3.8;
  min-width: 0;
}
.box-3-9 {
  flex: 3.9;
  min-width: 0;
}
.box-3-10 {
  flex: 4;
  min-width: 0;
}
.box-4 {
  flex: 4 0 0;
  min-width: 0;
}
.box-4-1 {
  flex: 4.1;
  min-width: 0;
}
.box-4-2 {
  flex: 4.2;
  min-width: 0;
}
.box-4-3 {
  flex: 4.3;
  min-width: 0;
}
.box-4-4 {
  flex: 4.4;
  min-width: 0;
}
.box-4-5 {
  flex: 4.5;
  min-width: 0;
}
.box-4-6 {
  flex: 4.6;
  min-width: 0;
}
.box-4-7 {
  flex: 4.7;
  min-width: 0;
}
.box-4-8 {
  flex: 4.8;
  min-width: 0;
}
.box-4-9 {
  flex: 4.9;
  min-width: 0;
}
.box-4-10 {
  flex: 5;
  min-width: 0;
}
.box-5 {
  flex: 5 0 0;
  min-width: 0;
}
.box-5-1 {
  flex: 5.1;
  min-width: 0;
}
.box-5-2 {
  flex: 5.2;
  min-width: 0;
}
.box-5-3 {
  flex: 5.3;
  min-width: 0;
}
.box-5-4 {
  flex: 5.4;
  min-width: 0;
}
.box-5-5 {
  flex: 5.5;
  min-width: 0;
}
.box-5-6 {
  flex: 5.6;
  min-width: 0;
}
.box-5-7 {
  flex: 5.7;
  min-width: 0;
}
.box-5-8 {
  flex: 5.8;
  min-width: 0;
}
.box-5-9 {
  flex: 5.9;
  min-width: 0;
}
.box-5-10 {
  flex: 6;
  min-width: 0;
}
.box-6 {
  flex: 6 0 0;
  min-width: 0;
}
.box-6-1 {
  flex: 6.1;
  min-width: 0;
}
.box-6-2 {
  flex: 6.2;
  min-width: 0;
}
.box-6-3 {
  flex: 6.3;
  min-width: 0;
}
.box-6-4 {
  flex: 6.4;
  min-width: 0;
}
.box-6-5 {
  flex: 6.5;
  min-width: 0;
}
.box-6-6 {
  flex: 6.6;
  min-width: 0;
}
.box-6-7 {
  flex: 6.7;
  min-width: 0;
}
.box-6-8 {
  flex: 6.8;
  min-width: 0;
}
.box-6-9 {
  flex: 6.9;
  min-width: 0;
}
.box-6-10 {
  flex: 7;
  min-width: 0;
}
.box-7 {
  flex: 7 0 0;
  min-width: 0;
}
.box-7-1 {
  flex: 7.1;
  min-width: 0;
}
.box-7-2 {
  flex: 7.2;
  min-width: 0;
}
.box-7-3 {
  flex: 7.3;
  min-width: 0;
}
.box-7-4 {
  flex: 7.4;
  min-width: 0;
}
.box-7-5 {
  flex: 7.5;
  min-width: 0;
}
.box-7-6 {
  flex: 7.6;
  min-width: 0;
}
.box-7-7 {
  flex: 7.7;
  min-width: 0;
}
.box-7-8 {
  flex: 7.8;
  min-width: 0;
}
.box-7-9 {
  flex: 7.9;
  min-width: 0;
}
.box-7-10 {
  flex: 8;
  min-width: 0;
}
.box-8 {
  flex: 8 0 0;
  min-width: 0;
}
.box-8-1 {
  flex: 8.1;
  min-width: 0;
}
.box-8-2 {
  flex: 8.2;
  min-width: 0;
}
.box-8-3 {
  flex: 8.3;
  min-width: 0;
}
.box-8-4 {
  flex: 8.4;
  min-width: 0;
}
.box-8-5 {
  flex: 8.5;
  min-width: 0;
}
.box-8-6 {
  flex: 8.6;
  min-width: 0;
}
.box-8-7 {
  flex: 8.7;
  min-width: 0;
}
.box-8-8 {
  flex: 8.8;
  min-width: 0;
}
.box-8-9 {
  flex: 8.9;
  min-width: 0;
}
.box-8-10 {
  flex: 9;
  min-width: 0;
}
.box-9 {
  flex: 9 0 0;
  min-width: 0;
}
.box-9-1 {
  flex: 9.1;
  min-width: 0;
}
.box-9-2 {
  flex: 9.2;
  min-width: 0;
}
.box-9-3 {
  flex: 9.3;
  min-width: 0;
}
.box-9-4 {
  flex: 9.4;
  min-width: 0;
}
.box-9-5 {
  flex: 9.5;
  min-width: 0;
}
.box-9-6 {
  flex: 9.6;
  min-width: 0;
}
.box-9-7 {
  flex: 9.7;
  min-width: 0;
}
.box-9-8 {
  flex: 9.8;
  min-width: 0;
}
.box-9-9 {
  flex: 9.9;
  min-width: 0;
}
.box-9-10 {
  flex: 10;
  min-width: 0;
}
.box-10 {
  flex: 10 0 0;
  min-width: 0;
}
.box-10-1 {
  flex: 10.1;
  min-width: 0;
}
.box-10-2 {
  flex: 10.2;
  min-width: 0;
}
.box-10-3 {
  flex: 10.3;
  min-width: 0;
}
.box-10-4 {
  flex: 10.4;
  min-width: 0;
}
.box-10-5 {
  flex: 10.5;
  min-width: 0;
}
.box-10-6 {
  flex: 10.6;
  min-width: 0;
}
.box-10-7 {
  flex: 10.7;
  min-width: 0;
}
.box-10-8 {
  flex: 10.8;
  min-width: 0;
}
.box-10-9 {
  flex: 10.9;
  min-width: 0;
}
.box-10-10 {
  flex: 11;
  min-width: 0;
}
.width-1 {
  width: 8.3333333333% !important;
}
.height-1 {
  height: 8.3333333333% !important;
}
.width-2 {
  width: 16.6666666667% !important;
}
.height-2 {
  height: 16.6666666667% !important;
}
.width-3 {
  width: 25% !important;
}
.height-3 {
  height: 25% !important;
}
.width-4 {
  width: 33.3333333333% !important;
}
.height-4 {
  height: 33.3333333333% !important;
}
.width-5 {
  width: 41.6666666667% !important;
}
.height-5 {
  height: 41.6666666667% !important;
}
.width-6 {
  width: 50% !important;
}
.height-6 {
  height: 50% !important;
}
.width-7 {
  width: 58.3333333333% !important;
}
.height-7 {
  height: 58.3333333333% !important;
}
.width-8 {
  width: 66.6666666667% !important;
}
.height-8 {
  height: 66.6666666667% !important;
}
.width-9 {
  width: 75% !important;
}
.height-9 {
  height: 75% !important;
}
.width-10 {
  width: 83.3333333333% !important;
}
.height-10 {
  height: 83.3333333333% !important;
}
.width-11 {
  width: 91.6666666667% !important;
}
.height-11 {
  height: 91.6666666667% !important;
}
.width-12 {
  width: 100% !important;
}
.height-12 {
  height: 100% !important;
}
.width-10 {
  width: 10% !important;
}
.width-20 {
  width: 20% !important;
}
.width-30 {
  width: 30% !important;
}
.width-40 {
  width: 40% !important;
}
.width-50 {
  width: 50% !important;
}
.width-60 {
  width: 60% !important;
}
.width-70 {
  width: 70% !important;
}
.width-80 {
  width: 80% !important;
}
.width-90 {
  width: 90% !important;
}
.width-100 {
  width: 100% !important;
}
@media (max-width: 1440px) {
  .xlarge-1 {
    width: 8.3333333333% !important;
  }
  .xlarge-order-1 {
    order: 1;
  }
  .xlarge-2 {
    width: 16.6666666667% !important;
  }
  .xlarge-order-2 {
    order: 2;
  }
  .xlarge-3 {
    width: 25% !important;
  }
  .xlarge-order-3 {
    order: 3;
  }
  .xlarge-4 {
    width: 33.3333333333% !important;
  }
  .xlarge-order-4 {
    order: 4;
  }
  .xlarge-5 {
    width: 41.6666666667% !important;
  }
  .xlarge-order-5 {
    order: 5;
  }
  .xlarge-6 {
    width: 50% !important;
  }
  .xlarge-order-6 {
    order: 6;
  }
  .xlarge-7 {
    width: 58.3333333333% !important;
  }
  .xlarge-order-7 {
    order: 7;
  }
  .xlarge-8 {
    width: 66.6666666667% !important;
  }
  .xlarge-order-8 {
    order: 8;
  }
  .xlarge-9 {
    width: 75% !important;
  }
  .xlarge-order-9 {
    order: 9;
  }
  .xlarge-10 {
    width: 83.3333333333% !important;
  }
  .xlarge-order-10 {
    order: 10;
  }
  .xlarge-11 {
    width: 91.6666666667% !important;
  }
  .xlarge-order-11 {
    order: 11;
  }
  .xlarge-12 {
    width: 100% !important;
  }
  .xlarge-order-12 {
    order: 12;
  }
}
@media (max-width: 1024px) {
  .large-1 {
    width: 8.3333333333% !important;
  }
  .large-order-1 {
    order: 1;
  }
  .large-2 {
    width: 16.6666666667% !important;
  }
  .large-order-2 {
    order: 2;
  }
  .large-3 {
    width: 25% !important;
  }
  .large-order-3 {
    order: 3;
  }
  .large-4 {
    width: 33.3333333333% !important;
  }
  .large-order-4 {
    order: 4;
  }
  .large-5 {
    width: 41.6666666667% !important;
  }
  .large-order-5 {
    order: 5;
  }
  .large-6 {
    width: 50% !important;
  }
  .large-order-6 {
    order: 6;
  }
  .large-7 {
    width: 58.3333333333% !important;
  }
  .large-order-7 {
    order: 7;
  }
  .large-8 {
    width: 66.6666666667% !important;
  }
  .large-order-8 {
    order: 8;
  }
  .large-9 {
    width: 75% !important;
  }
  .large-order-9 {
    order: 9;
  }
  .large-10 {
    width: 83.3333333333% !important;
  }
  .large-order-10 {
    order: 10;
  }
  .large-11 {
    width: 91.6666666667% !important;
  }
  .large-order-11 {
    order: 11;
  }
  .large-12 {
    width: 100% !important;
  }
  .large-order-12 {
    order: 12;
  }
}
@media (max-width: 768px) {
  .medium-1 {
    width: 8.3333333333% !important;
  }
  .medium-order-1 {
    order: 1;
  }
  .medium-2 {
    width: 16.6666666667% !important;
  }
  .medium-order-2 {
    order: 2;
  }
  .medium-3 {
    width: 25% !important;
  }
  .medium-order-3 {
    order: 3;
  }
  .medium-4 {
    width: 33.3333333333% !important;
  }
  .medium-order-4 {
    order: 4;
  }
  .medium-5 {
    width: 41.6666666667% !important;
  }
  .medium-order-5 {
    order: 5;
  }
  .medium-6 {
    width: 50% !important;
  }
  .medium-order-6 {
    order: 6;
  }
  .medium-7 {
    width: 58.3333333333% !important;
  }
  .medium-order-7 {
    order: 7;
  }
  .medium-8 {
    width: 66.6666666667% !important;
  }
  .medium-order-8 {
    order: 8;
  }
  .medium-9 {
    width: 75% !important;
  }
  .medium-order-9 {
    order: 9;
  }
  .medium-10 {
    width: 83.3333333333% !important;
  }
  .medium-order-10 {
    order: 10;
  }
  .medium-11 {
    width: 91.6666666667% !important;
  }
  .medium-order-11 {
    order: 11;
  }
  .medium-12 {
    width: 100% !important;
  }
  .medium-order-12 {
    order: 12;
  }
}
@media (max-width: 480px) {
  .small-1 {
    width: 8.3333333333% !important;
  }
  .small-order-1 {
    order: 1;
  }
  .small-2 {
    width: 16.6666666667% !important;
  }
  .small-order-2 {
    order: 2;
  }
  .small-3 {
    width: 25% !important;
  }
  .small-order-3 {
    order: 3;
  }
  .small-4 {
    width: 33.3333333333% !important;
  }
  .small-order-4 {
    order: 4;
  }
  .small-5 {
    width: 41.6666666667% !important;
  }
  .small-order-5 {
    order: 5;
  }
  .small-6 {
    width: 50% !important;
  }
  .small-order-6 {
    order: 6;
  }
  .small-7 {
    width: 58.3333333333% !important;
  }
  .small-order-7 {
    order: 7;
  }
  .small-8 {
    width: 66.6666666667% !important;
  }
  .small-order-8 {
    order: 8;
  }
  .small-9 {
    width: 75% !important;
  }
  .small-order-9 {
    order: 9;
  }
  .small-10 {
    width: 83.3333333333% !important;
  }
  .small-order-10 {
    order: 10;
  }
  .small-11 {
    width: 91.6666666667% !important;
  }
  .small-order-11 {
    order: 11;
  }
  .small-12 {
    width: 100% !important;
  }
  .small-order-12 {
    order: 12;
  }
}
@media (max-width: 320px) {
  .xsmall-1 {
    width: 8.3333333333% !important;
  }
  .xsmall-order-1 {
    order: 1;
  }
  .xsmall-2 {
    width: 16.6666666667% !important;
  }
  .xsmall-order-2 {
    order: 2;
  }
  .xsmall-3 {
    width: 25% !important;
  }
  .xsmall-order-3 {
    order: 3;
  }
  .xsmall-4 {
    width: 33.3333333333% !important;
  }
  .xsmall-order-4 {
    order: 4;
  }
  .xsmall-5 {
    width: 41.6666666667% !important;
  }
  .xsmall-order-5 {
    order: 5;
  }
  .xsmall-6 {
    width: 50% !important;
  }
  .xsmall-order-6 {
    order: 6;
  }
  .xsmall-7 {
    width: 58.3333333333% !important;
  }
  .xsmall-order-7 {
    order: 7;
  }
  .xsmall-8 {
    width: 66.6666666667% !important;
  }
  .xsmall-order-8 {
    order: 8;
  }
  .xsmall-9 {
    width: 75% !important;
  }
  .xsmall-order-9 {
    order: 9;
  }
  .xsmall-10 {
    width: 83.3333333333% !important;
  }
  .xsmall-order-10 {
    order: 10;
  }
  .xsmall-11 {
    width: 91.6666666667% !important;
  }
  .xsmall-order-11 {
    order: 11;
  }
  .xsmall-12 {
    width: 100% !important;
  }
  .xsmall-order-12 {
    order: 12;
  }
}
.fullWidth,
.full-width {
  width: 100% !important;
  flex: 1 0 0 !important;
  min-width: 0;
  display: block !important;
}
.fullHeight,
.full-height {
  height: 100% !important;
}
.blurred {
  filter: blur(16px);
}
.grid {
  display: grid;
  min-width: 0;
  max-width: 100%;
}
.columns-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.columns-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.columns-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.columns-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.columns-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.columns-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.columns-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
.columns-8 {
  grid-template-columns: repeat(8, minmax(0, 1fr));
}
.columns-9 {
  grid-template-columns: repeat(9, minmax(0, 1fr));
}
.columns-10 {
  grid-template-columns: repeat(10, minmax(0, 1fr));
}
.columns-11 {
  grid-template-columns: repeat(11, minmax(0, 1fr));
}
.columns-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
.rows-1 {
  grid-template-rows: repeat(1, 1fr);
}
.rows-2 {
  grid-template-rows: repeat(2, 1fr);
}
.rows-3 {
  grid-template-rows: repeat(3, 1fr);
}
.rows-4 {
  grid-template-rows: repeat(4, 1fr);
}
.rows-5 {
  grid-template-rows: repeat(5, 1fr);
}
.rows-6 {
  grid-template-rows: repeat(6, 1fr);
}
.rows-7 {
  grid-template-rows: repeat(7, 1fr);
}
.rows-8 {
  grid-template-rows: repeat(8, 1fr);
}
.rows-9 {
  grid-template-rows: repeat(9, 1fr);
}
.rows-10 {
  grid-template-rows: repeat(10, 1fr);
}
.rows-11 {
  grid-template-rows: repeat(11, 1fr);
}
.rows-12 {
  grid-template-rows: repeat(12, 1fr);
}
@media (max-width: 1440px) {
  .xlarge-columns-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .xlarge-columns-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .xlarge-columns-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .xlarge-columns-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .xlarge-columns-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .xlarge-columns-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .xlarge-columns-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .xlarge-columns-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .xlarge-columns-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .xlarge-columns-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .xlarge-columns-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .xlarge-columns-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}
@media (max-width: 1024px) {
  .large-columns-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .large-columns-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .large-columns-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .large-columns-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .large-columns-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .large-columns-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .large-columns-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .large-columns-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .large-columns-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .large-columns-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .large-columns-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .large-columns-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}
@media (max-width: 768px) {
  .medium-columns-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .medium-columns-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .medium-columns-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .medium-columns-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .medium-columns-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .medium-columns-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .medium-columns-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .medium-columns-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .medium-columns-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .medium-columns-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .medium-columns-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .medium-columns-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}
@media (max-width: 480px) {
  .small-columns-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .small-columns-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .small-columns-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .small-columns-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .small-columns-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .small-columns-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .small-columns-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .small-columns-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .small-columns-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .small-columns-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .small-columns-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .small-columns-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}
@media (max-width: 320px) {
  .xsmall-columns-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .xsmall-columns-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .xsmall-columns-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .xsmall-columns-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .xsmall-columns-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .xsmall-columns-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .xsmall-columns-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .xsmall-columns-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .xsmall-columns-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .xsmall-columns-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .xsmall-columns-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .xsmall-columns-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}
.icon.large {
  font-size: 2rem;
}
.absolute {
  position: absolute !important;
}
.relative {
  position: relative !important;
}
.fixed {
  position: fixed !important;
}
.top {
  top: 0 !important;
}
.left {
  left: 0 !important;
}
.right {
  right: 0 !important;
}
.bottom {
  bottom: 0 !important;
}
.top-auto {
  top: auto !important;
}
.left-auto {
  left: auto !important;
}
.right-auto {
  right: auto !important;
}
.bottom-auto {
  bottom: auto !important;
}
.top-1 {
  top: 8.3333333333%;
}
.left-1 {
  left: 8.3333333333%;
}
.right-1 {
  right: 8.3333333333%;
}
.bottom-1 {
  bottom: 8.3333333333%;
}
.top-2 {
  top: 16.6666666667%;
}
.left-2 {
  left: 16.6666666667%;
}
.right-2 {
  right: 16.6666666667%;
}
.bottom-2 {
  bottom: 16.6666666667%;
}
.top-3 {
  top: 25%;
}
.left-3 {
  left: 25%;
}
.right-3 {
  right: 25%;
}
.bottom-3 {
  bottom: 25%;
}
.top-4 {
  top: 33.3333333333%;
}
.left-4 {
  left: 33.3333333333%;
}
.right-4 {
  right: 33.3333333333%;
}
.bottom-4 {
  bottom: 33.3333333333%;
}
.top-5 {
  top: 41.6666666667%;
}
.left-5 {
  left: 41.6666666667%;
}
.right-5 {
  right: 41.6666666667%;
}
.bottom-5 {
  bottom: 41.6666666667%;
}
.top-6 {
  top: 50%;
}
.left-6 {
  left: 50%;
}
.right-6 {
  right: 50%;
}
.bottom-6 {
  bottom: 50%;
}
.top-7 {
  top: 58.3333333333%;
}
.left-7 {
  left: 58.3333333333%;
}
.right-7 {
  right: 58.3333333333%;
}
.bottom-7 {
  bottom: 58.3333333333%;
}
.top-8 {
  top: 66.6666666667%;
}
.left-8 {
  left: 66.6666666667%;
}
.right-8 {
  right: 66.6666666667%;
}
.bottom-8 {
  bottom: 66.6666666667%;
}
.top-9 {
  top: 75%;
}
.left-9 {
  left: 75%;
}
.right-9 {
  right: 75%;
}
.bottom-9 {
  bottom: 75%;
}
.top-10 {
  top: 83.3333333333%;
}
.left-10 {
  left: 83.3333333333%;
}
.right-10 {
  right: 83.3333333333%;
}
.bottom-10 {
  bottom: 83.3333333333%;
}
.top-11 {
  top: 91.6666666667%;
}
.left-11 {
  left: 91.6666666667%;
}
.right-11 {
  right: 91.6666666667%;
}
.bottom-11 {
  bottom: 91.6666666667%;
}
.top-12 {
  top: 100%;
}
.left-12 {
  left: 100%;
}
.right-12 {
  right: 100%;
}
.bottom-12 {
  bottom: 100%;
}
.z-1 {
  z-index: 1 !important;
}
.z-2 {
  z-index: 2 !important;
}
.z-3 {
  z-index: 3 !important;
}
.z-4 {
  z-index: 4 !important;
}
.z-5 {
  z-index: 5 !important;
}
.z-6 {
  z-index: 6 !important;
}
.z-7 {
  z-index: 7 !important;
}
.z-8 {
  z-index: 8 !important;
}
.z-9 {
  z-index: 9 !important;
}
.z-10 {
  z-index: 10 !important;
}
.z-11 {
  z-index: 11 !important;
}
.z-12 {
  z-index: 12 !important;
}
.z-13 {
  z-index: 13 !important;
}
.z-14 {
  z-index: 14 !important;
}
.z-15 {
  z-index: 15 !important;
}
.z-16 {
  z-index: 16 !important;
}
.z-17 {
  z-index: 17 !important;
}
.z-18 {
  z-index: 18 !important;
}
.z-19 {
  z-index: 19 !important;
}
.z-20 {
  z-index: 20 !important;
}
.z-21 {
  z-index: 21 !important;
}
.z-22 {
  z-index: 22 !important;
}
.z-23 {
  z-index: 23 !important;
}
.z-24 {
  z-index: 24 !important;
}
.z-25 {
  z-index: 25 !important;
}
.z-26 {
  z-index: 26 !important;
}
.z-27 {
  z-index: 27 !important;
}
.z-28 {
  z-index: 28 !important;
}
.z-29 {
  z-index: 29 !important;
}
.z-30 {
  z-index: 30 !important;
}
.z-31 {
  z-index: 31 !important;
}
.z-32 {
  z-index: 32 !important;
}
.z-33 {
  z-index: 33 !important;
}
.z-34 {
  z-index: 34 !important;
}
.z-35 {
  z-index: 35 !important;
}
.z-36 {
  z-index: 36 !important;
}
.z-37 {
  z-index: 37 !important;
}
.z-38 {
  z-index: 38 !important;
}
.z-39 {
  z-index: 39 !important;
}
.z-40 {
  z-index: 40 !important;
}
.z-41 {
  z-index: 41 !important;
}
.z-42 {
  z-index: 42 !important;
}
.z-43 {
  z-index: 43 !important;
}
.z-44 {
  z-index: 44 !important;
}
.z-45 {
  z-index: 45 !important;
}
.z-46 {
  z-index: 46 !important;
}
.z-47 {
  z-index: 47 !important;
}
.z-48 {
  z-index: 48 !important;
}
.z-49 {
  z-index: 49 !important;
}
.z-50 {
  z-index: 50 !important;
}
.z-51 {
  z-index: 51 !important;
}
.z-52 {
  z-index: 52 !important;
}
.z-53 {
  z-index: 53 !important;
}
.z-54 {
  z-index: 54 !important;
}
.z-55 {
  z-index: 55 !important;
}
.z-56 {
  z-index: 56 !important;
}
.z-57 {
  z-index: 57 !important;
}
.z-58 {
  z-index: 58 !important;
}
.z-59 {
  z-index: 59 !important;
}
.z-60 {
  z-index: 60 !important;
}
.z-61 {
  z-index: 61 !important;
}
.z-62 {
  z-index: 62 !important;
}
.z-63 {
  z-index: 63 !important;
}
.z-64 {
  z-index: 64 !important;
}
.z-65 {
  z-index: 65 !important;
}
.z-66 {
  z-index: 66 !important;
}
.z-67 {
  z-index: 67 !important;
}
.z-68 {
  z-index: 68 !important;
}
.z-69 {
  z-index: 69 !important;
}
.z-70 {
  z-index: 70 !important;
}
.z-71 {
  z-index: 71 !important;
}
.z-72 {
  z-index: 72 !important;
}
.z-73 {
  z-index: 73 !important;
}
.z-74 {
  z-index: 74 !important;
}
.z-75 {
  z-index: 75 !important;
}
.z-76 {
  z-index: 76 !important;
}
.z-77 {
  z-index: 77 !important;
}
.z-78 {
  z-index: 78 !important;
}
.z-79 {
  z-index: 79 !important;
}
.z-80 {
  z-index: 80 !important;
}
.z-81 {
  z-index: 81 !important;
}
.z-82 {
  z-index: 82 !important;
}
.z-83 {
  z-index: 83 !important;
}
.z-84 {
  z-index: 84 !important;
}
.z-85 {
  z-index: 85 !important;
}
.z-86 {
  z-index: 86 !important;
}
.z-87 {
  z-index: 87 !important;
}
.z-88 {
  z-index: 88 !important;
}
.z-89 {
  z-index: 89 !important;
}
.z-90 {
  z-index: 90 !important;
}
.z-91 {
  z-index: 91 !important;
}
.z-92 {
  z-index: 92 !important;
}
.z-93 {
  z-index: 93 !important;
}
.z-94 {
  z-index: 94 !important;
}
.z-95 {
  z-index: 95 !important;
}
.z-96 {
  z-index: 96 !important;
}
.z-97 {
  z-index: 97 !important;
}
.z-98 {
  z-index: 98 !important;
}
.z-99 {
  z-index: 99 !important;
}
.z-100 {
  z-index: 100 !important;
}
.horizontal-center {
  left: 50%;
  transform: translateX(-50%);
}
.vertical-center {
  top: 50%;
  transform: translateY(-50%);
}
.horizontal-center.vertical-center {
  transform: translate(-50%, -50%);
}
.padding {
  padding: 1em;
}
.padding-top {
  padding-top: 1em;
}
.padding-bottom {
  padding-bottom: 1em;
}
.padding-left {
  padding-left: 1em;
}
.padding-right {
  padding-right: 1em;
}
.padding-0,
.padding-none {
  padding: 0 !important;
}
.padding-top-0 {
  padding-top: 0 !important;
}
.padding-bottom-0 {
  padding-bottom: 0 !important;
}
.padding-left-0 {
  padding-left: 0 !important;
}
.padding-right-0 {
  padding-right: 0 !important;
}
.padding-large {
  padding: 2em;
}
.padding-small {
  padding: 0.5em;
}
.padding-top-large {
  padding-top: 2em;
}
.padding-top-small {
  padding-top: 0.5em;
}
.padding-bottom-large {
  padding-bottom: 2em;
}
.padding-bottom-small {
  padding-bottom: 0.5em;
}
.padding-left-large {
  padding-left: 2em;
}
.padding-left-small {
  padding-left: 0.5em;
}
.padding-right-large {
  padding-right: 2em;
}
.padding-right-small {
  padding-right: 0.5em;
}
.padding-1 {
  padding: 1em;
}
.padding-top-1 {
  padding-top: 1em;
}
.padding-bottom-1 {
  padding-bottom: 1em;
}
.padding-left-1 {
  padding-left: 1em;
}
.padding-right-1 {
  padding-right: 1em;
}
.padding-2 {
  padding: 2em;
}
.padding-top-2 {
  padding-top: 2em;
}
.padding-bottom-2 {
  padding-bottom: 2em;
}
.padding-left-2 {
  padding-left: 2em;
}
.padding-right-2 {
  padding-right: 2em;
}
.padding-3 {
  padding: 3em;
}
.padding-top-3 {
  padding-top: 3em;
}
.padding-bottom-3 {
  padding-bottom: 3em;
}
.padding-left-3 {
  padding-left: 3em;
}
.padding-right-3 {
  padding-right: 3em;
}
.padding-4 {
  padding: 4em;
}
.padding-top-4 {
  padding-top: 4em;
}
.padding-bottom-4 {
  padding-bottom: 4em;
}
.padding-left-4 {
  padding-left: 4em;
}
.padding-right-4 {
  padding-right: 4em;
}
.padding-5 {
  padding: 5em;
}
.padding-top-5 {
  padding-top: 5em;
}
.padding-bottom-5 {
  padding-bottom: 5em;
}
.padding-left-5 {
  padding-left: 5em;
}
.padding-right-5 {
  padding-right: 5em;
}
.padding-6 {
  padding: 6em;
}
.padding-top-6 {
  padding-top: 6em;
}
.padding-bottom-6 {
  padding-bottom: 6em;
}
.padding-left-6 {
  padding-left: 6em;
}
.padding-right-6 {
  padding-right: 6em;
}
.padding-7 {
  padding: 7em;
}
.padding-top-7 {
  padding-top: 7em;
}
.padding-bottom-7 {
  padding-bottom: 7em;
}
.padding-left-7 {
  padding-left: 7em;
}
.padding-right-7 {
  padding-right: 7em;
}
.padding-8 {
  padding: 8em;
}
.padding-top-8 {
  padding-top: 8em;
}
.padding-bottom-8 {
  padding-bottom: 8em;
}
.padding-left-8 {
  padding-left: 8em;
}
.padding-right-8 {
  padding-right: 8em;
}
.padding-9 {
  padding: 9em;
}
.padding-top-9 {
  padding-top: 9em;
}
.padding-bottom-9 {
  padding-bottom: 9em;
}
.padding-left-9 {
  padding-left: 9em;
}
.padding-right-9 {
  padding-right: 9em;
}
.padding-10 {
  padding: 10em;
}
.padding-top-10 {
  padding-top: 10em;
}
.padding-bottom-10 {
  padding-bottom: 10em;
}
.padding-left-10 {
  padding-left: 10em;
}
.padding-right-10 {
  padding-right: 10em;
}
.margin {
  margin: 1em;
}
.margin-top {
  margin-top: 1em;
}
.margin-bottom {
  margin-bottom: 1em;
}
.margin-left {
  margin-left: 1em;
}
.margin-right {
  margin-right: 1em;
}
.margin-0,
.margin-none {
  margin: 0 !important;
}
.margin-top-0 {
  margin-top: 0 !important;
}
.margin-bottom-0 {
  margin-bottom: 0 !important;
}
.margin-left-0 {
  margin-left: 0 !important;
}
.margin-right-0 {
  margin-right: 0 !important;
}
.margin-large {
  margin: 2em;
}
.margin-small {
  margin: 0.5em;
}
.margin-top-large {
  margin-top: 2em;
}
.margin-top-small {
  margin-top: 0.5em;
}
.margin-bottom-large {
  margin-bottom: 2em;
}
.margin-bottom-small {
  margin-bottom: 0.5em;
}
.margin-left-large {
  margin-left: 2em;
}
.margin-left-small {
  margin-left: 0.5em;
}
.margin-right-large {
  margin-right: 2em;
}
.margin-right-small {
  margin-right: 0.5em;
}
.margin-1 {
  margin: 1em;
}
.margin-top-1 {
  margin-top: 1em;
}
.margin-bottom-1 {
  margin-bottom: 1em;
}
.margin-left-1 {
  margin-left: 1em;
}
.margin-right-1 {
  margin-right: 1em;
}
.margin-2 {
  margin: 2em;
}
.margin-top-2 {
  margin-top: 2em;
}
.margin-bottom-2 {
  margin-bottom: 2em;
}
.margin-left-2 {
  margin-left: 2em;
}
.margin-right-2 {
  margin-right: 2em;
}
.margin-3 {
  margin: 3em;
}
.margin-top-3 {
  margin-top: 3em;
}
.margin-bottom-3 {
  margin-bottom: 3em;
}
.margin-left-3 {
  margin-left: 3em;
}
.margin-right-3 {
  margin-right: 3em;
}
.margin-4 {
  margin: 4em;
}
.margin-top-4 {
  margin-top: 4em;
}
.margin-bottom-4 {
  margin-bottom: 4em;
}
.margin-left-4 {
  margin-left: 4em;
}
.margin-right-4 {
  margin-right: 4em;
}
.margin-5 {
  margin: 5em;
}
.margin-top-5 {
  margin-top: 5em;
}
.margin-bottom-5 {
  margin-bottom: 5em;
}
.margin-left-5 {
  margin-left: 5em;
}
.margin-right-5 {
  margin-right: 5em;
}
.margin-6 {
  margin: 6em;
}
.margin-top-6 {
  margin-top: 6em;
}
.margin-bottom-6 {
  margin-bottom: 6em;
}
.margin-left-6 {
  margin-left: 6em;
}
.margin-right-6 {
  margin-right: 6em;
}
.margin-7 {
  margin: 7em;
}
.margin-top-7 {
  margin-top: 7em;
}
.margin-bottom-7 {
  margin-bottom: 7em;
}
.margin-left-7 {
  margin-left: 7em;
}
.margin-right-7 {
  margin-right: 7em;
}
.margin-8 {
  margin: 8em;
}
.margin-top-8 {
  margin-top: 8em;
}
.margin-bottom-8 {
  margin-bottom: 8em;
}
.margin-left-8 {
  margin-left: 8em;
}
.margin-right-8 {
  margin-right: 8em;
}
.margin-9 {
  margin: 9em;
}
.margin-top-9 {
  margin-top: 9em;
}
.margin-bottom-9 {
  margin-bottom: 9em;
}
.margin-left-9 {
  margin-left: 9em;
}
.margin-right-9 {
  margin-right: 9em;
}
.margin-10 {
  margin: 10em;
}
.margin-top-10 {
  margin-top: 10em;
}
.margin-bottom-10 {
  margin-bottom: 10em;
}
.margin-left-10 {
  margin-left: 10em;
}
.margin-right-10 {
  margin-right: 10em;
}
.subheading {
  text-transform: uppercase;
  font-size: 0.9rem;
  font-weight: bold;
  letter-spacing: 1px;
}
a {
  color: inherit;
}
.decoration-none {
  text-decoration: none !important;
}
small {
  font-size: 0.65em !important;
}
p:first-child,
ul:first-child,
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
  margin-top: 0;
}
p:last-child,
ul:last-child,
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child {
  margin-bottom: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 1em;
  margin-bottom: 0.5em;
  text-transform: uppercase;
  font-family: "Noto Serif", sans-serif;
}
h1 {
  font-size: 2.5em;
  font-family: "Noto Serif", sans-serif;
}
h2 {
  font-size: 2em;
}
h3 {
  font-size: 1.5em;
}
h4 {
  font-size: 1.25em;
}
h5 {
  font-size: 1em;
}
h6 {
  font-size: 0.75em;
}
p {
  margin-bottom: 0.5em;
  font-family: "Roboto", serif;
}
p:not(:first-child) {
  margin-top: 0.5em;
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.center {
  margin: 0 auto;
}
.uppercase {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}
.capitalize {
  text-transform: capitalize;
}
.underline {
  text-decoration: underline;
}
.strike-through {
  text-decoration: line-through;
}
.nowrap {
  white-space: nowrap;
}
.bold {
  font-weight: bold;
}
.unordered-list {
  list-style: disc;
  padding-left: 1em;
}
.ordered-list {
  list-style: decimal;
  padding-left: 1em;
}
.text-small {
  font-size: 0.8rem;
}
.ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
section {
  overflow: hidden;
  font-size: 1.4em;
  padding: 2em 1em;
  position: relative;
  width: 100%;
}
section img {
  display: block;
}
section p,
section ul {
  opacity: 0.75;
}
.alt {
  background: rgba(255, 255, 255, 0.025);
}
.ck-editor {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);
}
.ck-editor .ck.ck-toolbar {
  background: rgba(29.5810810811, 24.2027027027, 20.1689189189, 0.95);
  border: 0;
}
.ck-editor .ck.ck-editor__editable.ck-focused:not(.ck-editor__nested-editable) {
  box-shadow: 0 0 1vw rgba(229, 179, 92, 0.5), inset 0 0 0.8vw 0.2vw rgba(229, 179, 92, 0.4);
}
.ck-editor .ck.ck-editor__main > .ck-editor__editable {
  border: 0 !important;
  background: rgba(22, 18, 15, 0.95);
  min-height: 200px;
}
.ck-editor .ck-button {
  cursor: pointer;
  transition: ease all 0.2s;
  color: white;
}
.ck-editor .ck-button:hover {
  background: rgba(59.9054054054, 49.0135135135, 40.8445945946, 0.95) !important;
}
.wysiwyg-content {
  color: rgba(255, 255, 255, 0.8);
}
.wysiwyg-content ol,
.wysiwyg-content ul {
  padding-left: 1.2em;
}
.wysiwyg-content ol.contains-task-list,
.wysiwyg-content ul.contains-task-list {
  padding-left: 0;
}
.wysiwyg-content ol li.task-list-item,
.wysiwyg-content ul li.task-list-item {
  list-style: none;
}
.wysiwyg-content ol li.task-list-item input,
.wysiwyg-content ul li.task-list-item input {
  margin-left: 0;
}
.wysiwyg-content ul {
  list-style: disc;
}
.wysiwyg-content h2,
.wysiwyg-content h3,
.wysiwyg-content h4,
.wysiwyg-content h5,
.wysiwyg-content h6 {
  font-family: "Roboto", serif;
  text-transform: initial;
}
.wysiwyg-content p,
.wysiwyg-content ul,
.wysiwyg-content ol {
  color: rgba(255, 255, 255, 0.8);
}
.wysiwyg-content pre code {
  background: rgb(12.699, 12.699, 12.699);
  white-space: pre;
  word-wrap: break-word;
  overflow: auto;
  padding: 1em;
  border-radius: 0.2em;
  font-size: 0.8em;
  color: #44b5b9;
  display: block;
}
.wysiwyg-content a {
  color: #44b5b9;
  cursor: pointer;
}
.wysiwyg-content table {
  border-collapse: collapse;
}
.wysiwyg-content table:not(:first-child) {
  margin-top: 1em;
}
.wysiwyg-content table:not(:last-child) {
  margin-bottom: 1em;
}
.wysiwyg-content table th {
  text-align: left;
  text-transform: uppercase;
  font-size: 0.75em;
  letter-spacing: 0.1em;
  font-weight: bold;
  padding: 12px;
  background: rgb(13.005, 13.005, 13.005);
}
.wysiwyg-content table th:first-child {
  border-top-left-radius: 0.2em;
}
.wysiwyg-content table th:last-child {
  border-top-right-radius: 0.2em;
}
.wysiwyg-content table tr:last-child td:first-child {
  border-bottom-left-radius: 0.2em;
}
.wysiwyg-content table tr:last-child td:last-child {
  border-bottom-right-radius: 0.2em;
}
.wysiwyg-content table td {
  padding: 4px 12px;
  background: rgb(12.8775, 12.8775, 12.8775);
}
.alert {
  padding: 0.25em 0.5em;
  border: 1px solid rgba(229, 179, 92, 0.3);
  border-radius: 0.2em;
}
.alert.error {
  background: rgba(149, 31, 43, 0.5);
  border-color: #951f2b;
}
.alert.warning {
  background: rgba(217, 103, 61, 0.5);
  border-color: #d9673d;
}
.alert.success {
  background: rgba(53, 137, 25, 0.5);
  border-color: #358919;
}
.alert.info {
  background: rgba(68, 181, 185, 0.5);
  border-color: #44b5b9;
}
.alert.small {
  font-size: 0.8em;
  padding: 0.25em 0.5em;
}
.alert.large {
  font-size: 1.2em;
  padding: 0.75em 1em;
}
.alert.square {
  border-radius: 0;
}
.badge {
  height: 1.5em;
  line-height: 1.5em;
  border-radius: 999px;
  padding: 0 0.5em;
  font-size: 0.75em;
  background: #951f2b;
  display: inline-block;
}
.badge.large {
  height: 1.8em;
  line-height: 1.8em;
  font-size: 0.9em;
  padding: 0 8px;
}
.breadcrumbs ul {
  list-style: none;
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
}
.breadcrumbs ul li {
  display: flex;
  align-items: center;
}
.breadcrumbs ul li svg {
  font-size: 0.8em;
  opacity: 0.2;
}
.breadcrumbs ul li a {
  display: flex;
  align-items: center;
  height: 24px;
  line-height: 24px;
  padding: 0 8px;
}
.breadcrumbs ul li a svg {
  margin-right: 4px;
}
.dialog-container {
  transition: ease all 0.2s;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 100;
}
.dialog-container.fullscreen .dialog-inner {
  display: flex;
  flex-direction: column;
}
.dialog-container.fullscreen .dialog-inner .dialog-content {
  flex: 1;
}
.dialog-container.no-padding .dialog-content {
  padding: 0;
}
.dialog-container .dialog-wrapper {
  position: absolute;
  min-width: 350px;
  max-width: 100%;
  left: 50%;
  top: 1em;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.dialog-container .dialog-wrapper .dialog-inner {
  background: rgba(27, 21, 19, 0.95);
  border-radius: 0.2em;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}
.dialog-container .dialog-wrapper .dialog-header {
  padding: 1em;
  border-bottom: 1px solid rgba(229, 179, 92, 0.3);
}
.dialog-container .dialog-wrapper .dialog-header .dialog-title {
  margin: 0;
  flex: 1 0 0;
}
.dialog-container .dialog-wrapper .dialog-header .button {
  background: none;
  border: 0;
  box-shadow: none;
  outline: none;
  padding: 2px 4px;
}
.dialog-container .dialog-wrapper .dialog-header .button svg {
  height: 16px;
  width: 16px;
  display: block;
}
.dialog-container .dialog-wrapper .dialog-content {
  max-height: calc(100dvh - 80px);
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
}
.dialog-container .dialog-wrapper .dialog-content.overflow {
  overflow-y: auto;
}
.dialog-container .dialog-wrapper .dialog-content.padding {
  padding: 1em;
}
.dialog-container .dialog-wrapper .dialog-content > .spinner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 0.2em;
  z-index: 10;
}
.dialog-container .dialog-wrapper .dialog-content > .spinner .spinner-inner {
  width: 2em;
  height: 2em;
  border-width: 6px;
}
.dialog-container .dialog-wrapper .dialog-content > .spinner > * {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.dialog-container .dialog-wrapper .dialog-footer {
  border-top: 1px solid rgba(229, 179, 92, 0.3);
  padding: 1em;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1em;
}
.dialog-open {
  overflow: hidden;
}
.dot {
  width: 0.5em;
  height: 0.5em;
  border-radius: 50%;
}
.dot.red {
  background: #951f2b;
}
.dot.lightRed {
  background: #cc3342;
}
.dot.green {
  background: #1d530b;
}
.dot.lightGreen {
  background: #358919;
}
.dot.blue {
  background: #193b54;
}
.dot.lightBlue {
  background: #44b5b9;
}
.dot.orange {
  background: #d9673d;
}
.dot.lightOrange {
  background: #f2a04a;
}
.dot.yellow {
  background: #f2ba4a;
}
.dot.purple {
  background: #915cdb;
}
.dot.white {
  background: #fcfbf9;
}
.dot.black {
  background: #000000;
}
.dot.grey {
  background: rgba(0, 0, 0, 0.5);
}
.dot.font {
  background: #888888;
}
.dot.tan {
  background: #efe5d9;
}
.dot.brown {
  background: #1b1513;
}
.dot.thecall {
  background: #a62529;
}
.dot.vanguard {
  background: #39466f;
}
.dot.success {
  background: #358919;
}
.dot.error {
  background: #951f2b;
}
.dot.warning {
  background: #d9673d;
}
.dot.info {
  background: #44b5b9;
}
.empty {
  padding: 4em 1em;
  font-size: 1.2em;
  text-align: center;
}
.empty.large {
  font-size: 1.5em;
  padding: 5em 1em;
}
.empty.small {
  font-size: 0.8em;
  padding: 2em 1em;
}
.empty .empty-icon {
  font-size: 4em;
}
.empty p:last-child {
  margin-bottom: 0;
}
.empty .empty-icon,
.empty .custom-icon,
.empty p {
  opacity: 0.25;
}
.empty .custom-icon {
  width: 4em;
}
.filters {
  margin-bottom: 2em;
  padding: 1em;
  border: 1px solid rgba(229, 179, 92, 0.3);
  border-radius: 0.2em;
  background: rgba(22, 18, 15, 0.95);
  width: 100%;
  position: absolute;
  z-index: 4;
  top: calc(100% + 1em);
}
.flip {
  perspective: 60vw;
}
.flip .flip-inner {
  position: relative;
  transition: ease all 0.2s;
  transform-style: preserve-3d;
}
.flip .front {
  transition: ease all 0.2s;
}
.flip .back {
  transition: ease all 0.2s;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotateY(180deg);
  backface-visibility: hidden;
  opacity: 0;
}
.flip.flipped .flip-inner {
  transform: rotateY(180deg);
}
.flip.flipped .front {
  opacity: 0;
}
.flip.flipped .back {
  opacity: 1;
}
.hero {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 4em;
  text-align: center;
  position: relative;
  overflow: hidden;
  width: 100%;
}
.hero .background-image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute !important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0 !important;
}
.hero .scene {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.hero .scene .scene-position {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.hero > * {
  position: relative;
  z-index: 1;
}
.hero h1 {
  font-size: 3em;
}
.hero h1,
.hero h2,
.hero h3,
.hero h4,
.hero h5,
.hero h6 {
  margin-bottom: 0;
}
.hero .hero-content {
  max-width: 800px;
  filter: drop-shadow(0 2px 6px black);
}
.hero p {
  font-size: 1.2em;
}
.hr {
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  width: 100%;
}
.hr.marginTop hr {
  margin-top: 1.5em;
}
.hr.marginBottom hr {
  margin-bottom: 1.5em;
}
.hr span {
  font-size: 0.8em;
  padding: 0.2em 0.4em;
  display: block;
  text-transform: uppercase;
}
.hr hr {
  border: 0;
}
.hr:not(.hasText) hr {
  border-bottom: 1px solid rgba(229, 179, 92, 0.3);
}
.hr.hasText hr {
  display: none;
}
.hr.hasText span {
  position: relative;
}
.hr.hasText span:before {
  content: "";
  position: absolute;
  border-bottom: 1px solid rgba(229, 179, 92, 0.3);
  top: 50%;
  right: 100%;
  transform: translateY(-50%);
  width: 50vw;
}
.hr.hasText span:after {
  content: "";
  position: absolute;
  border-bottom: 1px solid rgba(229, 179, 92, 0.3);
  top: 50%;
  left: 100%;
  transform: translateY(-50%);
  width: 50vw;
}
.hr.gradient-toRight:not(.hasText) hr {
  border: 0;
  height: 1px;
  background: linear-gradient(to right, rgba(229, 179, 92, 0.3), transparent);
}
.hr.gradient-toRight.hasText span:before {
  background: linear-gradient(to right, rgba(229, 179, 92, 0.3), rgba(148.85, 116.35, 59.8, 0.15));
  height: 1px;
  border: 0;
}
.hr.gradient-toRight.hasText span:after {
  background: linear-gradient(to right, rgba(148.85, 116.35, 59.8, 0.15), transparent);
  height: 1px;
  border: 0;
}
.hr.gradient-toLeft:not(.hasText) hr {
  border: 0;
  height: 1px;
  background: linear-gradient(to left, rgba(229, 179, 92, 0.3), transparent);
}
.hr.gradient-toLeft.hasText span:before {
  background: linear-gradient(to left, rgba(148.85, 116.35, 59.8, 0.15), transparent);
  height: 1px;
  border: 0;
}
.hr.gradient-toLeft.hasText span:after {
  background: linear-gradient(to left, rgba(229, 179, 92, 0.3), rgba(148.85, 116.35, 59.8, 0.15));
  height: 1px;
  border: 0;
}
.hr.gradient-center:not(.hasText) hr {
  border: 0;
  height: 1px;
  background: linear-gradient(to right, transparent, rgba(229, 179, 92, 0.3), transparent);
}
.hr.gradient-center.hasText span:before {
  background: linear-gradient(to right, transparent, rgba(148.85, 116.35, 59.8, 0.15), transparent);
  height: 1px;
  border: 0;
}
.hr.gradient-center.hasText span:after {
  background: linear-gradient(to right, rgba(148.85, 116.35, 59.8, 0.15), transparent, transparent);
  height: 1px;
  border: 0;
}
.items-header {
  position: relative;
}
.items-container > .panel {
  height: 100%;
}
.label {
  font-size: 1em;
  font-family: "Roboto", serif;
  color: white;
  margin-bottom: 0.5em;
  display: block;
}
@keyframes highlight {
  0% {
    opacity: 0.5;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.5;
  }
}
.loader {
  border-radius: 0.2em;
  overflow: hidden;
  position: relative;
  color: rgba(255, 255, 255, 0.75);
  height: 32px;
}
.loader:not(.segmented) {
  background-color: rgba(53, 137, 25, 0.5);
}
.loader:not(.segmented).success {
  background-color: rgba(53, 137, 25, 0.5);
}
.loader:not(.segmented).success .inner {
  background-color: #358919;
}
.loader:not(.segmented).info {
  background-color: rgba(68, 181, 185, 0.5);
}
.loader:not(.segmented).info .inner {
  background-color: #44b5b9;
}
.loader:not(.segmented).warning {
  background-color: rgba(217, 103, 61, 0.5);
}
.loader:not(.segmented).warning .inner {
  background-color: #d9673d;
}
.loader:not(.segmented).error {
  background-color: rgba(149, 31, 43, 0.5);
}
.loader:not(.segmented).error .inner {
  background-color: #951f2b;
}
.loader.large {
  height: 24px;
}
.loader.large span {
  font-size: 0.8em;
}
.loader.xlarge {
  height: 32px;
}
.loader.xlarge span {
  font-size: 1em;
}
.loader .inner {
  height: 100%;
  background: #358919;
  transition: width 1s ease;
}
.loader span {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  font-size: 0.6em;
  white-space: nowrap;
}
.loader.segmented .segments {
  display: flex;
  gap: 8px;
  width: 100%;
}
.loader.segmented .segments .segment {
  flex: 1 0 0;
  height: 16px;
}
.loader.segmented .segments .segment.active {
  background: #358919;
}
.loader.segmented .segments .segment.highlight {
  background: #358919;
  animation: highlight 1s ease infinite;
}
.loader.segmented.info .segments .segment {
  background: rgba(68, 181, 185, 0.5);
}
.loader.segmented.info .segments .segment.active, .loader.segmented.info .segments .segment.highlight {
  background: #44b5b9;
}
.loader.segmented.warning .segments .segment {
  background: rgba(217, 103, 61, 0.5);
}
.loader.segmented.warning .segments .segment.active, .loader.segmented.warning .segments .segment.highlight {
  background: #d9673d;
}
.loader.segmented.error .segments .segment {
  background: rgba(149, 31, 43, 0.5);
}
.loader.segmented.error .segments .segment.active, .loader.segmented.error .segments .segment.highlight {
  background: #d9673d;
}
.menu {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.menu.large {
  font-size: 1.5em;
}
.menu.large a {
  padding-left: 1em;
  padding-right: 1em;
  min-height: 4.2em;
  line-height: 4.2em;
}
.menu.large a .text {
  font-size: inherit;
}
.menu .hr {
  width: 100%;
}
.menu.padded a {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
.menu ul {
  list-style: none;
  display: flex;
  padding: 0;
  margin: 0;
}
.menu ul li {
  position: relative;
}
.menu ul li:hover > a {
  background: rgba(255, 255, 255, 0.1);
}
.menu ul li .text {
  flex: 1 0 0;
}
.menu ul li.separator {
  pointer-events: none;
  opacity: 0.5;
}
.menu ul li.separator > a {
  min-height: initial;
}
.menu.vertical > ul {
  flex-direction: column;
}
.menu.round a {
  border-radius: 0.2em;
}
.menu.round:not(.vertical) > ul > li:not(:first-child) > a {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.menu.round:not(.vertical) > ul > li:not(:last-child) > a {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.menu.round.vertical > ul > li:not(:first-child) > a {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.menu.round.vertical > ul > li:not(:last-child) > a {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.menu a {
  transition: ease all 0.2s;
  text-decoration: none;
  padding-left: 0.5em;
  padding-right: 0.5em;
  min-height: 2.8em;
  cursor: pointer;
  display: flex;
  align-items: center;
  color: white;
  white-space: nowrap;
  gap: 0.5em;
}
.menu a.active {
  background: rgb(25.5, 25.5, 25.5);
}
.menu a .custom-icon {
  width: 1.25em;
}
.menu a span {
  display: block;
  line-height: 2.8em;
}
.menu.small a span {
  line-height: initial;
  font-size: 0.9em;
}
.menu nav {
  transition: ease all 0.2s;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  background: rgb(38.25, 38.25, 38.25);
  position: absolute;
  min-width: 100%;
  left: 0;
  top: 100%;
}
.menu nav li {
  width: 100%;
}
.menu li.anchor-bottom > nav {
  top: auto;
  bottom: 100%;
}
.menu.anchorRight nav {
  left: auto;
  right: 0;
}
.menu.anchorTop nav {
  top: auto;
  bottom: 100%;
}
.menu .text {
  font-size: 1em;
}
.menu.round nav {
  border-radius: 0.2em;
}
.menu.inline nav {
  position: relative;
  top: 0;
  box-shadow: none;
  background: transparent;
}
.menu.inline nav a {
  padding-left: 1.5em;
}
.menu.inline nav nav a {
  padding-left: 3em;
}
.menu.inline nav nav nav a {
  padding-left: 4.5em;
}
.menu.inline nav nav nav nav a {
  padding-left: 6em;
}
.menu.inline nav nav nav nav nav a {
  padding-left: 7.5em;
}
.menu.inline li.type-list {
  list-style: disc;
  opacity: 0.75;
}
.menu.inline li.type-list > a {
  min-height: initial;
}
.menu.inline li.type-list > a .text {
  font-size: 0.9em;
  line-height: 2.5em;
}
.menu.inset nav {
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.3);
}
.notifications {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 101;
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  row-gap: 1em;
  padding: 1em;
  pointer-events: none;
}
.notification {
  display: flex;
  background: rgba(22, 18, 15, 0.95);
  border-radius: 0.2em;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);
  position: relative;
  max-width: 25vw;
}
.notification .notification-title,
.notification .notification-subtitle {
  margin: 0;
}
.notification .notification-icon {
  padding: 0.5em;
  padding-right: 0;
  border-top-left-radius: 0.2em;
  border-bottom-left-radius: 0.2em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 2em;
}
.notification .notification-wrapper {
  padding: 0.5em;
  flex: 1 0 0;
  display: flex;
  align-items: center;
  gap: 1em;
}
.notification .notification-wrapper .button {
  pointer-events: all;
}
.notification .notification-wrapper .notification-content {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}
.notification.error {
  background: #951f2b;
}
.notification.error .notification-wrapper {
  background: rgb(148.7889166667, 30.9560833333, 42.9390833333);
}
.notification.success {
  background: #358919;
}
.notification.success .notification-wrapper {
  background: rgb(52.9165740741, 136.7843518519, 24.9606481481);
}
.notification.warning {
  background: #d9673d;
}
.notification.warning .notification-wrapper {
  background: rgb(216.9582327586, 102.8329310345, 60.7867672414);
}
.notification.info {
  background: #44b5b9;
}
.notification.info .notification-wrapper {
  background: rgb(67.9314624506, 180.81756917, 184.8135375494);
}
.notification .notification-remove {
  transition: ease all 0.2s;
  padding: 1em;
  cursor: pointer;
  border-top-right-radius: 0.2em;
  border-bottom-right-radius: 0.2em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  pointer-events: all;
}
.notification .notification-remove:hover {
  background: rgba(255, 255, 255, 0.1);
}
.notification .notification-timer {
  position: absolute;
  bottom: 0;
  left: 0;
  animation: widthGrow 0s linear;
  height: 0.5em;
  pointer-events: none;
  width: 100%;
  background: rgba(255, 255, 255, 0.2);
}
.pagination .pagination-totals {
  position: absolute;
  left: calc(100% + 1em);
  top: 50%;
  transform: translateY(-50%);
  white-space: nowrap;
}
.popover {
  background: rgba(22, 18, 15, 0.95);
  border-radius: 0.2em;
  opacity: 0;
  pointer-events: none;
  height: 0;
  position: absolute;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}
.popover.open {
  opacity: 1;
  pointer-events: all;
  height: auto;
}
.slider {
  position: relative;
  width: 100%;
  min-width: 100%;
  display: flex;
  flex-wrap: nowrap;
}
.slide {
  background: grey;
  width: 75%;
}
.previous-slide,
.next-slide {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
.previous-slide {
  left: 1vw;
}
.next-slide {
  right: 1vw;
}
@keyframes spinner {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.spinner .spinner-inner {
  border-radius: 50%;
  width: 1em;
  height: 1em;
  border: 0.2em solid rgba(255, 255, 255, 0.2);
  border-left: 0.2em solid white;
  animation: spinner 1s infinite linear;
}
.spinner.large .spinner-inner {
  width: 3em;
  height: 3em;
  border-width: 0.5em;
}
.spinner.xlarge .spinner-inner {
  width: 6em;
  height: 6em;
  border-width: 0.8em;
}
.spinner.xlarge .spinner-text {
  padding-top: 1em;
}
.spinner .spinner-text {
  text-align: center;
  padding-top: 0.5em;
}
.swatch {
  border-radius: 0.2em;
  width: 1.5em;
  height: 1.5em;
  border: 1px solid rgba(0, 0, 0, 0.25);
  outline: 1px soild rgba(255, 255, 255, 0.25);
  outline-offset: -2px;
}
.table {
  border-collapse: collapse;
}
.table.stripped tbody tr:nth-child(even) td {
  background: rgba(0, 0, 0, 0.1);
}
.table th {
  text-align: left;
  text-transform: uppercase;
  font-size: 0.75em;
  letter-spacing: 0.1em;
  font-weight: bold;
  padding: 0.5em;
}
.table td {
  padding: 0.25em 0.5em;
}
.tabs {
  height: 100%;
  display: flex;
  flex-direction: column;
  border-radius: 0.2em;
}
.tabs .tabs-nav {
  margin-bottom: 1em;
}
.tabs .tabs-nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}
.tabs .tabs-nav ul li {
  padding: 0.6em 1.25em;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  border-radius: 0.2em;
  transition: ease all 0.2s;
  white-space: nowrap;
  display: flex;
  -moz-column-gap: 0.75em;
       column-gap: 0.75em;
  align-items: center;
  color: white;
  opacity: 0.5;
}
.tabs .tabs-nav ul li.active {
  opacity: 1;
  position: relative;
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 1vw rgba(229, 179, 92, 0.5), inset 0 0 0.8vw 0.2vw rgba(229, 179, 92, 0.4);
  border: 1px solid #e5b35c;
}
.tabs .tabs-nav ul li:not(.active):not(:last-child):hover, .tabs .tabs-nav ul li:not(.active):not(:last-child):focus {
  cursor: pointer;
  opacity: 1;
  box-shadow: 0 0 1vw rgba(229, 179, 92, 0.5), inset 0 0 0.8vw 0.2vw rgba(229, 179, 92, 0.4);
  border: 1px solid #e5b35c;
}
.tabs .tabs-nav ul li:not(:last-child):focus {
  box-shadow: 0 0 1vw rgba(229, 179, 92, 0.5), inset 0 0 0.8vw 0.2vw rgba(229, 179, 92, 0.4);
  outline: none;
}
.tabs .tabs-nav ul li:last-child {
  flex: 1 0 0;
  padding: 0;
}
.tabs .tabs-nav ul li img,
.tabs .tabs-nav ul li svg {
  width: 1em;
  height: 1em;
}
.tabs .tabs-content {
  flex: 1 0 0;
  width: 100%;
}
.tabs .tabs-content > .tabs {
  padding-top: 0.25em;
}
.tabs.fullWidthTabs > .tabs-nav {
  width: 100%;
}
.tabs.fullWidthTabs > .tabs-nav li:not([tabindex]) {
  display: none;
}
.tabs.fullWidthTabs > .tabs-nav li {
  flex: 1 0 0;
  justify-content: center;
}
.tabs.border {
  border: 0;
}
.tabs.border > .tabs-nav li {
  border-bottom-color: rgba(255, 255, 255, 0.2);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.tabs.border > .tabs-nav li.active {
  border-color: rgba(255, 255, 255, 0.2);
  border-bottom-color: transparent;
}
.tabs.vertical {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 100%;
}
.tabs.vertical > .tabs-nav {
  margin-bottom: 0;
  margin-right: 1em;
}
.tabs.vertical > .tabs-nav ul {
  height: 100%;
  flex-direction: column;
}
.tabs.vertical > .tabs-nav ul li {
  border-bottom-left-radius: 0.2em;
  border-top-right-radius: 0;
}
.tabs.vertical > .tabs-nav ul li.active {
  border-right: 0;
  border-bottom-width: 1px;
  border-bottom-color: rgba(255, 255, 255, 0.2);
}
.tabs.vertical > .tabs-nav ul li:not(.active) {
  border-bottom: 0;
  border-right-width: 1px;
  border-right-color: rgba(255, 255, 255, 0.2);
}
.tabs.vertical .tabs-content {
  flex: 1 0 0;
}
.tabs.large > .tabs-nav {
  font-size: 1.5em;
}
.tabs.align-center > .tabs-nav > ul {
  justify-content: center;
}
.tabs.align-center > .tabs-nav > ul li:first-child,
.tabs.align-center > .tabs-nav > ul li:last-child {
  flex: 1 0 0;
  pointer-events: none;
  padding: 0;
}
.tabs.align-right > .tabs-nav > ul {
  justify-content: flex-end;
}
.tabs.align-right > .tabs-nav > ul li:first-child {
  flex: 1 0 0;
  pointer-events: none;
  padding: 0;
}
.tabs.align-right > .tabs-nav > ul li:last-child {
  display: none;
}
.tabs.square > .tabs-nav li {
  border-radius: 0 !important;
}
.tooltip {
  pointer-events: none;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  border-radius: 0.2em;
  z-index: 20;
  text-align: center;
}
.tooltip .panel-content {
  overflow: visible;
}
.tooltip.clickable {
  pointer-events: all;
}
.tooltip:not(.noStyles) {
  background: rgba(0, 0, 0, 0.9);
  padding: 0.5em 1em;
  border: 1px solid rgba(229, 179, 92, 0.3);
  outline: 1px solid rgba(255, 255, 255, 0.1);
  outline-offset: -2px;
}
.tooltip.noWrap {
  white-space: nowrap;
}
.tooltip > svg {
  filter: invert(1);
}
.tippy-tooltip {
  background: none !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}
[x-circle] {
  display: none !important;
}
.react-tooltip {
  background: none !important;
  color: inherit !important;
  padding: 0 !important;
  border-radius: 0 !important;
  font-size: inherit !important;
  z-index: 2000;
}
.react-tooltip__closing {
  display: none !important;
}
.user-icon {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: grey;
}
.user-icon.large {
  width: 88px;
  height: 88px;
}
.well {
  border: 1px solid rgba(229, 179, 92, 0.3);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.3), inset 0 0 128px rgba(0, 0, 0, 0.2);
  background: rgba(0, 0, 0, 0.2);
}
.wizard .wizard-nav {
  padding-bottom: 2em;
  margin-bottom: 2em;
  border-bottom: 1px solid rgba(229, 179, 92, 0.3);
}
.wizard .wizard-nav ul {
  display: flex;
  gap: 2em;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
}
.wizard .wizard-nav ul li {
  list-style: none;
  display: flex;
  gap: 1em;
  align-items: center;
  cursor: pointer;
}
.wizard .wizard-nav ul li.active .step-number {
  box-shadow: 0 0 1vw rgba(229, 179, 92, 0.5), inset 0 0 0.8vw 0.2vw rgba(229, 179, 92, 0.4);
}
.wizard .wizard-nav ul li .step-number {
  border-radius: 999px;
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #193b54;
  font-weight: bold;
  transition: ease all 0.2s;
}
.wizard-footer {
  display: flex;
}
.panel {
  border-radius: 0.2em;
  display: flex;
  flex-direction: column;
  min-width: 0;
  position: relative;
}
.panel.shadow {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);
}
.panel.transparent {
  box-shadow: none !important;
}
.panel.transparent > .panel-header {
  background: none;
  border: 0;
}
.panel.transparent > .panel-content {
  background: none;
  border: 0;
}
.panel.transparent > .panel-footer {
  background: none;
  border: 0;
}
.panel.dark > .panel-content {
  background: rgba(0, 0, 0, 0.95);
}
.panel.collapsible > .panel-header {
  cursor: pointer;
}
.panel .panel-header {
  padding: 1em;
  background: rgba(29.5810810811, 24.2027027027, 20.1689189189, 0.95);
  border-top-left-radius: 0.2em;
  border-top-right-radius: 0.2em;
  border: 1px solid rgba(37.1621621622, 30.4054054054, 25.3378378378, 0.95);
  text-align: left;
}
.panel .panel-header h1 {
  margin: 0;
}
.panel .panel-header h2 {
  margin: 0;
}
.panel .panel-header h3 {
  margin: 0;
}
.panel .panel-header h4 {
  margin: 0;
}
.panel .panel-header h5 {
  margin: 0;
}
.panel .panel-header h6 {
  margin: 0;
}
.panel .panel-header + .panel-content {
  border-top: 0;
}
.panel.padding > .panel-content {
  padding: 1em;
}
.panel.square {
  border-radius: 0 !important;
}
.panel.square > .panel-content,
.panel.square > .panel-header,
.panel.square > .panel-footer {
  border-radius: 0 !important;
}
.panel .panel-content {
  background: rgba(22, 18, 15, 0.95);
  border: 1px solid rgba(37.1621621622, 30.4054054054, 25.3378378378, 0.95);
  flex: 1 0 0;
  text-align: left;
  font-size: 1em;
}
.panel .panel-content + .panel-footer {
  border-top: 0;
}
.panel:not(.hasHeader) .panel-content {
  border-top-left-radius: 0.2em;
  border-top-right-radius: 0.2em;
}
.panel:not(.hasFooter) .panel-content {
  border-bottom-left-radius: 0.2em;
  border-bottom-right-radius: 0.2em;
}
.panel .panel-footer {
  background: rgba(29.5810810811, 24.2027027027, 20.1689189189, 0.95);
  border-bottom-left-radius: 0.2em;
  border-bottom-right-radius: 0.2em;
  padding: 1em;
  border: 1px solid rgba(37.1621621622, 30.4054054054, 25.3378378378, 0.95);
}
.card {
  border-radius: 0.2em;
  border: 1px solid rgba(49.4510869565, 38.4619565217, 34.7989130435, 0.95);
}
.card.shadow {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);
}
.card.padding {
  padding: 1em;
}
.card.square {
  border-radius: 0 !important;
}
.button {
  transition: ease all 0.2s;
  font-size: 1em;
  font-family: "Noto Serif", sans-serif;
  background: rgb(71.902173913, 55.9239130435, 50.597826087);
  border-radius: 4px;
  border: 1px solid rgba(229, 179, 92, 0.3);
  color: white;
  padding: 0 1em;
  min-height: 2.8em;
  line-height: calc(2.8em - 2px);
  cursor: pointer;
  display: inline-block;
  position: relative;
  white-space: nowrap;
  text-decoration: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  letter-spacing: 0.2em;
  font-weight: bold;
}
.button > .flex {
  height: calc(2.8em - 2px);
}
.button:not([disabled]):not(.disabled):hover, .button:not([disabled]):not(.disabled):focus, .button:not([disabled]):not(.disabled).active {
  background: rgb(101.8369565217, 79.2065217391, 71.6630434783);
  border-color: rgba(236.0158730159, 199.5079365079, 135.9841269841, 0.3);
}
.button .text,
.button svg {
  transition: ease all 0.2s;
  display: inline-block;
}
.button.fullHeight .custom-icon {
  height: 100%;
  width: auto;
}
.button.small {
  font-size: 11.2px;
  padding: 0 6px;
  min-height: 24px;
  line-height: 20px;
}
.button.small > .flex {
  height: 20px;
}
.button.small:not(.hasText) {
  padding: 0 6px;
}
.button.large {
  font-size: 16.8px;
  padding: 0 24px;
  min-height: 4.2em;
  line-height: calc(4.2em - 2px);
}
.button.large > .flex {
  height: calc(4.2em - 2px);
  gap: 1em;
}
.button.large:not(.hasText) {
  padding: 0 24px;
}
.button.heading span {
  font-family: "Noto Serif", sans-serif;
  text-transform: uppercase;
}
.button.secondary {
  background: rgb(71.902173913, 55.9239130435, 50.597826087);
  border-color: rgb(71.902173913, 55.9239130435, 50.597826087);
  color: white;
}
.button.secondary:not([disabled]):not(.disabled):hover, .button.secondary:not([disabled]):not(.disabled):focus, .button.secondary:not([disabled]):not(.disabled).active {
  background: rgb(101.8369565217, 79.2065217391, 71.6630434783);
  border-color: #e5b35c;
}
.button.tertiary {
  background: transparent;
  border-color: transparent;
  color: white;
  outline: 0;
}
.button.tertiary:not([disabled]):not(.disabled):hover, .button.tertiary:not([disabled]):not(.disabled):focus, .button.tertiary:not([disabled]):not(.disabled).active {
  background: rgba(0, 0, 0, 0.2);
  border-color: #e5b35c;
}
.button.left {
  justify-content: flex-start;
}
.button.left > .flex {
  justify-content: flex-start;
}
.button:not(.hasText) {
  padding: 0 1em;
}
.button .spinner {
  z-index: 10;
  position: absolute !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.button.loading {
  pointer-events: none;
}
.button.loading .text,
.button.loading svg {
  opacity: 0.2;
}
.button .badge {
  position: absolute;
  top: -2px;
  right: -2px;
}
.button .keybinding {
  position: absolute !important;
  top: 0;
  left: 0;
  line-height: 1;
  text-transform: uppercase;
  font-size: 0.6em;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.5);
  min-width: 1.4em;
  text-align: center;
  padding: 0.3em 0.4em;
}
.button .keybinding:after {
  position: absolute;
  top: 0.2em;
  left: 0.2em;
  right: 0.2em;
  bottom: 0.2em;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 2px;
  content: "";
}
.button-group {
  display: flex;
  align-items: center;
}
.button-group > .button:not(:last-child) {
  border-right: 0;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.button-group > .button:not(:first-child) {
  border-left: 0;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.button-group > .button:hover {
  z-index: 1;
}
.checkbox label {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.checkbox .checkbox-wrapper {
  position: relative;
}
.checkbox .checkbox-wrapper svg {
  transition: ease all 0.2s;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  pointer-events: none;
}
.checkbox input[type=checkbox] {
  display: block;
  width: 1.4em;
  height: 1.4em;
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid rgba(229, 179, 92, 0.3);
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.2);
  cursor: pointer;
}
.checkbox input[type=checkbox]:checked + svg {
  opacity: 1;
}
.checkbox input[type=checkbox]:hover:not(:checked) + svg {
  opacity: 0.25;
}
.pin {
  display: flex;
  gap: 8px;
}
.pin input {
  border-radius: 0.2em;
  background-color: rgb(12.75, 12.75, 12.75);
  font-size: 64px;
  line-height: 62px;
  font-family: "Roboto", serif;
  border: 0;
  width: 88px;
  text-align: center;
  color: white;
  height: 96px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
}
.pin input::-webkit-outer-spin-button, .pin input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  margin: 0;
}
@media (max-width: 480px) {
  .pin input {
    font-size: 48px;
    width: 64px;
    height: 72px;
  }
}
.radio label {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.radio .radio-wrapper {
  position: relative;
}
.radio .radio-wrapper svg {
  transition: ease all 0.2s;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  pointer-events: none;
  width: 0.8em;
  height: 0.8em;
}
.radio input[type=radio] {
  display: block;
  width: 1.4em;
  height: 1.4em;
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid rgba(229, 179, 92, 0.3);
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.2);
  cursor: pointer;
}
.radio input[type=radio]:checked + svg {
  opacity: 1;
}
.radio input[type=radio]:hover:not(:checked) + svg {
  opacity: 0.25;
}
.range {
  display: flex;
  flex-direction: column;
}
.range.labelLeft {
  flex-direction: row;
  align-items: center;
  gap: 0.5em;
}
.range.labelLeft label {
  margin: 0;
}
.range input[type=range] {
  width: 100%;
  cursor: pointer;
}
.range.large input[type=range] {
  width: 50%;
  transform: scale(2);
  margin-left: 25%;
  margin-top: 1em;
  margin-bottom: 1em;
}
.select-container {
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: ease all 0.2s;
}
.select-container.labelLeft {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1em;
}
.select-container.labelLeft .select {
  flex: 1 0 0;
}
.select-container.labelLeft label {
  margin: 0;
}
.select-container.fullWidth {
  width: 100%;
  flex: 1 0 0;
  min-width: 0;
}
.select-container .spinner {
  z-index: 10;
  position: absolute !important;
  top: 50%;
  left: 0.5em;
  transform: translateY(-50%);
}
.select-container.loading {
  pointer-events: none;
}
.select-container.loading .selected-options,
.select-container.loading .selected-option,
.select-container.loading .select-placeholder {
  opacity: 0.2;
}
.select-container .swatch {
  border-radius: 0.2em;
  border: 1px solid rgba(0, 0, 0, 0.25);
  outline: 1px solid rgba(255, 255, 255, 0.25);
  outline-offset: -2px;
}
.select-container .select {
  font-size: 1em;
  font-family: "Roboto", serif;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  border: 1px solid rgba(229, 179, 92, 0.3);
  transition: ease all 0.2s;
  color: white;
  padding: 0 0.5em;
  cursor: pointer;
  position: relative;
  padding-right: 2em !important;
  overflow: hidden;
}
.select-container .select:hover {
  box-shadow: 0 0 1vw rgba(229, 179, 92, 0.5), inset 0 0 0.8vw 0.2vw rgba(229, 179, 92, 0.4);
  border: 1px solid #e5b35c;
}
.select-container .select:focus, .select-container .select:focus-visible {
  box-shadow: 0 0 1vw rgba(229, 179, 92, 0.5), inset 0 0 0.8vw 0.2vw rgba(229, 179, 92, 0.4);
  outline: 0;
}
.select-container .select .select-icon {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  padding: 0.5em;
}
.select-container .select .select-placeholder {
  line-height: calc(2.8em - 2px);
  white-space: nowrap;
  display: flex;
  gap: 1em;
  align-items: center;
  opacity: 0.2;
}
.select-container .select .select-placeholder span {
  overflow: hidden;
  text-overflow: ellipsis;
}
.select-container .select .selected-options {
  display: flex;
  gap: 0.5em;
  min-height: calc(2.8em - 2px);
  flex-wrap: wrap;
  align-items: center;
  margin: 0;
  padding: 0;
}
.select-container .select .selected-options .option {
  background: rgba(25.5, 25.5, 25.5, 0.2);
  border-color: rgba(229, 179, 92, 0.2);
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
  height: 24px;
  line-height: 24px;
  padding: 0 8px;
  display: flex;
  -moz-column-gap: 8px;
       column-gap: 8px;
  align-items: center;
  white-space: nowrap;
}
.select-container .select .selected-options .option:hover {
  background: rgba(255, 255, 255, 0.1);
}
.select-container .select .selected-options .option svg {
  font-size: 12px;
}
.select-container .select .selected-options .option .swatch {
  min-width: 1em;
  min-height: 1em;
}
.select-container .select .selected-option {
  display: flex;
  -moz-column-gap: 0.5em;
       column-gap: 0.5em;
  min-height: calc(2.8em - 2px);
  align-items: center;
  white-space: nowrap;
}
.select-container .select .selected-option .swatch {
  min-width: 1.5em;
  min-height: 1.5em;
}
.select-container .select .option {
  transition: ease all 0.2s;
}
.select-container .select .option .text {
  flex: 1 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.select-container:not(.valid) .select {
  border-color: #951f2b;
}
.select-container.small .select {
  padding: 0 6px;
  height: 24px;
  line-height: 22px;
}
.select-container.small .select .select-placeholder,
.select-container.small .select .selected-option {
  min-height: 22px;
  line-height: 22px;
}
.select-container.large .select {
  padding: 0 10px;
  height: 4.2em;
  line-height: calc(4.2em - 2px);
}
.select-container.large .select .select-placeholder,
.select-container.large .select .selected-option {
  min-height: 22px;
  line-height: calc(4.2em - 2px);
}
.select-container.slider .select {
  display: flex;
  align-items: center;
  padding-right: 0.5em;
}
.select-container.slider .select .select-placeholder,
.select-container.slider .select .selected-option {
  flex: 1 0 0;
  text-align: center;
  justify-content: center;
}
.select-container.slider .select .select-placeholder .text,
.select-container.slider .select .selected-option .text {
  flex: initial;
}
.select-container.slider .select .select-slider-prev,
.select-container.slider .select .select-slider-next {
  height: 100%;
  padding: 0 0.5em;
}
.select-container.slider .spinner {
  left: 50%;
  transform: translate(-50%, -50%);
}
.select-container.swatches .select {
  padding: 0;
  overflow: hidden;
}
.select-container.swatches .select-swatches {
  display: flex;
  overflow: hidden;
  flex-wrap: nowrap;
}
.select-container.swatches .select-swatches .select-swatch {
  min-height: 3em;
  min-width: 3em;
  height: 3em;
  width: 3em;
  transition: ease all 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
}
.select-container.swatches .select-swatches .select-swatch.active {
  border: 1px solid white;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(0, 0, 0, 0.5);
  z-index: 1;
  position: relative;
  border-radius: 0.2em;
}
.select-container.swatches .select-swatches .select-swatch.active svg {
  filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.5));
}
.select-container.swatches .select-swatches .select-swatch:not(.active):hover {
  box-shadow: inset 0 0 0 2px #44b5b9;
}
.select-container.swatches .select-swatches-offset {
  position: relative;
  display: flex;
  align-items: center;
  transition: ease all 0.2s;
}
.select-container.swatches .spinner {
  left: 50%;
  transform: translate(-50%, -50%);
}
.unselected-container {
  background: rgb(38.25, 38.25, 38.25);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border: 1px solid rgba(229, 179, 92, 0.3);
  display: flex;
  flex-direction: column;
  z-index: 19;
  max-height: 45dvh;
  margin-top: -10px;
  max-width: 80vw;
}
.unselected-container .search-options {
  border-bottom: 1px solid rgba(229, 179, 92, 0.3);
}
.unselected-container .search-options input {
  border: 0;
}
.unselected-container .empty {
  padding: 0 8px;
  line-height: 32px;
  height: 32px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.unselected-container ul {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0;
  margin: 0;
  max-height: 400px;
  overflow-y: auto;
}
.unselected-container ul li.selected {
  pointer-events: none;
  background: rgba(0, 0, 0, 0.25);
}
.unselected-container ul li.selected span {
  opacity: 0.25;
}
.unselected-container .option {
  height: 2em;
  line-height: 2em;
  padding: 0 0.5em;
  cursor: pointer;
  display: flex;
  align-items: center;
  white-space: nowrap;
  text-align: left;
  justify-content: flex-start;
  gap: 0.5em;
  transition: ease all 0.2s;
}
.unselected-container .option .text {
  flex: 1 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.unselected-container .option svg {
  width: 24px;
}
.unselected-container .option:hover {
  background: rgba(255, 255, 255, 0.1);
}
.unselected-container .option:focus {
  outline-offset: -2px;
}
.tags {
  border: 1px solid rgba(229, 179, 92, 0.3);
  display: flex;
  gap: 4px;
  padding: 0.5em;
  border-radius: 0.2em;
  background: rgba(0, 0, 0, 0.2);
  flex-wrap: wrap;
}
.tags .tag {
  border: 1px solid rgba(229, 179, 92, 0.3);
  padding: 0.25em;
  padding-left: 0.5em;
  border-radius: 0.2em;
  display: flex;
  align-items: center;
}
.tags .tag .tag-remove {
  border: 0;
  background: none;
  color: white;
  padding: 0;
  cursor: pointer;
  opacity: 0.5;
}
.tags .tag .tag-remove svg {
  display: block;
}
.tags input {
  border: none;
  background: none;
  color: white;
  font-size: 1em;
}
.tags input:focus {
  outline: none;
  border: 0;
}
.textarea {
  display: flex;
  flex-direction: column;
}
.textarea textarea {
  font-size: 14px;
  font-family: "Roboto", serif;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  border: 1px solid rgba(229, 179, 92, 0.3);
  color: white;
  padding: 1em;
  line-height: 1.5;
}
.textarea:not(.valid) textarea {
  border-color: #951f2b;
}
.textbox {
  display: flex;
  flex-direction: column;
}
.textbox.square input {
  border-radius: 0 !important;
}
.textbox.labelLeft {
  flex-direction: row;
  align-items: center;
  gap: 1em;
}
.textbox.labelLeft label {
  margin: 0;
}
.textbox .textbox-wrapper {
  display: flex;
  position: relative;
}
.textbox .textbox-wrapper svg {
  position: absolute;
  top: 50%;
  left: 1em;
  transform: translateY(-50%);
}
.textbox .textbox-wrapper svg + input {
  padding-left: 2.5em;
}
.textbox input {
  font-size: 1em;
  font-family: "Roboto", serif;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  border: 1px solid rgba(229, 179, 92, 0.3);
  color: white;
  padding: 0 1em;
  height: 2.8em;
  line-height: calc(2.8em - 2px);
  transition: ease all 0.2s;
}
.textbox input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.25);
}
.textbox input::placeholder {
  color: rgba(255, 255, 255, 0.25);
}
.textbox input:focus {
  outline: none;
  box-shadow: 0 0 1vw rgba(229, 179, 92, 0.5), inset 0 0 0.8vw 0.2vw rgba(229, 179, 92, 0.4);
  border: 1px solid #e5b35c;
}
.textbox input:hover {
  box-shadow: 0 0 1vw rgba(229, 179, 92, 0.5), inset 0 0 0.8vw 0.2vw rgba(229, 179, 92, 0.4);
  border: 1px solid #e5b35c;
}
.textbox:not(.valid) input {
  border-color: #951f2b;
}
.textbox.small svg {
  left: 0.5em;
  font-size: 0.8em;
}
.textbox.small input {
  font-size: 0.8em;
  padding: 0 6px;
  height: 24px;
  line-height: 22px;
}
.textbox.large input {
  font-size: 1.2em;
  padding: 0 1em;
  height: 4.2em;
  line-height: calc(4.2em - 2px);
}
.textbox.fullWidth {
  flex: 1 0 0;
  width: 100%;
  min-width: 0;
  flex-wrap: nowrap;
  display: flex !important;
}
.textbox.fullWidth .textbox-wrapper {
  flex: 1 0 0;
  max-width: 100%;
}
.textbox.fullWidth input {
  flex: 1 0 0;
  max-width: 100%;
}
.tile {
  border-radius: 0.2em;
  border: 1px solid rgba(229, 179, 92, 0.3);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: ease all 0.2s;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.1);
  position: relative;
  text-align: center;
}
.tile.padding {
  padding: 1em;
}
.tile.padding.large {
  padding: 2.5em;
}
.tile:not(.disabled):hover, .tile:not(.disabled):focus-visible, .tile:not(.disabled):focus {
  border-color: rgba(229, 179, 92, 0.3);
  box-shadow: 0 0 1vw rgba(229, 179, 92, 0.5), inset 0 0 0.8vw 0.2vw rgba(229, 179, 92, 0.4);
  outline: 0;
}
.tile.active {
  border: 1px solid #e5b35c !important;
  box-shadow: 0 0 1vw rgba(229, 179, 92, 0.5), inset 0 0 0.8vw 0.2vw rgba(229, 179, 92, 0.4) !important;
}
.tile.inset {
  background: rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.3);
}
.toggle label {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.toggle.labelLeft {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1em;
}
.toggle.labelLeft label {
  margin: 0;
}
.toggle.colored .toggle-wrapper {
  background: #cc3342;
}
.toggle.colored.checked .toggle-wrapper {
  background: #358919;
}
.toggle .toggle-wrapper {
  position: relative;
  border: 1px solid rgba(229, 179, 92, 0.3);
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.2);
  display: inline-block;
  transition: ease all 0.2s;
  border-width: 2px;
}
.toggle .toggle-wrapper:hover {
  box-shadow: 0 0 1vw rgba(229, 179, 92, 0.5), inset 0 0 0.8vw 0.2vw rgba(229, 179, 92, 0.4);
}
.toggle .toggle-wrapper:focus-visible, .toggle .toggle-wrapper:focus {
  box-shadow: 0 0 1vw rgba(229, 179, 92, 0.5), inset 0 0 0.8vw 0.2vw rgba(229, 179, 92, 0.4);
  outline: 0;
}
.toggle input {
  display: none;
}
.toggle input:checked ~ .toggle-checked {
  background: white;
  border-radius: 4px;
  color: black;
}
.toggle input:not(:checked) ~ .toggle-unchecked {
  background: white;
  border-radius: 4px;
  color: black;
}
.toggle .toggle-unchecked {
  margin-right: 1px;
}
.toggle .toggle-unchecked,
.toggle .toggle-checked {
  padding: 0 0.5em;
  text-align: center;
  transition: ease all 0.2s;
  height: 2.8em;
  line-height: calc(2.8em - 4px);
  min-width: 3em;
}
.toggle.small .toggle-wrapper {
  border-width: 1px;
  font-size: 0.75rem;
}
.toggle.small .toggle-wrapper .toggle-unchecked,
.toggle.small .toggle-wrapper .toggle-checked {
  padding: 0 0.5rem;
  height: 24px;
  line-height: 22px;
  min-width: 2em;
}
.toggle.large .toggle-wrapper {
  border-width: 4px;
}
.toggle.large .toggle-wrapper .toggle-unchecked,
.toggle.large .toggle-wrapper .toggle-checked {
  font-size: 21px;
}
.toggle.fullWidth .toggle-wrapper {
  width: 100%;
}
.toggle.fullWidth .toggle-wrapper .toggle-unchecked,
.toggle.fullWidth .toggle-wrapper .toggle-checked {
  flex: 1 0 0;
}
body {
  min-width: 300px;
}
#app > .overlay {
  position: fixed;
  width: 100dvw;
  height: 100dvh;
}
.notifications.view-width-based {
  top: 50%;
  aspect-ratio: 16/9;
  transform: translateY(-50%);
}
@keyframes sway {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(-1deg);
  }
  50% {
    transform: rotate(0deg);
  }
  75% {
    transform: rotate(1deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes breathing {
  0% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(1.01);
  }
  100% {
    transform: scaleY(1);
  }
}
@keyframes float {
  0% {
    transform: translateY(0%);
  }
  50% {
    transform: translateY(-1%);
  }
  100% {
    transform: translateY(0%);
  }
}
@keyframes bob {
  0% {
    transform: translateY(0%);
  }
  50% {
    transform: translateZ(5vw);
  }
  100% {
    transform: translateY(0%);
  }
}
@keyframes expandReverse {
  0% {
    transform: scale(1.2);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.2);
  }
}
@keyframes blinkIn {
  0% {
    box-shadow: inset 0 0 25vw 25vw black;
  }
  100% {
    box-shadow: inset 0 0 25vw 2vw black;
  }
}
@keyframes attackSource {
  0% {
    transform: translateX(0);
  }
  20% {
    transform: translateX(8vw) rotate(4deg);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes attackTarget {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(-4vw) rotate(-8deg);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(50vh);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translateY(-50vh);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translateX(-50vw);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translateX(50vw);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
    transform: translateX(0);
  }
  to {
    opacity: 0;
    transform: translateX(50vw);
  }
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
    transform: translateX(0);
  }
  to {
    opacity: 0;
    transform: translateX(-50vw);
  }
}
@keyframes damageHealingMiss {
  0% {
    opacity: 1;
    transform: translateX(-50%) translateY(0) scale(1);
  }
  5% {
    opacity: 1;
    transform: translateX(-50%) translateY(0) scale(1.2);
  }
  10% {
    opacity: 1;
    transform: translateX(-50%) translateY(0) scale(1);
  }
  30% {
    opacity: 1;
    transform: translateX(-50%) translateY(0) scale(1);
  }
  90% {
    opacity: 0;
    transform: translateX(-50%) translateY(-400%) scale(1);
  }
}
@keyframes glowBlue {
  from {
    box-shadow: 0 0 0.2vw 0.2vw #44b5b9;
  }
  to {
    box-shadow: 0 0 0.5vw 0.75vw #44b5b9;
  }
}
@keyframes glowGreen {
  from {
    background: transparent;
    box-shadow: 0 0 0.2vw 0.2vw #1d530b;
  }
  to {
    background: rgba(29, 83, 11, 0.5);
    box-shadow: 0 0 0.5vw 0.75vw #1d530b;
  }
}
@keyframes glowRed {
  from {
    background: transparent;
    box-shadow: 0 0 0.2vw 0.2vw #951f2b;
  }
  to {
    background: rgba(149, 31, 43, 0.5);
    box-shadow: 0 0 0.5vw 0.75vw #951f2b;
  }
}
@keyframes takeDamage {
  0% {
    filter: brightness(1);
  }
  50% {
    filter: brightness(1.5);
  }
  100% {
    filter: brightness(1);
  }
}
@keyframes rest {
  0% {
    opacity: 0;
    transform: translateX(-50%) translateY(0) scale(1);
  }
  50% {
    opacity: 1;
    transform: translateX(-50%) translateY(-100%) scale(1.5);
  }
  100% {
    opacity: 0;
    transform: translateX(-50%) translateY(-200%) scale(2);
  }
}
@keyframes defendSource {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(1vw);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes buffSource {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(1vw);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes cameraSway {
  0% {
    transform: translateX(0) translateY(0);
  }
  10% {
    transform: translateX(0.2vw) translateY(-0.2vw);
  }
  20% {
    transform: translateX(0.2vw) translateY(0);
  }
  30% {
    transform: translateX(0.2vw) translateY(0.2vw);
  }
  40% {
    transform: translateX(0) translateY(0.2vw);
  }
  50% {
    transform: translateX(-0.2vw) translateY(0.2vw);
  }
  60% {
    transform: translateX(-0.2vw) translateY(0);
  }
  70% {
    transform: translateX(-0.2vw) translateY(-0.2vw);
  }
  80% {
    transform: translateX(0) translateY(-0.2vw);
  }
  90% {
    transform: translateX(0) translateY(0);
  }
}
@keyframes cameraShake {
  0% {
    transform: translateX(0) translateY(0);
  }
  10% {
    transform: translateX(0.25vw) translateY(-0.25vw);
  }
  20% {
    transform: translateX(0.25vw) translateY(0);
  }
  30% {
    transform: translateX(0.25vw) translateY(0.25vw);
  }
  40% {
    transform: translateX(0) translateY(0.25vw);
  }
  50% {
    transform: translateX(-0.25vw) translateY(0.25vw);
  }
  60% {
    transform: translateX(-0.25vw) translateY(0);
  }
  70% {
    transform: translateX(-0.25vw) translateY(-0.25vw);
  }
  80% {
    transform: translateX(0) translateY(-0.25vw);
  }
  90% {
    transform: translateX(0) translateY(0);
  }
}
@keyframes cameraSurgeShake {
  0% {
    transform: translateX(0) translateY(0);
  }
  10% {
    transform: translateX(0.75vw) translateY(-0.75vw);
  }
  20% {
    transform: translateX(0.75vw) translateY(0);
  }
  30% {
    transform: translateX(0.75vw) translateY(0.75vw);
  }
  40% {
    transform: translateX(0) translateY(0.75vw);
  }
  50% {
    transform: translateX(-0.75vw) translateY(0.75vw);
  }
  60% {
    transform: translateX(-0.75vw) translateY(0);
  }
  70% {
    transform: translateX(-0.75vw) translateY(-0.75vw);
  }
  80% {
    transform: translateX(0) translateY(-0.75vw);
  }
  90% {
    transform: translateX(0) translateY(0);
  }
}
.chats {
  position: fixed;
  bottom: 0;
  right: 24px;
  min-width: 240px;
}
.chats .chat {
  border-top-left-radius: 0.2em;
  border-top-right-radius: 0.2em;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}
.chats > .menu ul,
.chats > .menu li,
.chats > .menu a {
  width: 100%;
}
.chats > .menu img {
  border-radius: 50%;
  padding: 4px;
  width: 50px;
}
.chats .username {
  font-weight: bold;
}
.chats .last-message {
  font-size: 0.8em;
}
.chat {
  background: rgba(22, 18, 15, 0.95);
  width: 280px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.chat .chat-header {
  background: rgba(6.8378378378, 5.5945945946, 4.6621621622, 0.95);
  padding: 0.5em;
}
.chat .chat-content {
  min-height: 320px;
  padding: 1em;
  overflow-y: scroll;
  flex: 1 0 0;
}
.chat .chat-content .chat-message .chat-bubble {
  padding: 0.5em;
  border-radius: 0.2em;
  background: rgba(25.0324324324, 20.4810810811, 17.0675675676, 0.95);
}
.chat .chat-footer {
  background: rgba(6.8378378378, 5.5945945946, 4.6621621622, 0.95);
  padding: 1em;
}
.chat .minimized {
  width: auto;
}
.chat .minimized .chat-content,
.chat .minimized .chat-footer {
  display: none;
}
.chat .minimized .chat-header {
  cursor: pointer;
}
.cm-editor {
  text-align: left;
}
.ck-editor {
  border: 1px solid rgba(229, 179, 92, 0.3) !important;
}
.ck-editor__top {
  border-bottom: 1px solid rgba(229, 179, 92, 0.3) !important;
}
.ck-editor .ck.ck-toolbar,
.ck-editor .ck.ck-editor__main > .ck-editor__editable {
  background: rgba(0, 0, 0, 0.2) !important;
}
.game-button {
  height: 3vw;
  border-radius: 0.5vw;
  border-width: 0.1vw !important;
}
.game-button .flex {
  justify-content: center;
  height: 2.6vw !important;
}
.game-button .custom-icon {
  display: block;
  opacity: 1;
}
.game-button svg {
  filter: drop-shadow(0 0.1vw 0.1vw rgba(0, 0, 0, 0.8));
  margin-top: -0.1vw;
}
.game-button.large {
  height: 3.5vw;
  padding: 0 1vw !important;
  font-size: 1.5vw;
  min-height: 3.5vw !important;
  line-height: 3.1vw !important;
}
.game-button.large .custom-icon {
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 2.5vw;
  height: 2.5vw;
  display: block;
}
.game-button.large .flex {
  justify-content: center;
  height: 3.1vw !important;
}
.game-button.large svg {
  height: 2vw;
}
.game-button.small {
  height: 1.5vw;
  padding: 0 0.25vw !important;
  font-size: 0.8vw;
  min-height: 1.5vw !important;
  line-height: 1.1vw !important;
}
.game-button.small .flex {
  height: 1.1vw !important;
}
.game-button.small svg {
  height: 0.8vw;
}
.game-button.active {
  box-shadow: 0 0 0 0.2vw #44b5b9;
}
.game-button .keybinding {
  font-size: 0.8vw;
  font-family: "Roboto", serif;
  text-align: center;
}
.loader {
  box-shadow: inset 0 0 0.5vw rgba(0, 0, 0, 0.6);
}
.loader .inner {
  background: linear-gradient(to right, #1d530b, #358919);
  box-shadow: 0 0 1vw 0.5vw rgba(53, 137, 25, 0.6);
}
.loader.info {
  background: rgba(68, 181, 185, 0.1);
}
.loader.info .inner {
  background: linear-gradient(to right, #44b5b9, rgb(54.2924901186, 144.5138339921, 147.7075098814));
  box-shadow: 0 0 1vw 0.5vw rgba(68, 181, 185, 0.6);
}
.loader.warning .inner {
  background: linear-gradient(to right, #d9673d, #f2a04a);
  box-shadow: 0 0 1vw 0.5vw rgba(242, 160, 74, 0.6);
}
.loader.error .inner {
  background: linear-gradient(to right, #951f2b, #cc3342);
  box-shadow: 0 0 1vw 0.5vw rgba(204, 51, 66, 0.6);
}
.newsletter-container {
  overflow: visible;
  padding: 2em 1em;
  position: relative;
  background: linear-gradient(#1b1513, rgb(12.0326086957, 9.3586956522, 8.4673913043));
  width: 100%;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
}
.newsletter-container:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.2;
  z-index: 0;
  background-image: url("https://images.mythaura.com/public/pattern.svg");
  background-size: 800px;
  background-position: center left;
  background-repeat: no-repeat;
}
.newsletter-container:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: linear-gradient(to right, transparent, #1b1513 50%);
}
.newsletter-container > * {
  position: relative;
  z-index: 2;
}
.background-parallax {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
}
.background-parallax .background-layers,
.background-parallax .background-perspective,
.background-parallax .background-translation,
.background-parallax .background-mouse-translation {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
}
.background-parallax .background-translation {
  transition: linear all 0.1s;
}
.background-parallax .background-perspective {
  perspective: 5vw;
  z-index: 1;
}
.background-parallax .background-layer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
  transform-style: preserve-3d;
}
.background-parallax .background-layer:nth-child(1) {
  z-index: 1;
  transform: translateZ(-2vw) scale(1.5);
}
.background-parallax .background-layer:nth-child(2) {
  z-index: 2;
  transform: translateZ(-4vw) scale(2);
}
.background-parallax .background-layer:nth-child(3) {
  z-index: 3;
  transform: translateZ(-6vw) scale(2.5);
}
.background-parallax .background-layer:nth-child(4) {
  z-index: 4;
  transform: translateZ(-8vw) scale(3);
}
.background-parallax .background-layer:nth-child(5) {
  z-index: 5;
  transform: translateZ(-10vw) scale(3.5);
}
.background-parallax .background-layer:nth-child(6) {
  z-index: 6;
  transform: translateZ(-12vw) scale(4);
}
.background-parallax .background-layer:nth-child(7) {
  z-index: 7;
  transform: translateZ(-14vw) scale(4.5);
}
.background-parallax .background-layer:nth-child(8) {
  z-index: 8;
  transform: translateZ(-16vw) scale(5);
}
.background-parallax .background-layer:nth-child(9) {
  z-index: 9;
  transform: translateZ(-18vw) scale(5.5);
}
.background-parallax .background-layer:nth-child(10) {
  z-index: 10;
  transform: translateZ(-20vw) scale(6);
}
.background-parallax .perspective-layer-1 {
  z-index: 1;
  transform: translateZ(-2vw) scale(1.5);
  filter: blur(-0.05vw);
}
.background-parallax .perspective-layer-2 {
  z-index: 2;
  transform: translateZ(-4vw) scale(2);
  filter: blur(0vw);
}
.background-parallax .perspective-layer-3 {
  z-index: 3;
  transform: translateZ(-6vw) scale(2.5);
  filter: blur(0.05vw);
}
.background-parallax .perspective-layer-4 {
  z-index: 4;
  transform: translateZ(-8vw) scale(3);
  filter: blur(0.1vw);
}
.background-parallax .perspective-layer-5 {
  z-index: 5;
  transform: translateZ(-10vw) scale(3.5);
  filter: blur(0.15vw);
}
.background-parallax .perspective-layer-6 {
  z-index: 6;
  transform: translateZ(-12vw) scale(4);
  filter: blur(0.2vw);
}
.background-parallax .perspective-layer-7 {
  z-index: 7;
  transform: translateZ(-14vw) scale(4.5);
  filter: blur(0.25vw);
}
.background-parallax .perspective-layer-8 {
  z-index: 8;
  transform: translateZ(-16vw) scale(5);
  filter: blur(0.3vw);
}
.background-parallax .perspective-layer-9 {
  z-index: 9;
  transform: translateZ(-18vw) scale(5.5);
  filter: blur(0.35vw);
}
.background-parallax .perspective-layer-10 {
  z-index: 10;
  transform: translateZ(-20vw) scale(6);
  filter: blur(0.4vw);
}
.query-builder {
  margin: 0;
}
.query-builder .group {
  border-color: rgba(255, 255, 255, 0.05);
  background: rgba(255, 255, 255, 0.05);
}
.query-builder .rule {
  display: flex;
  align-items: center;
  background: rgba(255, 255, 255, 0.1);
  gap: 1em;
}
.query-builder button,
.query-builder select {
  display: block;
  height: 32px;
  border: 1px solid rgba(229, 179, 92, 0.3);
  border-radius: 6px;
  background: rgb(71.902173913, 55.9239130435, 50.597826087);
  color: white;
  cursor: pointer;
  transition: ease all 0.2s;
}
.query-builder button:hover,
.query-builder select:hover {
  border-color: #e5b35c;
  background: rgb(86.8695652174, 67.5652173913, 61.1304347826);
  box-shadow: 0 1px 12px rgba(229, 179, 92, 0.5);
}
.query-builder button[multiple],
.query-builder select[multiple] {
  height: initial;
}
.query-builder button {
  text-transform: capitalize;
}
.query-builder .group--actions {
  display: flex;
  align-items: center;
  gap: 1em;
}
.query-builder .group--conjunctions {
  align-items: center;
}
.query-builder .group--conjunctions label {
  margin-right: 0.5em;
}
.query-builder .rule--operator {
  margin: 0;
}
.query-builder .rule--body {
  display: flex;
  align-items: center;
  gap: 1em;
}
.query-builder .rule--drag-handler {
  margin: 0;
}
.query-builder .rule--header {
  padding: 0;
}
.query-builder input[type=checkbox], .query-builder input[type=radio] {
  position: relative;
  width: 16px;
  height: 16px;
  border: 1px solid rgba(229, 179, 92, 0.3);
  border-radius: 2px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: rgb(71.902173913, 55.9239130435, 50.597826087);
  cursor: pointer;
}
.query-builder input[type=checkbox]:after, .query-builder input[type=radio]:after {
  position: absolute;
  top: 40%;
  left: 50%;
  width: 6px;
  height: 10px;
  border-right: 2px solid white;
  border-bottom: 2px solid white;
  content: "";
  opacity: 0;
  transform: translate(-50%, -50%) rotate(45deg);
  transition: ease all 0.2s;
}
.query-builder input[type=checkbox]:checked:after, .query-builder input[type=radio]:checked:after {
  opacity: 1;
}
.query-builder input[type=checkbox]:not(:checked):hover:after, .query-builder input[type=radio]:not(:checked):hover:after {
  opacity: 0.5;
}
.query-builder input[type=radio] {
  border-radius: 999px;
}
.query-builder input[type=radio]:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  border: none;
  border-radius: 999px;
  background: white;
  content: "";
  transform: translate(-50%, -50%);
}
.query-builder > .group-or-rule-container:first-child {
  padding-right: 0;
}
.query-builder.qb-lite .group--header:hover .group--header .group--drag-handler,
.query-builder.qb-lite .group--header:hover .group--header .group--actions,
.query-builder.qb-lite .group--header:not(:hover) .group--drag-handler,
.query-builder.qb-lite .group--header:not(:hover) .group--actions,
.query-builder.qb-lite .rule_group:not(:hover) .group--drag-handler,
.query-builder.qb-lite .rule_group:not(:hover) .group--actions {
  opacity: 1;
}
.query-builder.qb-lite .rule:hover .rule .rule--fieldsrc,
.query-builder.qb-lite .rule:hover .rule .widget--valuesrc,
.query-builder.qb-lite .rule:hover .rule .rule--drag-handler,
.query-builder.qb-lite .rule:hover .rule .rule--header,
.query-builder.qb-lite .rule:not(:hover) .rule--fieldsrc,
.query-builder.qb-lite .rule:not(:hover) .widget--valuesrc,
.query-builder.qb-lite .rule:not(:hover) .rule--drag-handler,
.query-builder.qb-lite .rule:not(:hover) .rule--header {
  opacity: 1;
}
.query-builder .group--header:not(.no--children):not(.hide--conjs)::before {
  top: 16px;
  height: calc(100% + 10px - 16px);
}
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #1b1513;
}
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: #f5f5f5;
}
::-webkit-scrollbar-thumb {
  background-color: rgb(86.8695652174, 67.5652173913, 61.1304347826);
  border: 1px solid rgba(229, 179, 92, 0.3);
  border-radius: 4px;
}
.success-message {
  padding: 4em 6em;
  border-radius: 0.2em;
  background: rgba(53, 137, 25, 0.5);
  text-align: center;
}
.success-message .icon {
  font-size: 4em;
}
.tabs .tabs-nav .custom-icon svg,
.tabs .tabs-nav .custom-icon path {
  fill: white;
}
.tippy-popper[style*="visibility: hidden"] {
  display: none;
}
.upload {
  position: relative;
  border: 2px dashed #44b5b9;
  border-radius: 0.2em;
  background: rgba(68, 181, 185, 0.5);
  cursor: pointer;
  font-size: 1.2em;
  text-align: center;
  transition: ease all 0.2s;
}
.upload.hasFiles {
  border-color: #358919;
  background: rgba(53, 137, 25, 0.5);
}
.upload.hasFiles:hover {
  background: rgba(53, 137, 25, 0.6);
}
.upload .upload-instructions {
  padding: 1em;
}
.upload:hover {
  background: rgba(68, 181, 185, 0.6);
}
.upload svg {
  padding: 0.2em;
  font-size: 2.5em;
}
.upload .button {
  width: auto;
  padding: 0 !important;
}
.upload .button svg {
  width: auto !important;
}
.button,
.tile {
  text-transform: uppercase;
}
.button .text,
.button svg,
.tile .text,
.tile svg {
  color: rgba(255, 223, 169, 0.7);
  fill: rgba(255, 223, 169, 0.7);
}
.button .text *,
.button svg *,
.tile .text *,
.tile svg * {
  fill: inherit !important;
}
.button .custom-icon svg,
.tile .custom-icon svg {
  height: 1.2em;
  width: 1.2em;
  display: block;
  margin-top: -0.2em;
}
.button.primary,
.tile.primary {
  font-weight: bold;
  border: 1px solid rgba(229, 179, 92, 0.3);
  box-shadow: inset 0 0 0.8vw rgba(229, 179, 92, 0.2);
}
.button.primary.large.hasText,
.tile.primary.large.hasText {
  padding: 0 2em;
}
.button:not([disabled]:not(.disabled)):focus, .button:not([disabled]:not(.disabled)):focus-visible, .button:not([disabled]:not(.disabled)):hover,
.tile:not([disabled]:not(.disabled)):focus,
.tile:not([disabled]:not(.disabled)):focus-visible,
.tile:not([disabled]:not(.disabled)):hover {
  box-shadow: 0 0 1vw rgba(229, 179, 92, 0.5), inset 0 0 0.8vw 0.2vw rgba(229, 179, 92, 0.4);
  border-color: #e5b35c;
}
.button:not([disabled]:not(.disabled)):focus .flex svg, .button:not([disabled]:not(.disabled)):focus-visible .flex svg, .button:not([disabled]:not(.disabled)):hover .flex svg,
.tile:not([disabled]:not(.disabled)):focus .flex svg,
.tile:not([disabled]:not(.disabled)):focus-visible .flex svg,
.tile:not([disabled]:not(.disabled)):hover .flex svg {
  opacity: 1;
}
.button:not([disabled]:not(.disabled)):focus, .button:not([disabled]:not(.disabled)):focus-visible,
.tile:not([disabled]:not(.disabled)):focus,
.tile:not([disabled]:not(.disabled)):focus-visible {
  box-shadow: 0 0 1vw rgba(229, 179, 92, 0.5), inset 0 0 0.8vw 0.2vw rgba(229, 179, 92, 0.4), inset 0 0 0.8vw 0.2vw rgba(229, 179, 92, 0.4);
}
.button-volume {
  position: relative;
}
.button-volume .volume-panel {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
}
.button-volume .volume-panel .panel-content {
  padding: 0.5vw;
}
.button-volume .volume-panel input[type=range][orientation=vertical] {
  width: 1vw;
  height: 8vw;
  writing-mode: vertical-lr;
  direction: rtl;
}
.button-volume .volume-panel.top {
  top: 100% !important;
  bottom: auto !important;
}
.back-button-wrapper .button:hover {
  opacity: 1;
}
#app {
  min-height: 100dvh;
}
#content {
  background: rgb(12.75, 12.75, 12.75);
  flex: 1 0 0;
  position: relative;
  z-index: 0;
  display: flex;
  overflow-x: hidden;
  overflow-y: auto;
}
#content-inner {
  flex: 1 0 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.footer {
  position: relative;
  font-size: 1.4em;
  padding: 2em 1em;
  width: 100%;
}
.footer:before {
  content: "";
  background: url("https://images.mythaura.com/public/footer-bg.jpg");
  background-size: cover;
  background-position: center;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  opacity: 0.5;
  pointer-events: none;
}
.footer:after {
  content: "";
  background: linear-gradient(to top, transparent 80%, rgb(12.75, 12.75, 12.75));
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
}
.footer > * {
  position: relative;
  z-index: 3;
}
.footer a {
  color: white;
}
.footer .footer-graphic {
  pointer-events: none;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 240px;
}
@media (max-width: 768px) {
  .footer .footer-graphic {
    display: none;
  }
}
.footer .copyright {
  font-size: 12px;
}
.footer .social-links a {
  border-radius: 50%;
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: ease all 0.2s;
}
.footer .social-links a:hover {
  background: rgba(255, 255, 255, 0.5);
}
.sidebar {
  background: linear-gradient(#193b54, rgb(13.3027522936, 31.3944954128, 44.6972477064));
  box-shadow: 0 2px 8px 4px rgba(0, 0, 0, 0.5);
}
.sidebar:before {
  content: "";
  background-image: url("https://images.mythaura.com/public/pattern.svg");
  background-size: 600px;
  background-position: bottom center;
  background-repeat: no-repeat;
  z-index: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  opacity: 0.2;
}
.sidebar:after {
  content: "";
  background: linear-gradient(#193b54 50%, transparent);
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
}
.sidebar > * {
  position: relative;
  z-index: 2;
}
.sidebar .menu a {
  color: #fcfbf9;
}
.sidebar .menu .menu a {
  font-size: 0.8em;
  line-height: 1.2em;
  min-height: 0;
}
.sidebar .logo {
  padding: 16px;
  display: block;
}
.page-about .bg-image {
  position: absolute;
  width: 100%;
}
.page-about .bg-image img {
  width: 100%;
  display: block;
}
.page-about .support .heart-icon {
  width: 48px;
  height: 48px;
  color: #951f2b;
  margin-bottom: 1em;
}
.page-about .wild-area-example {
  width: 100dvw;
  height: 50dvw;
  position: relative;
  transform: scale(0.6);
  margin-top: -10vw;
  margin-bottom: -10vw;
}
@media (min-width: 768px) {
  .page-about .keybindings span {
    border-width: 3px;
  }
}
.arena-battle-example {
  width: 100%;
  transform: scale(0.6);
  margin-top: -12vw;
  margin-bottom: -12vw;
  position: relative;
}
.arena-battle-example:after {
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  z-index: 2;
}
.roadmap-container {
  position: relative;
  padding: 3em 1em;
  display: grid;
  justify-self: center;
  font-size: 1rem;
  max-height: 100%;
  overflow-y: auto;
}
.roadmap-container .progress-bar {
  min-height: 100%;
  width: 8px;
  min-width: 8px;
  background: #193b54;
  border-radius: 0.2em;
}
.roadmap-container .roadmap-items {
  padding: 1em 0;
}
.roadmap-container .roadmap-wrapper {
  z-index: 1;
  position: relative;
  width: 500px;
  max-width: 100%;
  background: rgba(37.1621621622, 30.4054054054, 25.3378378378, 0.95);
  border-radius: 0.2em;
  padding: 2em;
}
.roadmap-container .roadmap-wrapper:before {
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  right: 100%;
  border-right: 16px solid rgba(37.1621621622, 30.4054054054, 25.3378378378, 0.95);
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  z-index: 1;
}
.roadmap-container .roadmap-wrapper:after {
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  left: -51px;
  width: 24px;
  height: 24px;
  border: 6px solid rgb(42.5458715596, 100.4082568807, 142.9541284404);
  border-radius: 50%;
  background: rgb(63.880733945, 141.2385321101, 198.119266055);
  box-shadow: 0 0 12px #44b5b9;
  z-index: -1;
}
.roadmap-container .roadmap-wrapper p:last-child {
  margin-bottom: 0;
}
.roadmap-container .roadmap-item {
  position: relative;
  padding: 1em;
}
.roadmap-container .roadmap-item img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -68px;
  z-index: 2;
}
.roadmap-container .roadmap-item:first-child:before {
  position: absolute;
  content: "";
  top: -1em;
  bottom: 50%;
  width: 8px;
  background: #4f9892;
  border-top-left-radius: 0.2em;
  border-top-right-radius: 0.2em;
  left: -24px;
}
.roadmap-container .roadmap-item.complete:before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0px !important;
  width: 8px;
  background: #4f9892;
  left: -24px;
}
.roadmap-container .roadmap-item.complete + .roadmap-item:before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 50%;
  width: 8px;
  background: #4f9892;
  left: -24px;
}
.dev-team-container .team-member img {
  border-radius: 0.2em;
  display: block;
  width: 128px;
}
.dev-team-container .team-member h2,
.dev-team-container .team-member p {
  margin: 0;
}
.dev-team-container .team-member .icon-wrapper {
  width: 128px;
  height: 128px;
  padding: 1.5em;
}
.dev-team-container .team-member .icon-wrapper svg {
  width: calc(128px - 3em);
  height: calc(128px - 3em);
}
.top-supporters {
  margin: 2em 0;
}
.pricing-table .panel-content {
  padding: 0;
}
.pricing-table .feature {
  padding: 0.5em;
}
.pricing-table .feature:nth-child(even) {
  background: rgba(0, 0, 0, 0.1);
}
.pricing-table svg {
  color: white;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  padding: 4px;
  display: block;
  width: 12px;
  height: 12px;
}
.pricing-table .fa-check {
  background: #1d530b;
}
.pricing-table .fa-xmark {
  background: #951f2b;
}
.beast-creator {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  min-width: 100%;
  min-height: 100%;
}
.beast-creator .beast-creator-footer {
  position: absolute;
  bottom: 2vw;
  left: 50%;
  transform: translateX(-50%);
}
.beast-creator .beast-image {
  position: relative;
  z-index: 2;
}
.beast-creator .companion-image {
  left: 100%;
  bottom: 3vw;
  transform: none;
  z-index: 0;
  position: absolute;
}
.beast-creator .view-controls {
  display: flex;
  flex-direction: column;
  gap: 1vw;
  align-items: center;
}
.beast-creator .tabs {
  position: absolute;
}
.beast-creator .tabs .tabs-nav {
  position: relative;
  z-index: 1;
}
.preview-beast-dialog .canvas-wrapper {
  width: 40vw !important;
}
.preview-beast-dialog .beast-expression-preview .canvas-wrapper {
  width: 12vw !important;
}
.beast-image-and-companion-wrapper {
  position: absolute;
  bottom: 6vw;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
.new-game-beast-stat-details {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  padding-top: 8vw;
  padding-right: 2em;
  min-width: 18vw;
}
.new-game-beast-stat-details > * {
  position: relative;
  z-index: 1;
}
.new-game-beast-stat-details.sandbox {
  width: auto;
  padding: 0;
  background: none;
}
.new-game-beast-stat-details .subheading {
  opacity: 1;
  font-size: 1vw;
  color: rgba(255, 255, 255, 0.6);
}
.beast-color-preview {
  position: relative;
}
.beast-color-preview .chart-donut {
  width: 100%;
}
.beast-color-preview .beast-image-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50%;
}
.beast-color-preview .canvas-wrapper {
  width: 30vw;
  max-width: 220px;
  margin-top: 32px;
  display: block;
}
.beast-color-preview .canvas-wrapper canvas {
  transition: ease all 0.2s;
  pointer-events: none;
  width: 100%;
  transform: scale(1);
  transform-origin: center center !important;
}
.beast-color-preview .canvas-wrapper:hover canvas {
  transform: scale(2);
}
#page-companions .companion-grid img {
  transition: linear 1s opacity, ease-out 0.25s transform;
  filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
}
#page-companions .companion-grid .companion-image-wrapper {
  transition: ease 0.25s transform;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#page-companions .companion-grid .item-wrapper {
  transition: linear 1s opacity;
}
#page-companions .companion-grid .companion-image {
  position: absolute;
  top: 0;
  left: 0;
}
#page-companions .companion-grid .element-icon {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 6;
}
#page-companions .companion-grid .tile:hover .companion-image-wrapper {
  transform: scale(1.1);
}
#page-companions .companion-grid .tile:hover .companion-image-wrapper.radiant {
  transform: scale(1.1);
}
#page-companions .companion-grid .inventory-grid-item {
  position: absolute;
  bottom: 0;
  right: 0;
  transform: scale(0.75);
  transform-origin: bottom right;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}
.beast-aspect-ratio {
  padding-bottom: 79.2899408284%;
}
.companion-dialog .scene {
  z-index: 1;
  position: relative;
}
.companion-dialog .scene-viewport {
  min-height: 55vw;
  max-height: 55dvh;
}
.companion-dialog .dialog-wrapper {
  width: 98vw;
}
.companion-dialog .example-size-image {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0.5;
}
.companion-dialog .companion-image {
  display: block;
  height: 100%;
  max-width: none;
}
.companion-dialog .companion-image-wrapper {
  transition: linear 0.5s opacity;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  max-width: none;
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  pointer-events: none;
}
.companion-dialog .beast-aspect-ratio {
  width: 800px;
  max-width: 100%;
}
.companion-dialog .previous-companion {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 1em;
  z-index: 2;
  width: 56px;
}
.companion-dialog .next-companion {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1em;
  z-index: 2;
  width: 56px;
}
.companion-dialog .item-wrapper {
  z-index: 2;
}
.companion-dialog .companion-background-container {
  overflow: hidden;
  transition: ease all 0.5s;
  background-size: cover;
  transform-origin: bottom center;
  transform: scale(1.5);
}
.companion-dialog .companion-background-wrapper {
  position: relative;
  overflow: hidden;
}
.size-comparison {
  position: absolute;
  bottom: 7vw;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0.5;
}
.page-docs {
  min-height: 100%;
  max-height: 100%;
  display: flex;
}
.page-docs .docs-content {
  overflow-y: auto;
  font-size: 1.4em;
  flex: 1 0 0;
}
.page-docs .docs-sidebar {
  min-height: 100%;
  max-height: 100%;
  width: 330px;
  padding: 1rem;
  position: relative;
  background: rgb(7.65, 7.65, 7.65);
}
@media (max-width: 768px) {
  .page-docs .docs-sidebar {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 100;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    width: calc(100% - 200px);
  }
  .page-docs .docs-sidebar > .button {
    display: block !important;
  }
  .page-docs .docs-sidebar:not(.show) {
    min-width: 0;
    width: auto;
    padding: 0;
    box-shadow: initial;
  }
  .page-docs .docs-sidebar:not(.show) .wrapper {
    display: none;
  }
}
.page-docs .docs-sidebar .docs-heading {
  text-align: center;
  margin: 0;
  border-radius: 0.2em;
  padding: 1em 0;
  text-decoration: none;
  transition: ease all 0.2s;
}
.page-docs .docs-sidebar .docs-heading:hover {
  background: rgb(17.85, 17.85, 17.85);
}
.page-docs .docs-sidebar .wrapper {
  overflow-y: auto;
  height: 100%;
}
.page-docs .docs-sidebar > .button {
  display: none;
  position: absolute;
  left: 100%;
  top: 1em;
  margin-left: 1em;
}
.docs-page-container .wrapper {
  padding: 4rem;
}
.docs-page-container .hero .background-image {
  opacity: 0.4;
  background-position: center;
}
.docs-home-container {
  padding: 4rem;
}
.docs-search-container {
  padding: 4rem;
}
.docs-category-container .wrapper {
  padding: 4rem;
}
.docs-category-container .hero .background-image {
  opacity: 0.4;
  background-position: center;
}
.element-clock-container {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.element-clock-container .element-icon {
  cursor: pointer;
  filter: invert(1);
  opacity: 0.5;
  transition: ease all 0.2s;
}
.element-clock-container .element-icon.active, .element-clock-container .element-icon:hover {
  opacity: 1;
}
.element-clock-container .element-clock-time {
  position: absolute;
  transition: ease all 0.2s;
  opacity: 0;
  width: 100%;
  top: 0;
  left: 0;
}
.element-clock-container .element-clock-time.active {
  opacity: 1;
}
.element-clock-container .elemental-clock-wrapper {
  transition: ease all 0.2s;
  position: relative;
  cursor: pointer;
}
.element-clock-container .elemental-clock-wrapper:hover {
  box-shadow: 0 0 16px #44b5b9;
}
.element-icon-color {
  border-radius: 50%;
  min-width: 64px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
}
.element-icon-color img {
  filter: drop-shadow(0 1px 3px rgba(255, 255, 255, 0.25)) invert(1);
  display: block;
  padding: 8px;
  width: 100%;
}
.select .element-icon-color,
.unselected-container .element-icon-color {
  min-width: 28px !important;
  width: 28px !important;
}
.select .element-icon-color img,
.unselected-container .element-icon-color img {
  padding: 1px;
}
.element-icon {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: grey;
  position: relative;
}
.element-icon img {
  display: block;
}
.element-icon svg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.element-icon .custom-icon,
.element-icon .custom-icon div {
  width: 90%;
  height: 90%;
}
.element-icon .custom-icon svg,
.element-icon .custom-icon div svg {
  fill: white;
}
.element-icon .custom-icon svg *,
.element-icon .custom-icon div svg * {
  fill: inherit !important;
}
.element-icon .element-icon-inner {
  filter: drop-shadow(0 1px 2px black);
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.element-icon.transparent {
  background-color: transparent;
}
.element-icon.fire {
  background-color: #a7261a;
}
.element-icon.arcane {
  background-color: #4825b1;
}
.element-icon.lightning {
  background-color: #dfb728;
}
.element-icon.rot {
  background-color: #742f32;
}
.element-icon.stone {
  background-color: #4a3224;
}
.element-icon.dark {
  background-color: #292b40;
}
.element-icon.ice {
  background-color: #97cbcf;
}
.element-icon.specter {
  background-color: #7c9f59;
}
.element-icon.air {
  background-color: #61c082;
}
.element-icon.nature {
  background-color: #294e1a;
}
.element-icon.water {
  background-color: #05a8e4;
}
.element-icon.light {
  background-color: #e8a657;
}
.element-table {
  overflow: auto;
  padding-top: 16px;
}
.element-table table {
  width: 100%;
  border-collapse: collapse;
  text-align: center;
  position: relative;
}
.element-table table tr:first-child td {
  background-color: rgb(12.75, 12.75, 12.75);
  text-align: left;
}
.element-table table tr:not(:first-child):nth-child(even) td:not(:first-child):nth-child(odd) {
  background-color: rgb(19.125, 19.125, 19.125);
}
.element-table table tr:not(:first-child):nth-child(even) td:not(:first-child):nth-child(even) {
  background-color: rgb(25.5, 25.5, 25.5);
}
.element-table table tr:not(:first-child):nth-child(odd) td:not(:first-child):nth-child(odd) {
  background-color: rgb(25.5, 25.5, 25.5);
}
.element-table table tr:not(:first-child):nth-child(odd) td:not(:first-child):nth-child(even) {
  background-color: rgb(31.875, 31.875, 31.875);
}
.element-table table tr td {
  text-align: center;
  padding: 8px 4px;
}
.element-table table tr td:first-child {
  background-color: rgb(12.75, 12.75, 12.75);
  min-width: 42.5px;
  width: 42.5px;
}
.element-table table tr span {
  font-size: 12px;
  text-transform: uppercase;
}
.element-table table .attacking-label {
  transform: rotate(-90deg);
  transform-origin: top left;
  position: absolute;
  top: 110px;
  left: 16px;
  direction: rtl;
}
.element-table table img {
  filter: invert(1);
  min-width: 32px;
  width: 32px;
  margin: 0 auto;
}
.element-table table .weak {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #1d530b;
  margin: 0 auto;
}
.element-table table .resisted {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #951f2b;
  margin: 0 auto;
}
.page-faq .whats-mythuara {
  background-color: rgb(25.5, 25.5, 25.5);
}
.page-faq .faq-question {
  cursor: pointer;
}
.page-faq .faq-answer {
  opacity: 0.6;
}
.page-faq section:nth-child(even) {
  background-color: rgb(17.85, 17.85, 17.85);
}
.thread {
  position: relative;
}
.thread .thread {
  padding-left: 1em;
  margin-top: 1em;
  min-height: 48px;
}
.thread .thread-expander {
  border-left: 2px solid rgba(229, 179, 92, 0.1);
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 12px;
  cursor: pointer;
  transition: ease all 0.2s;
}
.thread .thread-expander:hover {
  border-color: rgba(229, 179, 92, 0.5);
}
.thread .thread-expander:hover .expand-thread-icon,
.thread .thread-expander:hover .collapse-thread-icon {
  opacity: 1;
  background: #e5b35c;
  color: rgba(0, 0, 0, 0.8);
}
.thread .expand-thread-icon,
.thread .collapse-thread-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -8px;
  transition: ease all 0.2s;
  background: rgb(56.9206349206, 39.4603174603, 9.0793650794);
  padding: 1px;
  display: block;
  color: black;
  font-size: 1em;
}
.thread .expand-thread-icon:hover,
.thread .collapse-thread-icon:hover {
  opacity: 1;
  background: #e5b35c;
  color: rgba(0, 0, 0, 0.8);
}
.forums .panel-header h1,
.forums .panel-header h2,
.forums .panel-header h3,
.forums .panel-header h4,
.forums .panel-header h5,
.forums .panel-header h6 {
  font-weight: lighter !important;
}
.thread-list-item,
.forum-category-item {
  transition: ease all 0.2s;
}
.thread-list-item:nth-child(odd),
.forum-category-item:nth-child(odd) {
  background: rgba(255, 255, 255, 0.02);
}
.thread-list-item:hover,
.forum-category-item:hover {
  background: rgba(255, 255, 255, 0.05);
}
.forum-category-list-item:nth-child(odd) {
  background: rgba(255, 255, 255, 0.02);
}
.forums-category .panel-content {
  padding: 0;
}
.home-container .hero {
  row-gap: 1em;
  position: relative;
}
.home-container .hero .description {
  font-weight: bold;
  font-size: 1.5rem;
  text-shadow: 0 0 8px #44b5b9;
}
.home-container .hero:after {
  content: "";
  background: linear-gradient(to bottom, transparent 80%, rgb(12.75, 12.75, 12.75));
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
}
.home-container .hero > * {
  position: relative;
  z-index: 2;
}
.home-container .beast-examples:hover .beast-example {
  opacity: 0.5;
}
.home-container .beast-examples:hover .beast-example:hover {
  opacity: 1;
}
.home-container .beast-examples .beast-example {
  position: relative;
  z-index: 1;
  transition: ease all 0.3s;
}
.home-container .beast-examples .beast-example:hover {
  z-index: 2;
}
.home-container .beast-examples .beast-example:hover img {
  margin-left: 0;
  filter: drop-shadow(0 0 4px rgba(255, 255, 255, 0.5));
}
.home-container .beast-examples .beast-example .beast-example-inner {
  overflow: hidden;
  width: 200%;
  pointer-events: none;
}
.home-container .beast-examples .beast-example img {
  margin-left: -50%;
  width: 100%;
  max-width: 100%;
  transition: ease all 0.3s;
}
.home-container .beast-examples .beast-example:before {
  content: "";
  height: 100%;
  width: 2px;
  background: linear-gradient(transparent, white, transparent);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
}
.home-container .beast-examples .beast-example:after {
  content: "";
  height: 80%;
  width: 2px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  box-shadow: 0 0 8px rgba(255, 255, 255, 0.5);
}
.home-container section h1,
.home-container section h2,
.home-container section h3,
.home-container section h4,
.home-container section h5,
.home-container section h6 {
  margin: 0;
}
.home-container section.news .news-items {
  position: relative;
  transition: ease all 0.2s;
  cursor: pointer;
  border-radius: 0.2em;
}
.home-container section.news .news-items .news-item {
  transition: ease all 0.2s;
}
.home-container section.news .news-items .news-item:hover {
  box-shadow: 0 0 1vw rgba(229, 179, 92, 0.5), inset 0 0 0.8vw 0.2vw rgba(229, 179, 92, 0.4);
}
.home-container section.news .news-items img {
  border-top-left-radius: 0.2em;
  border-top-right-radius: 0.2em;
}
.home-container section.news .news-items h1,
.home-container section.news .news-items h2,
.home-container section.news .news-items h3,
.home-container section.news .news-items h4,
.home-container section.news .news-items h5,
.home-container section.news .news-items h6 {
  text-shadow: none;
}
.home-container section.news .news-items p {
  font-size: 1rem;
}
.home-container section.support .heart-icon {
  width: 48px;
  height: 48px;
  color: #951f2b;
  margin-bottom: 1rem;
}
.home-container section.creator {
  background: url("https://images.mythaura.com/public/try-beast-creator-bg.png");
  background-size: cover;
  background-position: center;
  position: relative;
}
.home-container section.creator:after {
  content: "";
  background: linear-gradient(to bottom, transparent 80%, rgb(12.75, 12.75, 12.75));
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
}
.home-container section.creator > * {
  position: relative;
  z-index: 2;
}
.inventory {
  flex: 1 0 0;
  display: flex;
  flex-wrap: nowrap;
}
.inventory .items-container {
  flex: 1 0 0;
  height: 100%;
  max-height: 100%;
  padding-bottom: 2vw;
  overflow: hidden;
}
.inventory .items-container > .panel {
  height: 100%;
  max-height: 100%;
}
.inventory .items-container .panel-footer {
  padding-bottom: 0;
}
.inventory-items {
  width: 58vw;
}
.inventory-grid-item {
  background: none;
  margin: 0;
  padding: 0;
  border: 0;
  display: flex;
  justify-content: center;
  min-width: 100%;
  transition: ease all 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: relative;
  flex-direction: column;
}
.inventory-grid-item:hover, .inventory-grid-item.selected {
  box-shadow: 0 0 1vw rgba(229, 179, 92, 0.5), inset 0 0 0.8vw 0.2vw rgba(229, 179, 92, 0.4);
}
.inventory-grid-item:hover .item-wrapper, .inventory-grid-item.selected .item-wrapper {
  border-color: #e5b35c !important;
}
.inventory-grid-item:hover .item-footer, .inventory-grid-item.selected .item-footer {
  background-color: #e5b35c !important;
}
.inventory-grid-item .item-types {
  position: absolute;
  top: -10%;
  left: -10%;
  width: 100%;
  height: 100%;
  display: flex;
  z-index: 2;
}
.inventory-grid-item .item-types .item-type {
  border-radius: 50%;
  width: 35%;
  height: 35%;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 100%;
  border: 1px solid rgba(229, 179, 92, 0.3);
  border-width: 0.1vw;
}
.inventory-grid-item .item-types .item-type .svg-inline--fa {
  height: 50%;
  width: 50%;
}
.inventory-grid-item .item-wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  border-width: 0.4vw;
  border-style: solid;
  cursor: pointer;
  width: 100%;
  transition: ease all 0.2s;
  box-shadow: inset 0 0 0.5vw 0.5vw rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.2);
}
.inventory-grid-item .item-image {
  margin: -0.95vw 0 -0.45vw -0.45vw;
  min-width: 115%;
  pointer-events: none;
  filter: drop-shadow(0 0 0.5vw rgba(0, 0, 0, 0.5));
}
.inventory-grid-item .item-image img {
  display: block;
  width: 100%;
}
.inventory-grid-item:focus-visible, .inventory-grid-item:focus {
  outline: none;
  box-shadow: 0 0 1vw rgba(229, 179, 92, 0.5), inset 0 0 0.8vw 0.2vw rgba(229, 179, 92, 0.4);
}
.inventory-grid-item:focus-visible .item-wrapper, .inventory-grid-item:focus .item-wrapper {
  border-color: #e5b35c !important;
}
.inventory-grid-item:focus-visible .item-footer, .inventory-grid-item:focus .item-footer {
  background-color: #e5b35c !important;
}
.item-quantity,
.item-radiant,
.item-price-coins,
.item-price-shards {
  font-weight: bold;
  color: white;
  text-shadow: 0 0.1vw black;
  transition: ease all 0.2s;
}
.item-price-coins,
.item-price-shards {
  right: auto;
  left: 0;
  display: flex;
  align-items: center;
  gap: 0.2em;
}
.item-price-coins img,
.item-price-shards img {
  width: 1em;
}
.item-footer {
  display: flex;
  gap: 0.2vw;
  padding: 0 0.5vw 0.2vw;
  width: 100%;
  transition: ease all 0.2s;
  font-size: 1vw;
}
.selected-item-meta {
  position: absolute;
  bottom: 0;
  right: 0;
  display: flex;
  gap: 1vw;
  font-size: 1.25em;
  padding: 0.25em;
  border-top-left-radius: 0.5vw;
}
.selected-item-meta img {
  width: 1em;
}
.inventory-selected-item {
  width: 42vw;
  padding: 1vw 2vw 2vw 1vw;
}
.inventory-selected-item .inventory-selected-item-container {
  background: rgba(127.5, 127.5, 127.5, 0.4);
  height: 100%;
  width: 100%;
}
.inventory-selected-item .selected-item-header {
  position: relative;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  background: linear-gradient(to bottom, rgba(127.5, 127.5, 127.5, 0.2), rgba(127.5, 127.5, 127.5, 0.4));
}
.inventory-selected-item .selected-item-header .selected-item-title {
  background: rgb(127.5, 127.5, 127.5);
  padding: 1vw;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}
.inventory-selected-item .selected-item-header h3 {
  flex: 1 0 0;
  font-size: 1.3em;
  z-index: 1;
  position: relative;
  margin: 0;
  text-align: left;
}
.inventory-selected-item .selected-item-header .selected-item-img {
  width: 30%;
  margin-left: -1.1vw;
  margin-bottom: -0.6vw;
  margin-top: -1.7vw;
  display: block;
  z-index: 2;
  position: relative;
}
.inventory-selected-item .selected-item-content {
  padding: 2vw;
  text-align: left;
}
.inventory-selected-item .selected-item-header img.select-companion-item {
  width: 92%;
  margin-top: -6vw;
  margin-left: auto;
  margin-right: auto;
  z-index: 0;
  position: relative;
  margin-bottom: -6vw;
  padding: 2vw;
}
.inventory-item-tooltip {
  min-width: 200px;
  max-width: 540px;
  white-space: normal;
}
@media (max-width: 768px) {
  .inventory-item-tooltip {
    max-width: 80vw;
  }
}
.inventory-item-tooltip .item-name {
  font-size: 1.2em;
  font-weight: bold;
  white-space: nowrap;
  margin-bottom: 2px;
}
.inventory-item-tooltip .item-type {
  border-radius: 50%;
  width: 32px;
  height: 32px;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.stash,
.satchel,
.vault {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.empty-item {
  background: rgba(0, 0, 0, 0.2);
  border: 0.3vw solid rgba(255, 255, 255, 0.1);
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  padding: 0;
  padding-bottom: calc(100% - 1vw);
}
.satchel-overlay {
  position: absolute;
  bottom: 2vw;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  background: none;
  padding: 1vw;
  display: flex;
  flex-wrap: nowrap;
  gap: 1vw;
  border-top-left-radius: 0.5vw;
  border-top-right-radius: 0.5vw;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  box-shadow: 0 0.1vw 1vw rgba(0, 0, 0, 0.5);
}
.satchel-overlay .inventory-grid-item {
  min-width: 0;
  width: 7vw;
}
.satchel-overlay .empty-item {
  width: 7vw;
}
.item-keybinding {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translate(-50%);
  background: rgba(0, 0, 0, 0.8);
  padding: 0.5vw 1vw;
  border-top-left-radius: 0.5vw;
  border-top-right-radius: 0.5vw;
  color: white;
  font-size: 1vw;
  opacity: 0.4;
  z-index: -1;
}
.item-keybinding:after {
  position: absolute;
  content: "";
  top: 0.4vw;
  left: 0.4vw;
  right: 0.4vw;
  bottom: 0.4vw;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 0.2vw;
}
.dialog-inventory .dialog-content {
  padding-top: 2em;
}
.dialog-loot .dialog-inner {
  display: flex;
  flex-direction: column;
  aspect-ratio: 2;
}
.dialog-loot .dialog-inner .dialog-content {
  padding: 0 !important;
}
.dialog-wrapper .items-container,
.dialog-wrapper .panel {
  height: 100%;
}
.news-container .hero {
  position: relative;
}
.news-container .news-list-wrapper {
  padding: 0 1em;
}
.news-container .news-list {
  margin: 0;
  list-style: none;
}
.news-container .news-list .news-list-item {
  transition: ease all 0.2s;
  cursor: pointer;
  padding: 1em;
  border-radius: 0.2em;
}
.news-container .news-list .news-list-item:hover {
  box-shadow: 0 0 1vw rgba(229, 179, 92, 0.5), inset 0 0 0.8vw 0.2vw rgba(229, 179, 92, 0.4);
}
.news-container .news-list .news-list-item .subheading {
  opacity: 0.5;
}
.news-container .news-list .news-list-item img {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 0.2em;
  cursor: pointer;
}
.news-container .news-list .news-list-item h2 {
  margin-top: 0;
  margin-bottom: 0;
}
.news-container .news-list .news-list-item h3 {
  margin-top: 0;
  opacity: 0.9;
}
.news-container .news-list .news-list-item p {
  opacity: 0.8;
}
.page-register .panel {
  width: 24vw;
  top: 50%;
  left: 50%;
  bottom: auto;
  transform: translate(-50%, -50%);
  border-radius: 1vw;
}
.page-register .panel-content {
  display: flex;
  flex-direction: column;
  max-height: calc(100dvh - 52px);
  border-radius: 1vw !important;
  background: rgba(22, 18, 15, 0.5);
  padding: 2vw !important;
}
.page-register .panel-content .button:not(.small) {
  box-shadow: 0 0 1vw rgba(0, 0, 0, 0.5);
  background: #07b7c4;
  cursor: pointer;
}
.page-register .panel-content .button:not(.small):hover {
  transform: scale(1.05);
  background: rgb(8.7586206897, 228.9753694581, 245.2413793103);
}
.page-register .panel-content .button:not(.small) span {
  color: white !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  font-size: 1.2vw;
  font-family: "Roboto", serif;
}
.page-register .panel-content .logo {
  margin-top: -8vw;
  filter: drop-shadow(0 0 1vw black);
}
.page-register .panel-content .textbox input,
.page-register .panel-content .select {
  background: rgba(0, 0, 0, 0.6);
}
.page-signin .panel {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-height: 100dvh;
  border-radius: 1vw;
}
.page-signin .panel-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-height: calc(100dvh - 52px);
  background: rgba(22, 18, 15, 0.5);
  padding: 2rem;
  border-radius: 1vw !important;
}
.page-signin .panel-content .button:not(.small) {
  box-shadow: 0 0 1vw rgba(0, 0, 0, 0.5);
  background: #07b7c4;
  cursor: pointer;
}
.page-signin .panel-content .button:not(.small):hover {
  transform: scale(1.05);
  background: rgb(8.7586206897, 228.9753694581, 245.2413793103);
}
.page-signin .panel-content .button:not(.small) .icon {
  fill: white !important;
}
.page-signin .panel-content .button:not(.small) span {
  color: white !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  font-size: 1.2vw;
  font-family: "Roboto", serif;
}
.page-signin .panel-content .logo {
  margin-top: -8vw;
  filter: drop-shadow(0 0 1vw black);
}
.page-signin .panel-content form {
  padding: 1em;
}
.page-signin .panel-content .textbox input,
.page-signin .panel-content .select {
  background: rgba(0, 0, 0, 0.6);
}
.stage-sign-in {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  background: url("https://images.mythaura.com/public/header.png");
  display: flex;
  justify-content: center;
  background-size: cover;
}
.stage-sign-in .panel {
  max-width: 400px;
  margin-top: 130px;
  margin: auto;
}
.stage-sign-in .panel-content {
  padding: 1em;
}
.stage-sign-in .panel-content .logo {
  margin-top: -130px;
}
.group ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.friends ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.friends .search-friends input {
  width: 23.8vw;
}
.battle-chat {
  position: relative;
}
.battle-chat:not(.show) .chat-sidebar-inner {
  display: none;
}
.battle-chat .collapse-button {
  position: absolute;
  right: 100%;
  top: 0;
}
.user-profile {
  position: absolute;
  width: 100%;
  height: 100%;
}
.user-profile .hero {
  z-index: 1;
  padding: 2vw;
}
.user-profile .hero .hero-content {
  width: 100%;
  position: static;
}
.user-profile .user-icon-wrapper {
  position: relative;
  z-index: 2;
  border-radius: 999vw;
  background: rgba(0, 0, 0, 0.4);
  padding-right: 2vw;
}
.user-profile .tabs li {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  background: rgba(0, 0, 0, 0.5);
}
.user-profile .user-profile-scene {
  display: flex;
  flex-direction: column;
  position: relative;
  height: 100%;
}
.user-profile .user-profile-scene .tabs-nav li:first-child,
.user-profile .user-profile-scene .tabs-nav li:last-child {
  display: none;
}
.user-profile .user-profile-scene .user-profile-info {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.user-profile .user-profile-scene .user-profile-info .tabs-nav {
  margin-bottom: 0;
  background: rgba(14.4189189189, 11.7972972973, 9.8310810811, 0.95);
}
.user-profile .user-profile-scene > .panel > .panel-content {
  border: 0;
}
.user-profile .user-profile-controls {
  flex: 1;
  position: relative;
  transition: ease all 0.2s;
}
.user-profile .user-profile-controls .tabs-nav {
  margin-bottom: 0;
  background: rgba(29.5810810811, 24.2027027027, 20.1689189189, 0.8);
}
.user-profile-info-bg-panel {
  transition: ease all 0.2s;
}
.user-profile-stats .panel-header {
  padding: 0.5em !important;
}
.user-profile-stats h3 {
  margin-top: 0.5em;
  margin-bottom: 0;
}
.user-profile-stats h4 {
  opacity: 0.4;
}
.user-profile-stats span {
  opacity: 0.4;
}
.user-profile-stats svg {
  font-size: 2em;
  opacity: 0.6;
}
.user-icon {
  overflow: hidden;
  background: #193b54;
  position: relative;
}
.user-icon .user-icon-border {
  border: 0.3em solid rgb(36.6972477064, 86.6055045872, 123.3027522936);
  box-shadow: inset 0 0 1em rgba(0, 0, 0, 0.8);
  left: -1px;
  top: -1px;
  right: -1px;
  bottom: -1px;
  border-radius: 50%;
  position: absolute;
  z-index: 1;
}
.user-icon img {
  border-radius: 50%;
}
.user-profile-description {
  padding: 2em;
}
.online-indicator {
  border-radius: 50%;
}
.online-indicator .dot {
  width: 0.75em;
  height: 0.75em;
  border-top: 1px solid rgba(255, 255, 255, 0.4);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.8);
}
.online-indicator.online {
  box-shadow: 0 0 0.5em 0.2em rgba(53, 137, 25, 0.8);
}
.online-indicator.offline {
  box-shadow: 0 0 0.5em 0.2em rgba(204, 51, 66, 0.8);
}
.battle-container {
  height: 100%;
  width: 100%;
  position: relative;
  display: flex;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.battle-container.enableFadeIn {
  animation: fadeIn 1s ease-in-out;
}
.battle-container:not(.showKeybindings) .keybinding {
  display: none;
}
.battle-container .select-animation {
  position: absolute;
  top: 0;
  left: 0;
}
.battle-container .main-container {
  height: 100%;
  width: 100%;
  position: relative;
  display: flex;
  flex: 1 0 0;
}
.battle-container .lower-panel {
  display: flex;
  gap: 1em;
}
@media (max-width: 1200px) {
  .battle-container .lower-panel {
    flex-wrap: wrap;
  }
  .battle-container .lower-panel .team-status {
    min-width: calc(50% - 0.5em);
  }
  .battle-container .lower-panel .battle-actions {
    min-width: 100%;
    order: 4;
  }
}
.battle-container .button:not([disabled]:not(.disabled)) {
  transition: ease all 0.2s;
}
.battle-container .button:not([disabled]:not(.disabled)):hover {
  box-shadow: 0 0.2vw 1vw #44b5b9 !important;
  border-color: #44b5b9 !important;
}
.battle-container .button:not([disabled]:not(.disabled)):focus {
  box-shadow: 0 0 0 0.4vw #44b5b9 !important;
  border-color: #44b5b9 !important;
  outline: none;
}
.battle-display-scale {
  transform-origin: center center;
  height: 100%;
  width: 100%;
  transform-style: preserve-3d;
  pointer-events: none;
  position: absolute;
}
.battle-display-scale.enabled.zoomEnemies {
  transform: scale(1.1) translateX(-4vw) translateY(-1.5vw);
}
.battle-display-scale.enabled.zoomAllies {
  transform: scale(1.1) translateX(4vw) translateY(-1.5vw);
}
.battle-display-shake {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.battle-display-shake.enabled.showShake {
  animation-name: cameraShake;
  animation-duration: 0.3s;
}
.battle-display-shake.enabled.showSurgeShake {
  animation-name: cameraSurgeShake;
  animation-duration: 0.3s;
}
.battle-controls {
  z-index: 8;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}
.battle-controls > * {
  pointer-events: all;
}
.battle-controls .bottom-left-corner {
  position: absolute;
  bottom: 1vw;
  left: 1vw;
  z-index: 5;
  display: flex;
  -moz-column-gap: 0.5vw;
       column-gap: 0.5vw;
}
.battle-controls-right {
  position: absolute;
  right: 2vw !important;
  top: 50% !important;
  transform: translateY(-50%);
}
.battle-controls-left {
  position: absolute;
  left: 2vw;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  -moz-column-gap: 0.5vw;
       column-gap: 0.5vw;
}
.battle-text {
  background: linear-gradient(#a89a82, #dcd2bf, #a89a82);
  padding: 2vw 4vw;
  border: 1px solid rgb(166.9535377358, 152.7851415094, 128.4964622642);
  box-shadow: 0 0.5vw 0.5vw rgba(0, 0, 0, 0.5);
  border-top-left-radius: 0.5vw;
  border-top-right-radius: 0.5vw;
  z-index: 1;
  width: 50vw;
  color: black;
  position: absolute;
  bottom: 0vw;
  z-index: 7;
  left: 50%;
  transform: translateX(-50%);
  font-size: 1.5vw;
}
.battle-complete-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  text-align: center;
  z-index: 6;
  pointer-events: all;
}
.battle-complete-container .game-footer {
  position: absolute;
  bottom: 0;
  left: 0;
}
.battle-complete-container .overlay-inner {
  position: absolute;
  width: 100%;
  padding: 5vw 10vw;
  top: 50%;
  transform: translateY(-50%);
}
.battle-complete-container .overlay-inner .team-status {
  position: relative;
}
.battle-complete-container h1 {
  position: absolute;
  top: 4vw;
  left: 50%;
  transform: translateX(-50%);
  font-size: 4vw;
  position: relative;
  margin: 0;
  font-weight: 400;
}
.text-gold {
  background: linear-gradient(to bottom, #cbb178 27%, #f0d686 40%, #533e15 78%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #fff;
  text-shadow: 0 0.5vw 4vw #d68b1a;
}
.battle-sides {
  z-index: 5;
  position: relative;
  pointer-events: all;
}
.battle-sides .side-friendly,
.battle-sides .side-enemy {
  width: 50%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
}
.battle-sides .battle-beasts {
  position: absolute;
  height: 100%;
  width: 100%;
}
.battle-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1vw;
}
.battle-actions .surge-button {
  opacity: 0;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 100%;
}
.battle-actions .surge-button .button.battle-ability-button {
  height: 5vw;
  display: block;
}
.battle-actions .surge-button .button.battle-ability-button .text .ability-name {
  font-size: 1.5vw;
}
.battle-actions .surge-button .button.battle-ability-button svg {
  height: 150%;
}
.battle-actions .surge-button .button.battle-ability-button .text .ability-name {
  font-weight: bold;
  text-transform: uppercase;
  width: 100%;
  text-align: center;
  white-space: normal;
  line-height: 1;
  text-shadow: 0 0.1vw 0.1vw rgba(0, 0, 0, 0.5);
  z-index: 2;
}
.battle-actions .surge-button .button.battle-ability-button .text .ability-value {
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  border-top-right-radius: 0.5vw;
  line-height: 1;
  font-size: 0.8vw;
  padding: 0.2vw;
  font-weight: bold;
  text-shadow: 0 0.1vw 0.1vw rgba(0, 0, 0, 0.5);
}
.battle-actions .surge-button .button.battle-ability-button .text .ability-value.combat {
  background: rgba(149, 31, 43, 0.8);
}
.battle-actions .surge-button .button.battle-ability-button .text .ability-value.support {
  background: rgba(53, 137, 25, 0.8);
}
.battle-actions .surge-button .button.battle-ability-button .text .ability-type-icon {
  top: 0.1vw;
  right: 0.1vw;
  display: flex;
  justify-content: flex-end;
  height: 1vw;
  width: 1vw;
  position: absolute;
  z-index: 1;
}
.battle-actions .surge-button .button.battle-ability-button .text .ability-type-icon:after {
  content: "";
  width: 0;
  height: 0;
  border-top: 3.2vw solid transparent;
  border-bottom: 3.2vw solid transparent;
  border-left: 3.2vw solid rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -3vw;
  right: -2vw;
  transform: rotate(-45deg);
  z-index: 1;
}
.battle-actions .surge-button .button.battle-ability-button .text .ability-type-icon svg {
  height: 1vw;
  width: 1vw;
  max-width: none;
  opacity: 0.9;
  position: relative;
  z-index: 2;
}
.battle-actions .surge-button .button.battle-ability-button .text .ability-type-icon .element-icon,
.battle-actions .surge-button .button.battle-ability-button .text .ability-type-icon .custom-icon {
  height: 1vw;
  width: 1vw;
  max-width: none;
  opacity: 0.6;
  filter: invert(1) !important;
  position: relative;
  z-index: 2;
}
.battle-actions .button {
  text-shadow: 0 0.1vw 0.1vw rgba(0, 0, 0, 0.5);
  overflow: hidden;
}
.battle-actions.showSubmit {
  border-top-left-radius: 1vw;
  border-top-right-radius: 1vw;
}
.battle-actions .button[disabled] {
  pointer-events: all;
}
.battle-actions .button:not([disabled]) {
  pointer-events: all;
}
.battle-actions .abilities {
  display: flex;
  gap: 0.5vw;
  position: relative;
  z-index: 2;
}
.battle-actions .battle-timeout {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 0;
  height: 1vw;
}
.battle-actions .battle-timeout span {
  font-size: 0.8vw;
}
.battle-actions .battle-timeout .inner {
  height: 100%;
  transition: width 1s linear;
}
.battle-actions .submit-actions-container {
  display: flex;
  gap: 0.5vw;
}
.battle-actions .action-types {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 2%;
  position: relative;
  z-index: 2;
}
.battle-actions .action-types .button.large .custom-icon {
  height: 150%;
  width: auto;
  opacity: 0.2;
  z-index: 0;
  position: absolute;
}
.battle-actions .action-types .button.large svg {
  position: absolute;
  height: 150%;
  width: auto;
  opacity: 0.2;
  z-index: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.battle-actions .action-types .button.large .text {
  font-size: 1vw;
  font-weight: bold;
  text-transform: uppercase;
  position: relative;
  z-index: 1;
}
.battle-actions .submit-actions {
  position: relative;
  z-index: 2;
}
.battle-actions .beast-icon {
  position: relative;
  width: 40px;
  background: rgba(0, 0, 0, 0.95);
  border-radius: 0.5vw;
  overflow: hidden;
  outline: 1px solid rgba(37.1621621622, 30.4054054054, 25.3378378378, 0.95);
  outline-offset: -1px;
}
.battle-actions .beast-icon .beast-icon-img {
  display: block;
  outline: 1px solid rgba(37.1621621622, 30.4054054054, 25.3378378378, 0.95);
  outline-offset: -1px;
}
.battle-actions .beast-icon .element-icon {
  position: absolute;
  bottom: 0;
  left: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  width: 40%;
  height: auto;
  padding-top: 2px;
  padding-right: 2px;
}
.battle-beast {
  transition: ease all 0.2s;
  transform: translateX(-50%);
  position: absolute;
}
.battle-beast.isNight {
  filter: brightness(0.6) saturate(0.8);
}
.battle-beast.active .beast .focus-ring {
  border: 0.4vw solid rgba(68, 181, 185, 0.8);
  animation: glowBlue 1s ease-in-out infinite alternate;
}
.battle-beast.hoverable:hover {
  cursor: pointer;
}
.battle-beast.hoverable:hover .beast .focus-ring {
  opacity: 0.5;
  border: 0.4vw solid rgba(68, 181, 185, 0.8);
  animation: glowBlue 1s ease-in-out infinite alternate;
}
.battle-beast:nth-child(1) {
  left: 35vw;
  bottom: 12vw;
}
.battle-beast:nth-child(2) {
  left: 25vw;
  bottom: 8vw;
}
.battle-beast:nth-child(3) {
  left: 15vw;
  bottom: 4vw;
}
.battle-beast.isDead {
  animation: none;
  opacity: 0;
  pointer-events: none;
}
.battle-beast.rendered.isDead {
  animation: fadeOutLeft ease 2s;
}
.battle-beast .fadeInAnimation {
  opacity: 0;
  animation: fadeInRight ease 1s;
}
.battle-beast.rendered .fadeInAnimation {
  opacity: 1;
  animation: none !important;
}
.battle-beast .showAttackSourceAnimation {
  animation-name: attackSource;
  animation-duration: 1000ms;
  animation-timing-function: ease-in-out;
}
.battle-beast .showAttackTargetAnimation {
  animation-name: attackTarget;
  animation-duration: 500ms;
  animation-timing-function: ease-in-out;
}
.battle-beast .showTakeDamageAnimation {
  animation-name: takeDamage;
  animation-duration: 250ms;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 2;
}
.battle-beast .showDefendSourceAnimation {
  animation-name: defendSource;
  animation-duration: 500ms;
  animation-timing-function: ease-in-out;
}
.battle-beast .showBuffSourceAnimation {
  animation-name: buffSource;
  animation-duration: 500ms;
  animation-timing-function: ease-in-out;
}
.battle-beast .floatAnimation.enabled {
  animation: breathing 4s ease-in-out infinite;
}
.battle-beast .showRestAnimation {
  position: relative;
}
.battle-beast .showRestAnimation .zs {
  opacity: 1;
}
.battle-beast .zs {
  transition: ease all 0.2s;
  position: absolute;
  bottom: 90%;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  text-shadow: 1px 1px 1px black, -1px -1px 1px black, 1px -1px 1px black, -1px 1px 1px black;
}
.battle-beast .zs .z {
  font-size: 2vw;
  font-weight: bold;
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  animation-name: rest;
  animation-duration: 2000ms;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}
.battle-beast .zs .z2 {
  animation-delay: 500ms;
  margin-left: -1vw;
}
.battle-beast .zs .z3 {
  animation-delay: 1000ms;
  margin-left: 1vw;
}
.battle-beast .animation-video {
  position: absolute;
  z-index: 99;
  top: 50%;
  left: 50%;
  width: 350%;
  transform: translate(-50%, -50%);
}
.battle-beast .animation-video.anchor-top {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.battle-beast .animation-video.anchor-bottom {
  top: auto;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.battle-beast .animation-video.anchor-left {
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.battle-beast .animation-video.anchor-right {
  top: 50%;
  right: 0;
  left: auto;
  transform: translateY(-50%);
}
.battle-beast .beast {
  transition: ease all 0.2s;
  transform-origin: bottom center;
}
.battle-beast .beast img {
  pointer-events: none;
  display: block;
  position: relative;
}
.battle-beast .beast img.beast-image-shadow {
  position: absolute;
}
.battle-beast .beast.type_encounter:not(.is_beast) .beast-image-outer-container {
  transform: scaleX(-1);
}
.battle-beast .beast.type_encounter:not(.is_beast) .beast-image-outer-container .beast-image-container {
  transform: scaleX(-1);
}
.battle-beast .beast .focus-ring {
  transition: ease all 0.2s;
  content: "";
  width: 100%;
  height: 20%;
  min-width: 7vw;
  min-height: 1.3vw;
  position: absolute;
  right: 0;
  bottom: -5%;
  z-index: -1;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50%;
  border: 8px solid transparent;
}
.battle-beast.targetable {
  cursor: pointer;
}
.battle-beast.targetable .beast .focus-ring {
  border: 0.4vw dashed rgba(68, 181, 185, 0.8);
}
.battle-beast.targetable.targeted .beast .focus-ring, .battle-beast.targetable:hover .beast .focus-ring {
  border: 0.4vw solid #44b5b9;
  animation: glowBlue 1s ease-in-out infinite alternate;
}
.battle-beast .damage,
.battle-beast .healing,
.battle-beast .miss {
  opacity: 0;
  position: absolute;
  z-index: 100;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  font-size: 2.5vw;
  animation-name: damageHealingMiss;
  text-shadow: 1px 1px 1px black, -1px -1px 1px black, 1px -1px 1px black, -1px 1px 1px black;
  font-weight: bold;
  text-align: center;
}
.battle-beast .damage {
  color: #fcfbf9;
}
.battle-beast .damage .crit,
.battle-beast .damage .super-effective,
.battle-beast .damage .resisted {
  font-size: 1.25vw;
  color: #f2ba4a;
  white-space: nowrap;
}
.battle-beast .healing {
  color: #1d530b;
}
.battle-beast .miss {
  color: #f2ba4a;
}
.battle-beast.enemy {
  transform: translateX(50%);
  left: auto !important;
}
.battle-beast.enemy .fadeInAnimation {
  opacity: 0;
  animation: fadeInLeft ease 1s;
}
.battle-beast.enemy.rendered .fadeInAnimation {
  opacity: 1;
  animation: none !important;
}
.battle-beast.enemy:nth-child(1) {
  right: 35vw;
}
.battle-beast.enemy:nth-child(2) {
  right: 25vw;
}
.battle-beast.enemy:last-child:not(:first-child) {
  right: 15vw;
}
.battle-beast.enemy .beast.type_beast .beast-image-outer-container,
.battle-beast.enemy .beast.type_encounter.is_beast .beast-image-outer-container {
  transform: scaleX(-1);
}
.battle-beast.enemy .beast.type_beast .beast-image-outer-container:hover,
.battle-beast.enemy .beast.type_encounter.is_beast .beast-image-outer-container:hover {
  transform: scaleX(-1);
}
.battle-beast.enemy .beast.type_beast .beast-image-outer-container .zs,
.battle-beast.enemy .beast.type_encounter .beast-image-outer-container .zs {
  transform: translateX(-50%) scaleX(-1);
}
.battle-beast.enemy.rendered.isDead {
  animation: fadeOutRight ease 2s;
}
.battle-beast.enemy.targetable .beast .focus-ring {
  border: 0.4vw dashed rgba(149, 31, 43, 0.8);
}
.battle-beast.enemy.targetable.targeted .beast .focus-ring, .battle-beast.enemy.targetable:hover .beast .focus-ring {
  border: 0.4vw solid #951f2b;
  animation: glowRed 1s ease-in-out infinite alternate;
}
.battle-beast-dialog {
  padding: 2vw;
  height: 56.25vw !important;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: none !important;
}
.battle-beast-dialog .canvas-wrapper {
  width: 40vw !important;
}
.battle-beast-dialog .tabs {
  width: 40vw;
  height: auto;
}
.battle-beast-dialog .button-close {
  position: absolute;
  top: 2vw;
  right: 2vw;
}
.battle-beast-dialog-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.75);
  animation: fadeIn 0.5s;
  transition: ease all 0.2s;
}
.battle-history {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 20;
  background: rgb(12.75, 12.75, 12.75);
  width: 30vw;
  display: flex;
  flex-direction: column;
  box-shadow: 0 0 2vw 0 black;
}
.battle-history .history-items {
  overflow-y: scroll;
  overflow-x: hidden;
  padding: 1vw;
  flex: 1 0 0;
  display: flex;
  flex-direction: column;
  gap: 0.5vw;
}
.battle-history .history-item {
  padding: 0.5vw;
  background: rgba(0, 0, 0, 0.2);
}
.battle-history .panel {
  flex: 1 0 0;
}
.battle-history .panel-content {
  display: flex;
  flex-direction: column;
  font-size: 1vw;
}
.battle-history .ability-element-text {
  font-weight: bold;
  text-transform: uppercase;
}
.battle-history .ability-element-text.fire {
  text-shadow: 1px 1px 1px rgb(229.4715025907, 102.810880829, 91.0284974093), -1px -1px 1px rgb(229.4715025907, 102.810880829, 91.0284974093), 1px -1px 1px rgb(229.4715025907, 102.810880829, 91.0284974093), -1px 1px 1px rgb(229.4715025907, 102.810880829, 91.0284974093);
}
.battle-history .ability-element-text.arcane {
  text-shadow: 1px 1px 1px rgb(143.191588785, 115.6331775701, 225.8668224299), -1px -1px 1px rgb(143.191588785, 115.6331775701, 225.8668224299), 1px -1px 1px rgb(143.191588785, 115.6331775701, 225.8668224299), -1px 1px 1px rgb(143.191588785, 115.6331775701, 225.8668224299);
}
.battle-history .ability-element-text.lightning {
  text-shadow: 1px 1px 1px rgb(117.9453441296, 96.0020242915, 17.5546558704), -1px -1px 1px rgb(117.9453441296, 96.0020242915, 17.5546558704), 1px -1px 1px rgb(117.9453441296, 96.0020242915, 17.5546558704), -1px 1px 1px rgb(117.9453441296, 96.0020242915, 17.5546558704);
}
.battle-history .ability-element-text.rot {
  text-shadow: 1px 1px 1px rgb(191.7085889571, 98.7914110429, 102.8312883436), -1px -1px 1px rgb(191.7085889571, 98.7914110429, 102.8312883436), 1px -1px 1px rgb(191.7085889571, 98.7914110429, 102.8312883436), -1px 1px 1px rgb(191.7085889571, 98.7914110429, 102.8312883436);
}
.battle-history .ability-element-text.stone {
  text-shadow: 1px 1px 1px rgb(159.7727272727, 107.9545454545, 77.7272727273), -1px -1px 1px rgb(159.7727272727, 107.9545454545, 77.7272727273), 1px -1px 1px rgb(159.7727272727, 107.9545454545, 77.7272727273), -1px 1px 1px rgb(159.7727272727, 107.9545454545, 77.7272727273);
}
.battle-history .ability-element-text.dark {
  text-shadow: 1px 1px 1px rgb(90.7857142857, 95.2142857143, 141.7142857143), -1px -1px 1px rgb(90.7857142857, 95.2142857143, 141.7142857143), 1px -1px 1px rgb(90.7857142857, 95.2142857143, 141.7142857143), -1px 1px 1px rgb(90.7857142857, 95.2142857143, 141.7142857143);
}
.battle-history .ability-element-text.ice {
  text-shadow: 1px 1px 1px rgb(72.7894736842, 151.6447368421, 157.7105263158), -1px -1px 1px rgb(72.7894736842, 151.6447368421, 157.7105263158), 1px -1px 1px rgb(72.7894736842, 151.6447368421, 157.7105263158), -1px 1px 1px rgb(72.7894736842, 151.6447368421, 157.7105263158);
}
.battle-history .ability-element-text.specter {
  text-shadow: 1px 1px 1px rgb(60.25, 77.2560483871, 43.2439516129), -1px -1px 1px rgb(60.25, 77.2560483871, 43.2439516129), 1px -1px 1px rgb(60.25, 77.2560483871, 43.2439516129), -1px 1px 1px rgb(60.25, 77.2560483871, 43.2439516129);
}
.battle-history .ability-element-text.air {
  text-shadow: 1px 1px 1px rgb(46.0384615385, 115.4615384615, 70.1538461538), -1px -1px 1px rgb(46.0384615385, 115.4615384615, 70.1538461538), 1px -1px 1px rgb(46.0384615385, 115.4615384615, 70.1538461538), -1px 1px 1px rgb(46.0384615385, 115.4615384615, 70.1538461538);
}
.battle-history .ability-element-text.nature {
  text-shadow: 1px 1px 1px rgb(91.2644230769, 173.625, 57.875), -1px -1px 1px rgb(91.2644230769, 173.625, 57.875), 1px -1px 1px rgb(91.2644230769, 173.625, 57.875), -1px 1px 1px rgb(91.2644230769, 173.625, 57.875);
}
.battle-history .ability-element-text.water {
  text-shadow: 1px 1px 1px rgb(2.2639484979, 76.0686695279, 103.2360515021), -1px -1px 1px rgb(2.2639484979, 76.0686695279, 103.2360515021), 1px -1px 1px rgb(2.2639484979, 76.0686695279, 103.2360515021), -1px 1px 1px rgb(2.2639484979, 76.0686695279, 103.2360515021);
}
.battle-history .ability-element-text.light {
  text-shadow: 1px 1px 1px rgb(168.4397905759, 102.2670157068, 23.0602094241), -1px -1px 1px rgb(168.4397905759, 102.2670157068, 23.0602094241), 1px -1px 1px rgb(168.4397905759, 102.2670157068, 23.0602094241), -1px 1px 1px rgb(168.4397905759, 102.2670157068, 23.0602094241);
}
@keyframes split-rotate-top {
  0% {
    transform: translateX(-50%) rotate(0deg);
  }
  100% {
    transform: translateX(-50%) rotate(180deg);
  }
}
@keyframes battle-transition-flash {
  0% {
    background: transparent;
  }
  25% {
    background: black;
  }
  50% {
    background: transparent;
  }
  75% {
    background: black;
  }
}
.battle-transition {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
}
.battle-transition.split-rotate .top-half,
.battle-transition.split-rotate .bottom-half {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 50%;
  overflow: hidden;
}
.battle-transition.split-rotate .top-half .transition-layer,
.battle-transition.split-rotate .bottom-half .transition-layer {
  height: 400%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 200%;
  background: black;
  animation: split-rotate-top linear 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 1s;
}
.battle-transition.split-rotate .top-half {
  top: 0;
}
.battle-transition.split-rotate .top-half .transition-layer {
  top: 100%;
  transform-origin: top center;
}
.battle-transition.split-rotate .bottom-half {
  bottom: 0;
}
.battle-transition.split-rotate .bottom-half .transition-layer {
  bottom: 100%;
  transform-origin: bottom center;
}
.battle-transition .battle-transition-flash {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  animation: battle-transition-flash linear 1s;
}
.battle-ability-button .text .ability-name {
  font-size: 1vw;
  font-weight: bold;
  text-transform: uppercase;
  width: 100%;
  text-align: center;
  white-space: normal;
  line-height: 1;
  text-shadow: 0 0.1vw 0.1vw rgba(0, 0, 0, 0.5);
  z-index: 2;
  white-space: nowrap;
}
.battle-ability-button .text .ability-value {
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  border-top-right-radius: 0.5vw;
  line-height: 1;
  font-size: 0.8vw;
  padding: 0.2vw;
  font-weight: bold;
  text-shadow: 0 0.1vw 0.1vw rgba(0, 0, 0, 0.5);
}
.battle-ability-button .text .ability-value.combat {
  background: rgba(149, 31, 43, 0.8);
}
.battle-ability-button .text .ability-value.support {
  background: rgba(53, 137, 25, 0.8);
}
.battle-ability-button .text .ability-type-icon {
  top: 0.1vw;
  right: 0.1vw;
  display: flex;
  justify-content: flex-end;
  height: 1vw;
  width: 1vw;
  position: absolute;
  z-index: 1;
}
.battle-ability-button .text .ability-type-icon:after {
  content: "";
  width: 0;
  height: 0;
  border-top: 3.2vw solid transparent;
  border-bottom: 3.2vw solid transparent;
  border-left: 3.2vw solid rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -3vw;
  right: -2vw;
  transform: rotate(-45deg);
  z-index: 1;
}
.battle-ability-button .text .ability-type-icon svg {
  height: 1vw;
  width: 1vw;
  max-width: none;
  opacity: 0.6;
  position: relative;
  z-index: 2;
}
.battle-ability-button .text .ability-type-icon .element-icon {
  height: 1vw;
  width: 1vw;
}
.battle-ability-button .text .ability-type-icon .custom-icon {
  height: 1vw;
  width: 1vw;
  max-width: none;
  opacity: 0.9;
  position: relative;
  z-index: 2;
}
@keyframes glow {
  0% {
    box-shadow: 0 0 0.1vw 0.1vw #44b5b9;
  }
  50% {
    box-shadow: 0 0 0.4vw 0.4vw #44b5b9;
  }
  100% {
    box-shadow: 0 0 0.1vw 0.1vw #44b5b9;
  }
}
@keyframes glow2 {
  0% {
    box-shadow: 0 0 0.1vw 0.1vw #44b5b9;
    background: transparent;
  }
  50% {
    box-shadow: 0 0 0.8vw 0.8vw #44b5b9;
    background: rgba(68, 181, 185, 0.5);
  }
  100% {
    box-shadow: 0 0 0.1vw 0.1vw #44b5b9;
    background: transparent;
  }
}
.surge-button {
  position: relative;
}
.surge-button::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  z-index: -1;
  height: 140%;
  width: 105%;
  transform: translateZ(0) translateX(-50%) translateY(-50%);
  filter: blur(1vw);
  background: linear-gradient(to left, #ff3654, #e83a9a, #cf29ab, #9519cf, #3f09e0, #9519cf, #cf29ab, #e83a9a, #ff3654);
  background-size: 200% 200%;
  animation: glowSurgeButton 1.25s linear infinite;
}
.surge-button.visible {
  opacity: 1;
}
.surge-button .surge-meter {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  z-index: -1;
}
@keyframes glowSurgeButton {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 200% 50%;
  }
}
.surge-loader {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  pointer-events: all;
}
.surge-loader .loader.large {
  border-top-left-radius: 1vw;
  border-top-right-radius: 1vw;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background: rgba(0, 0, 0, 0.8) !important;
  text-transform: uppercase;
  font-weight: bold;
  height: 2vw;
}
.surge-loader .loader.large .inner {
  height: 2vw;
  transition: none;
}
.surge-loader .loader.large span {
  font-size: 1vw;
}
.surge-loader.surgeReady {
  cursor: pointer;
}
.surge-loader.surgeReady:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
  height: 100%;
  width: 100%;
  transform: scale(1) translateZ(0);
  filter: blur(1vw);
  background: linear-gradient(to left, #ff3654, #e83a9a, #cf29ab, #9519cf, #3f09e0, #9519cf, #cf29ab, #e83a9a, #ff3654);
  background-size: 200% 200%;
  animation: glowSurgeButton 1.25s linear infinite;
}
.team-status {
  padding: 2vw;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 7;
}
.team-status > .grid {
  gap: 1vw;
}
.allies {
  top: 0;
  left: 0;
  right: auto;
}
.abode {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.abode .items-container {
  min-height: 0;
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
}
.abode .items-container .panel {
  min-height: 0;
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
}
.abode .items-container .panel .panel-content {
  min-height: 0;
  overflow-y: auto;
  flex: 1 0 0;
}
.items-container {
  flex: 1 0 0;
}
.abode-beast-grid-item {
  transition: ease all 0.2s;
  border-radius: 0.2em;
  overflow: hidden;
  background: linear-gradient(to bottom, transparent 50%, rgba(229, 179, 92, 0.2));
  border: 1px solid rgba(229, 179, 92, 0.4);
  box-shadow: inset 0 0 0 0.5vw rgba(0, 0, 0, 0.2);
  cursor: pointer;
  margin: 0;
  padding: 0;
  color: white;
  font-family: "Roboto", serif;
  position: relative;
}
.abode-beast-grid-item .beast-image-wrapper {
  background-size: cover;
  padding: 1em;
  transition: ease all 0.2s;
}
.abode-beast-grid-item .beast-elements {
  position: relative;
  z-index: 1;
}
.abode-beast-grid-item .beast-image {
  position: relative;
  z-index: 1;
  filter: drop-shadow(0 0.5vw 1vw rgba(255, 255, 255, 0.2));
}
.abode-beast-grid-item .beast-image-background {
  position: absolute;
  z-index: 0;
  opacity: 0.2;
  transform: translate(-50%, -50%) scale(2);
  left: 35%;
  top: 35%;
  transition: ease all 0.2s;
  pointer-events: none;
  -webkit-mask-image: linear-gradient(to bottom, rgb(0, 0, 0) 10%, rgba(0, 0, 0, 0) 90%);
          mask-image: linear-gradient(to bottom, rgb(0, 0, 0) 10%, rgba(0, 0, 0, 0) 90%);
}
.abode-beast-grid-item .element-background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.4;
  z-index: 0;
  pointer-events: none;
  -webkit-mask-image: linear-gradient(to bottom, rgb(0, 0, 0) 10%, rgba(0, 0, 0, 0) 90%);
          mask-image: linear-gradient(to bottom, rgb(0, 0, 0) 10%, rgba(0, 0, 0, 0) 90%);
}
.abode-beast-grid-item:hover, .abode-beast-grid-item.active {
  box-shadow: 0 0 1vw rgba(229, 179, 92, 0.5), inset 0 0 0.8vw 0.2vw rgba(229, 179, 92, 0.4);
  border: 1px solid #e5b35c;
  background: linear-gradient(to bottom, transparent 0%, rgba(229, 179, 92, 0.4));
}
.abode-beast-grid-item:hover .beast-image-background, .abode-beast-grid-item.active .beast-image-background {
  opacity: 0.4;
  transform: translate(-50%, -50%) scale(2.2);
}
.abode-beast-grid-item.active {
  box-shadow: 0 0 1vw rgba(229, 179, 92, 0.5), inset 0 0 0.8vw 0.2vw rgba(229, 179, 92, 0.4);
}
.beast-color-slot .beast-color-slot-name {
  opacity: 0;
  transition: ease all 0.2s;
}
.beast-color-slot:hover .beast-color-slot-name {
  opacity: 1;
}
.beast {
  display: flex;
  flex-direction: column;
}
.beast .beast-info {
  text-align: right;
  display: flex;
  gap: 1vw;
  align-items: center;
  justify-content: center;
}
.beast .beast-name {
  margin-bottom: 0;
}
.beast .beast-level {
  font-size: 0.8em;
}
.current-effects .positive,
.current-effects .negative {
  color: white;
  border-radius: 0.5em;
  padding: 0.2em 0.4em;
  font-weight: bold;
  display: inline-block;
}
.current-effects .positive {
  background: #1d530b;
}
.current-effects .negative {
  background: #951f2b;
}
.current-effects .effect-description {
  opacity: 0.6;
  font-size: 0.9em;
}
.current-effects .effect-adjustment-name,
.current-effects .effect-name-only {
  font-size: 1.2em;
}
.current-effects .effect-name,
.current-effects .remaining-turns {
  opacity: 0.6;
}
.current-effects .remaining-turns {
  font-weight: normal;
}
.ailment {
  border-radius: 1em;
  background: red;
  padding: 0.1em 0.5em;
  text-transform: uppercase;
  font-size: 0.8em;
}
.ability-list-item {
  border: 0.1em solid transparent;
  transition: ease all 0.2s;
  position: relative;
}
.ability-list-item:hover {
  border-color: #e5b35c;
}
.ability-list-item.editing {
  cursor: pointer;
}
.ability-list-item.editing:hover {
  border-color: #e5b35c;
}
.ability-list-item.selected {
  border-color: #e5b35c;
  box-shadow: 0 0 1vw rgba(229, 179, 92, 0.5), inset 0 0 0.8vw 0.2vw rgba(229, 179, 92, 0.4);
  background: rgba(229, 179, 92, 0.1);
}
.empty-ability-list-item {
  border: 0.05em solid rgba(229, 179, 92, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 1.5em;
  padding: 1.5em;
  cursor: pointer;
  transition: ease all 0.2s;
  color: rgba(229, 179, 92, 0.3);
  border-radius: 0.2em;
}
.empty-ability-list-item:hover {
  border-color: #e5b35c;
  color: #e5b35c;
  background: rgba(229, 179, 92, 0.1);
}
.beast-ability-tooltip {
  width: 24vw;
  border-radius: 0.2em;
  overflow: hidden;
  opacity: 0;
  animation: fadeIn 0.5s forwards;
}
.beast-ability-tooltip .custom-icon svg,
.beast-ability-tooltip .custom-icon path {
  fill: white;
}
.beast-ability-tooltip .custom-icon svg {
  display: block;
}
.beast-ability-tooltip .ability-header {
  padding: 0.5em;
}
.beast-ability-tooltip .ability-header .icon {
  font-size: 2.5em;
  padding: 0.1em;
}
.beast-ability-tooltip .disabled-message {
  background: #951f2b;
  padding: 0.5em;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.beast-ability-tooltip .ability-properties {
  padding: 0.5em;
}
.beast-ability-tooltip .ability-properties .custom-icon svg {
  width: 1.25em;
  height: 1.25em;
  padding: 0.1em;
}
.beast-ability-tooltip .ability-details {
  padding: 0.5em;
}
.surge-badge {
  background: rgba(0, 0, 0, 0.3);
  text-transform: uppercase;
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.beast-creator-tabs {
  flex: initial;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  width: 25vw;
  left: 0vw;
  top: 0vw;
  bottom: 0vw;
  display: flex;
  max-height: 100%;
  flex: 1 0 0;
  height: auto;
}
.beast-creator-tabs .tabs-nav {
  margin-bottom: 0;
}
.beast-creator-tabs .beast-creator-controls {
  display: flex;
}
.beast-creator-tabs .panel {
  height: 100%;
}
.beast-creator-tabs .panel .panel-content {
  overflow-y: auto;
  max-height: 100%;
  flex: 1 0 0;
  background: none;
}
.beast-creator-tabs .species-details {
  text-align: center;
  padding: 0 32px;
}
.beast-creator-tabs .species-details table td:first-child {
  font-weight: bold;
}
.beast-creator-tabs .mutationDisabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.beast-creator-tabs .mutationDisabled * {
  pointer-events: none;
}
.beast-details .tabs .tabs-nav {
  position: relative;
  z-index: 1;
  margin-bottom: 0;
}
.beast-details .tabs .tabs-nav ul {
  flex-wrap: nowrap;
}
.beast-details .tabs .tabs-nav ul li {
  border-radius: 0;
}
.beast-details .beast {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 10vw;
}
.beast-details .companion-image {
  left: 50%;
  transform: translateX(-50%);
  bottom: 10vw;
  z-index: 0;
  position: absolute;
  margin-left: 12vw;
}
.attire .subheading {
  opacity: 0.5;
}
.attire .beast-shape {
  position: relative;
  z-index: 1;
  display: block;
  width: 80%;
  margin: 0 auto;
  filter: drop-shadow(0 0 8vw rgba(229, 179, 92, 0.2));
}
.attire .gear-wrapper {
  position: relative;
  margin: -0.5vw 0 -3vw;
}
.attire .gear-wrapper .gear-head {
  top: 20%;
  right: 10%;
}
.attire .gear-wrapper .gear-tail {
  left: 10%;
  top: 20%;
}
.attire .gear-wrapper .gear-body {
  top: 65%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.attire .gear-wrapper .gear-back-legs {
  left: 10%;
  bottom: 10%;
}
.attire .gear-wrapper .gear-front-legs {
  right: 10%;
  bottom: 10%;
}
.attire .gear-wrapper .gear-appendages {
  top: 10%;
  left: 50%;
  transform: translateX(-50%);
}
.attire .gear-wrapper .gear-slot {
  position: absolute;
  width: 6.5vw;
  height: 5.9vw;
  background: rgba(0, 0, 0, 0.4);
  border: 0.1vw solid rgba(229, 179, 92, 0.2);
  transition: ease all 0.2s;
  cursor: pointer;
  z-index: 2;
  border-radius: 0.2em;
}
.attire .gear-wrapper .gear-slot:hover {
  border-color: #e5b35c;
}
.attire .gear-wrapper .gear-slot:hover .icon {
  opacity: 1;
}
.attire .gear-wrapper .gear-slot.editable {
  cursor: pointer;
  pointer-events: all;
}
.attire .gear-wrapper .gear-slot.editable:hover {
  border-color: #e5b35c;
}
.attire .gear-wrapper .gear-slot span {
  position: absolute;
  bottom: 100%;
  padding-bottom: 0.1vw;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.8em;
  text-align: center;
}
.attire .gear-wrapper .gear-slot .remove-gear,
.attire .gear-wrapper .gear-slot .add-gear {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 2em;
  color: #e5b35c;
  opacity: 0.2;
  transition: ease all 0.2s;
}
.attire .gear-wrapper .gear-slot .remove-gear {
  opacity: 0;
  color: #fcfbf9;
  background: #951f2b;
  padding: 0.2vw;
  border-radius: 50%;
  width: 1.2em;
  height: 1.2em;
}
.beast-details-panel {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 36vw;
  top: 0;
  height: 100%;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.6));
}
.beast-details-panel .panel-content {
  max-height: 100%;
  flex: 1 0 0;
  background: none;
  padding: 0;
}
.dossier-dialog .cm-editor {
  height: 40vw !important;
}
.dossier-dialog .dossier {
  height: 70dvh;
}
.dossier {
  display: flex;
  flex-direction: column;
  height: 100dvh;
}
.dossier .dossier-notice {
  display: flex;
  align-items: center;
  border-bottom: 1px solid white;
  padding: 0.5em;
  background: black;
}
.dossier iframe {
  flex: 1 0 0;
  border: 0;
}
.star-sign-bg-image {
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: 200%;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0.2;
  -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.8) 100%);
          mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.8) 100%);
  filter: drop-shadow(0 0 1vw #e5b35c);
}
.beast-details-description,
.beast-details-colors,
.beast-details-info {
  position: relative;
  z-index: 1;
  padding: 1vw;
}
.beast-details-description table.stripped,
.beast-details-colors table.stripped,
.beast-details-info table.stripped {
  white-space: nowrap;
}
.beast-elements {
  display: flex;
  align-items: center;
}
.beast-elements .element-icon {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.8);
}
.beast-elements .element-icon img,
.beast-elements .element-icon svg {
  pointer-events: none;
}
.beast-elements .element-icon.primary-element {
  z-index: 2;
}
.beast-elements .element-icon.secondary-element {
  z-index: 1;
  margin-left: -0.1vw;
  width: 2vw;
  height: 2vw;
}
.beast-slots .beast-image {
  width: 100%;
}
.beast-image {
  display: flex;
  align-items: center;
  justify-content: center;
}
.beast-image > .wrapper {
  position: relative;
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
}
.beast-image:not(.hasExpression) .canvas-wrapper canvas {
  width: 300%;
  transform: scale(0.3333);
  transform-origin: bottom left;
}
.beast-image .canvas-wrapper {
  position: relative;
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  transition: ease all 0.2s;
}
.beast-image .canvas-wrapper canvas {
  position: relative;
  z-index: 1;
  display: block;
}
.beast-image .canvas-wrapper .beast-image-aspect-ratio {
  width: 100%;
}
.beast-image .beast-breathing {
  position: absolute;
  pointer-events: none;
  transform-origin: bottom center;
}
.beast-image .beast-breathing > * {
  pointer-events: all;
}
.beast-image .beast-breathing.breathing {
  animation: breathing 4s ease-in-out infinite;
}
.beast-image-img {
  position: relative;
  z-index: 1;
  display: block;
}
.beast-image-shadow {
  position: absolute;
  z-index: 0;
  z-index: 0;
  bottom: 3%;
  left: 0;
  width: 100%;
  filter: blur(0.5vw);
  opacity: 0.6;
  transform: rotateX(80deg);
  transform-origin: bottom center;
}
.beast-image-aspect-ratio {
  width: 100%;
  padding-bottom: 79.2899408284%;
}
.hasExpression canvas {
  width: 100%;
}
.hasExpression .beast-image-aspect-ratio {
  width: 100%;
  padding-bottom: 106.7567567568%;
}
.beast-slider {
  position: absolute;
  bottom: 6vw;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.beast-slider:before {
  content: "";
  position: absolute;
  display: block;
  bottom: -0.6vw;
  left: 50%;
  width: 14vw;
  height: 3vw;
  border-radius: 50%;
  border: 0.2vw solid rgba(68, 181, 185, 0.8);
  animation: glowBlue 1s ease-in-out infinite alternate;
  opacity: 0.6;
  transform: translateX(-50%);
}
.beast-slider .beast-slide {
  position: absolute;
  bottom: 0;
  transform: translateX(-50%);
}
.beast-slider .beast-slide .canvas-wrapper {
  transition: none;
}
.beast-slider .beast-slide h4 {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%) scale(0.6);
  display: flex;
  align-items: center;
  gap: 1vw;
  white-space: nowrap;
}
.beast-slider .beast-slide:nth-child(1) {
  z-index: 1;
  left: 10%;
}
.beast-slider .beast-slide:nth-child(2) {
  z-index: 2;
  left: 36%;
}
.beast-slider .beast-slide:nth-child(3) {
  z-index: 3;
  left: 50%;
}
.beast-slider .beast-slide:nth-child(4) {
  z-index: 2;
  left: 64%;
}
.beast-slider .beast-slide:nth-child(5) {
  z-index: 1;
  left: 90%;
}
.beast-slider.shifting-prev .beast-slide {
  transition: ease all 0.5s;
}
.beast-slider.shifting-prev .beast-slide:nth-child(1) {
  z-index: 2;
  left: 36%;
}
.beast-slider.shifting-prev .beast-slide:nth-child(2) {
  z-index: 3;
  left: 50%;
}
.beast-slider.shifting-prev .beast-slide:nth-child(3) {
  z-index: 2;
  left: 64%;
}
.beast-slider.shifting-prev .beast-slide:nth-child(4) {
  z-index: 1;
  left: 90%;
}
.beast-slider.shifting-prev .beast-slide:nth-child(5) {
  z-index: 1;
  left: 90%;
}
.beast-slider.shifting-next .beast-slide {
  transition: ease all 0.5s;
}
.beast-slider.shifting-next .beast-slide:nth-child(1) {
  z-index: 1;
  left: 10%;
}
.beast-slider.shifting-next .beast-slide:nth-child(2) {
  z-index: 1;
  left: 10%;
}
.beast-slider.shifting-next .beast-slide:nth-child(3) {
  z-index: 2;
  left: 36%;
}
.beast-slider.shifting-next .beast-slide:nth-child(4) {
  z-index: 3;
  left: 50%;
}
.beast-slider.shifting-next .beast-slide:nth-child(5) {
  z-index: 2;
  left: 64%;
}
.prev-beast,
.next-beast {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 4vw;
  cursor: pointer;
  transition: ease all 0.2s;
}
.prev-beast:hover,
.next-beast:hover {
  font-size: 1.5em;
}
.prev-beast {
  left: 0;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1));
}
.prev-beast:hover {
  box-shadow: inset 4vw 0 4vw rgba(229, 179, 92, 0.5);
}
.next-beast {
  right: 0;
  background: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1));
}
.next-beast:hover {
  box-shadow: inset -4vw 0 4vw rgba(229, 179, 92, 0.5);
}
.beast-group-tabs {
  position: absolute;
  top: 0;
  right: 0;
  height: auto;
  z-index: 2;
}
.beast-slot {
  width: 10vw;
  height: 10vw;
  padding: 0.25vw !important;
}
.beast-slot .party-leader-crown {
  position: absolute;
  bottom: calc(100% + 1vw);
  left: 50%;
  transform: translateX(-50%);
  font-size: 2vw;
  color: gold;
  filter: drop-shadow(0 0 0.5vw black);
  animation: fadeIn 1s ease;
  cursor: pointer;
}
.party-leader-crown {
  color: gold;
  animation: fadeIn 1s ease;
}
.beast-slot-clear {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 2em;
  color: #e5b35c;
  opacity: 0;
  transition: ease all 0.2s;
  background: rgba(0, 0, 0, 0.75);
  border-radius: 1vw;
}
.beast-slot-name {
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-align: center;
}
.beast-species-size-chart {
  background: rgba(0, 0, 0, 0.25);
  padding: 1em;
  overflow: hidden;
}
.beast-species-size-chart .wrapper {
  position: relative;
}
.beast-species-size-chart .wrapper .select {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
}
.beast-species-size-chart .aspect-ratio {
  padding-bottom: 30%;
}
.beast-species-size-chart .notch {
  position: absolute;
  left: 0;
  width: 2%;
}
.beast-species-size-chart .notch:before {
  background-color: white;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  height: 10%;
  width: 100%;
  left: 0;
  position: absolute;
}
.beast-species-size-chart .notch:first-child, .beast-species-size-chart .notch:last-child {
  width: 4%;
}
.beast-species-size-chart .notch:nth-child(10n+1) {
  width: 4%;
}
.beast-species-size-chart .labels .max-label {
  position: absolute;
  top: 0;
  left: 6%;
}
.beast-species-size-chart .labels .min-label {
  position: absolute;
  bottom: 0;
  left: 6%;
}
.beast-species-size-chart .labels .middle-label {
  position: absolute;
  top: 50%;
  left: 6%;
  transform: translateY(-50%);
}
.beast-species-size-chart .images {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.beast-species-size-chart .images .max-size {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 38%;
}
.beast-species-size-chart .images .max-size .canvas-wrapper {
  width: 100% !important;
}
.beast-species-size-chart .images .min-size {
  position: absolute;
  left: 80%;
  bottom: 0;
  transform: translateX(-50%);
  width: 22%;
}
.beast-species-size-chart .images .min-size .canvas-wrapper {
  width: 100% !important;
}
.beast-stats {
  border: 1px solid rgba(229, 179, 92, 0.3);
  border-radius: 0.2em;
  overflow: hidden;
}
.beast-stat-chart {
  margin-top: -3vw;
  margin-bottom: -3vw;
  display: flex;
  justify-content: center;
  pointer-events: none;
}
.beast-stat-chart-wrapper {
  width: 80%;
}
.stat-table td {
  padding: 0.75em;
}
.stat-table td:first-child {
  padding-left: 1.25em;
}
.stat-table td:last-child {
  padding-right: 1.25em;
}
.stat-table .buff-icon {
  color: #358919;
}
.stat-table .debuff-icon {
  color: #cc3342;
}
.stat-table .stat-icon {
  width: 1vw;
  text-align: center;
  padding-right: 0;
}
.stat-table .stat-name {
  width: 9vw;
  font-weight: bold;
  text-transform: uppercase;
}
.stat-table .stat-value {
  text-align: right;
  white-space: nowrap;
}
.beast-status {
  position: relative;
  box-shadow: none !important;
}
.beast-status.vertical > .flex {
  flex-direction: column;
  gap: 2em;
}
.beast-status.vertical > .flex .beast-status-info {
  border-radius: 999vw;
  text-align: center;
}
.beast-status.vertical > .flex .beast-status-info > .flex {
  justify-content: center;
}
.beast-status.clickable {
  cursor: pointer;
}
.beast-status.clickable .beast-icon-frame-shadow {
  transition: ease all 0.2s;
}
.beast-status.clickable:hover .beast-icon-frame-shadow {
  box-shadow: 0 0 0 0.5vw #44b5b9 rgba(68, 181, 185, 0.8), 0.2vw 0.2vw 0.5vw rgba(0, 0, 0, 0.8);
}
.beast-status .view-beast-details {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
.beast-status .view-beast-details svg {
  display: block;
}
.beast-status:not(.isEncounter) .view-beast-details {
  left: 50%;
  transform: translateX(-50%);
}
.beast-status.isDead .beast-icon-wrapper {
  opacity: 0.2;
}
.beast-status.isDead .party-dead-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 3vw;
  color: #cc3342;
  opacity: 0.5;
}
.beast-status-details {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 0;
  margin-left: -3vw;
  padding: 1vw;
  border-top-right-radius: 1vw;
  border-bottom-right-radius: 1vw;
  box-shadow: 0 0.1vw 1vw rgba(0, 0, 0, 0.5);
  padding-left: 5vw;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}
.beast-status-details .beast-status-info {
  padding-bottom: 0.5vw;
}
.beast-status-details .beast-status-info .beast-level,
.beast-status-details .beast-status-info .beast-keywords {
  text-align: left;
  margin-bottom: 0.2vw;
  font-size: 0.5em;
}
.beast-status-details .beast-status-name {
  display: flex;
  align-items: center;
  gap: 0.5vw;
  text-shadow: 0 0 0.2vw black, 0 0 0.1vw black;
}
.beast-status-details .beast-name {
  margin: 0;
  white-space: nowrap;
}
.beast-status-details .element-icon {
  width: 1.4vw !important;
  height: 1.4vw !important;
}
.beast-status-details .element-icon.secondary-element {
  width: 1vw !important;
  height: 1vw !important;
  margin-left: -0.1vw !important;
}
.beast-status-details .beast-health-container {
  position: relative;
  z-index: 3;
  width: 15.5vw;
}
.beast-status-details .beast-health-container span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: bold;
  line-height: calc(1.5vw - 2px);
  pointer-events: none;
}
.beast-status-details .beast-health-container .beast-health .health-bar-container {
  background: linear-gradient(#10131b, #182226);
  overflow: hidden;
  display: flex;
  flex-wrap: nowrap;
}
.beast-status-details .beast-health-container .beast-health .health-bar {
  height: 1.3vw;
  transition: ease width 1s;
  border: 1px solid rgba(0, 0, 0, 0.2);
  color: rgba(255, 255, 255, 0.8);
}
.beast-status-details .beast-health-container .beast-health .health-bar.health {
  background: linear-gradient(#d30000, rgb(83.5, 0, 0));
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), 0 0 1vw #d30000;
}
.beast-status-details .beast-health-container .beast-health .health-bar.temporary {
  background: linear-gradient(#f68f8f, rgb(236.5165289256, 24.9834710744, 24.9834710744));
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), 0 0 1vw #f68f8f;
}
.beast-status-details .beast-health-container .beast-health .health-bar.armor {
  background: linear-gradient(#fff200, rgb(127.5, 121, 0));
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), 0 0 1vw #fff200;
}
.beast-status-details .beast-health-container .beast-health .health-bar.shield {
  background: linear-gradient(#4385ff, rgb(0, 68.2819148936, 194.5));
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), 0 0 1vw #4385ff;
}
.beast-status-details .beast-surge {
  border: 1px solid rgba(0, 0, 0, 0.5);
  width: 7.75vw;
}
.beast-status-details .beast-surge span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: bold;
  line-height: calc(1.5vw - 2px);
  font-size: 0.6vw;
  opacity: 0;
}
.beast-status-details .beast-surge .surge-bar-container {
  background: linear-gradient(#10131b, #182226);
  overflow: hidden;
}
.beast-status-details .beast-surge .surge-bar {
  height: 0.5vw;
  background: linear-gradient(rgb(141.6600790514, 210.8893280632, 213.3399209486), #44b5b9);
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), 0 0 1vw #44b5b9;
  color: rgba(255, 255, 255, 0.8);
  transition: ease width 1s;
}
.beast-status-details .beast-fatigue {
  border: 1px solid rgba(0, 0, 0, 0.5);
  width: 7.75vw;
  z-index: 2;
}
.beast-status-details .beast-fatigue .fatigue-bar-container {
  background: linear-gradient(#10131b, #182226);
  overflow: hidden;
  display: flex;
  gap: 0.1vw;
}
.beast-status-details .beast-fatigue .fatigue-bar {
  height: 0.5vw;
  background: linear-gradient(rgb(248.8350515464, 209.9484536082, 169.1649484536), #f2a04a);
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), 0 0 1vw #f2a04a;
  color: rgba(255, 255, 255, 0.8);
  transition: ease width 1s;
  opacity: 0.2;
  width: 10%;
}
.beast-status-details .beast-fatigue .fatigue-bar.highlight {
  opacity: 1;
}
.beast-status-details .beast-fatigue .fatigue-bar.flashing {
  animation: flashing 1s infinite;
}
.beast-status-details .beast-experience {
  top: 100%;
  width: 15.5vw;
}
.beast-status-details .beast-experience span {
  opacity: 0;
}
.beast-status-details .beast-experience.full .experience-bar {
  background: #915cdb;
}
.beast-experience {
  border: 1px solid rgba(0, 0, 0, 0.5);
  position: relative;
}
.beast-experience span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: bold;
  line-height: calc(1.5vw - 2px);
  font-size: 0.6vw;
}
.beast-experience .experience-bar {
  height: 0.5vw;
  background: linear-gradient(rgb(89.4814814815, 217.037037037, 46.962962963), #358919);
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), 0 0 1vw #44b5b9;
  color: rgba(255, 255, 255, 0.8);
  transition: ease width 1s;
}
.level-up-button {
  background: linear-gradient(to left, rgba(255, 54, 84, 0.2), rgba(232, 58, 154, 0.2), rgba(207, 41, 171, 0.2), rgba(149, 25, 207, 0.2), rgba(63, 9, 224, 0.2), rgba(149, 25, 207, 0.2), rgba(207, 41, 171, 0.2), rgba(232, 58, 154, 0.2), rgba(255, 54, 84, 0.2));
  background-size: 200% 200%;
  animation: glowSurgeButton 1.25s linear infinite;
  animation-delay: -1s;
}
.beast-icon {
  position: relative;
  z-index: 1;
  width: 6dvw;
  height: 6dvw;
  cursor: pointer;
}
.beast-icon.active .beast-icon-frame,
.beast-icon.active .beast-icon-background, .beast-icon:hover .beast-icon-frame,
.beast-icon:hover .beast-icon-background, .beast-icon:focus .beast-icon-frame,
.beast-icon:focus .beast-icon-background, .beast-icon:focus-visible .beast-icon-frame,
.beast-icon:focus-visible .beast-icon-background {
  box-shadow: 0 0 1vw rgba(229, 179, 92, 0.5), inset 0 0 0.8vw 0.2vw rgba(229, 179, 92, 0.4);
}
.beast-icon.active .beast-icon-frame-top, .beast-icon:hover .beast-icon-frame-top, .beast-icon:focus .beast-icon-frame-top, .beast-icon:focus-visible .beast-icon-frame-top {
  border-left-color: #e5b35c !important;
  border-top-color: #e5b35c !important;
}
.beast-icon.active .beast-icon-frame-bottom, .beast-icon:hover .beast-icon-frame-bottom, .beast-icon:focus .beast-icon-frame-bottom, .beast-icon:focus-visible .beast-icon-frame-bottom {
  border-right-color: #e5b35c !important;
  border-bottom-color: #e5b35c !important;
}
.beast-icon.small {
  width: 4dvw;
  height: 4dvw;
}
.beast-icon.small .beast-icon-frame-bottom,
.beast-icon.small .beast-icon-frame-top {
  border-width: 0.2vw !important;
}
.beast-icon.xsmall {
  width: 2.5dvw;
  height: 2.5dvw;
}
.beast-icon.xsmall .beast-icon-frame-bottom,
.beast-icon.xsmall .beast-icon-frame-top {
  border-width: 0.1vw !important;
}
.beast-icon .add-party-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  font-size: 2vw;
  z-index: 1;
  color: rgba(229, 179, 92, 0.5);
  text-shadow: 0 0 0.5vw black;
}
.beast-icon .party-leader-crown {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  filter: drop-shadow(0 0 0.5vw black);
  font-size: 1vw;
  top: -1.5vw;
}
.beast-icon .beast-icon-frame {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  box-shadow: 0.2vw 0.2vw 0.5vw rgba(0, 0, 0, 0.8);
  transition: ease all 0.2s;
}
.beast-icon .beast-icon-frame .beast-icon-frame-top {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 0.4dvw solid transparent;
  border-left: 0.4dvw solid rgba(221.9841269841, 158.4920634921, 48.0158730159, 0.3);
  border-top: 0.4dvw solid rgba(221.9841269841, 158.4920634921, 48.0158730159, 0.3);
  z-index: 1;
  transition: ease all 0.2s;
}
.beast-icon .beast-icon-frame .beast-icon-frame-bottom {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 0.4dvw solid transparent;
  border-right: 0.4dvw solid rgba(229, 179, 92, 0.3);
  border-bottom: 0.4dvw solid rgba(229, 179, 92, 0.3);
  z-index: 1;
  transition: ease all 0.2s;
}
.beast-icon .beast-icon-frame .beast-icon-wrapper {
  width: 140%;
  height: 140%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.beast-icon .beast-icon-frame .beast-icon-img {
  width: 100%;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.beast-icon .beast-icon-frame .beast-icon-background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(rgb(12.0326086957, 9.3586956522, 8.4673913043), rgb(41.9673913043, 32.6413043478, 29.5326086957));
}
.beast-icon .radiant-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.beast-icon.isEncounter .beast-icon-wrapper {
  z-index: 3;
  width: 100%;
  height: 100%;
  margin-top: -0.16vw;
  margin-left: -0.15vw;
}
.beast-icon.isEncounter .beast-level {
  bottom: -0.6vw;
}
.beast-icon.isEncounter .beast-icon-frame .beast-icon-img {
  padding: 0;
  margin: 0;
}
.beast-icon.isEncounter .beast-icon-frame .beast-icon-frame-top {
  top: 0;
  left: 0;
}
.beast-icon.isEncounter .beast-icon-frame .beast-icon-frame-bottom {
  top: 0;
  left: 0;
}
.beast-icon.isEncounter .beast-icon-frame .beast-icon-background {
  top: 0;
  left: 0;
}
.beast-icon:not(.isEncounter) .beast-icon-frame {
  transform: rotate(45deg);
}
.beast-icon:not(.isEncounter) .radiant-wrapper {
  transform: rotate(-45deg);
}
.beast-icon .beast-level,
.beast-icon .beast-elite {
  position: absolute;
  transform: translate(-50%);
  left: 50%;
  z-index: 4;
  color: white;
  text-shadow: 0 0 1px black;
  border-radius: 99vw;
  padding: 0.2vw 0.4vw;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.8vw;
  text-align: center;
  box-shadow: 0 0 0.2vw rgba(0, 0, 0, 0.6), inset 0 0 0 1px rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.beast-icon .beast-level {
  bottom: -1.2vw;
  background: #193b54;
}
.beast-icon .beast-elite {
  top: -0.5vw;
  background: #951f2b;
}
.cosmetic-layers {
  display: flex;
  gap: 0.5em;
  width: 100%;
  flex-direction: column;
  position: relative;
  z-index: 1;
  max-height: 19vw;
  overflow-y: auto;
}
.cosmetic-layers .cosmetic-layer {
  background: rgba(0, 0, 0, 0.5);
  padding: 0.5em;
  border-radius: 0.2em;
  border: 0.1vw solid rgba(229, 179, 92, 0.2);
}
.cosmetic-layers .cosmetic-layer .inventory-grid-item {
  margin: -0.5vw 0;
}
.cosmetic-layers .item-types {
  display: none;
}
.glamour-dialog .dialog-content {
  max-height: none !important;
}
.glamour-dialog .dialog-wrapper {
  top: 50%;
  width: 100%;
  left: 0;
  transform: translateY(-50%);
}
.glamour-dialog .dialog-wrapper .tabs .tabs-nav {
  margin-bottom: 0;
}
.tabs-content {
  display: flex;
  flex-direction: column;
}
.glamour-slot {
  position: relative;
  padding-right: 0.5em;
  border: 1px solid rgba(229, 179, 92, 0.3);
  border-radius: 0.2em;
  background: rgba(0, 0, 0, 0.5);
  transition: ease all 0.2s;
}
.glamour-slot.emptySlot {
  cursor: pointer;
}
.glamour-slot.emptySlot svg {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #e5b35c;
  opacity: 0.5;
  transform: translate(-50%, -50%);
}
.glamour-slot.emptySlot:hover {
  border-color: #e5b35c;
}
.glamour-slot.emptySlot:hover svg {
  opacity: 1;
}
.glamour-slot .item-types {
  display: none;
}
.glamours {
  position: relative;
  padding-right: 10vw;
  padding-left: 10vw;
  background: linear-gradient(to bottom, rgb(25.0452261307, 10.1306532663, 45.8693467337), rgb(70.6633165829, 28.5829145729, 129.4170854271));
  overflow-y: auto;
}
.glamour-card {
  position: relative;
  overflow: hidden;
  border-radius: 0.5vw;
  cursor: pointer;
  transition: ease all 0.2s;
}
.glamour-card .glamour-card-inner {
  border-radius: 0.5vw;
  transition: ease all 0.2s;
}
.glamour-card:hover {
  transform: scale(1.01);
}
.glamour-card:hover .glamour-card-inner {
  box-shadow: inset 0 0 1vw rgba(229, 179, 92, 0.5), inset 0 0 0.8vw 0.2vw rgba(229, 179, 92, 0.4), inset 0 0 0 0.2vw #e5b35c;
}
.glamour-card:hover .glamour-card-footer {
  box-shadow: inset 0 0 1vw rgba(229, 179, 92, 0.5), inset 0 0 0.8vw 0.2vw rgba(229, 179, 92, 0.4), inset 0 0 0 0.2vw #e5b35c;
}
.glamour-card:hover .glamour-image,
.glamour-card:hover .beast-shadow-image {
  transform: scale(1.05);
}
.glamour-card .beast-shadow-image {
  position: absolute;
  top: -2vw;
  left: 0;
  opacity: 0.5;
  transition: ease all 0.2s;
}
.glamour-card h3 {
  font-size: 1em;
}
.glamour-card .shard {
  min-width: 1.5vw;
  max-width: 1.5vw;
}
.glamour-card .badge {
  position: absolute;
  z-index: 10;
  bottom: 3.5vw;
  left: 1vw;
  height: auto;
  padding: 0.2vw 0.6vw;
  border-radius: 0.5vw;
  color: white;
  filter: drop-shadow(0 0 0.25vw rgba(0, 0, 0, 0.5));
  font-size: 1em;
  font-weight: bold;
  text-transform: uppercase;
}
.glamour-card .badge.pending {
  left: 50%;
  transform: translateX(-50%);
}
.glamour-card .badge.deluxe {
  right: 1vw;
  left: auto;
}
.glamour-card .discount {
  position: absolute;
  z-index: 10;
  top: 1vw;
  left: 1vw;
  width: 2.5vw;
  height: 2.5vw;
  background-color: #e5b35c;
  filter: drop-shadow(0 0 0.25vw rgba(0, 0, 0, 0.5));
  font-size: 1.2em;
  font-weight: bold;
  text-transform: uppercase;
  transform: rotate(45deg);
}
.glamour-card .discount::before, .glamour-card .discount::after {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #e5b35c;
  content: "";
}
.glamour-card .discount::before {
  transform: rotate(30deg);
}
.glamour-card .discount::after {
  transform: rotate(60deg);
}
.glamour-card .discount span {
  position: relative;
  position: absolute;
  top: 50%;
  left: 50%;
  color: black;
  transform: translate(-50%, -50%) rotate(-45deg);
}
.glamour-card .bg-glamour-image {
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 0.1;
  transform: translate(-50%, -50%) scale(1.5);
}
.glamour-card .bg-glamour-image-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}
.glamour-card.young .bg-glamour-image {
  margin-top: -5vw;
}
.glamour-card .glamour-card-content {
  position: relative;
  border-top-left-radius: 0.5vw;
  border-top-right-radius: 0.5vw;
}
.glamour-card .glamour-card-inner {
  position: relative;
  margin-top: 2vw;
}
.glamour-card .glamour-image {
  position: relative;
  top: -2vw;
  display: block;
  margin-bottom: -20% !important;
  transition: ease all 0.2s;
}
.glamour-card.large .shard {
  min-width: 2vw;
}
.glamour-card.large .glamour-card-inner {
  position: relative;
  margin-top: 5vw;
}
.glamour-card.large .glamour-image,
.glamour-card.large .beast-shadow-image {
  top: -5vw;
  margin-bottom: -30% !important;
}
.glamour-card.large .discount {
  width: 3vw;
  height: 3vw;
  font-size: 1.5em;
}
.glamour-card.large .badge {
  bottom: 4vw;
  padding: 0.25vw 0.75vw;
  font-size: 1.2em;
}
.glamour-card.large h3 {
  font-size: 1.5em;
}
.glamour-card .glamour-card-footer {
  position: relative;
  overflow: hidden;
  padding: 0.5vw 1vw;
  border-top: 0.2vw solid rgba(229, 179, 92, 0.3);
  background: rgb(47.8542713568, 19.3567839196, 87.6432160804);
  border-bottom-left-radius: 0.5vw;
  border-bottom-right-radius: 0.5vw;
  color: rgba(255, 255, 255, 0.8);
  transition: ease all 0.2s;
}
.glamour-card .glamour-card-footer h3,
.glamour-card .glamour-card-footer h4 {
  margin: 0;
}
.glamour-card .glamour-card-footer .glamour-name {
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  text-wrap: nowrap;
}
.glamour-card .glamour-card-footer .glamour-gems {
  min-width: 5vw;
}
.glamour-wizard .wizard-nav {
  padding: 1vw 0;
  border-bottom: 0;
  margin-bottom: 0;
}
.glamour-wizard .wizard-footer {
  padding: 1vw;
  margin: 0;
}
.glamour-wizard .wizard {
  display: flex;
  height: 100%;
  flex-direction: column;
}
.glamour-wizard .wizard .wizard-content {
  flex: 1 0 0;
  overflow-y: auto;
}
.glamour-wizard .upload {
  width: 24vw;
}
.glamour-wizard .upload img {
  display: block;
  height: 8.58vw;
  padding: 0.2vw;
  margin: 0 auto;
}
.glamour-preview .canvas-wrapper {
  width: 24vw !important;
}
.glamour-preview .expression-grid .canvas-wrapper {
  width: 10vw !important;
}
.glamour-preview-image-dialog .canvas-wrapper {
  width: 50vw !important;
}
.glamour-preview-image-dialog .hasExpression .canvas-wrapper {
  width: 40vw !important;
}
.glamour-details-dialog .dialog-inner {
  height: 100%;
}
.glamour-details-dialog .dialog-content {
  position: relative;
  overflow: hidden;
  height: calc(100% - 4vw);
}
.glamour-details-dialog .dialog-content:before {
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20vw;
  background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.8));
  content: "";
  pointer-events: none;
}
.glamour-details-dialog.dialog-container .dialog-wrapper .dialog-inner {
  background: rgba(0, 0, 0, 0.9);
}
.glamour-details-dialog.dialog-container .dialog-wrapper .dialog-inner .dialog-footer {
  background: rgba(0, 0, 0, 0.9);
}
.glamour-details {
  position: relative;
}
.glamour-sidebar {
  position: relative;
  z-index: 2;
  width: 26vw;
  border-radius: 0.5vw;
}
.glamour-sidebar .canvas-wrapper {
  width: 10vw !important;
}
.glamour-sidebar .glamour-sidebar-header {
  padding: 1vw;
  background: rgba(128, 128, 128, 0.3);
  text-align: left;
}
.glamour-sidebar .glamour-sidebar-content {
  padding: 2vw;
  background: rgba(128, 128, 128, 0.2);
}
.glamour-sidebar .glamour-sidebar-content .beast-image .canvas-wrapper canvas {
  width: 100%;
  min-width: 100%;
}
.glamour-sidebar .glamour-sidebar-footer {
  padding: 1vw;
  background: rgba(128, 128, 128, 0.3);
}
.glamour-sidebar .glamour-sidebar-footer .button {
  background: rgba(0, 0, 0, 0.4);
}
.glamour-details-image {
  position: relative;
  z-index: 3;
}
.glamour-details-image .canvas-wrapper {
  width: 50vw !important;
}
.glamour-details-image .beast-image-shadow {
  display: none;
}
.glamour-details-bg-image {
  position: absolute;
  top: 50%;
  left: 50%;
  pointer-events: none;
  transform: translate(-50%, -50%);
}
.glamour-details-bg-image img {
  width: 120vw;
  min-width: 120vw;
  height: auto;
  filter: blur(10px);
  opacity: 0.3;
}
.glamour-details-bg-image.bg-image-2 img {
  width: 400vw;
  min-width: 400vw;
  filter: blur(15px);
  opacity: 0.2;
}
.lineage .grandparents {
  position: relative;
}
.lineage .grandparents .beast-icon:nth-child(1):before, .lineage .grandparents .beast-icon:nth-child(3):before {
  position: absolute;
  bottom: 100%;
  left: 50%;
  width: 3.5em;
  height: 3em;
  border-top: 0.2em solid rgba(229, 179, 92, 0.1);
  border-left: 0.2em solid rgba(229, 179, 92, 0.1);
  content: "";
  transform: translateX(-0.1em);
}
.lineage .grandparents .beast-icon:nth-child(2):before, .lineage .grandparents .beast-icon:nth-child(4):before {
  position: absolute;
  right: 50%;
  bottom: 100%;
  width: 3.5em;
  height: 3em;
  border-top: 0.2em solid rgba(229, 179, 92, 0.1);
  border-right: 0.2em solid rgba(229, 179, 92, 0.1);
  content: "";
  transform: translateX(0.1em);
}
.lineage .great-grandparents {
  position: relative;
}
.lineage .great-grandparents .beast-icon:nth-child(1):before, .lineage .great-grandparents .beast-icon:nth-child(3):before, .lineage .great-grandparents .beast-icon:nth-child(5):before, .lineage .great-grandparents .beast-icon:nth-child(7):before {
  position: absolute;
  bottom: 100%;
  left: 50%;
  width: 3.5em;
  height: 3em;
  border-top: 0.2em solid rgba(229, 179, 92, 0.1);
  border-left: 0.2em solid rgba(229, 179, 92, 0.1);
  content: "";
  transform: translateX(-0.1em);
}
.lineage .great-grandparents .beast-icon:nth-child(2):before, .lineage .great-grandparents .beast-icon:nth-child(4):before, .lineage .great-grandparents .beast-icon:nth-child(6):before, .lineage .great-grandparents .beast-icon:nth-child(8):before {
  position: absolute;
  right: 50%;
  bottom: 100%;
  width: 3.5em;
  height: 3em;
  border-top: 0.2em solid rgba(229, 179, 92, 0.1);
  border-right: 0.2em solid rgba(229, 179, 92, 0.1);
  content: "";
  transform: translateX(0.1em);
}
.nurseries {
  position: relative;
  display: flex;
  overflow: hidden;
  height: 100%;
  max-height: 100%;
  flex-direction: column;
}
.nurseries-grid {
  overflow: auto;
  padding: 2vw;
}
.nurseries-grid .item-slot {
  width: 4.5vw;
}
.dialog-content .nursery {
  padding: 0;
}
.nursery-slot {
  position: relative;
  z-index: 2;
  height: 12vw;
  cursor: pointer;
  transition: ease all 0.2s;
}
.nursery-slot:hover {
  border-color: #e5b35c;
}
.nursery-slot:hover .icon {
  opacity: 1;
}
.nursery-slot.disabled .icon {
  display: none;
}
.nursery-slot .use-nursery-slot {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #e5b35c;
  font-size: 2em;
  opacity: 0.2;
  transform: translate(-50%, -50%);
  transition: ease all 0.2s;
}
.nursery-slot > .flex {
  height: 100%;
}
.nursery-slot .text {
  flex: 1 0 0;
}
.nursery {
  flex: 1 0 0;
  align-items: center;
  padding: 2vw;
}
.nursery .hr {
  margin-bottom: 0.5vw;
}
.nursery .breeding-predictor-items {
  width: 20%;
}
.nursery .breeding-predictor-items .item-slot {
  width: 100%;
}
.nursery .breeding-predictor-beast-slot {
  overflow: hidden;
  height: 16.4vw;
}
.nursery .breeding-predictor-beast-slot,
.nursery .breeding-predictor-item-slot {
  position: relative;
  z-index: 2;
  display: flex;
  overflow: visible;
  flex: 1 0 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 !important;
  cursor: pointer;
  transition: ease all 0.2s;
}
.nursery .breeding-predictor-beast-slot .beast-image .beast-breathing > *,
.nursery .breeding-predictor-item-slot .beast-image .beast-breathing > * {
  pointer-events: none;
}
.nursery .breeding-predictor-beast-slot:hover,
.nursery .breeding-predictor-item-slot:hover {
  border-color: #e5b35c;
}
.nursery .breeding-predictor-beast-slot:hover .icon,
.nursery .breeding-predictor-item-slot:hover .icon {
  opacity: 1;
}
.nursery .breeding-predictor-beast-slot .text,
.nursery .breeding-predictor-item-slot .text {
  display: flex;
  width: 100%;
  justify-content: center;
}
.nursery .breeding-predictor-beast-slot .beast-image,
.nursery .breeding-predictor-item-slot .beast-image {
  width: 55%;
}
.nursery .breeding-predictor-beast-slot .canvas-wrapper,
.nursery .breeding-predictor-item-slot .canvas-wrapper {
  width: 100% !important;
}
.nursery .breeding-predictor-beast-slot .remove-gear,
.nursery .breeding-predictor-item-slot .remove-gear {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.2em;
  height: 1.2em;
  padding: 0.2vw;
  border-radius: 50%;
  background: #951f2b;
  color: #e5b35c;
  color: #fcfbf9;
  font-size: 2em;
  opacity: 0;
  transform: translate(-50%, -50%);
  transition: ease all 0.2s;
}
.nursery .breeding-predictor-beast-slot:hover .remove-gear,
.nursery .breeding-predictor-item-slot:hover .remove-gear {
  opacity: 1;
}
.nursery .breeding-predictor-item-slot {
  max-width: 8vw;
  height: 7.7vw;
}
.nursery .use-slot {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #e5b35c;
  font-size: 2em;
  opacity: 0.2;
  transform: translate(-50%, -50%);
  transition: ease all 0.2s;
}
.breeding-predictor-preview-slot {
  z-index: 2;
}
.breeding-predictor-preview-slot:hover {
  border-color: #e5b35c;
}
.breeding-predictor-preview-slot:hover .icon {
  opacity: 1;
}
.breeding-predictor-preview-slot .text {
  width: 100%;
}
.breeding-predictor-preview-slot .canvas-wrapper {
  width: 100% !important;
}
.beasts-breeding-tabs .tabs-nav {
  margin: 0 !important;
}
@keyframes egg-shake {
  0% {
    transform: rotate(0deg);
  }
  10% {
    transform: rotate(3deg);
  }
  20% {
    transform: rotate(-3deg);
  }
  30% {
    transform: rotate(2deg);
  }
  40% {
    transform: rotate(-2deg);
  }
  50% {
    transform: rotate(1deg);
  }
  60% {
    transform: rotate(-1deg);
  }
  70% {
    transform: rotate(0.5deg);
  }
  80% {
    transform: rotate(-0.5deg);
  }
  90% {
    transform: rotate(0.25deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes egg-pop-and-flip {
  0% {
    transform: translateY(0) translateX(0vw) rotate(0deg);
    opacity: 1;
  }
  60% {
    transform: translateY(-8vw) translateX(2vw) rotate(90deg);
    opacity: 1;
  }
  100% {
    transform: translateY(-0.5vw) translateX(4vw) rotate(180deg);
    opacity: 0;
  }
}
@keyframes egg-beast-bounce-fade {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.5);
  }
  60% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.2);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}
.egg-wrapper {
  width: 15vw;
  position: relative;
  aspect-ratio: 3/4;
  transform-origin: bottom center;
  animation: egg-shake 2s infinite;
}
.egg-beast-image {
  opacity: 0;
  transition: ease all 0.2s;
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform-origin: bottom center;
  width: 200%;
  max-width: none;
  z-index: 4;
}
.egg-wrapper.hatched {
  animation: none;
}
.egg-wrapper.hatched .egg-piece-1 {
  animation: egg-pop-and-flip 0.5s ease-in forwards;
  transform-origin: center;
}
.egg-wrapper.hatched .egg-piece-2 {
  opacity: 0;
}
.egg-wrapper.hatched .egg-beast-image {
  animation: egg-beast-bounce-fade 0.8s ease-out forwards;
}
.egg-piece {
  position: absolute;
  top: 0;
  left: 0;
  background: white;
  aspect-ratio: 3/4;
  width: 100%;
  border-radius: 100%/125% 125% 80% 80%;
}
.egg-piece-1 {
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAsMCBIMTAwIFY1MCBMOTUsNDggTDkxLDU1IEw4Myw0NyBMNzUsNTQgTDY4LDQ2IEw2MCw1MyBMNTUsNDcgTDUwLDU0IEw0Myw0NyBMMzcsNTMgTDI1LDQ3IEwxNSw1NSBMMTAsNDcgTDAsNTAgWiIgZmlsbD0id2hpdGUiLz48L3N2Zz4=");
          mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAsMCBIMTAwIFY1MCBMOTUsNDggTDkxLDU1IEw4Myw0NyBMNzUsNTQgTDY4LDQ2IEw2MCw1MyBMNTUsNDcgTDUwLDU0IEw0Myw0NyBMMzcsNTMgTDI1LDQ3IEwxNSw1NSBMMTAsNDcgTDAsNTAgWiIgZmlsbD0id2hpdGUiLz48L3N2Zz4=");
  -webkit-mask-size: 134% 100%;
          mask-size: 134% 100%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background: linear-gradient(to bottom, white, #ddd);
  z-index: 1;
  top: 0.5vw;
}
.egg-piece-2 {
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAsNTAgTDI1LDQ3IEwzNyw1MyBMNDMsNDcgTDUwLDU0IEw1NSw0NyBMNjAsNTMgTDY4LDQ2IEw3NSw1NCBMODMsNDcgTDkxLDU1IEw5NSw0OCBMMTAwLDUwIFYxMDAgSDAgWiIgZmlsbD0id2hpdGUiLz48L3N2Zz4=");
          mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAsNTAgTDI1LDQ3IEwzNyw1MyBMNDMsNDcgTDUwLDU0IEw1NSw0NyBMNjAsNTMgTDY4LDQ2IEw3NSw1NCBMODMsNDcgTDkxLDU1IEw5NSw0OCBMMTAwLDUwIFYxMDAgSDAgWiIgZmlsbD0id2hpdGUiLz48L3N2Zz4=");
  -webkit-mask-size: 134% 100%;
          mask-size: 134% 100%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background: linear-gradient(to bottom, white, #ddd);
  z-index: 2;
  transition: ease all 0.2s;
  transition-delay: 0.2s;
}
.egg-shrapnel {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.9vw;
  height: 0.9vw;
  background: #eee;
  clip-path: polygon(50% 0%, 65% 25%, 100% 30%, 75% 60%, 85% 100%, 50% 80%, 15% 100%, 25% 60%, 0% 30%, 35% 25%);
  transform: translate(-50%, -50%);
  opacity: 0;
  pointer-events: none;
  z-index: 3;
}
.egg-wrapper.hatched .egg-shrapnel {
  opacity: 1;
  animation: fly-shrapnel 0.5s ease-out forwards;
}
@keyframes fly-shrapnel {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
  100% {
    transform: translate(calc(-50% + var(--x)), calc(-50% + var(--y))) scale(0.6);
    opacity: 0;
  }
}
.egg-shrapnel:nth-child(3) {
  --x: -4vw;
  --y: -9vw;
}
.egg-shrapnel:nth-child(4) {
  --x: 5vw;
  --y: -8vw;
}
.egg-shrapnel:nth-child(5) {
  --x: -6vw;
  --y: -4vw;
}
.egg-shrapnel:nth-child(6) {
  --x: 3vw;
  --y: -7vw;
}
.egg-shrapnel:nth-child(7) {
  --x: -5vw;
  --y: 1vw;
}
.egg-shrapnel:nth-child(8) {
  --x: 4vw;
  --y: 3vw;
}
.egg-shrapnel:nth-child(9) {
  --x: 2vw;
  --y: -5vw;
}
.egg-shrapnel:nth-child(10) {
  --x: -3vw;
  --y: -7vw;
}
.egg-shrapnel:nth-child(11) {
  --x: 1vw;
  --y: -8vw;
}
.egg-shrapnel:nth-child(12) {
  --x: -4vw;
  --y: -2vw;
}
.cipher-slots .item-slot {
  background: rgba(0, 0, 0, 0.8);
  box-shadow: 0 0 1vw black;
}
.cipher-image {
  width: 42vw;
}
.cipher {
  padding-left: 4vw;
  gap: 4vw !important;
}
.cipher .item-slot {
  width: 6vw;
  height: 5.3vw;
  padding: 0 !important;
  overflow: visible;
}
.cipher .cipher-slot {
  position: absolute;
  transform: translate(-50%, -50%);
  width: 10vw !important;
  height: 10vw !important;
  border-radius: 50% !important;
}
.cipher .cipher-slot.cipher-slot-1 {
  top: 21.3vw;
  left: 21vw;
}
.cipher .cipher-slot.cipher-slot-2, .cipher .cipher-slot.cipher-slot-3, .cipher .cipher-slot.cipher-slot-4, .cipher .cipher-slot.cipher-slot-5, .cipher .cipher-slot.cipher-slot-6 {
  width: 8vw !important;
  height: 5vw !important;
}
.cipher .cipher-slot.cipher-slot-2 {
  top: 8vw;
  left: 30.7vw;
  transform: translate(-50%, -50%) rotate(33.33deg);
}
.cipher .cipher-slot.cipher-slot-2 > * {
  transform: rotate(-30.333deg);
}
.cipher .cipher-slot.cipher-slot-3 {
  top: 25vw;
  left: 37vw;
  transform: translate(-50%, -50%) rotate(100deg);
}
.cipher .cipher-slot.cipher-slot-3 > * {
  transform: rotate(-100deg);
}
.cipher .cipher-slot.cipher-slot-4 {
  top: 36.2vw;
  left: 21vw;
  transform: translate(-50%, -50%);
}
.cipher .cipher-slot.cipher-slot-5 {
  top: 25.5vw;
  left: 5vw;
  transform: translate(-50%, -50%) rotate(-100deg);
}
.cipher .cipher-slot.cipher-slot-5 > * {
  transform: rotate(100deg);
}
.cipher .cipher-slot.cipher-slot-6 {
  top: 8vw;
  left: 11vw;
  transform: translate(-50%, -50%) rotate(-33.33deg);
}
.cipher .cipher-slot.cipher-slot-6 > * {
  transform: rotate(33deg);
}
.item-slot {
  width: 6vw;
  aspect-ratio: 1;
}
.item-slot-clear {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 2em;
  color: #e5b35c;
  opacity: 0;
  transition: ease all 0.2s;
}
@keyframes slot-powered {
  0% {
    filter: drop-shadow(0 0 1vw #44b5b9);
  }
  50% {
    filter: drop-shadow(0 0 1.5vw #44b5b9);
  }
  100% {
    filter: drop-shadow(0 0 1vw #44b5b9);
  }
}
.cipher-slot-cracked,
.cipher-slot-powered,
.cipher-panel-powered {
  position: absolute;
  top: 0;
  left: 0;
  animation: slot-powered 2s infinite;
}
.cipher-panel-powered {
  animation: slot-powered 2.3s infinite;
}
.codex {
  max-height: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.codex .codex-tabs {
  flex: 1 0 0;
  height: calc(100% - 4vw);
  overflow-y: auto;
}
.codex .codex-tabs > .tabs {
  flex-direction: row !important;
  height: 92%;
  max-height: 76vw;
}
.codex .codex-tabs > .tabs > .tabs-nav {
  margin: 0;
  margin-right: -2.2vw;
  z-index: 1;
  position: absolute;
  left: 7vw;
  top: calc(50% - 1vw);
  transform: translateY(-50%);
}
.codex .codex-tabs > .tabs > .tabs-nav ul {
  justify-content: center;
  display: flex;
  flex-direction: column;
  gap: 0.5vw;
  padding-left: 1vw;
  overflow: hidden;
}
.codex .codex-tabs > .tabs > .tabs-nav li {
  justify-content: flex-end;
  border-radius: 0 !important;
  opacity: 1 !important;
  padding: 0.6vw 1vw;
  border-right: 0 !important;
  box-shadow: inset 1px 0 0 1px rgba(255, 255, 255, 0.2), 0 0.5vw 1vw black;
  background: linear-gradient(to right, #49331b, #5e4a39);
  border: 1px solid rgb(35.77, 24.99, 13.23);
  font-size: 0.8em;
  position: relative;
}
.codex .codex-tabs > .tabs > .tabs-nav li:last-child {
  display: none;
}
.codex .codex-tabs > .tabs > .tabs-nav li.active {
  background: linear-gradient(to right, #885b31, #d79d5d);
  border: 1px solid rgb(98.5081081081, 65.9135135135, 35.4918918919) !important;
  border-right: 0 !important;
}
.codex .codex-tabs > .tabs > .tabs-nav li:nth-child(1) {
  z-index: 9;
}
.codex .codex-tabs > .tabs > .tabs-nav li:nth-child(2) {
  z-index: 8;
}
.codex .codex-tabs > .tabs > .tabs-nav li:nth-child(3) {
  z-index: 7;
}
.codex .codex-tabs > .tabs > .tabs-nav li:nth-child(4) {
  z-index: 6;
}
.codex .codex-tabs > .tabs > .tabs-nav li:nth-child(5) {
  z-index: 5;
}
.codex .codex-tabs > .tabs > .tabs-nav li:nth-child(6) {
  z-index: 4;
}
.codex .codex-tabs > .tabs > .tabs-nav li:nth-child(7) {
  z-index: 3;
}
.codex .codex-tabs > .tabs > .tabs-nav li:nth-child(8) {
  z-index: 2;
}
.codex .codex-tabs > .tabs > .tabs-nav li:nth-child(9) {
  z-index: 1;
}
.codex .codex-tabs > .tabs > .tabs-nav li:nth-child(10) {
  z-index: 0;
}
.codex .codex-tabs > .tabs > .tabs-content {
  position: absolute;
  left: 0;
  height: 96%;
}
.codex .codex-tabs > .tabs > .tabs-content .game-footer {
  position: absolute;
  bottom: 0;
  left: 0;
}
.book-image {
  background-image: url("https://images.mythaura.com/game/codex-book.png");
  background-size: 100%;
  aspect-ratio: 16/9;
  position: absolute;
  width: 75vw;
  aspect-ratio: 16/9;
  top: 0;
  left: 18vw;
  right: 7vw;
}
.book {
  aspect-ratio: 16/9;
  padding: 1.5vw 3.4vw 3vw 2.8vw;
  display: flex;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 18vw;
  right: 7vw;
}
.book .book-page {
  width: 50%;
  display: flex;
  flex-direction: column;
  color: #3b201a;
}
.book .book-page input::-moz-placeholder {
  color: rgba(59, 32, 26, 0.5);
}
.book .book-page input::placeholder {
  color: rgba(59, 32, 26, 0.5);
}
.book .book-page .select,
.book .book-page input,
.book .book-page .select-placeholder {
  color: #3b201a;
}
.book .book-page .items-container {
  flex: 1 0 0;
  min-height: 0;
}
.book .book-page .items-container .panel {
  height: 100%;
}
.book .book-page .items-container .panel-content {
  min-height: 0;
  overflow-y: auto;
}
.book .book-page .button.tertiary {
  color: #3b201a;
}
.book .book-page:nth-child(1) {
  padding: 3vw 4.5vw 4vw 3.8vw;
}
.book .book-page:nth-child(2) {
  padding: 2.5vw 3.8vw 4vw 4.5vw;
}
.book .book-page .panel-content {
  padding-left: 0.4vw;
  padding-right: 0.4vw;
  padding-top: 0.4vw;
}
.book .book-page .panel-header {
  padding-left: 0.4vw;
  padding-right: 0;
  padding-top: 0;
}
.book .book-page .tabs {
  padding-top: 0;
}
.codex-companion-detail .element-icon {
  width: 2vw;
  height: 2vw;
}
.codex-companion-detail p {
  line-height: 1.1;
}
.codex-quests .tabs-nav li:hover {
  border-color: rgba(255, 255, 255, 0.75) !important;
}
.codex-quests .tabs-nav li.active {
  border-color: rgba(255, 255, 255, 0.75) !important;
  background: rgba(255, 255, 255, 0.3) !important;
}
.codex-quests .tabs-content {
  overflow-y: auto;
}
.codex-quests .quest-list-item {
  padding: 1vw;
  cursor: pointer;
  transition: ease all 0.2s;
  opacity: 0.8;
}
.codex-quests .quest-list-item:hover, .codex-quests .quest-list-item.active {
  box-shadow: 0 0 0.2vw rgba(255, 255, 255, 0.5);
  background: rgba(255, 255, 255, 0.3);
  opacity: 1;
}
.codex-quests .quest-list-item.active {
  background: rgba(255, 255, 255, 0.75);
  opacity: 1;
}
.codex-quests .codex-quest-detail {
  padding-top: 1vw;
}
.book-page .tabs .tabs-nav ul li {
  color: #3b201a;
}
.companion-grid-item {
  position: relative;
  border: 0;
  padding: 0;
  margin: 0;
  background: none;
  display: flex;
  justify-content: center;
}
.companion-grid-item .item-radiant {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.help-dialog {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.help-dialog .help-dialog-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: rgba(1.6055045872, 3.7889908257, 5.3944954128, 0.9);
}
.help-dialog .help-dialog-scroll {
  max-height: 100dvh;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  width: 100%;
}
.help-dialog .help-dialog-position {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  width: 100%;
  padding-top: 7vw;
}
.help-dialog .help-dialog-content {
  margin: auto;
  position: relative;
  z-index: 2;
  background: rgba(22, 18, 15, 0.95);
  border-radius: 0.5vw;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);
}
.help-dialog .help-dialog-body {
  padding: 2vw;
}
.help-dialog .help-dialog-footer {
  padding: 2vw;
  background: rgba(29.5810810811, 24.2027027027, 20.1689189189, 0.95);
  border-bottom-left-radius: 0.5vw;
  border-bottom-right-radius: 0.5vw;
}
.game-dialog.fullHeight .dialog-inner {
  display: flex;
  height: 100%;
  flex-direction: column;
}
.game-dialog.fullHeight .dialog-inner .dialog-content {
  flex: 1 0 0;
}
.game-dialog .dialog-inner {
  max-height: 100%;
  border-top: 1px solid rgba(229, 179, 92, 0.3);
  border-bottom: 1px solid rgba(229, 179, 92, 0.3);
}
.game-dialog .dialog-wrapper {
  top: 50%;
  right: 0;
  left: 0;
  width: 100%;
  max-height: 100dvh;
  border-radius: 0 !important;
  aspect-ratio: 16/9;
  text-align: center;
  transform: translateY(-50%);
}
.game-dialog .dialog-header {
  border-radius: 0 !important;
}
.game-dialog .dialog-content {
  max-height: 100% !important;
  border-radius: 0 !important;
}
.game-dialog .dialog-content.padding {
  padding: 3vw !important;
}
.game-dialog .dialog-footer {
  height: 4vw;
  border-radius: 0 !important;
  background: rgba(27, 21, 19, 0.95);
}
.game-dialog .panel-content {
  overflow-y: auto;
}
.game-settings,
.game-menu,
.battle-beast-dialog {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transition: ease all 0.2s;
  background: rgba(12.75, 12.75, 12.75, 0.95);
  transform: translate(-50%, -50%);
  z-index: 100;
  animation: fadeIn 0.5s;
}
.game-settings .tabs,
.game-menu .tabs,
.battle-beast-dialog .tabs {
  padding-top: 1vw;
  display: flex;
}
.game-settings .tabs:not(.vertical),
.game-menu .tabs:not(.vertical),
.battle-beast-dialog .tabs:not(.vertical) {
  flex-direction: column;
}
.game-settings .tabs-nav,
.game-menu .tabs-nav,
.battle-beast-dialog .tabs-nav {
  text-transform: uppercase;
  font-family: "Noto Serif", sans-serif;
  margin-bottom: 0.5vw;
}
.game-settings .tabs-nav .custom-icon,
.game-menu .tabs-nav .custom-icon,
.battle-beast-dialog .tabs-nav .custom-icon {
  fill: white;
}
.game-settings .tabs.large > .tabs-nav,
.game-menu .tabs.large > .tabs-nav,
.battle-beast-dialog .tabs.large > .tabs-nav {
  font-size: 1.4em;
}
.game-settings .tabs-content,
.game-menu .tabs-content,
.battle-beast-dialog .tabs-content {
  flex: 1 0 0;
  width: 100%;
  min-height: 0;
  position: relative;
}
.game-settings .tabs .tabs-nav ul li,
.game-menu .tabs .tabs-nav ul li,
.battle-beast-dialog .tabs .tabs-nav ul li {
  padding: 0.6em 1em;
}
.game-settings-button {
  position: absolute;
  top: 1vw;
  right: 1vw;
  z-index: 100;
  display: flex;
  -moz-column-gap: 0.5vw;
       column-gap: 0.5vw;
  align-items: center;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  box-shadow: 0 0.1vw 1vw rgba(0, 0, 0, 0.5);
  border-radius: 0.2em;
}
.game-settings-button .toggle {
  color: #e5b35c;
}
.game-settings-button .toggle.checked .toggle-wrapper {
  opacity: 1;
}
.game-settings-button .toggle input:checked ~ .toggle-checked {
  background: rgba(229, 179, 92, 0.2);
  color: #e5b35c;
}
.game-settings-button .toggle input:not(:checked) ~ .toggle-unchecked {
  background: rgba(229, 179, 92, 0.2);
  color: #e5b35c;
}
.game-settings-button:hover {
  opacity: 1 !important;
}
.game-settings-button button:hover {
  opacity: 1;
}
body.settings-open div[style*="background: rgba(126, 126, 126, 0.5);"],
body.battle-open div[style*="background: rgba(126, 126, 126, 0.5);"] {
  display: none;
}
body.settings-open #performance-stats,
body.battle-open #performance-stats {
  display: none;
}
body > div[style*="background: rgba(126, 126, 126, 0.5);"] {
  border-color: rgba(0, 0, 0, 0.6) !important;
  box-shadow: inset 0 2px 1px rgba(255, 255, 255, 0.2) !important;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
}
body > div[style*="background: rgba(126, 126, 126, 0.5);"][style*="right: 20px;"] {
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.6)) !important;
}
body > div[style*="background: rgba(126, 126, 126, 0.5);"][style*="right: 20px;"] span {
  color: #ee4444 !important;
}
body > div[style*="background: rgba(126, 126, 126, 0.5);"][style*="right: 80px; bottom: 20px;"] {
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.6)) !important;
}
body > div[style*="background: rgba(126, 126, 126, 0.5);"][style*="right: 80px; bottom: 20px;"] span {
  color: #76c061 !important;
}
body > div[style*="background: rgba(126, 126, 126, 0.5);"][style*="right: 20px; bottom: 80px;"] {
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.6)) !important;
}
body > div[style*="background: rgba(126, 126, 126, 0.5);"][style*="right: 20px; bottom: 80px;"] span {
  color: #ee4444 !important;
}
body > div[style*="background: rgba(126, 126, 126, 0.5);"][style*="right: 140px; bottom: 80px;"] {
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.6)) !important;
}
body > div[style*="background: rgba(126, 126, 126, 0.5);"][style*="right: 140px; bottom: 80px;"] span {
  color: #03a4e7 !important;
}
body > div[style*="background: rgba(126, 126, 126, 0.5);"][style*="right: 80px; bottom: 140px;"] {
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.6)) !important;
}
body > div[style*="background: rgba(126, 126, 126, 0.5);"][style*="right: 80px; bottom: 140px;"] span {
  color: #d6c918 !important;
}
body > div[style*="background: rgba(126, 126, 126, 0.5);"] > span {
  top: 0 !important;
  left: 0 !important;
  position: relative !important;
  text-align: center !important;
  height: auto !important;
  width: 100% !important;
  text-shadow: 0 0 2px black;
  font-size: 46px !important;
}
body > div[style*="background: rgba(126, 126, 126, 0.5);"][style*="left: 20px;"] {
  background: rgba(0, 0, 0, 0.6) !important;
  box-shadow: inset 0 8px 12px 8px rgba(0, 0, 0, 0.5), 0 0 2px 2px rgba(255, 255, 255, 0.2) !important;
  border: 0 !important;
}
body > div[style*="background: rgba(126, 126, 126, 0.5);"] > div {
  box-shadow: inset 0 8px 12px 8px rgba(255, 255, 255, 0.5), 0 1px 8px 4px rgba(0, 0, 0, 0.6);
  background: rgba(255, 255, 255, 0.6) !important;
}
.button-sign-out svg {
  transform: scaleX(-1);
}
.user-settings-button-wrapper {
  position: absolute;
  left: 1vw;
  top: 1vw;
}
.user-settings-button-wrapper .user-settings-button {
  padding: 0 !important;
  height: auto !important;
  line-height: auto !important;
  min-height: 0 !important;
  border-radius: 50% !important;
  display: block;
}
.user-settings-button-wrapper .user-settings-button .flex {
  height: auto !important;
  line-height: auto !important;
  min-height: 0 !important;
}
.user-settings-button-wrapper .menu {
  position: absolute;
  top: 100%;
  left: 0;
  background: rgb(12.75, 12.75, 12.75);
  z-index: 100;
  border-radius: 0.5vw;
  overflow: hidden;
}
.user-settings-button-wrapper .menu ul li a {
  padding: 0 1em;
}
.user-settings-button-wrapper .badge {
  z-index: 1;
  font-family: sans-serif;
  text-align: center;
  padding-left: 0.75em;
}
@keyframes fishHooked {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(10deg);
  }
  50% {
    transform: rotate(0deg);
  }
  75% {
    transform: rotate(-10deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes hooked {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes waterBackground {
  0% {
    left: 0;
  }
  50% {
    left: -44vw;
  }
  0% {
    left: 0;
  }
}
@keyframes waterBubbles {
  0% {
    background-position-x: 0;
  }
  100% {
    background-position-x: 99.5vw;
  }
}
@keyframes waterFoam {
  0% {
    background-position-x: 0;
  }
  100% {
    background-position-x: 99.5vw;
  }
}
@keyframes waterPlantsSway {
  0% {
    transform: rotate(-10deg);
  }
  50% {
    transform: rotate(10deg);
  }
  100% {
    transform: rotate(-10deg);
  }
}
@keyframes godRay {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.fishing-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
  width: 100vw;
  z-index: 101;
  overflow: hidden;
  pointer-events: none;
  background: linear-gradient(to bottom, transparent 70%, black 71%);
}
.fishing-container .game-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  pointer-events: all;
}
.fishing-container .controls {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
  pointer-events: all;
}
.fishing-container .controls .left {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 50%;
}
.fishing-container .controls .right {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  left: 50%;
}
.fishing-container .rod {
  position: absolute;
  width: 8vw;
  height: 30vw;
  bottom: 29vw;
  left: 50%;
  transform-origin: bottom center;
  border-top-left-radius: 2vw;
  border-top-right-radius: 2vw;
  z-index: 1;
}
.fishing-container .rod .rod-segment {
  position: absolute;
  bottom: 99%;
  left: 50%;
  background-image: url("/fishing/fishing-rod-vertical.png");
  background-size: 8vw;
  background-repeat: no-repeat;
  background-position: bottom center;
  width: 8vw;
  transition: linear all 0.5s;
  transform-origin: bottom center;
}
.fishing-container .rod .rod-segment-1 {
  bottom: 0;
  height: 9.5vw;
}
.fishing-container .rod .rod-segment-2 {
  height: 5.5vw;
  background-position: center -11vw;
}
.fishing-container .rod .rod-segment-3 {
  height: 5vw;
  background-position: center -6vw;
}
.fishing-container .rod .rod-segment-4 {
  height: 6vw;
  background-position: center 0vw;
}
.fishing-container .line-container {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  transform-origin: top center;
  height: 13vw;
}
.fishing-container .line {
  width: 0.1vw;
  background: linear-gradient(to top, transparent 20%, white);
  box-sizing: initial;
  border-radius: 2vw;
  transition: linear all 0.25s;
}
.fishing-container .water {
  height: 24vw;
  width: 100vw;
  bottom: 4vw;
  left: 0;
  position: absolute;
  overflow: hidden;
}
.fishing-container .water .water-background {
  background-image: url("https://images.mythaura.com/media/UHM72EoN0fI5wMOC30pLCooFJPOOvVDyhIP1Q8V4.jpg");
  background-repeat: repeat-x;
  background-size: contain;
  position: absolute;
  transition: ease all 0.25s;
  top: 0;
  left: 0;
  width: 200%;
  height: 100%;
}
.fishing-container .water .water-bubbles {
  background-image: url("https://images.mythaura.com/media/j7zh1nQQwzZwPdnWOtXndbjS3uOHMRgfS1IJHUsA.png");
  background-repeat: repeat-x;
  background-size: contain;
  animation: waterBubbles 200s ease infinite;
  position: absolute;
  top: 0;
  left: 0;
  width: 200%;
  height: 100%;
}
.fishing-container .water .water-foam {
  background-image: url("https://images.mythaura.com/media/ueO6fJC65fAkwFrSFd0R5IipEBru3Gs2rVe4DOvi.png");
  background-repeat: repeat-x;
  background-size: contain;
  background-position-y: center;
  animation: waterFoam 150s linear infinite;
  position: absolute;
  top: 0;
  left: 0;
  width: 200%;
  height: 100%;
}
.fishing-container .water .god-rays {
  position: absolute;
  top: -25vw;
  left: -10vw;
}
.fishing-container .water .god-rays .god-ray {
  position: absolute;
  top: 0;
  left: 0;
  transform-origin: left center;
  width: 100vw;
  background: linear-gradient(to right, rgba(255, 255, 255, 0.1) 20%, transparent);
}
.fishing-container .water .god-rays .god-ray-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  transform-origin: left center;
  animation: godRay 100s ease infinite;
}
.fishing-container .water .god-rays .god-ray-wrapper:nth-child(1) {
  animation-delay: -0.5s;
}
.fishing-container .water .god-rays .god-ray-wrapper:nth-child(2) {
  animation-delay: -1s;
}
.fishing-container .water .god-rays .god-ray-wrapper:nth-child(3) {
  animation-delay: -1.5s;
}
.fishing-container .water .god-rays .god-ray-wrapper:nth-child(4) {
  animation-delay: -2s;
}
.fishing-container .water .god-rays .god-ray-wrapper:nth-child(5) {
  animation-delay: -2.5s;
}
.fishing-container .water .god-rays .god-ray-wrapper:nth-child(6) {
  animation-delay: -3s;
}
.fishing-container .water .god-rays .god-ray-wrapper:nth-child(7) {
  animation-delay: -3.5s;
}
.fishing-container .water .god-rays .god-ray-wrapper:nth-child(8) {
  animation-delay: -4s;
}
.fishing-container .water .god-rays .god-ray-wrapper:nth-child(9) {
  animation-delay: -4.5s;
}
.fishing-container .water .god-rays .god-ray-wrapper:nth-child(10) {
  animation-delay: -5s;
}
.fishing-container .water .god-rays .god-ray-wrapper:nth-child(11) {
  animation-delay: -5.5s;
}
.fishing-container .water .god-rays .god-ray-wrapper:nth-child(12) {
  animation-delay: -6s;
}
.fishing-container .water .god-rays .god-ray-wrapper:nth-child(13) {
  animation-delay: -6.5s;
}
.fishing-container .water .god-rays .god-ray-wrapper:nth-child(14) {
  animation-delay: -7s;
}
.fishing-container .water .god-rays .god-ray-wrapper:nth-child(15) {
  animation-delay: -7.5s;
}
.fishing-container .water .god-rays .god-ray-wrapper:nth-child(16) {
  animation-delay: -8s;
}
.fishing-container .water .god-rays .god-ray-wrapper:nth-child(17) {
  animation-delay: -8.5s;
}
.fishing-container .water .god-rays .god-ray-wrapper:nth-child(18) {
  animation-delay: -9s;
}
.fishing-container .water .god-rays .god-ray-wrapper:nth-child(19) {
  animation-delay: -9.5s;
}
.fishing-container .water .god-rays .god-ray-wrapper:nth-child(20) {
  animation-delay: -10s;
}
.fishing-container .fish-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.fishing-container .fish-container .fish {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.fishing-container .fish-container .fish img {
  width: 100%;
  display: block;
}
.fishing-container .fish-container .fish .fish-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: ease transform 0.25s;
}
.fishing-container .fish-container .fish.direction-right .fish-inner {
  transform: translate(-50%, -50%) scaleX(-1);
}
.fishing-container .fish-container .fish .rotateAnimation {
  transition: ease transform 0.25s;
  animation: fishHooked 1.5s linear infinite;
}
.fishing-container .fish-container .fish .rotateAnimation.hooked {
  animation: fishHooked 0.25s linear infinite;
}
.fishing-container .hook-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.fishing-container .hook-container .hook {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transform-origin: center;
  transition: linear all 0.5s;
  border-radius: 50%;
}
.fishing-container .hook-container .hook.hooked {
  background-color: green;
}
.fishing-container .hook-container .hook.hooked .hook-progress {
  opacity: 0.8;
}
.fishing-container .hook-container .hook .hook-rotation {
  position: absolute;
  width: 100%;
  height: 100%;
  transition: linear all 0.1s;
}
.fishing-container .hook-container .hook .hook-border {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 0.2vw solid rgba(0, 0, 0, 0.2);
}
.fishing-container .hook-container .hook .hook-border.hooked {
  border: 0.2vw dashed green;
  animation: hooked 10s linear infinite;
}
.fishing-container .hook-container .hook .hook-progress {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  opacity: 0.2;
  transition: linear all 0.25s;
}
.fishing-container .hook-container .hook img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 2vw;
  height: 2vw;
  margin-left: -0.1vw;
}
.loading-screen {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  background: rgb(12.75, 12.75, 12.75);
}
.loading-screen .loading-message {
  position: absolute;
  bottom: 0vw;
  text-align: left;
  padding: 6vw;
  width: 100%;
}
.loading-screen .loader {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2vw;
  background: rgba(229, 179, 92, 0.2);
}
.loading-screen .loader .inner {
  background: linear-gradient(to right, rgb(166.880952381, 115.6904761905, 26.619047619), #e5b35c);
  box-shadow: 0 0 1vw 0.5vw rgba(229, 179, 92, 0.6);
}
@keyframes lockPickAttempt {
  0% {
    transform: rotate(2deg);
  }
  25% {
    transform: rotate(-2deg);
  }
  50% {
    transform: rotate(2deg);
  }
  75% {
    transform: rotate(-2deg);
  }
  100% {
    transform: rotate(2deg);
  }
}
@keyframes lockPickBreakTranslate {
  0% {
    transform: translateX(0) translateY(0) translateZ(0);
  }
  100% {
    transform: translateY(-100vw);
  }
}
@keyframes lockPickBreakSpin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(2000deg);
  }
}
@keyframes lockPickNew {
  0% {
    transform: translateY(-100%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.lock-picking {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
  background: rgba(0, 0, 0, 0.5);
  transition: opacity 0.2s ease;
  animation: fadeIn 0.2s ease;
  /*
  .lock-keyhole {
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 3vw;
    height: 3vw;
    border-radius: 50%;
    background: black;

    &:before {
  	content: '';
  	top: 50%;
  	left: 50%;
  	transform: translateX(-50%);
  	position: absolute;
  	width: 1.5vw;
  	border-radius: 1vw;
  	height: 5vw;
  	background: black;
    }
  }
  */
}
.lock-picking .debug {
  position: absolute;
  bottom: 100%;
  padding-bottom: 1vw;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
  text-align: center;
}
.lock-picking .lock-shell {
  border-radius: 1vw;
  width: 30vw;
  height: 30vw;
  background-image: url("/lock-picking/lock-block-1000.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.lock-picking .lock-keyblock-rotation {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transition: transform 0.5s;
}
.lock-picking .lock-keyblock {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 10vw;
  height: 10vw;
  border-radius: 50%;
  background-image: url("/lock-picking/keyhole-600.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  box-shadow: 0 0 0.5vw rgba(0, 0, 0, 0.5);
}
.lock-picking .lock-shiv {
  position: absolute;
  z-index: 8;
  top: 40%;
  left: 50%;
  width: 20vw;
  height: 16vw;
  background-image: url("/lock-picking/lock-pick-shim-800.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  filter: drop-shadow(0 0 1vw rgba(0, 0, 0, 0.8));
}
.lock-picking .lock-pick-container {
  position: absolute;
  z-index: 5;
  top: 50%;
  left: 50%;
  transition: transform linear 0.1s;
}
.lock-picking .lock-pick-container .lock-pick:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  height: 25vw;
  width: 3vw;
  background-image: url("/lock-picking/lock-pick-800.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top center;
  filter: drop-shadow(0 0 1vw rgba(0, 0, 0, 0.8));
  margin-top: -0.5vw;
}
.lock-picking .lock-pick-container .showBreakTranslateAnimation {
  transition: transform 0.5s, opacity 0.5s;
  transform-origin: center center;
  animation: lockPickBreakTranslate 0.5s ease-out;
}
.lock-picking .lock-pick-container .showBreakSpinAnimation {
  transition: transform 0.5s, opacity 0.5s;
  transform-origin: center center;
  animation: lockPickBreakSpin 0.5s ease-out;
}
.lock-picking .lock-pick-container .showNewAnimation {
  transition: transform 0.5s, opacity 0.5s;
  transform-origin: top center;
  animation: lockPickNew 0.5s linear;
}
.lock-picking .lock-pick-container .showAttemptAnimation {
  transition: transform 0.5s;
  transform-origin: top center;
  animation: lockPickAttempt 0.5s linear;
}
.bulletin-board {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  pointer-events: none;
  opacity: 0;
  transition: ease all 1s;
  transform: scale(0.2);
}
.bulletin-board.active {
  opacity: 1;
  pointer-events: auto;
  transform: scale(1);
}
.bulletin-board-image {
  width: 90vw;
  max-width: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.bulletin-board-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 68vw;
  height: 42vw;
  display: flex;
  gap: 3.4vw;
  font-size: 1.5vw;
}
.bulletin-board-sidebar {
  width: 21vw;
  background: rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 0.5vw 0.5vw rgba(0, 0, 0, 0.6);
  padding: 2vw;
}
.bulletin-board-content {
  flex: 1;
  background: rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 0.5vw 0.5vw rgba(0, 0, 0, 0.6);
  padding: 2vw;
}
.bulletin-board-footer {
  position: absolute;
  bottom: 1.6vw;
  left: 50%;
  transform: translateX(-50%);
}
.world-map {
  height: 100%;
  width: 100%;
  position: absolute;
  overflow: hidden;
}
.world-map .current-location {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 25%;
  background: rgb(12.75, 12.75, 12.75);
  z-index: 4;
  transition: ease all 0.5s;
  right: -25%;
  padding: 2vw;
  box-shadow: 0 0 2vw 2vw rgb(12.75, 12.75, 12.75);
  opacity: 0;
  display: flex;
  flex-direction: column;
}
.world-map .current-location.show {
  right: 0;
  opacity: 1;
}
.world-map .current-location h4 {
  margin: 0;
}
.world-map .current-location .location-background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 50%;
  background-position: center;
  background-size: cover;
  opacity: 0.1;
  z-index: -1;
}
.world-map .current-location .location-background:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 4vw;
  background: linear-gradient(transparent, rgb(12.75, 12.75, 12.75));
}
.world-map .current-location .location-background:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4vw;
  background: linear-gradient(to left, transparent, rgb(12.75, 12.75, 12.75));
}
.world-map {
  position: relative;
}
.world-map .react-transform-component {
  position: relative;
}
.world-map-image {
  box-shadow: 0 0 2vw 2vw rgba(0, 0, 0, 0.5);
}
.world-map-container {
  display: flex;
  overflow: hidden;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 0 2vw 2vw rgba(0, 0, 0, 0.5);
}
.world-map-container .react-transform-wrapper {
  height: 100%;
}
.world-map-region {
  position: absolute;
  top: 0;
  left: 0;
}
.map-location {
  position: absolute;
  transform: translate(-50%, -50%);
}
.map-location .map-location-icon {
  cursor: pointer;
  width: 1.5vw;
  height: 1.5vw;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: ease all 0.2s;
  filter: drop-shadow(0 0 0.05vw black) drop-shadow(0 0 0.05vw black) drop-shadow(0 0 0.05vw black);
  border-radius: 50%;
  font-size: 0.8em;
}
.map-location .map-location-icon:hover {
  transform: scale(1.2);
}
.map-location.active .map-location-icon {
  filter: drop-shadow(0 0 0.2vw black);
  transform: scale(1.2);
  box-shadow: 0 0 0.2vw #44b5b9, 0 0 0.2vw #44b5b9 inset;
  border: 0.1vw solid #44b5b9;
  background: rgba(68, 181, 185, 0.4);
}
.map-location-tooltip {
  position: absolute;
  z-index: 1;
}
.map-location-tooltip .tooltip {
  position: absolute;
  bottom: calc(100% + 1.5vw);
  left: 50%;
  transform: translateX(-50%) scale(0.6);
  transform-origin: bottom center;
  pointer-events: all;
  padding: 0.8em 1em 2em 1em;
  z-index: 2;
  text-align: left;
}
.map-location-tooltip .tooltip h4 {
  padding-right: 1.2em;
}
.map-location-tooltip .tooltip .button-close {
  position: absolute;
  top: 0vw;
  right: 0vw;
  border-radius: 50% !important;
  background: transparent;
  width: 1.5vw;
  height: 1.5vw;
}
.map-location-tooltip .tooltip .button-close:hover {
  background: #cc3342 !important;
  border-color: #cc3342 !important;
}
.map-location-tooltip .tooltip .loader {
  height: 1vw;
}
.world-map-location-sidebar {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  height: 100%;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.95));
  box-shadow: 0 0 2vw 2vw rgba(0, 0, 0, 0.5);
  transition: ease all 0.2s;
}
.world-map-location-sidebar-content {
  display: flex;
  width: 25vw;
  height: 100%;
  flex-direction: column;
  padding: 2vw 2vw 4vw 2vw;
}
.world-map-controls {
  position: absolute;
  top: 1vw;
  left: 1vw;
  display: flex;
  gap: 1vw;
}
.mini-map {
  position: absolute;
  top: 5.5vw;
  right: 1vw;
  z-index: 97;
  border-radius: 0.5vw;
  overflow: hidden;
  width: 18vw;
  height: 18vw;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  cursor: pointer;
  transition: ease 0.5s all;
  display: flex;
  flex-direction: column;
  align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  box-shadow: 0 0.1vw 1vw rgba(0, 0, 0, 0.5);
}
.mini-map:hover {
  box-shadow: 0 0.1vw 1vw rgba(0, 0, 0, 0.5), 0 0 1vw rgba(229, 179, 92, 0.5), inset 0 0 0.8vw 0.2vw rgba(229, 179, 92, 0.4), inset 0 0 0 0.1vw #e5b35c;
}
.mini-map .mini-map-tile.path {
  background: white;
}
.mini-map.isExpanse .mini-map-tile.water {
  background: #2852c4;
  box-shadow: 0 0 0 0.1vw #2852c4;
}
.mini-map.isExpanse .mini-map-tile.water_edge_north {
  background: linear-gradient(to bottom, #2852c4, #4c8ab1);
}
.mini-map.isExpanse .mini-map-tile.water_edge_south {
  background: linear-gradient(to top, #2852c4, #4c8ab1);
}
.mini-map.isExpanse .mini-map-tile.water_edge_west {
  background: linear-gradient(to right, #2852c4, #4c8ab1);
}
.mini-map.isExpanse .mini-map-tile.water_edge_east {
  background: linear-gradient(to left, #2852c4, #4c8ab1);
}
.mini-map.isExpanse .mini-map-tile.water_corner_north_west {
  background: linear-gradient(to bottom right, #2852c4, #4c8ab1 50%);
}
.mini-map.isExpanse .mini-map-tile.water_corner_north_east {
  background: linear-gradient(to bottom left, #2852c4, #4c8ab1 50%);
}
.mini-map.isExpanse .mini-map-tile.water_corner_south_west {
  background: linear-gradient(to top right, #2852c4, #4c8ab1 50%);
}
.mini-map.isExpanse .mini-map-tile.water_corner_south_east {
  background: linear-gradient(to top left, #2852c4, #4c8ab1 50%);
}
.mini-map.isExpanse .mini-map-tile.water_edge_north_west {
  background: linear-gradient(to bottom right, #2852c4 50%, #4c8ab1);
}
.mini-map.isExpanse .mini-map-tile.water_edge_north_east {
  background: linear-gradient(to bottom left, #2852c4 50%, #4c8ab1);
}
.mini-map.isExpanse .mini-map-tile.water_edge_south_west {
  background: linear-gradient(to top right, #2852c4 50%, #4c8ab1);
}
.mini-map.isExpanse .mini-map-tile.water_edge_south_east {
  background: linear-gradient(to top left, #2852c4 50%, #4c8ab1);
}
.mini-map.isExpanse .mini-map-tile.path {
  background: #4c8ab1;
  box-shadow: 0 0 0 0.1vw #4c8ab1;
}
.mini-map.isExpanse .mini-map-tile.path.elevation05 {
  background: rgb(84.95, 143.85, 180.9);
  box-shadow: 0 0 0 0.1vw rgb(84.95, 143.85, 180.9);
}
.mini-map.isExpanse .mini-map-tile.path.elevation010 {
  background: rgb(93.9, 149.7, 184.8);
  box-shadow: 0 0 0 0.1vw rgb(93.9, 149.7, 184.8);
}
.mini-map.isExpanse .mini-map-tile.path.elevation015 {
  background: rgb(102.85, 155.55, 188.7);
  box-shadow: 0 0 0 0.1vw rgb(102.85, 155.55, 188.7);
}
.mini-map.isExpanse .mini-map-tile.path.elevation020 {
  background: rgb(111.8, 161.4, 192.6);
  box-shadow: 0 0 0 0.1vw rgb(111.8, 161.4, 192.6);
}
.mini-map.isExpanse .mini-map-tile.path.elevation025 {
  background: rgb(120.75, 167.25, 196.5);
  box-shadow: 0 0 0 0.1vw rgb(120.75, 167.25, 196.5);
}
.mini-map.isExpanse .mini-map-tile.path.elevation030 {
  background: rgb(129.7, 173.1, 200.4);
  box-shadow: 0 0 0 0.1vw rgb(129.7, 173.1, 200.4);
}
.mini-map.isExpanse .mini-map-tile.path.elevation035 {
  background: rgb(138.65, 178.95, 204.3);
  box-shadow: 0 0 0 0.1vw rgb(138.65, 178.95, 204.3);
}
.mini-map.isExpanse .mini-map-tile.path.elevation040 {
  background: rgb(147.6, 184.8, 208.2);
  box-shadow: 0 0 0 0.1vw rgb(147.6, 184.8, 208.2);
}
.mini-map.isExpanse .mini-map-tile.path.elevation045 {
  background: rgb(156.55, 190.65, 212.1);
  box-shadow: 0 0 0 0.1vw rgb(156.55, 190.65, 212.1);
}
.mini-map.isExpanse .mini-map-tile.path.elevation050 {
  background: rgb(165.5, 196.5, 216);
  box-shadow: 0 0 0 0.1vw rgb(165.5, 196.5, 216);
}
.mini-map.isExpanse .mini-map-tile.path.elevation055 {
  background: rgb(174.45, 202.35, 219.9);
  box-shadow: 0 0 0 0.1vw rgb(174.45, 202.35, 219.9);
}
.mini-map.isExpanse .mini-map-tile.path.elevation060 {
  background: rgb(183.4, 208.2, 223.8);
  box-shadow: 0 0 0 0.1vw rgb(183.4, 208.2, 223.8);
}
.mini-map.isExpanse .mini-map-tile.path.elevation065 {
  background: rgb(192.35, 214.05, 227.7);
  box-shadow: 0 0 0 0.1vw rgb(192.35, 214.05, 227.7);
}
.mini-map.isExpanse .mini-map-tile.path.elevation070 {
  background: rgb(201.3, 219.9, 231.6);
  box-shadow: 0 0 0 0.1vw rgb(201.3, 219.9, 231.6);
}
.mini-map.isExpanse .mini-map-tile.path.elevation075 {
  background: rgb(210.25, 225.75, 235.5);
  box-shadow: 0 0 0 0.1vw rgb(210.25, 225.75, 235.5);
}
.mini-map.isExpanse .mini-map-tile.path.elevation080 {
  background: rgb(219.2, 231.6, 239.4);
  box-shadow: 0 0 0 0.1vw rgb(219.2, 231.6, 239.4);
}
.mini-map.isExpanse .mini-map-tile.path.elevation085 {
  background: rgb(228.15, 237.45, 243.3);
  box-shadow: 0 0 0 0.1vw rgb(228.15, 237.45, 243.3);
}
.mini-map.isExpanse .mini-map-tile.path.elevation090 {
  background: rgb(237.1, 243.3, 247.2);
  box-shadow: 0 0 0 0.1vw rgb(237.1, 243.3, 247.2);
}
.mini-map.isExpanse .mini-map-tile.path.elevation095 {
  background: rgb(246.05, 249.15, 251.1);
  box-shadow: 0 0 0 0.1vw rgb(246.05, 249.15, 251.1);
}
.mini-map.isExpanse .mini-map-tile.path.elevation100 {
  background: white;
  box-shadow: 0 0 0 0.1vw white;
}
.mini-map.isExpanse .mini-map-tile.edge_north {
  background: linear-gradient(to bottom, transparent, #4c8ab1);
}
.mini-map.isExpanse .mini-map-tile.edge_south {
  background: linear-gradient(to top, transparent, #4c8ab1);
}
.mini-map.isExpanse .mini-map-tile.edge_west {
  background: linear-gradient(to right, transparent, #4c8ab1);
}
.mini-map.isExpanse .mini-map-tile.edge_east {
  background: linear-gradient(to left, transparent, #4c8ab1);
}
.mini-map.isExpanse .mini-map-tile.corner_north_west {
  background: linear-gradient(to bottom right, transparent, #4c8ab1 50%);
}
.mini-map.isExpanse .mini-map-tile.corner_north_east {
  background: linear-gradient(to bottom left, transparent, #4c8ab1 50%);
}
.mini-map.isExpanse .mini-map-tile.corner_south_west {
  background: linear-gradient(to top right, transparent, #4c8ab1 50%);
}
.mini-map.isExpanse .mini-map-tile.corner_south_east {
  background: linear-gradient(to top left, transparent, #4c8ab1 50%);
}
.mini-map.isExpanse .mini-map-tile.edge_north_west {
  background: linear-gradient(to bottom right, transparent 50%, #4c8ab1);
}
.mini-map.isExpanse .mini-map-tile.edge_north_east {
  background: linear-gradient(to bottom left, transparent 50%, #4c8ab1);
}
.mini-map.isExpanse .mini-map-tile.edge_south_west {
  background: linear-gradient(to top right, transparent 50%, #4c8ab1);
}
.mini-map.isExpanse .mini-map-tile.edge_south_east {
  background: linear-gradient(to top left, transparent 50%, #4c8ab1);
}
.mini-map.expanded {
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 0;
}
.mini-map.expanded img {
  width: auto !important;
}
.mini-map.expanded .mini-map-player {
  transform: translate(-50%, -50%) scale(2);
  transition: ease all 0.2s;
}
.mini-map.expanded .mini-map-inner {
  transform: translate(-50%, -50%) scale(2);
}
.mini-map .mini-map-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.7);
  transition: ease all 0.2s;
}
.mini-map img {
  display: block;
  margin: auto;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}
.mini-map-player {
  z-index: 2;
  width: 0.8vw;
  height: 0.8vw;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: ease all 0.2s;
}
.mini-map-player:before {
  border-radius: 50%;
  background: #cc3342;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border: 1px solid black;
  filter: drop-shadow(0 0 0.1vw black) drop-shadow(0 0 0.1vw black);
}
.mini-map-other-player {
  z-index: 2;
  width: 0.8vw;
  height: 0.8vw;
  position: absolute;
  transition: ease all 0.2s;
}
.mini-map-other-player:before {
  border-radius: 50%;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border: 1px solid black;
  filter: drop-shadow(0 0 0.1vw black) drop-shadow(0 0 0.1vw black);
}
.mini-map-other-player.mini-map-other-player-1:before {
  background: #44b5b9;
}
.mini-map-other-player.mini-map-other-player-2:before {
  background: #358919;
}
.mini-map-image-wrapper {
  position: absolute;
  transform: translate(-50%, -50%);
  transition: top 0.3s ease, left 0.3s ease;
}
.mini-map-portal,
.mini-map-starting-coordinates,
.mini-map-ending-coordinates,
.mini-map-event,
.mini-map-elite-enemy {
  position: absolute;
  width: 1.3vw;
  height: 1.3vw;
  border-radius: 50%;
  z-index: 2;
  transform: translate(-50%, -50%);
}
.mini-map-portal svg,
.mini-map-starting-coordinates svg,
.mini-map-ending-coordinates svg,
.mini-map-event svg,
.mini-map-elite-enemy svg {
  width: 100%;
  height: 100%;
  filter: drop-shadow(0 0 0.1vw black) drop-shadow(0 0 0.1vw black);
}
.mini-map-starting-coordinates svg,
.mini-map-starting-coordinates path {
  fill: #44b5b9;
}
.mini-map-ending-coordinates svg,
.mini-map-ending-coordinates path {
  fill: #d9673d;
}
.decorative-frame {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.decorative-frame.invert {
  filter: invert(1);
}
.decorative-frame_top,
.decorative-frame_left,
.decorative-frame_right,
.decorative-frame_bottom {
  position: absolute;
  background: rgba(53, 34, 28, 0.5);
  z-index: 1;
}
.decorative-frame_top {
  top: 0.3em;
  left: 2em;
  right: 2em;
  height: 0.1em;
}
.decorative-frame_left {
  top: 2em;
  left: 0.3em;
  bottom: 2em;
  width: 0.1em;
}
.decorative-frame_right {
  top: 2em;
  right: 0.3em;
  bottom: 2em;
  width: 0.1em;
}
.decorative-frame_bottom {
  left: 2em;
  right: 2em;
  bottom: 0.3em;
  height: 0.1em;
}
.decorative-frame_top-left,
.decorative-frame_top-right,
.decorative-frame_bottom-left,
.decorative-frame_bottom-right {
  position: absolute;
  border: 1px solid rgba(53, 34, 28, 0.5);
  z-index: 1;
}
.decorative-frame_top-left:before,
.decorative-frame_top-right:before,
.decorative-frame_bottom-left:before,
.decorative-frame_bottom-right:before {
  content: "";
  position: absolute;
  width: 1em;
  height: 1em;
  background: rgba(53, 34, 28, 0.5);
  border-radius: 50%;
}
.decorative-frame_top-left {
  top: 0.3em;
  left: 0.3em;
  width: 1.8vw;
  height: 1.8vw;
  border-bottom-right-radius: 50%;
  border-top: 0;
  border-left: 0;
}
.decorative-frame_top-left:before {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.decorative-frame_top-right {
  top: 0.3em;
  right: 0.3em;
  width: 1.8vw;
  height: 1.8vw;
  border-bottom-left-radius: 50%;
  border-top: 0;
  border-right: 0;
}
.decorative-frame_top-right:before {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.decorative-frame_bottom-left {
  left: 0.3em;
  bottom: 0.3em;
  width: 1.8vw;
  height: 1.8vw;
  border-top-right-radius: 50%;
  border-bottom: 0;
  border-left: 0;
}
.decorative-frame_bottom-left:before {
  bottom: 50%;
  right: 50%;
  transform: translate(50%, 50%);
}
.decorative-frame_bottom-right {
  right: 0.3em;
  bottom: 0.3em;
  width: 1.8vw;
  height: 1.8vw;
  border-top-left-radius: 50%;
  border-bottom: 0;
  border-right: 0;
}
.decorative-frame_bottom-right:before {
  bottom: 50%;
  left: 50%;
  transform: translate(-50%, 50%);
}
.radiant {
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  position: relative;
}
.radiant:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("https://rotomdex.app/assets/stars.gif");
  background-size: cover;
  background-position: center center;
  background-blend-mode: overlay;
  mix-blend-mode: color-dodge;
  opacity: 0.5;
  z-index: 1;
}
.game-text {
  font-size: 1.5vw;
}
.text-dialog {
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #35221c;
  font-size: 1.5vw;
  font-family: "Patrick Hand SC";
  position: absolute;
  bottom: 1vw;
  z-index: 101;
}
.text-dialog p {
  font-family: "Patrick Hand SC";
}
.text-dialog .text-dialog-button {
  font-size: 1em;
  font-family: "Patrick Hand SC";
  background: none;
  border: none;
  cursor: pointer;
  position: absolute;
  bottom: 2vw;
  right: 4vw;
}
.text-dialog .text-dialog-button svg {
  display: block;
}
.text-dialog .Typewriter__cursor {
  display: none;
}
.text-dialog .text-dialog-options {
  position: absolute;
  bottom: calc(100% - 1vw);
  right: -1vw;
  background: linear-gradient(#a89a82, #dcd2bf, #a89a82);
  padding: 2vw 6vw 2vw 4vw;
  border: 1px solid rgb(25.3537735849, 22.5141509434, 17.6462264151);
  box-shadow: 0 0.5vw 0.5vw rgba(0, 0, 0, 0.5);
  border-radius: 0.2vw;
  z-index: 2;
}
.text-dialog .text-dialog-options .player-expression {
  transform: scaleX(-1);
  position: absolute;
  bottom: -2vw;
  right: -14vw;
  width: 20vw;
  filter: drop-shadow(0 0.2vw 0.2vw rgba(0, 0, 0, 0.5));
}
.text-dialog .text-dialog-layer {
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  background: rgb(145.6367924528, 129.3254716981, 101.3632075472);
  left: 0;
  top: 0;
  transform: rotate(-1deg);
  opacity: 0.6;
  box-shadow: 0 0.5vw 0.5vw rgba(0, 0, 0, 0.5);
}
.text-dialog .title {
  position: absolute;
  top: -1vw;
  left: 6vw;
  background: rgb(115.5660377358, 102.6226415094, 80.4339622642);
  border-radius: 100vw;
  padding: 0 1.5vw;
  color: rgba(255, 255, 255, 0.8);
}
.text-dialog.small {
  min-height: 0;
  padding: 1vw 2vw;
}
.text-dialog .menu a {
  color: #35221c;
  min-height: 1.5em;
}
.text-dialog .menu a span {
  line-height: 1.5em;
}
.text-dialog .text-dialog-image {
  position: absolute;
  z-index: 4;
  bottom: -13vw;
  left: -14vw;
  width: 20vw;
  filter: drop-shadow(0 0.2vw 0.2vw rgba(0, 0, 0, 0.5));
  transform: translateY(-50%);
}
.text-dialog.asPlayer .text-dialog-image {
  right: -14vw;
  left: auto;
  transform: translateY(-50%) scaleX(-1);
}
.text-dialog.asPlayer .text-dialog-inner {
  padding: 2vw 6vw 4vw 4vw;
}
.text-dialog.hasSpeaker .text-dialog-inner {
  padding: 2vw 4vw 4vw 6vw;
}
.text-dialog .text-dialog-inner {
  z-index: 1;
  width: 50vw;
  min-height: 12vw;
  padding: 2vw 4vw 4vw 4vw;
  border: 1px solid rgb(166.9535377358, 152.7851415094, 128.4964622642);
  border-radius: 0.2vw;
  background: linear-gradient(#a89a82, #dcd2bf, #a89a82);
  box-shadow: 0 0.5vw 0.5vw rgba(0, 0, 0, 0.5);
}
.ability-element-text.fire {
  text-shadow: 1px 1px 1px rgb(229.4715025907, 102.810880829, 91.0284974093), -1px -1px 1px rgb(229.4715025907, 102.810880829, 91.0284974093), 1px -1px 1px rgb(229.4715025907, 102.810880829, 91.0284974093), -1px 1px 1px rgb(229.4715025907, 102.810880829, 91.0284974093);
}
.ability-element-text.arcane {
  text-shadow: 1px 1px 1px rgb(143.191588785, 115.6331775701, 225.8668224299), -1px -1px 1px rgb(143.191588785, 115.6331775701, 225.8668224299), 1px -1px 1px rgb(143.191588785, 115.6331775701, 225.8668224299), -1px 1px 1px rgb(143.191588785, 115.6331775701, 225.8668224299);
}
.ability-element-text.lightning {
  text-shadow: 1px 1px 1px rgb(239.5182186235, 220.1659919028, 150.9817813765), -1px -1px 1px rgb(239.5182186235, 220.1659919028, 150.9817813765), 1px -1px 1px rgb(239.5182186235, 220.1659919028, 150.9817813765), -1px 1px 1px rgb(239.5182186235, 220.1659919028, 150.9817813765);
}
.ability-element-text.rot {
  text-shadow: 1px 1px 1px rgb(191.7085889571, 98.7914110429, 102.8312883436), -1px -1px 1px rgb(191.7085889571, 98.7914110429, 102.8312883436), 1px -1px 1px rgb(191.7085889571, 98.7914110429, 102.8312883436), -1px 1px 1px rgb(191.7085889571, 98.7914110429, 102.8312883436);
}
.ability-element-text.stone {
  text-shadow: 1px 1px 1px rgb(159.7727272727, 107.9545454545, 77.7272727273), -1px -1px 1px rgb(159.7727272727, 107.9545454545, 77.7272727273), 1px -1px 1px rgb(159.7727272727, 107.9545454545, 77.7272727273), -1px 1px 1px rgb(159.7727272727, 107.9545454545, 77.7272727273);
}
.ability-element-text.dark {
  text-shadow: 1px 1px 1px rgb(90.7857142857, 95.2142857143, 141.7142857143), -1px -1px 1px rgb(90.7857142857, 95.2142857143, 141.7142857143), 1px -1px 1px rgb(90.7857142857, 95.2142857143, 141.7142857143), -1px 1px 1px rgb(90.7857142857, 95.2142857143, 141.7142857143);
}
.ability-element-text.ice {
  text-shadow: 1px 1px 1px rgb(238.2368421053, 246.6184210526, 247.2631578947), -1px -1px 1px rgb(238.2368421053, 246.6184210526, 247.2631578947), 1px -1px 1px rgb(238.2368421053, 246.6184210526, 247.2631578947), -1px 1px 1px rgb(238.2368421053, 246.6184210526, 247.2631578947);
}
.ability-element-text.specter {
  text-shadow: 1px 1px 1px rgb(187.75, 206.7318548387, 168.7681451613), -1px -1px 1px rgb(187.75, 206.7318548387, 168.7681451613), 1px -1px 1px rgb(187.75, 206.7318548387, 168.7681451613), -1px 1px 1px rgb(187.75, 206.7318548387, 168.7681451613);
}
.ability-element-text.air {
  text-shadow: 1px 1px 1px rgb(188.1538461538, 228.3461538462, 202.1153846154), -1px -1px 1px rgb(188.1538461538, 228.3461538462, 202.1153846154), 1px -1px 1px rgb(188.1538461538, 228.3461538462, 202.1153846154), -1px 1px 1px rgb(188.1538461538, 228.3461538462, 202.1153846154);
}
.ability-element-text.nature {
  text-shadow: 1px 1px 1px rgb(91.2644230769, 173.625, 57.875), -1px -1px 1px rgb(91.2644230769, 173.625, 57.875), 1px -1px 1px rgb(91.2644230769, 173.625, 57.875), -1px 1px 1px rgb(91.2644230769, 173.625, 57.875);
}
.ability-element-text.water {
  text-shadow: 1px 1px 1px rgb(108.7081545064, 213.2939914163, 251.7918454936), -1px -1px 1px rgb(108.7081545064, 213.2939914163, 251.7918454936), 1px -1px 1px rgb(108.7081545064, 213.2939914163, 251.7918454936), -1px 1px 1px rgb(108.7081545064, 213.2939914163, 251.7918454936);
}
.ability-element-text.light {
  text-shadow: 1px 1px 1px rgb(247.3534031414, 225.4109947644, 199.1465968586), -1px -1px 1px rgb(247.3534031414, 225.4109947644, 199.1465968586), 1px -1px 1px rgb(247.3534031414, 225.4109947644, 199.1465968586), -1px 1px 1px rgb(247.3534031414, 225.4109947644, 199.1465968586);
}
.game-footer {
  width: 100%;
  z-index: 2;
  height: 4vw;
  background: linear-gradient(rgba(27, 21, 19, 0.8), rgba(27, 21, 19, 0.6));
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1vw;
  box-shadow: 0 0 4vw rgba(0, 0, 0, 0.8), 0 0 2vw rgba(0, 0, 0, 0.8);
  border-top: 1px solid rgba(229, 179, 92, 0.3);
  border-bottom: 1px solid rgba(229, 179, 92, 0.3);
  padding: 1vw;
}
.game-over-screen {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1000;
  background: black;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  pointer-events: none;
  opacity: 0;
}
.game-over-screen.show {
  opacity: 1;
  pointer-events: all;
}
.party {
  height: 100%;
  overflow-y: auto;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.party .party-inner {
  position: relative;
  flex: 1 0 0;
  display: flex;
  width: 100%;
  overflow-y: auto;
  background: linear-gradient(to bottom, transparent 60%, rgba(229, 179, 92, 0.1));
}
.party .party-grid {
  display: flex;
  padding-left: 4vw;
  flex-direction: column;
  justify-content: center;
}
.party .party-grid .beast-icon:nth-child(2) {
  margin-left: 6vw;
}
.party .tile {
  width: 25vw;
  height: 25vw;
}
.party .party-slot {
  background: none;
  border: 0;
}
.party .party-slot .icon {
  position: absolute;
  top: 1em;
  left: 50%;
  transform: translateX(-50%);
}
.party .party-slot-active {
  position: absolute;
  top: 0;
  left: 20%;
}
.party .party-slot-active .beast-image {
  padding-top: 9vw;
}
.party .party-slot-active .beast-image .canvas-wrapper {
  width: 40vw !important;
}
.party .party-slot-active .beast-status-container {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 1.5vw;
  z-index: 1;
}
.party .party-slot-active-info {
  position: absolute;
  right: 1vw;
  top: 1.5vw;
  bottom: 0vw;
  width: 36vw;
}
.party .party-slot-active-info .tabs-content {
  overflow-y: auto;
  overflow-x: hidden;
}
.party .party-slot-active-info .tabs {
  padding-top: 0;
}
.party .party-slot-active-info .tabs .tabs-nav {
  margin: 0;
}
.party .party-slot-active-info .tabs .tabs-content > div > .padding-2 {
  padding-top: 1vw;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.dialog-add-to-party .dialog-inner {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.dialog-add-to-party .dialog-content {
  flex: 1 0 0;
}
.recruiter {
  height: 100%;
  background: linear-gradient(to top, #f0dab7, #a37b51);
  background-size: contain;
  position: relative;
  box-shadow: inset 0 1em 1em rgba(0, 0, 0, 0.2);
}
.recruiter:before {
  content: "";
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.4));
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.recruiter > .grid {
  z-index: 11;
  position: relative;
}
.recruiter .inventory .panel-content {
  height: 100%;
}
.recruiter-slot {
  color: #35221c;
}
.recruiter-slot .canvas-wrapper {
  width: 100% !important;
}
.recruiter-slot .recruiter-slot-inner {
  background: url("https://images.mythaura.com/media/vYr6sv5azRNO5XjbrlyAftfW3l5f4WZomDopBOY1.jpg");
  background-size: cover;
  padding: 3em 1em;
  box-shadow: 0 0.5em 0.5em rgba(0, 0, 0, 0.3);
  overflow: hidden;
  position: relative;
  border-radius: 0.5em;
}
.recruiter-slot .recruiter-slot-inner .beast-image {
  border: 1px solid rgba(255, 255, 255, 0.3);
  outline: 1px solid rgba(0, 0, 0, 0.3);
  padding: 1em;
}
.recruiter-slot.hired .recruiter-slot-inner, .recruiter-slot.exchanged .recruiter-slot-inner, .recruiter-slot.emptySlot .recruiter-slot-inner {
  opacity: 0.5;
  pointer-events: none;
}
.recruiter-slot.emptySlot {
  height: 100%;
}
.recruiter-slot.emptySlot .recruiter-slot-inner {
  flex: 1 0 0 !important;
}
.recruiter-slot.emptySlot .recruiter-slot-inner + .flex {
  flex: 0 0 0 !important;
}
.recruiter-slot .empty-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 2em;
}
.recruiter-slot .hired-text,
.recruiter-slot .exchange-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-5deg);
  font-size: 2em;
  padding: 1em;
  width: 200%;
  text-align: center;
  z-index: 2;
  margin: 0;
}
.recruiter-slot .hired-text {
  background: rgba(29, 83, 11, 0.9);
  color: white;
}
.recruiter-slot .exchange-text {
  background: rgba(29, 83, 11, 0.9);
  color: white;
}
.keybindings .keybinding {
  white-space: nowrap;
}
.keybindings .keybindings-group-list {
  padding-left: 1vw;
}
.keybindings .keybinding-name {
  flex: 1 0 0;
  min-width: 10vw;
}
.keybindings .keybinding-key {
  min-width: 8vw;
  flex: 1 0 0;
  max-width: 12vw;
  background: rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(229, 179, 92, 0.3);
  display: flex;
  justify-content: center;
  padding: 0.5vw;
  border-radius: 0.5vw;
  cursor: pointer;
  outline: none !important;
  transition: ease all 0.2s;
}
.keybindings .keybinding-key:hover {
  box-shadow: 0 0 1vw rgba(229, 179, 92, 0.5), inset 0 0 0.8vw 0.2vw rgba(229, 179, 92, 0.4);
}
.keybindings .keybinding-key.entering {
  animation: focusPulse 1s linear infinite;
}
.keybindings span {
  display: block;
  border: 1px solid #44b5b9;
  color: #44b5b9;
  border-radius: 0.3vw;
  padding: 0.5vw 1vw;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.6em;
  min-height: 2.26vw;
}
#enable3d-three-canvas {
  margin: 0 !important;
  position: absolute !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  z-index: 2 !important;
}
#enable3d-phaser-canvas {
  position: absolute !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  margin: 0 !important;
  z-index: 3 !important;
}
.first-adventure-splash-art-background .background-perspective {
  transform: scaleX(-1);
}
.three-scene-wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.three-scene-wrapper .three-scene-filters {
  position: absolute;
  width: 100%;
  height: 100%;
}
.three-scene-wrapper .title-screen {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.scene {
  display: flex;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 100%;
  min-height: 100%;
  max-height: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.scene.vignette .scene-static:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: radial-gradient(circle, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.9) 90%);
  content: "";
}
.scene .scene-background-blur {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url("https://images.mythaura.com/backgrounds/fledglings-forest/day.jpg");
  background-position: center center;
  background-size: cover;
  filter: blur(5px);
  opacity: 0.2;
  pointer-events: none;
}
.scene .scene-viewport {
  position: relative;
  z-index: 2;
  overflow: hidden;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 4vw rgba(0, 0, 0, 0.8), 0 0 2vw rgba(0, 0, 0, 0.8);
}
.scene .scene-position {
  position: relative;
  width: 100%;
  max-height: 100%;
  flex-direction: column;
  justify-content: center;
  margin: auto;
  aspect-ratio: 2;
}
.scene .scene-aspect-ratio {
  width: 100%;
  padding-bottom: 42.8571428571%;
}
.scene .scene-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
}
.scene.hasFooter .scene-viewport {
  height: calc(100% - 4vw);
}
.scene-static {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}
.scene-static > *:not(.battle-controls) {
  pointer-events: all;
}
.view-width-based,
.viewWidthBased {
  font-size: 1vw;
}
.view-width-based .user-icon,
.viewWidthBased .user-icon {
  width: 3.5vw;
  height: 3.5vw;
}
.view-width-based .user-icon.large,
.viewWidthBased .user-icon.large {
  width: 5.5vw;
  height: 5.5vw;
}
.view-width-based .element-icon,
.viewWidthBased .element-icon {
  width: 2.5vw;
  height: 2.5vw;
}
.view-width-based .subheading,
.viewWidthBased .subheading {
  font-size: 0.8em;
}
.view-width-based .loader,
.viewWidthBased .loader {
  height: 2vw;
}
.view-width-based .shadow,
.viewWidthBased .shadow {
  box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.3);
}
.view-width-based .shadow-large,
.viewWidthBased .shadow-large {
  box-shadow: 0 0.5em 1.5em 0.25em rgba(0, 0, 0, 0.6);
}
.view-width-based .alert,
.viewWidthBased .alert {
  padding: 0.5em 1em;
}
.view-width-based .panel-header,
.viewWidthBased .panel-header {
  padding: 1em;
}
.view-width-based .panel-content.padding,
.viewWidthBased .panel-content.padding {
  padding: 1em;
}
.view-width-based .panel-footer,
.viewWidthBased .panel-footer {
  padding: 1em;
  border-bottom-left-radius: 0.25em;
  border-bottom-right-radius: 0.25em;
}
.view-width-based .gap,
.viewWidthBased .gap {
  gap: 0.5em;
}
.view-width-based .tile,
.viewWidthBased .tile {
  border-radius: 0.25em;
}
.view-width-based .select,
.view-width-based .textbox input,
.viewWidthBased .select,
.viewWidthBased .textbox input {
  min-height: 3em;
  border-radius: 0.25em;
  font-size: 1em;
  line-height: calc(3em - 2px);
}
.view-width-based .select-placeholder,
.viewWidthBased .select-placeholder {
  min-height: calc(3em - 2px);
  line-height: calc(3em - 2px);
}
.view-width-based .textbox.small input,
.viewWidthBased .textbox.small input {
  min-height: 2em;
  padding: 0 0.5em;
  font-size: 0.8em;
  line-height: calc(2em - 2px);
}
.view-width-based .toggle .toggle-wrapper .toggle-unchecked,
.view-width-based .toggle .toggle-wrapper .toggle-checked,
.viewWidthBased .toggle .toggle-wrapper .toggle-unchecked,
.viewWidthBased .toggle .toggle-wrapper .toggle-checked {
  height: 3.5em;
}
.view-width-based .select-container.small .select,
.viewWidthBased .select-container.small .select {
  min-height: 2em;
  font-size: 0.8em;
  line-height: calc(2em - 2px);
}
.view-width-based .select-container.small .select .select-placeholder,
.viewWidthBased .select-container.small .select .select-placeholder {
  min-height: 2em;
  line-height: calc(2em - 2px);
}
.view-width-based .select-container .select .select-icon,
.viewWidthBased .select-container .select .select-icon {
  padding: 0.5em;
}
.view-width-based .select-container .element-icon,
.viewWidthBased .select-container .element-icon {
  width: 1.5vw;
  height: 1.5vw;
}
.view-width-based.unselected-container .element-icon,
.viewWidthBased.unselected-container .element-icon {
  width: 1.5vw;
  height: 1.5vw;
}
.view-width-based .textbox input,
.viewWidthBased .textbox input {
  padding: 0 0.5em;
}
.view-width-based .textbox .textbox-wrapper svg,
.viewWidthBased .textbox .textbox-wrapper svg {
  left: 1em;
}
.view-width-based .textbox .textbox-wrapper svg + input,
.viewWidthBased .textbox .textbox-wrapper svg + input {
  padding-left: 3em;
  font-size: 1em;
}
.view-width-based .textbox.small svg,
.viewWidthBased .textbox.small svg {
  height: 0.8em;
}
.view-width-based .textbox.small .textbox-wrapper svg + input,
.viewWidthBased .textbox.small .textbox-wrapper svg + input {
  font-size: 0.8em;
}
.view-width-based .toggle .toggle-wrapper,
.viewWidthBased .toggle .toggle-wrapper {
  border-radius: 0.25em;
}
.view-width-based .toggle .toggle-unchecked,
.view-width-based .toggle .toggle-checked,
.viewWidthBased .toggle .toggle-unchecked,
.viewWidthBased .toggle .toggle-checked {
  display: flex;
  min-height: 3em;
  align-items: center;
  justify-content: center;
}
.view-width-based .checkbox input[type=checkbox],
.viewWidthBased .checkbox input[type=checkbox] {
  font-size: 1em;
}
.view-width-based .button:not(.small),
.viewWidthBased .button:not(.small) {
  min-height: 3em;
  padding: 0 1em;
  border-radius: 0.25em;
  font-size: 1em;
  line-height: calc(3em - 2px);
}
.view-width-based .button:not(.small) > .flex,
.viewWidthBased .button:not(.small) > .flex {
  height: calc(3em - 2px);
}
.view-width-based .button.small,
.viewWidthBased .button.small {
  min-height: 2em;
  padding: 0 0.5em;
  border-radius: 0.25em;
  font-size: 0.8em;
  line-height: calc(2em - 2px);
}
.view-width-based .button.small > .flex,
.viewWidthBased .button.small > .flex {
  height: calc(2em - 2px);
}
.view-width-based .gap-1,
.viewWidthBased .gap-1 {
  gap: 0.5em;
}
.view-width-based .gap-2,
.viewWidthBased .gap-2 {
  gap: 1em;
}
.view-width-based .gap-3,
.viewWidthBased .gap-3 {
  gap: 1.5em;
}
.view-width-based .gap-4,
.viewWidthBased .gap-4 {
  gap: 2em;
}
.view-width-based .gap-5,
.viewWidthBased .gap-5 {
  gap: 2.5em;
}
.view-width-based .gap-6,
.viewWidthBased .gap-6 {
  gap: 3em;
}
.view-width-based .gap-7,
.viewWidthBased .gap-7 {
  gap: 3.5em;
}
.view-width-based .gap-8,
.viewWidthBased .gap-8 {
  gap: 4em;
}
.view-width-based .gap-9,
.viewWidthBased .gap-9 {
  gap: 4.5em;
}
.view-width-based .gap-10,
.viewWidthBased .gap-10 {
  gap: 5em;
}
.view-width-based .gap-11,
.viewWidthBased .gap-11 {
  gap: 5.5em;
}
.view-width-based .gap-12,
.viewWidthBased .gap-12 {
  gap: 6em;
}
.view-width-based .gap-13,
.viewWidthBased .gap-13 {
  gap: 6.5em;
}
.view-width-based .gap-14,
.viewWidthBased .gap-14 {
  gap: 7em;
}
.view-width-based .gap-15,
.viewWidthBased .gap-15 {
  gap: 7.5em;
}
.view-width-based .gap-16,
.viewWidthBased .gap-16 {
  gap: 8em;
}
.view-width-based .gap-17,
.viewWidthBased .gap-17 {
  gap: 8.5em;
}
.view-width-based .gap-18,
.viewWidthBased .gap-18 {
  gap: 9em;
}
.view-width-based .gap-19,
.viewWidthBased .gap-19 {
  gap: 9.5em;
}
.view-width-based .gap-20,
.viewWidthBased .gap-20 {
  gap: 10em;
}
.view-width-based .gap-21,
.viewWidthBased .gap-21 {
  gap: 10.5em;
}
.view-width-based .gap-22,
.viewWidthBased .gap-22 {
  gap: 11em;
}
.view-width-based .gap-23,
.viewWidthBased .gap-23 {
  gap: 11.5em;
}
.view-width-based .gap-24,
.viewWidthBased .gap-24 {
  gap: 12em;
}
.view-width-based .pin input,
.viewWidthBased .pin input {
  width: 4em;
  height: 5em;
  border-radius: 0.5em;
  font-size: 3em;
  line-height: calc(2.5em - 2px);
}
.view-width-based .keybindings span,
.viewWidthBased .keybindings span {
  border-width: 0.2em;
}
.view-width-based .padding,
.viewWidthBased .padding {
  padding: 1em;
}
.view-width-based .loader.large,
.viewWidthBased .loader.large {
  height: 2em;
}
.view-width-based .element-icon-color,
.viewWidthBased .element-icon-color {
  width: 3vw !important;
  min-width: 3vw !important;
}
.view-width-based .element-icon-color img,
.viewWidthBased .element-icon-color img {
  padding: 0.5vw;
}
.scene-translate {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: transform 500ms ease 0s;
}
.falling-leaves {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: right;
}
.falling-leaves i {
  z-index: 1;
  display: inline-block;
  width: 200px;
  height: 150px;
  border: 1px solid #333;
  border-radius: 5% 40% 70%;
  -webkit-animation: falling 5s 0s infinite;
  background: linear-gradient(to bottom right, #309900, #005600);
  box-shadow: inset 0px 0px 1px #222;
  transform: skew(20deg);
}
.falling-leaves i::nth-of-type(2n) {
  -webkit-animation: falling2 5s 0s infinite;
}
.falling-leaves i:nth-of-type(3n) {
  -webkit-animation: falling3 5s 0s infinite;
}
.falling-leaves i:before {
  position: absolute;
  z-index: 1;
  top: 117px;
  right: 9px;
  width: 32px;
  height: 27px;
  border-radius: 0% 15% 15% 0%;
  border-top: 1px solid #222;
  border-right: 1px solid #222;
  border-bottom: 1px solid #222;
  border-left: 0px solid #222;
  background: linear-gradient(to right, rgb(0, 100, 0), #005600);
  content: "";
  transform: rotate(49deg);
}
.falling-leaves i:after {
  position: absolute;
  left: 85px;
  display: block;
  width: 10px;
  height: 125px;
  border-radius: 50%;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0));
  content: "";
  transform: rotate(125deg);
}
.falling-leaves i:nth-of-type(n) {
  width: 30px;
  height: 23px;
}
.falling-leaves i:nth-of-type(n):before {
  top: 17px;
  right: 1px;
  width: 7px;
  height: 5px;
}
.falling-leaves i:nth-of-type(n):after {
  top: 0px;
  left: 12px;
  width: 2px;
  height: 17px;
}
.falling-leaves i:nth-of-type(2n + 1) {
  width: 16px;
  height: 11px;
}
.falling-leaves i:nth-of-type(2n + 1):before {
  top: 7px;
  right: 0px;
  width: 4px;
  height: 3px;
}
.falling-leaves i:nth-of-type(2n + 1):after {
  top: 1px;
  left: 5px;
  width: 2px;
  height: 6px;
}
.falling-leaves i:nth-of-type(3n + 2) {
  width: 23px;
  height: 17px;
}
.falling-leaves i:nth-of-type(3n + 2):before {
  top: 12px;
  right: 1px;
  width: 4px;
  height: 4px;
}
.falling-leaves i:nth-of-type(3n + 2):after {
  top: 1px;
  left: 8px;
  width: 2px;
  height: 10px;
}
.falling-leaves i:nth-of-type(n) {
  -webkit-animation-delay: 1.9s;
}
.falling-leaves i:nth-of-type(2n) {
  -webkit-animation-delay: 3.9s;
}
.falling-leaves i:nth-of-type(3n) {
  -webkit-animation-delay: 2.3s;
}
.falling-leaves i:nth-of-type(4n) {
  -webkit-animation-delay: 4.4s;
}
.falling-leaves i:nth-of-type(5n) {
  -webkit-animation-delay: 5s;
}
.falling-leaves i:nth-of-type(6n) {
  -webkit-animation-delay: 3.5s;
}
.falling-leaves i:nth-of-type(7n) {
  -webkit-animation-delay: 2.8s;
}
.falling-leaves i:nth-of-type(8n) {
  -webkit-animation-delay: 1.5s;
}
.falling-leaves i:nth-of-type(9n) {
  -webkit-animation-delay: 3.3s;
}
.falling-leaves i:nth-of-type(10n) {
  -webkit-animation-delay: 2.5s;
}
.falling-leaves i:nth-of-type(11n) {
  -webkit-animation-delay: 1.2s;
}
.falling-leaves i:nth-of-type(12n) {
  -webkit-animation-delay: 4.1s;
}
.falling-leaves i:nth-of-type(13n) {
  -webkit-animation-delay: 1s;
}
.falling-leaves i:nth-of-type(14n) {
  -webkit-animation-delay: 4.7s;
}
.falling-leaves i:nth-of-type(15n) {
  -webkit-animation-delay: 3s;
}
.falling-leaves i:nth-of-type(n) {
  background: linear-gradient(to bottom right, #309900, #005600);
}
.falling-leaves i:nth-of-type(2n + 2) {
  background: linear-gradient(to bottom right, #5e9900, #2b5600);
}
.falling-leaves i:nth-of-type(4n + 1) {
  background: linear-gradient(to bottom right, #990, #564500);
}
.falling-leaves i:nth-of-type(n) {
  opacity: 0.7;
}
.falling-leaves i:nth-of-type(3n + 1) {
  opacity: 0.5;
}
.falling-leaves i:nth-of-type(3n + 2) {
  opacity: 0.3;
}
.falling-leaves i:nth-of-type(n) {
  transform: rotate(180deg);
}
.falling-leaves i:nth-of-type(n) {
  -webkit-animation-timing-function: ease-in-out;
}
.explore {
  display: flex;
  overflow: hidden;
  justify-content: center;
  background: black;
  width: 100dvw;
  position: relative;
  flex-direction: column;
  box-shadow: 0 0 4vw rgba(0, 0, 0, 0.8), 0 0 2vw rgba(0, 0, 0, 0.8);
}
.explore [class*=team-statuses-container].allies {
  top: 1vw !important;
  left: 1vw !important;
}
.explore .scene-viewport {
  box-shadow: none;
}
.cutscene-backdrop {
  position: absolute;
  z-index: 98;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: black;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cutscene-backdrop .logo {
  animation: fadeIn 9s ease;
}
.cutscene-backdrop .logo.fadeOutLogo {
  animation-delay: 0s;
  animation: fadeOut 9s ease forwards;
}
#wild-area {
  position: absolute;
  z-index: 6;
  width: 100%;
  height: 100%;
}
#wild-area-wrapper {
  position: absolute;
  width: 100%;
  max-width: 300dvh;
  height: 100%;
}
.wild-area-scene-loader {
  position: absolute;
  z-index: 999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: black;
  pointer-events: none;
  transition: ease all 0.2s;
}
.wild-area-scene-loader .spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#performance-stats {
  pointer-events: none;
}
.energy-meter {
  position: absolute;
  z-index: 10;
  bottom: 0;
  left: 50%;
  width: 49vw;
  height: 2vw;
  transform: translateX(-50%);
  transition: ease all 0.2s;
}
.energy-meter.green {
  background: rgba(29, 83, 11, 0.3);
}
.energy-meter.green .energy-meter-bar {
  background: #1d530b;
}
.energy-meter.orange {
  background: rgba(217, 103, 61, 0.3);
}
.energy-meter.orange .energy-meter-bar {
  background: #d9673d;
}
.energy-meter.red {
  background: rgba(149, 31, 43, 0.3);
}
.energy-meter.red .energy-meter-bar {
  background: #951f2b;
}
.energy-meter .energy-value {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.energy-meter .energy-meter-bar {
  position: absolute;
  left: 0;
  height: 100%;
  transition: ease all 0.2s;
}
.floor-screen,
.wild-area-complete {
  position: absolute;
  z-index: 101;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  text-align: center;
  transition: ease all 0.2s;
}
.floor-screen .scene-position,
.wild-area-complete .scene-position {
  background: black;
}
.floor-screen .scene-static > *,
.wild-area-complete .scene-static > * {
  pointer-events: none;
}
.floor-screen.show,
.wild-area-complete.show {
  opacity: 1;
  pointer-events: all;
}
.floor-screen.show > .scene-static > *,
.wild-area-complete.show > .scene-static > * {
  pointer-events: all;
}
.wild-area-complete h1 {
  font-size: 4vw;
}
.scene-wild-area-info {
  position: absolute;
  z-index: 10;
  right: 1vw;
  top: 24.5vw;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-end;
  font-size: 1vw;
  gap: 0.5vw;
}
.currency {
  position: absolute;
  padding: 0.5vw 1vw;
  right: 0;
  background: rgba(0, 0, 0, 0.6);
  border: 1px solid rgba(255, 255, 255, 0.1);
  outline: 1px solid rgba(0, 0, 0, 0.8);
  -webkit-mask-image: linear-gradient(to right, rgb(0, 0, 0) 90%, rgba(0, 0, 0, 0));
          mask-image: linear-gradient(to right, rgb(0, 0, 0) 90%, rgba(0, 0, 0, 0));
  border-top-left-radius: 1vw;
  border-bottom-left-radius: 1vw;
  z-index: 1;
}
.coin {
  width: 2vw;
  display: block;
}
.shard {
  width: 2vw;
  display: block;
}
.shop-dialog {
  position: fixed;
  z-index: 100;
  top: 50%;
  right: 0vw;
  bottom: 0vw;
  left: 0vw;
  display: flex;
  overflow: hidden;
  min-height: 0;
  flex-direction: column;
  border-radius: 0.2em;
  background: rgb(12.75, 12.75, 12.75);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  transform: translateY(-50%);
  transition: ease all 0.2s;
}
.shop-dialog .button-close {
  position: absolute;
  z-index: 99;
  top: 0;
  right: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 0;
}
.shop-dialog .shop-dialog-content {
  position: relative;
  min-height: 0;
  flex: 1 0 0;
}
.shop-dialog .currency {
  position: absolute;
  bottom: 100%;
  border: 0;
  outline: 0;
  transition: ease all 0.2s;
}
.shop-dialog .banner-wrapper {
  position: relative;
  overflow: hidden;
  height: 10vw;
  border-top-left-radius: 0.2em;
  border-top-right-radius: 0.2em;
  transition: ease all 0.2s;
}
.shop-dialog .banner-wrapper.collapsed {
  height: 3vw;
}
.shop-dialog .banner-wrapper .shop-banner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.shop-dialog .banner-wrapper .banner-title {
  padding-right: 1vw;
  background: rgba(12.75, 12.75, 12.75, 0.9);
  line-height: 1;
}
.shop-dialog .banner-wrapper .banner-title h3 {
  font-size: 1.2em;
}
.shop-dialog .banner-wrapper .banner-title h6 {
  font-size: 0.7em;
}
.shop-dialog .banner-wrapper .banner-title h1,
.shop-dialog .banner-wrapper .banner-title h2,
.shop-dialog .banner-wrapper .banner-title h3,
.shop-dialog .banner-wrapper .banner-title h4,
.shop-dialog .banner-wrapper .banner-title h5,
.shop-dialog .banner-wrapper .banner-title h6 {
  margin: 0;
}
.shop-dialog .npc-expression {
  position: absolute;
  z-index: 2;
  bottom: 1vw;
  left: 1vw;
  width: 18vw;
}
.shop-dialog .text-dialog-inner .menu a {
  min-height: 0;
}
.shop-dialog .text-dialog-inner .menu .text {
  line-height: 1.5;
}
.shop-dialog .text-dialog {
  width: 66.66%;
  transform: translateX(-50%);
}
.shop-dialog .tabs {
  position: relative;
  display: flex;
  min-height: 0;
  max-height: 100%;
  flex-direction: column;
}
.shop-dialog .tabs .tabs-content {
  min-height: 0;
  flex: 1 0 0;
  overflow-y: auto;
}
.shop-dialog .tabs .tabs-nav {
  display: flex;
  margin: 0;
}
.shop-dialog .tabs .tabs-nav ul {
  border-radius: 0.2em;
  background: rgba(12.75, 12.75, 12.75, 0.9);
}
.banner-wrapper.collapsed + .shop-dialog-content .currency {
  padding-right: 4.5vw;
}
.text-dialog-layer {
  position: absolute;
  left: 50%;
}
.shop {
  height: 100%;
}
.shop .inventory {
  height: 100%;
}
.shop .inventory .panel-content {
  height: 100%;
}
.skill-trees-wrapper {
  height: 100%;
  width: 100%;
  position: absolute;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background: rgb(12.75, 12.75, 12.75);
  z-index: 99;
  top: 0;
  left: 0;
  animation: fadeIn 0.5s ease;
}
.skill-trees-wrapper .element-buttons,
.skill-trees-wrapper .class-buttons {
  position: absolute;
  top: 2vw;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  width: 100%;
}
.skill-trees-wrapper .element-buttons button img,
.skill-trees-wrapper .class-buttons button img {
  transition: ease all 0.2s;
}
.skill-trees-wrapper .element-buttons .element-button:not(.activeSkillButton) .skill-tree-bg-icon,
.skill-trees-wrapper .class-buttons .element-button:not(.activeSkillButton) .skill-tree-bg-icon {
  background-color: transparent !important;
}
.skill-trees-wrapper .element-buttons .activeSkillButton .skill-tree-bg-icon,
.skill-trees-wrapper .class-buttons .activeSkillButton .skill-tree-bg-icon {
  opacity: 0.5;
}
.skill-trees-wrapper .element-buttons .activeSkillButton button,
.skill-trees-wrapper .class-buttons .activeSkillButton button {
  overflow: visible;
}
.skill-trees-wrapper .element-buttons .activeSkillButton button img,
.skill-trees-wrapper .class-buttons .activeSkillButton button img {
  transform: translate(-50%, -50%) scale(1.7);
}
.skill-trees-wrapper .element-icon .custom-icon {
  max-width: none;
}
.skill-trees-wrapper .skill-tree-bg-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 4.4vw;
  height: 4.4vw;
  opacity: 0.1;
  transition: ease all 0.2s;
}
.skill-trees-wrapper .current-skill {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 25%;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.8));
  box-shadow: 0 0 2vw 2vw rgba(0, 0, 0, 0.5);
  z-index: 98;
  transition: ease all 0.5s;
  right: -25%;
  padding: 2vw;
  padding-left: 0;
  padding-top: 6.6vw;
  opacity: 0;
  display: flex;
  flex-direction: column;
}
.skill-trees-wrapper .current-skill.show {
  right: 0;
  opacity: 1;
}
.skill-trees-wrapper .battle-display-scale.enabled {
  transition: all 2s ease !important;
}
.skill-trees-wrapper .skill-trees {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: row;
}
.skill-trees-wrapper .skill-trees:not(.skill-tree-active) .skill-tree {
  cursor: pointer;
}
.skill-trees-wrapper .skill-trees:not(.skill-tree-active) .skill-tree:hover {
  box-shadow: 0 0 0.5vw 0.2vw #44b5b9, inset 0 0 0.5vw 0.5vw rgba(68, 181, 185, 0.2);
}
.skill-trees-wrapper .skill-trees:not(.skill-tree-active) .skill-tree .skill {
  opacity: 0 !important;
}
.skill-trees-wrapper .skill-trees.skill-tree-active .skill-tree:not(.active) {
  opacity: 0;
  pointer-events: none !important;
}
.skill-trees-wrapper .skill-trees.skill-tree-active .skill-tree-star-sign {
  opacity: 0.4 !important;
  pointer-events: none;
}
.skill-trees-wrapper .skill-trees.skill-tree-active .skill-tree-icon {
  opacity: 0 !important;
}
.skill-trees-wrapper .skill-trees.skill-tree-active .skill-tree-name {
  opacity: 0 !important;
}
.skill-trees-wrapper .skill-trees.skill-tree-active .skill {
  cursor: pointer;
}
.skill-trees-wrapper .skill-trees.skill-tree-active .skill:hover > .skill-inner > .star-image {
  opacity: 0;
}
.skill-trees-wrapper .skill-trees.skill-tree-active .skill:hover > .skill-inner > .star-image-hover {
  opacity: 1;
}
.skill-trees-wrapper .skill-trees .skill-tree {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 6vw;
  width: 25vw;
  height: 20vw;
  justify-content: center;
  align-items: center;
  transition: ease all 0.2s;
  border-radius: 1vw;
  position: relative;
  pointer-events: all;
}
.skill-trees-wrapper .skill-trees .skill-tree .skill-column {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
}
.skill-trees-wrapper .skill-trees .skill-tree .skill-tree-columns .skill-column:first-child .skill .skill-inner .skill-tree-line {
  width: 10.5vw;
}
.skill-trees-wrapper .skill-trees .skill-tree .skill-tree-columns .skill-column:first-child .skill:first-child .skill-inner > .skill-tree-line {
  transform: translateY(-50%) rotate(-29deg);
  transform-origin: top right;
}
.skill-trees-wrapper .skill-trees .skill-tree .skill-tree-columns .skill-column:first-child .skill:last-child .skill-inner > .skill-tree-line {
  transform: translateY(-50%) rotate(29deg);
  transform-origin: top right;
}
.skill-trees-wrapper .skill-trees .skill-tree .skill-tree-columns .skill-column:first-child .skill:first-child:last-child .skill-inner > .skill-tree-line {
  transform: translateY(-50%);
  width: 9vw;
}
.skill-trees-wrapper .skill-trees .skill-tree .skill {
  height: 10vw;
  width: 3vw;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 0.5vw;
  opacity: 1;
  transition: ease all 0.2s;
}
.skill-trees-wrapper .skill-trees .skill-tree .skill.disabledSkill .skill-name {
  opacity: 0.6;
}
.skill-trees-wrapper .skill-trees .skill-tree .skill .element-icon {
  width: 0.8vw;
  height: 0.8vw;
}
.skill-trees-wrapper .skill-trees .skill-tree .skill:not(.active) .skill-tree-skill-child-name {
  opacity: 0 !important;
}
.skill-trees-wrapper .skill-trees .skill-tree .skill.active .skill-name {
  background: rgba(25.0452261307, 10.1306532663, 45.8693467337, 0.6);
  transform: translateX(-50%) scale(1.1);
}
.skill-trees-wrapper .skill-trees .skill-tree .skill .skill-inner {
  position: relative;
}
.skill-trees-wrapper .skill-trees .skill-tree .skill .skill-name {
  position: absolute;
  bottom: 1.5vw;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  z-index: 1;
  margin: 0;
  text-shadow: 0 0 0.1vw black;
  transition: ease all 0.2s;
  border-radius: 999vw;
  padding: 0.25vw 0.5vw;
  max-width: none;
}
.skill-trees-wrapper .skill-trees .skill-tree .skill .star-image {
  opacity: 1;
  transition: ease all 0.2s;
  display: block;
  z-index: 2;
  position: relative;
}
.skill-trees-wrapper .skill-trees .skill-tree .skill .star-image-hover {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: ease all 0.2s;
  display: block;
}
.skill-trees-wrapper .skill-trees .skill-tree .skill .skill-tree-children {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: grid;
  white-space: nowrap;
  text-align: center;
  gap: 4vw;
  pointer-events: none;
}
.skill-trees-wrapper .skill-trees .skill-tree .skill .skill-tree-children > * {
  pointer-events: all;
}
.skill-trees-wrapper .skill-trees .skill-tree .skill .skill-tree-children .skill-tree-skill-child {
  width: 3vw;
  height: 3vw;
  display: flex;
  flex-direction: column;
  position: relative;
}
.skill-trees-wrapper .skill-trees .skill-tree .skill .skill-tree-children .skill-tree-skill-child.disabledSkill .skill-tree-skill-child-name {
  opacity: 0.6;
}
.skill-trees-wrapper .skill-trees .skill-tree .skill .skill-tree-children .skill-tree-skill-child.active .skill-tree-skill-child-name {
  background: rgba(25.0452261307, 10.1306532663, 45.8693467337, 0.6);
  transform: translateX(-50%) scale(1.1);
}
.skill-trees-wrapper .skill-trees .skill-tree .skill .skill-tree-children .skill-tree-skill-child:hover .star-image, .skill-trees-wrapper .skill-trees .skill-tree .skill .skill-tree-children .skill-tree-skill-child.active .star-image {
  opacity: 0;
}
.skill-trees-wrapper .skill-trees .skill-tree .skill .skill-tree-children .skill-tree-skill-child:hover .star-image-hover, .skill-trees-wrapper .skill-trees .skill-tree .skill .skill-tree-children .skill-tree-skill-child.active .star-image-hover {
  opacity: 1;
}
.skill-trees-wrapper .skill-trees .skill-tree .skill .skill-tree-children .skill-tree-skill-child .skill-tree-skill-child-name {
  position: absolute;
  bottom: 1.5vw;
  left: 50%;
  transform: translateX(-50%);
  opacity: 1;
  transition: ease all 0.2s;
  border-radius: 999vw;
  padding: 0.25vw 0.5vw;
  margin: 0;
}
.skill-trees-wrapper .skill-trees .skill-tree .skill .skill-tree-children .skill-tree-skill-child .star-image,
.skill-trees-wrapper .skill-trees .skill-tree .skill .skill-tree-children .skill-tree-skill-child .star-image-hover {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50%;
  pointer-events: none;
}
.skill-trees-wrapper .skill-trees .skill-tree .skill .skill-tree-children.cols-1 .skill-tree-skill-child:nth-child(1) .skill-tree-line {
  transform: translateY(-50%) rotate(-90deg);
  transform-origin: top right;
  width: 3vw;
  right: calc(50% + 0.5px);
}
.skill-trees-wrapper .skill-trees .skill-tree .skill .skill-tree-children.cols-1 .skill-tree-skill-child:nth-child(2) .skill-tree-line {
  transform: translateY(-50%) rotate(90deg);
  transform-origin: top right;
  width: 3vw;
  right: calc(50% - 0.5px);
}
.skill-trees-wrapper .skill-trees .skill-tree .skill .skill-tree-children.cols-2 .skill-tree-skill-child:nth-child(1) .skill-tree-line {
  transform: translateY(-50%) rotate(-135deg);
  transform-origin: top right;
  width: 5vw;
  right: 50%;
}
.skill-trees-wrapper .skill-trees .skill-tree .skill .skill-tree-children.cols-2 .skill-tree-skill-child:nth-child(2) .skill-tree-line {
  transform: translateY(-50%) rotate(-45deg);
  transform-origin: top right;
  width: 5vw;
  right: 50%;
}
.skill-trees-wrapper .skill-trees .skill-tree .skill .skill-tree-children.cols-2 .skill-tree-skill-child.bottomRow:nth-child(3) .skill-tree-line {
  transform: translateY(-50%) rotate(135deg);
  transform-origin: top right;
  width: 5vw;
  right: 50%;
}
.skill-trees-wrapper .skill-trees .skill-tree .skill .skill-tree-children.cols-2 .skill-tree-skill-child.bottomRow:nth-child(4) .skill-tree-line {
  transform: translateY(-50%) rotate(45deg);
  transform-origin: top right;
  width: 5vw;
  right: 50%;
}
.skill-trees-wrapper .skill-trees .skill-tree .skill .skill-tree-line {
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translateY(-50%);
  width: 9vw;
  background: rgba(255, 255, 255, 0.3);
  height: 1px;
}
.skill-trees-wrapper .skill-trees .skill-tree .skill .skill-tree-line .skill-tree-line-progress {
  height: 1px;
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 0.1vw 0.1vw rgba(255, 255, 255, 0.5);
}
.skill-trees-wrapper .skill-trees .skill-tree .skill-tree-star-sign {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20vw;
  transition: ease all 0.2s;
  opacity: 1;
  filter: drop-shadow(0 0 0.1vw white);
}
.skill-trees-wrapper .skill-trees .skill-tree .skill-tree-name {
  position: absolute;
  top: -7vw;
  left: 50%;
  transform: translateX(-50%);
  transition: ease all 0.2s;
  opacity: 1;
  text-shadow: 0 0 0.1vw black;
}
.skill-trees-wrapper .skill-trees .skill-tree .skill-tree-points {
  position: absolute;
  top: -3vw;
  left: 50%;
  transform: translateX(-50%);
  transition: ease all 0.2s;
  opacity: 0.6;
  text-shadow: 0 0 0.1vw black;
}
.skill-trees-wrapper .skill-points {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  padding: 1vw 2vw;
  background: rgba(0, 0, 0, 0.3);
  border-top-left-radius: 1vw;
  border-top-right-radius: 1vw;
}
@keyframes sway {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(-1deg);
  }
  50% {
    transform: rotate(0deg);
  }
  75% {
    transform: rotate(1deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes float {
  0% {
    transform: translateY(0%);
  }
  50% {
    transform: translateY(-1%);
  }
  100% {
    transform: translateY(0%);
  }
}
@keyframes rustling {
  0% {
    transform: rotate(0deg);
  }
  20% {
    transform: rotate(2deg);
  }
  40% {
    transform: rotate(0deg);
  }
  60% {
    transform: rotate(-2deg);
  }
  80% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(2deg);
  }
}
.tile-editor-tile-wrapper .map-tile-wrapper {
  overflow: visible;
}
.map-tile-wrapper {
  position: relative;
  overflow: hidden;
}
.map-tile-wrapper:hover {
  overflow: visible;
}
.map-tile-wrapper .tile-object {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.map-tile {
  position: relative;
  background-size: 100%;
  transition: ease all 0.2s;
  display: block;
  max-width: none;
}
.map-tile.selected {
  box-shadow: inset 0 0 2vw #44b5b9;
}
.map-tile.selected:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 10vw 4vw #44b5b9;
}
.map-tile.hoverable:hover {
  cursor: pointer;
  box-shadow: inset 0 0 1vw #44b5b9;
}
.tile-object .tile-object-fadeIn {
  animation: fadeIn 0.5s ease-in;
}
.tile-object .tile-object-image-wrapper {
  transition: ease-in all 0.5s;
}
.tile-object img {
  bottom: 0;
  width: 100%;
  max-width: none;
  transform-origin: bottom center;
}
.tile-object img.sway {
  animation: sway 10s ease infinite;
}
.tile-object img.rustling {
  animation: rustling 0.2s linear;
}
.tile-object.preview img {
  opacity: 0.5;
}
.tile-map .tile-object {
  pointer-events: none;
}
.tile-object-image-wrapper {
  position: absolute;
  width: 100%;
  pointer-events: none;
  transition: ease all 0.2s;
  transform-style: preserve-3d;
  transform-origin: bottom center;
}
.tile-object-image-wrapper img {
  transition: ease all 0.2s;
}
.tile-floor.walkable.hoverable:hover {
  box-shadow: inset 0 0 1vw 0.25vw #44b5b9;
}
.tile-player-container {
  position: absolute;
  pointer-events: none;
  width: 10vw;
  height: 10vw;
  transform-style: preserve-3d;
}
.tile-player-container .player-container {
  position: absolute;
  bottom: 49%;
  left: 50%;
  transform: translateX(-50%);
}
.tile-player-container .player-image {
  display: block;
  transform: rotateX(-30deg);
  transform-origin: bottom center;
  position: absolute;
}
.tile-player-container.facing-left .tile-player-inner {
  transform: scaleX(-1);
}
.tile-player-container.facing-left .beast-shadow {
  transform: scaleX(-1) scaleY(0.5);
}
.tile-player-container .tile-player-inner {
  transition: ease all 0.2s;
}
.tile-player-container .animationFloat {
  animation: float 4s ease infinite;
}
.tile-player-container .jumping {
  position: relative;
}
.tile-player-container .jumping img {
  padding-bottom: 0;
  transition: ease-out all 0.2s !important;
}
.tile-player-container.isJumping .jumping img {
  padding-bottom: 10vw;
}
.tile-player-container.isJumping .beast-shadow {
  transform: scale(1.05) translateY(0.3vw);
}
.tile-player-container.isJumping.facing-left .beast-shadow {
  transform: scaleX(-1) scale(1.02) translateY(0.3vw);
}
.tile-player-container .beast-shadow {
  position: absolute;
  filter: blur(0.5vw);
  opacity: 0.6;
  z-index: 0;
  transform-origin: bottom center;
  transform: scaleY(0.5);
  top: 0;
  transition: ease all 0.2s;
}
.tile-player-container .actionAvailable {
  position: absolute;
  bottom: 10vw;
  left: 50%;
  transform: translateX(-50%) translateZ(3vw) rotateX(-30deg);
  z-index: 9999;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 999vw;
  padding: 1vw 2vw;
  white-space: nowrap;
  font-size: 1vw;
}
.tile-player-container .rod {
  position: absolute;
  transition: all linear 100ms;
  transform-origin: bottom right;
}
.tile-player-container .rod img {
  transform: scaleX(-1) rotate(45deg) translateY(-25%);
}
.tile-player-container .rod.up {
  left: 50%;
  bottom: 100%;
  transform: translateX(-50%);
  width: 0.2vw;
  height: 4vw;
}
.tile-player-container .rod.down {
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
  width: 0.2vw;
  height: 4vw;
}
.tile-player-container .rod.left {
  right: 100%;
  top: 50%;
  transform: translateY(-50%);
  height: 0.2vw;
  width: 4vw;
}
.tile-player-container .rod.right {
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
  height: 0.2vw;
  width: 4vw;
}
.tile-player-container .casting-progress-container {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%) translateZ(3vw) rotateX(-30deg);
  z-index: 99999;
  width: 10vw;
  height: 2vw;
  background: grey;
  border-radius: 999vw;
  overflow: hidden;
}
.tile-player-container .casting-progress-container .casting-progress {
  background: green;
  height: 100%;
  transition: width linear 100ms;
}
@keyframes time-of-day {
  0% {
    filter: brightness(0.2);
  }
  50% {
    filter: brightness(1);
  }
  100% {
    filter: brightness(0.2);
  }
}
.map-editor_tool-settings {
  flex: 0;
  background: rgba(29.5810810811, 24.2027027027, 20.1689189189, 0.95);
  width: 100%;
}
.tile-map {
  flex: 1 0 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: ease filter 86400s;
  animation: time-of-day 86400s infinite;
}
.tile-map * {
  transform-style: preserve-3d;
}
.tile-map:not(.editor):before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.2;
  filter: blur(5px);
  background-image: url("https://images.mythaura.com/backgrounds/fledglings-forest/day.jpg");
  background-size: cover;
  background-position: bottom center;
}
.tile-map .tiles-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100vw;
  overflow: hidden;
  box-shadow: 0 0.5vw 5vw #000000;
  animation: fadeIn 0.5s ease-in;
}
.tile-map .tiles-wrapper.editor {
  height: 100%;
  width: 100%;
}
.tile-map-perspective {
  margin: auto;
  perspective: 60vw;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.tile-map-perspective * {
  transform: translate3d(0, 0, 0);
}
.tile-map-rotate-perspective {
  transform: rotateX(30deg);
}
.tile-map-aspect-ratio {
  padding-bottom: 41.6666666667%;
  pointer-events: none;
}
.tile-map-offset {
  position: relative;
}
.tile-map-zoom {
  transition: ease 0.2s transform;
}
.tile-map-controls {
  z-index: 8;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}
.tile-map-controls > * {
  pointer-events: all;
}
.tile-map-controls .top-left-corner {
  position: absolute;
  top: 1vw;
  left: 1vw;
  z-index: 5;
  display: flex;
  -moz-column-gap: 0.5vw;
       column-gap: 0.5vw;
}
.tile-map-controls .bottom-left-corner {
  position: absolute;
  bottom: 1vw;
  left: 1vw;
  z-index: 5;
  display: flex;
  -moz-column-gap: 0.5vw;
       column-gap: 0.5vw;
}
.tile-map-controls .bottom-right-corner {
  position: absolute;
  bottom: 1vw;
  right: 1vw;
  z-index: 5;
  display: flex;
  -moz-column-gap: 0.5vw;
       column-gap: 0.5vw;
}
.tile-map-editor {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.tile-map-editor_menu {
  position: relative;
  z-index: 2;
  padding: 0 1em;
  background: rgba(0, 0, 0, 0.5);
}
.tile-map-editor_main {
  position: relative;
  z-index: 1;
  display: flex;
  flex: 1 0 0;
  align-items: center;
  justify-content: center;
}
.tile-map-perspective.editor .tile-map-offset:before {
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  width: 400%;
  height: 400%;
  background-image: linear-gradient(0deg, transparent 9%, rgba(255, 255, 255, 0.05) 10%, rgba(255, 255, 255, 0.05) 12%, transparent 13%, transparent 29%, rgba(255, 255, 255, 0.025) 30%, rgba(255, 255, 255, 0.025) 31%, transparent 32%, transparent 49%, rgba(255, 255, 255, 0.025) 50%, rgba(255, 255, 255, 0.025) 51%, transparent 52%, transparent 69%, rgba(255, 255, 255, 0.025) 70%, rgba(255, 255, 255, 0.025) 71%, transparent 72%, transparent 89%, rgba(255, 255, 255, 0.025) 90%, rgba(255, 255, 255, 0.025) 91%, transparent 92%, transparent), linear-gradient(90deg, transparent 9%, rgba(255, 255, 255, 0.05) 10%, rgba(255, 255, 255, 0.05) 12%, transparent 13%, transparent 29%, rgba(255, 255, 255, 0.025) 30%, rgba(255, 255, 255, 0.025) 31%, transparent 32%, transparent 49%, rgba(255, 255, 255, 0.025) 50%, rgba(255, 255, 255, 0.025) 51%, transparent 52%, transparent 69%, rgba(255, 255, 255, 0.025) 70%, rgba(255, 255, 255, 0.025) 71%, transparent 72%, transparent 89%, rgba(255, 255, 255, 0.025) 90%, rgba(255, 255, 255, 0.025) 91%, transparent 92%, transparent);
  background-position: 4vw 6vw;
  background-repeat: repeat;
  background-size: 10vw 10vw;
  content: "";
  pointer-events: none;
  transform: translate(-50%, -50%);
}
.tile-map-editor_content {
  position: relative;
  display: flex;
  overflow: hidden;
  height: 100%;
  height: 100%;
  flex: 1 0 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  background-size: 10vw 10vw;
  transform: translate3d(0, 0, 0);
  transition: ease all 0.2s;
}
.tile-map-editor_content .scene-position {
  min-height: initial !important;
}
.tile-map-editor_panels {
  position: relative;
  z-index: 1;
  min-width: 380px;
  max-width: 800px;
  height: 100%;
  max-height: calc(100dvh - 40px);
  background: rgba(0, 0, 0, 0.5);
}
@media (max-width: 1024px) {
  .tile-map-editor_panels {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
  }
}
.tile-map-editor_panels.collapsed {
  width: 0 !important;
  min-width: 0 !important;
}
.tile-map-editor_panels .handle {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 100%;
  bottom: 0;
  padding: 0.2rem;
  border-left: 1px solid rgba(229, 179, 92, 0.3);
  background: rgb(19.1513761468, 45.1972477064, 64.3486238532);
  cursor: ew-resize;
  transition: ease all 0.2s;
}
.tile-map-editor_panels .handle:hover {
  background: #193b54;
}
.tile-map-editor_panels .handle svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.tile-map-editor_panels .tile-map-editor_panels-scroll {
  height: 100%;
  overflow-y: scroll;
}
.tile-map-editor_info {
  position: absolute;
  z-index: 6;
  right: 0.5rem;
  bottom: 0;
  padding: 0.5rem;
  border: 1px solid rgba(229, 179, 92, 0.3);
  border-right: 0;
  border-bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  border-top-left-radius: 0.2em;
}
.tile-map-editor_tiles .map-tile {
  width: 100%;
  box-shadow: none;
}
.tile-map-editor_tiles .map-tile:before {
  display: block;
  padding-bottom: 100%;
  content: "";
}
.tile-map-editor_tiles .map-tile:after {
  display: none;
}
.tile-map-editor-object-image {
  display: block;
  cursor: pointer;
  transition: ease all 0.2s;
}
.tile-map-editor-object-image.active {
  box-shadow: 0 0 0 2px #44b5b9;
}
.tile-map-editor_active-asset {
  position: absolute;
  z-index: 3;
  top: 0;
  right: 0;
  max-width: 200px;
  padding: 1em;
  border: 1px solid rgba(229, 179, 92, 0.3);
  background: rgba(0, 0, 0, 0.5);
  border-bottom-left-radius: 0.2em;
}
.tile-map-editor_active-asset img {
  display: block;
  max-height: 200px;
}
.tile-map-editor_clear-active-asset.button {
  position: absolute;
  top: 1em;
  left: 1em;
}
.tile-map-editor_objects .tile-editor-object-grid-item {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 100%;
  max-height: 100%;
  padding: 0.5em;
  transform: translate(-50%, -50%);
}
.tile-map-editor_objects .tile {
  position: relative;
}
.tile-map-editor_objects .tile:after {
  display: block;
  padding-bottom: 100%;
  content: "";
}
.tile-map-toolbar {
  display: flex;
  width: 42px;
  height: 100%;
  flex-direction: column;
}
.tile-map-toolbar .panel {
  height: 100%;
}
.tile-map-editor_toggle {
  position: absolute;
  top: 0;
  right: calc(100% + 7px);
}
.tile-map-editor_toggle .button {
  padding: 0.29rem 0.5rem !important;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
body.tile-map-editor-open #performance-stats > div {
  top: 84px !important;
  left: 64px !important;
}
body.tile-map-editor-open.tile-map-editor-play-testing #performance-stats > div {
  left: 0 !important;
}
.tile-editor .tile-floor {
  height: 100%;
  padding-bottom: 100%;
}
#editor {
  position: relative;
  z-index: 1;
}
.tile-editor-tile-wrapper {
  border: 1px solid rgba(229, 179, 92, 0.3);
  border-radius: 0.2em;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.5);
  position: relative;
}
.tile-editor-tile-wrapper * {
  transform-style: preserve-3d;
}
.tile-editor-tile-wrapper .tile-object {
  transform-style: preserve-3d;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.tile-editor-zoom {
  transform-origin: bottom center;
}
.tile-editor-perspective {
  perspective: 60vw;
}
.tile-editor-rotate {
  transform: rotateX(30deg);
  position: relative;
}
.tile-editor_tile-image-wrapper {
  width: 80px;
  position: relative;
}
.tile-editor_tile-image-wrapper:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.tile-editor_tile-image-wrapper img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-height: 100%;
  max-height: 100%;
}
.tile-editor-debug {
  position: absolute;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(229, 179, 92, 0.3);
  border-top-left-radius: 0.2em;
  border-right: 0;
  border-bottom: 0;
  padding: 0.5em;
  font-size: 0.9rem;
}
.timeline-editor {
  position: relative;
  height: 307px;
  background: rgb(19.125, 19.125, 19.125);
}
.timeline {
  position: relative;
  z-index: 1;
  display: flex;
  height: 32px;
  flex: 1 0 0;
  align-items: center;
  padding: 0 16px 0 0;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgb(25.5, 25.5, 25.5);
  gap: 8px;
}
.timeline-item-tooltip {
  position: absolute;
  z-index: 10;
  right: 8px;
  bottom: calc(100% + 2px);
  padding: 8px;
  border-radius: 0.2em;
  background: black;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  color: white;
}
.timeline-items {
  position: relative;
  height: 28px;
  flex: 1 0 0;
}
.timeline-ruler {
  position: relative;
  z-index: 2;
  height: 16px;
  margin-right: 16px;
  margin-left: 268px;
}
.timeline-ruler .timeline-ruler-tick {
  position: absolute;
  width: 1px;
  background: #333333;
}
.timeline-ruler .timeline-ruler-tick .timeline-ruler-tick-label {
  position: absolute;
  top: 50%;
  left: 50%;
  color: white;
  font-size: 10px;
  transform: translate(-50%, -50%);
}
.timeline-playhead {
  position: absolute;
  top: 0;
  width: 12px;
  height: calc(100% - 6px);
  background: rgba(255, 255, 255, 0.3);
  cursor: ew-resize;
  transform: translateX(calc(-50% + 1px));
  transition: background-color 0.2s ease-in-out;
}
.timeline-playhead:before {
  position: absolute;
  top: 100%;
  left: 50%;
  width: 12px;
  height: 6px;
  border-top: 7px solid rgba(255, 255, 255, 0.3);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: "";
  transform: translateX(-50%);
  transition: ease all 0.2s;
}
.timeline-playhead:after {
  position: absolute;
  z-index: 200;
  top: calc(100% + 7px);
  left: 50%;
  width: 4px;
  height: 100dvh;
  background: rgba(255, 255, 255, 0.3);
  content: "";
  transform: translateX(-50%);
  transition: ease all 0.2s;
}
.timeline-playhead:hover {
  background: rgba(255, 255, 255, 0.5);
}
.timeline-playhead:hover:before {
  border-top-color: rgba(255, 255, 255, 0.5);
}
.timeline-playhead:hover:after {
  background: rgba(255, 255, 255, 0.5);
}
.timeline-item {
  position: absolute;
  display: flex;
  height: 28px;
  align-items: center;
  justify-content: center;
  border: 2px solid rgb(104.8768844221, 42.4221105528, 192.0778894472);
  border-radius: 6px;
  background: #915cdb;
  color: rgb(215.4773869347, 196.4346733668, 242.0653266332);
  cursor: pointer;
  font-size: 12px;
  opacity: 0.8;
  transition: background-color 0.2s ease;
}
.timeline-item:hover, .timeline-item.active {
  background: rgb(187.2864321608, 154.6608040201, 232.8391959799);
  color: white;
}
.timeline-item.active {
  border-color: rgb(215.4773869347, 196.4346733668, 242.0653266332);
}
.timeline-item .handle-left {
  position: absolute;
  top: 0;
  left: 0;
  width: 8px;
  height: 100%;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  cursor: ew-resize;
  transition: ease all 0.2s;
}
.timeline-item .handle-left:hover {
  background: rgb(215.4773869347, 196.4346733668, 242.0653266332);
}
.timeline-item .handle-right {
  position: absolute;
  top: 0;
  right: 0;
  width: 10px;
  height: 100%;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  cursor: ew-resize;
  transition: ease all 0.2s;
}
.timeline-item .handle-right:hover {
  background: rgb(215.4773869347, 196.4346733668, 242.0653266332);
}
.slide-in-left {
  position: absolute;
  z-index: 10;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.main-menu {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  width: 100vw;
  height: 100dvh;
  align-items: center;
  justify-content: center;
}
.main-menu > * {
  flex: 1 0 0;
}
.main-menu .logo {
  z-index: 1;
}
.main-menu .scene-viewport:before {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 30vw;
  height: 100%;
  background: linear-gradient(to right, rgba(12.0326086957, 9.3586956522, 8.4673913043, 0.8), transparent);
  content: "";
}
.main-menu .hero {
  width: 100%;
  flex: 1 0 0;
  transform: scaleX(-1);
}
.main-menu .hero:after {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  box-shadow: inset 0 0 10vw 4vw rgba(0, 0, 0, 0.5);
  content: "";
  pointer-events: none;
}
.main-menu .main-menu-body {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 4vw;
  display: flex;
  flex-direction: column;
  gap: 2vw;
  transform: translateY(-50%);
}
.main-menu .main-menu-body .menu a {
  height: auto !important;
  min-height: 0 !important;
  padding: 0.2vw 1.2vw !important;
  font-family: "Noto Serif", sans-serif;
  font-size: 1.6vw !important;
  gap: 0.8vw;
  line-height: 3vw !important;
  text-align: center;
  text-transform: uppercase;
  transition: none;
}
.main-menu .main-menu-body .menu a span {
  line-height: 3vw !important;
}
.main-menu .main-menu-body .menu a .spinner-inner {
  width: 1.48em;
  height: 1.48em;
  border-width: 0.2em !important;
  margin: 0.2em;
}
.main-menu .main-menu-body .menu a.active, .main-menu .main-menu-body .menu a:hover, .main-menu .main-menu-body .menu a:focus, .main-menu .main-menu-body .menu a:focus-visible {
  background: linear-gradient(to right, transparent, rgba(68, 181, 185, 0.5), transparent);
  text-shadow: 0 1px 4px #44b5b9;
}
.cutscene {
  height: 100%;
}
.title-screen {
  animation: fadeIn 1s ease-in-out forwards;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  z-index: 99;
}
.title-screen .scene-static {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 20vw;
  font-size: 1.5em;
}
.title-screen .scene-static .Typewriter {
  width: 100%;
}
.title-screen .scene-static .Typewriter__cursor {
  display: none;
}
.title-screen.fade {
  animation: fadeOut 1s ease-in-out forwards;
}
.title-screen.type-timeline {
  background: none;
}
.min-height-100vh {
  min-height: 100vh;
}
.bg-fixed {
  background-repeat: no-repeat;
  background-size: 100%;
}
.dropdown-menu {
  position: relative;
}
.dropdown-menu.anchor-right .menu {
  right: 0;
  left: auto;
}
.dropdown-menu .menu {
  position: absolute;
  z-index: 100;
  top: 100%;
  left: 0;
  overflow: hidden;
  border-radius: 0.2em;
  background: rgb(38.25, 38.25, 38.25);
}
.dropdown-menu .menu a {
  padding-right: 1.5em;
}
.breadcrumbs {
  padding: 0.5em;
  border-radius: 0.2em;
  margin-bottom: 1em;
  background: rgba(0, 0, 0, 0.5);
}
.label svg {
  opacity: 0.5;
}
.active .step-number {
  background: #44b5b9 !important;
}
.step-number {
  width: 2em !important;
  height: 2em !important;
  background: rgba(68, 181, 185, 0.3) !important;
  text-shadow: 0 0 0.2em black;
}
.panel-content {
  box-shadow: inset 0 0 2vw 0.5vw rgba(0, 0, 0, 0.5);
}
/*# sourceMappingURL=App.css.map */.tippy-touch{cursor:pointer!important}.tippy-notransition{transition:none!important}.tippy-popper{max-width:400px;-webkit-perspective:800px;perspective:800px;z-index:9999;outline:0;transition-timing-function:cubic-bezier(.165,.84,.44,1);pointer-events:none}.tippy-popper.html-template{max-width:96%;max-width:calc(100% - 20px)}.tippy-popper[x-placement^=top] [x-arrow]{border-top:7px solid #333;border-right:7px solid transparent;border-left:7px solid transparent;bottom:-7px;margin:0 9px}.tippy-popper[x-placement^=top] [x-arrow].arrow-small{border-top:5px solid #333;border-right:5px solid transparent;border-left:5px solid transparent;bottom:-5px}.tippy-popper[x-placement^=top] [x-arrow].arrow-big{border-top:10px solid #333;border-right:10px solid transparent;border-left:10px solid transparent;bottom:-10px}.tippy-popper[x-placement^=top] [x-circle]{-webkit-transform-origin:0 33%;transform-origin:0 33%}.tippy-popper[x-placement^=top] [x-circle].enter{-webkit-transform:scale(1) translate(-50%,-55%);transform:scale(1) translate(-50%,-55%);opacity:1}.tippy-popper[x-placement^=top] [x-circle].leave{-webkit-transform:scale(.15) translate(-50%,-50%);transform:scale(.15) translate(-50%,-50%);opacity:0}.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-circle]{background-color:#fff}.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-arrow]{border-top:7px solid #fff;border-right:7px solid transparent;border-left:7px solid transparent}.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-arrow].arrow-small{border-top:5px solid #fff;border-right:5px solid transparent;border-left:5px solid transparent}.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-arrow].arrow-big{border-top:10px solid #fff;border-right:10px solid transparent;border-left:10px solid transparent}.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-circle]{background-color:rgba(0,0,0,.7)}.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-arrow]{border-top:7px solid rgba(0,0,0,.7);border-right:7px solid transparent;border-left:7px solid transparent}.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-arrow].arrow-small{border-top:5px solid rgba(0,0,0,.7);border-right:5px solid transparent;border-left:5px solid transparent}.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-arrow].arrow-big{border-top:10px solid rgba(0,0,0,.7);border-right:10px solid transparent;border-left:10px solid transparent}.tippy-popper[x-placement^=top] [data-animation=perspective]{-webkit-transform-origin:bottom;transform-origin:bottom}.tippy-popper[x-placement^=top] [data-animation=perspective].enter{opacity:1;-webkit-transform:translateY(-10px) rotateX(0);transform:translateY(-10px) rotateX(0)}.tippy-popper[x-placement^=top] [data-animation=perspective].leave{opacity:0;-webkit-transform:translateY(0) rotateX(90deg);transform:translateY(0) rotateX(90deg)}.tippy-popper[x-placement^=top] [data-animation=fade].enter{opacity:1;-webkit-transform:translateY(-10px);transform:translateY(-10px)}.tippy-popper[x-placement^=top] [data-animation=fade].leave{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}.tippy-popper[x-placement^=top] [data-animation=shift].enter{opacity:1;-webkit-transform:translateY(-10px);transform:translateY(-10px)}.tippy-popper[x-placement^=top] [data-animation=shift].leave{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}.tippy-popper[x-placement^=top] [data-animation=scale].enter{opacity:1;-webkit-transform:translateY(-10px) scale(1);transform:translateY(-10px) scale(1)}.tippy-popper[x-placement^=top] [data-animation=scale].leave{opacity:0;-webkit-transform:translateY(0) scale(0);transform:translateY(0) scale(0)}.tippy-popper[x-placement^=bottom] [x-arrow]{border-bottom:7px solid #333;border-right:7px solid transparent;border-left:7px solid transparent;top:-7px;margin:0 9px}.tippy-popper[x-placement^=bottom] [x-arrow].arrow-small{border-bottom:5px solid #333;border-right:5px solid transparent;border-left:5px solid transparent;top:-5px}.tippy-popper[x-placement^=bottom] [x-arrow].arrow-big{border-bottom:10px solid #333;border-right:10px solid transparent;border-left:10px solid transparent;top:-10px}.tippy-popper[x-placement^=bottom] [x-circle]{-webkit-transform-origin:0 -50%;transform-origin:0 -50%}.tippy-popper[x-placement^=bottom] [x-circle].enter{-webkit-transform:scale(1) translate(-50%,-45%);transform:scale(1) translate(-50%,-45%);opacity:1}.tippy-popper[x-placement^=bottom] [x-circle].leave{-webkit-transform:scale(.15) translate(-50%,-5%);transform:scale(.15) translate(-50%,-5%);opacity:0}.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-circle]{background-color:#fff}.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-arrow]{border-bottom:7px solid #fff;border-right:7px solid transparent;border-left:7px solid transparent}.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-arrow].arrow-small{border-bottom:5px solid #fff;border-right:5px solid transparent;border-left:5px solid transparent}.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-arrow].arrow-big{border-bottom:10px solid #fff;border-right:10px solid transparent;border-left:10px solid transparent}.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-circle]{background-color:rgba(0,0,0,.7)}.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-arrow]{border-bottom:7px solid rgba(0,0,0,.7);border-right:7px solid transparent;border-left:7px solid transparent}.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-arrow].arrow-small{border-bottom:5px solid rgba(0,0,0,.7);border-right:5px solid transparent;border-left:5px solid transparent}.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-arrow].arrow-big{border-bottom:10px solid rgba(0,0,0,.7);border-right:10px solid transparent;border-left:10px solid transparent}.tippy-popper[x-placement^=bottom] [data-animation=perspective]{-webkit-transform-origin:top;transform-origin:top}.tippy-popper[x-placement^=bottom] [data-animation=perspective].enter{opacity:1;-webkit-transform:translateY(10px) rotateX(0);transform:translateY(10px) rotateX(0)}.tippy-popper[x-placement^=bottom] [data-animation=perspective].leave{opacity:0;-webkit-transform:translateY(0) rotateX(-90deg);transform:translateY(0) rotateX(-90deg)}.tippy-popper[x-placement^=bottom] [data-animation=fade].enter{opacity:1;-webkit-transform:translateY(10px);transform:translateY(10px)}.tippy-popper[x-placement^=bottom] [data-animation=fade].leave{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}.tippy-popper[x-placement^=bottom] [data-animation=shift].enter{opacity:1;-webkit-transform:translateY(10px);transform:translateY(10px)}.tippy-popper[x-placement^=bottom] [data-animation=shift].leave{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}.tippy-popper[x-placement^=bottom] [data-animation=scale].enter{opacity:1;-webkit-transform:translateY(10px) scale(1);transform:translateY(10px) scale(1)}.tippy-popper[x-placement^=bottom] [data-animation=scale].leave{opacity:0;-webkit-transform:translateY(0) scale(0);transform:translateY(0) scale(0)}.tippy-popper[x-placement^=left] [x-arrow]{border-left:7px solid #333;border-top:7px solid transparent;border-bottom:7px solid transparent;right:-7px;margin:6px 0}.tippy-popper[x-placement^=left] [x-arrow].arrow-small{border-left:5px solid #333;border-top:5px solid transparent;border-bottom:5px solid transparent;right:-5px}.tippy-popper[x-placement^=left] [x-arrow].arrow-big{border-left:10px solid #333;border-top:10px solid transparent;border-bottom:10px solid transparent;right:-10px}.tippy-popper[x-placement^=left] [x-circle]{-webkit-transform-origin:50% 0;transform-origin:50% 0}.tippy-popper[x-placement^=left] [x-circle].enter{-webkit-transform:scale(1) translate(-50%,-50%);transform:scale(1) translate(-50%,-50%);opacity:1}.tippy-popper[x-placement^=left] [x-circle].leave{-webkit-transform:scale(.15) translate(-50%,-50%);transform:scale(.15) translate(-50%,-50%);opacity:0}.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-circle]{background-color:#fff}.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-arrow]{border-left:7px solid #fff;border-top:7px solid transparent;border-bottom:7px solid transparent}.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-arrow].arrow-small{border-left:5px solid #fff;border-top:5px solid transparent;border-bottom:5px solid transparent}.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-arrow].arrow-big{border-left:10px solid #fff;border-top:10px solid transparent;border-bottom:10px solid transparent}.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-circle]{background-color:rgba(0,0,0,.7)}.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-arrow]{border-left:7px solid rgba(0,0,0,.7);border-top:7px solid transparent;border-bottom:7px solid transparent}.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-arrow].arrow-small{border-left:5px solid rgba(0,0,0,.7);border-top:5px solid transparent;border-bottom:5px solid transparent}.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-arrow].arrow-big{border-left:10px solid rgba(0,0,0,.7);border-top:10px solid transparent;border-bottom:10px solid transparent}.tippy-popper[x-placement^=left] [data-animation=perspective]{-webkit-transform-origin:right;transform-origin:right}.tippy-popper[x-placement^=left] [data-animation=perspective].enter{opacity:1;-webkit-transform:translateX(-10px) rotateY(0);transform:translateX(-10px) rotateY(0)}.tippy-popper[x-placement^=left] [data-animation=perspective].leave{opacity:0;-webkit-transform:translateX(0) rotateY(-90deg);transform:translateX(0) rotateY(-90deg)}.tippy-popper[x-placement^=left] [data-animation=fade].enter{opacity:1;-webkit-transform:translateX(-10px);transform:translateX(-10px)}.tippy-popper[x-placement^=left] [data-animation=fade].leave{opacity:0;-webkit-transform:translateX(-10px);transform:translateX(-10px)}.tippy-popper[x-placement^=left] [data-animation=shift].enter{opacity:1;-webkit-transform:translateX(-10px);transform:translateX(-10px)}.tippy-popper[x-placement^=left] [data-animation=shift].leave{opacity:0;-webkit-transform:translateX(0);transform:translateX(0)}.tippy-popper[x-placement^=left] [data-animation=scale].enter{opacity:1;-webkit-transform:translateX(-10px) scale(1);transform:translateX(-10px) scale(1)}.tippy-popper[x-placement^=left] [data-animation=scale].leave{opacity:0;-webkit-transform:translateX(0) scale(0);transform:translateX(0) scale(0)}.tippy-popper[x-placement^=right] [x-arrow]{border-right:7px solid #333;border-top:7px solid transparent;border-bottom:7px solid transparent;left:-7px;margin:6px 0}.tippy-popper[x-placement^=right] [x-arrow].arrow-small{border-right:5px solid #333;border-top:5px solid transparent;border-bottom:5px solid transparent;left:-5px}.tippy-popper[x-placement^=right] [x-arrow].arrow-big{border-right:10px solid #333;border-top:10px solid transparent;border-bottom:10px solid transparent;left:-10px}.tippy-popper[x-placement^=right] [x-circle]{-webkit-transform-origin:-50% 0;transform-origin:-50% 0}.tippy-popper[x-placement^=right] [x-circle].enter{-webkit-transform:scale(1) translate(-50%,-50%);transform:scale(1) translate(-50%,-50%);opacity:1}.tippy-popper[x-placement^=right] [x-circle].leave{-webkit-transform:scale(.15) translate(-50%,-50%);transform:scale(.15) translate(-50%,-50%);opacity:0}.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-circle]{background-color:#fff}.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-arrow]{border-right:7px solid #fff;border-top:7px solid transparent;border-bottom:7px solid transparent}.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-arrow].arrow-small{border-right:5px solid #fff;border-top:5px solid transparent;border-bottom:5px solid transparent}.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-arrow].arrow-big{border-right:10px solid #fff;border-top:10px solid transparent;border-bottom:10px solid transparent}.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-circle]{background-color:rgba(0,0,0,.7)}.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-arrow]{border-right:7px solid rgba(0,0,0,.7);border-top:7px solid transparent;border-bottom:7px solid transparent}.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-arrow].arrow-small{border-right:5px solid rgba(0,0,0,.7);border-top:5px solid transparent;border-bottom:5px solid transparent}.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-arrow].arrow-big{border-right:10px solid rgba(0,0,0,.7);border-top:10px solid transparent;border-bottom:10px solid transparent}.tippy-popper[x-placement^=right] [data-animation=perspective]{-webkit-transform-origin:left;transform-origin:left}.tippy-popper[x-placement^=right] [data-animation=perspective].enter{opacity:1;-webkit-transform:translateX(10px) rotateY(0);transform:translateX(10px) rotateY(0)}.tippy-popper[x-placement^=right] [data-animation=perspective].leave{opacity:0;-webkit-transform:translateX(0) rotateY(90deg);transform:translateX(0) rotateY(90deg)}.tippy-popper[x-placement^=right] [data-animation=fade].enter{opacity:1;-webkit-transform:translateX(10px);transform:translateX(10px)}.tippy-popper[x-placement^=right] [data-animation=fade].leave{opacity:0;-webkit-transform:translateX(10px);transform:translateX(10px)}.tippy-popper[x-placement^=right] [data-animation=shift].enter{opacity:1;-webkit-transform:translateX(10px);transform:translateX(10px)}.tippy-popper[x-placement^=right] [data-animation=shift].leave{opacity:0;-webkit-transform:translateX(0);transform:translateX(0)}.tippy-popper[x-placement^=right] [data-animation=scale].enter{opacity:1;-webkit-transform:translateX(10px) scale(1);transform:translateX(10px) scale(1)}.tippy-popper[x-placement^=right] [data-animation=scale].leave{opacity:0;-webkit-transform:translateX(0) scale(0);transform:translateX(0) scale(0)}.tippy-popper .tippy-tooltip.transparent-theme{background-color:rgba(0,0,0,.7)}.tippy-popper .tippy-tooltip.transparent-theme[data-animatefill]{background-color:transparent}.tippy-popper .tippy-tooltip.light-theme{color:#26323d;box-shadow:0 4px 20px 4px rgba(0,20,60,.1),0 4px 80px -8px rgba(0,20,60,.2);background-color:#fff}.tippy-popper .tippy-tooltip.light-theme[data-animatefill]{background-color:transparent}.tippy-tooltip{position:relative;color:#fff;border-radius:4px;font-size:.95rem;padding:.4rem .8rem;text-align:center;will-change:transform;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#333}.tippy-tooltip--small{padding:.25rem .5rem;font-size:.8rem}.tippy-tooltip--big{padding:.6rem 1.2rem;font-size:1.2rem}.tippy-tooltip[data-animatefill]{overflow:hidden;background-color:transparent}.tippy-tooltip[data-interactive]{pointer-events:auto}.tippy-tooltip[data-inertia]{transition-timing-function:cubic-bezier(.53,2,.36,.85)}.tippy-tooltip [x-arrow]{position:absolute;width:0;height:0}.tippy-tooltip [x-circle]{position:absolute;will-change:transform;background-color:#333;border-radius:50%;width:130%;width:calc(110% + 2rem);left:50%;top:50%;z-index:-1;overflow:hidden;transition:all ease}.tippy-tooltip [x-circle]:before{content:"";padding-top:90%;float:left}@media (max-width:450px){.tippy-popper{max-width:96%;max-width:calc(100% - 20px)}}


body {
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}