* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  background-color: #ffffff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='0' x2='0' y1='0' y2='100%25' gradientTransform='rotate(0,1125,640)'%3E%3Cstop offset='0' stop-color='%23ffffff'/%3E%3Cstop offset='1' stop-color='%23e8e8e8'/%3E%3C/linearGradient%3E%3Cpattern patternUnits='userSpaceOnUse' id='b' width='1281' height='1067.5' x='0' y='0' viewBox='0 0 1080 900'%3E%3Cg fill-opacity='0.013'%3E%3Cpolygon fill='%23444' points='90 150 0 300 180 300'/%3E%3Cpolygon points='90 150 180 0 0 0'/%3E%3Cpolygon fill='%23AAA' points='270 150 360 0 180 0'/%3E%3Cpolygon fill='%23DDD' points='450 150 360 300 540 300'/%3E%3Cpolygon fill='%23999' points='450 150 540 0 360 0'/%3E%3Cpolygon points='630 150 540 300 720 300'/%3E%3Cpolygon fill='%23DDD' points='630 150 720 0 540 0'/%3E%3Cpolygon fill='%23444' points='810 150 720 300 900 300'/%3E%3Cpolygon fill='%23FFF' points='810 150 900 0 720 0'/%3E%3Cpolygon fill='%23DDD' points='990 150 900 300 1080 300'/%3E%3Cpolygon fill='%23444' points='990 150 1080 0 900 0'/%3E%3Cpolygon fill='%23DDD' points='90 450 0 600 180 600'/%3E%3Cpolygon points='90 450 180 300 0 300'/%3E%3Cpolygon fill='%23666' points='270 450 180 600 360 600'/%3E%3Cpolygon fill='%23AAA' points='270 450 360 300 180 300'/%3E%3Cpolygon fill='%23DDD' points='450 450 360 600 540 600'/%3E%3Cpolygon fill='%23999' points='450 450 540 300 360 300'/%3E%3Cpolygon fill='%23999' points='630 450 540 600 720 600'/%3E%3Cpolygon fill='%23FFF' points='630 450 720 300 540 300'/%3E%3Cpolygon points='810 450 720 600 900 600'/%3E%3Cpolygon fill='%23DDD' points='810 450 900 300 720 300'/%3E%3Cpolygon fill='%23AAA' points='990 450 900 600 1080 600'/%3E%3Cpolygon fill='%23444' points='990 450 1080 300 900 300'/%3E%3Cpolygon fill='%23222' points='90 750 0 900 180 900'/%3E%3Cpolygon points='270 750 180 900 360 900'/%3E%3Cpolygon fill='%23DDD' points='270 750 360 600 180 600'/%3E%3Cpolygon points='450 750 540 600 360 600'/%3E%3Cpolygon points='630 750 540 900 720 900'/%3E%3Cpolygon fill='%23444' points='630 750 720 600 540 600'/%3E%3Cpolygon fill='%23AAA' points='810 750 720 900 900 900'/%3E%3Cpolygon fill='%23666' points='810 750 900 600 720 600'/%3E%3Cpolygon fill='%23999' points='990 750 900 900 1080 900'/%3E%3Cpolygon fill='%23999' points='180 0 90 150 270 150'/%3E%3Cpolygon fill='%23444' points='360 0 270 150 450 150'/%3E%3Cpolygon fill='%23FFF' points='540 0 450 150 630 150'/%3E%3Cpolygon points='900 0 810 150 990 150'/%3E%3Cpolygon fill='%23222' points='0 300 -90 450 90 450'/%3E%3Cpolygon fill='%23FFF' points='0 300 90 150 -90 150'/%3E%3Cpolygon fill='%23FFF' points='180 300 90 450 270 450'/%3E%3Cpolygon fill='%23666' points='180 300 270 150 90 150'/%3E%3Cpolygon fill='%23222' points='360 300 270 450 450 450'/%3E%3Cpolygon fill='%23FFF' points='360 300 450 150 270 150'/%3E%3Cpolygon fill='%23444' points='540 300 450 450 630 450'/%3E%3Cpolygon fill='%23222' points='540 300 630 150 450 150'/%3E%3Cpolygon fill='%23AAA' points='720 300 630 450 810 450'/%3E%3Cpolygon fill='%23666' points='720 300 810 150 630 150'/%3E%3Cpolygon fill='%23FFF' points='900 300 810 450 990 450'/%3E%3Cpolygon fill='%23999' points='900 300 990 150 810 150'/%3E%3Cpolygon points='0 600 -90 750 90 750'/%3E%3Cpolygon fill='%23666' points='0 600 90 450 -90 450'/%3E%3Cpolygon fill='%23AAA' points='180 600 90 750 270 750'/%3E%3Cpolygon fill='%23444' points='180 600 270 450 90 450'/%3E%3Cpolygon fill='%23444' points='360 600 270 750 450 750'/%3E%3Cpolygon fill='%23999' points='360 600 450 450 270 450'/%3E%3Cpolygon fill='%23666' points='540 600 630 450 450 450'/%3E%3Cpolygon fill='%23222' points='720 600 630 750 810 750'/%3E%3Cpolygon fill='%23FFF' points='900 600 810 750 990 750'/%3E%3Cpolygon fill='%23222' points='900 600 990 450 810 450'/%3E%3Cpolygon fill='%23DDD' points='0 900 90 750 -90 750'/%3E%3Cpolygon fill='%23444' points='180 900 270 750 90 750'/%3E%3Cpolygon fill='%23FFF' points='360 900 450 750 270 750'/%3E%3Cpolygon fill='%23AAA' points='540 900 630 750 450 750'/%3E%3Cpolygon fill='%23FFF' points='720 900 810 750 630 750'/%3E%3Cpolygon fill='%23222' points='900 900 990 750 810 750'/%3E%3Cpolygon fill='%23222' points='1080 300 990 450 1170 450'/%3E%3Cpolygon fill='%23FFF' points='1080 300 1170 150 990 150'/%3E%3Cpolygon points='1080 600 990 750 1170 750'/%3E%3Cpolygon fill='%23666' points='1080 600 1170 450 990 450'/%3E%3Cpolygon fill='%23DDD' points='1080 900 1170 750 990 750'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect x='0' y='0' fill='url(%23a)' width='100%25' height='100%25'/%3E%3Crect x='0' y='0' fill='url(%23b)' width='100%25' height='100%25'/%3E%3C/svg%3E");
  background-attachment: fixed;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 0;
  margin: 0;
  line-height: 1.3;
}
html.darkMode {
  background-color: #ffffff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='0' x2='0' y1='0' y2='100%25' gradientTransform='rotate(0,1125,640)'%3E%3Cstop offset='0' stop-color='%231D1C1D'/%3E%3Cstop offset='1' stop-color='%23202020'/%3E%3C/linearGradient%3E%3Cpattern patternUnits='userSpaceOnUse' id='b' width='1281' height='1067.5' x='0' y='0' viewBox='0 0 1080 900'%3E%3Cg fill-opacity='0.01'%3E%3Cpolygon fill='%23444' points='90 150 0 300 180 300'/%3E%3Cpolygon points='90 150 180 0 0 0'/%3E%3Cpolygon fill='%23AAA' points='270 150 360 0 180 0'/%3E%3Cpolygon fill='%23DDD' points='450 150 360 300 540 300'/%3E%3Cpolygon fill='%23999' points='450 150 540 0 360 0'/%3E%3Cpolygon points='630 150 540 300 720 300'/%3E%3Cpolygon fill='%23DDD' points='630 150 720 0 540 0'/%3E%3Cpolygon fill='%23444' points='810 150 720 300 900 300'/%3E%3Cpolygon fill='%23FFF' points='810 150 900 0 720 0'/%3E%3Cpolygon fill='%23DDD' points='990 150 900 300 1080 300'/%3E%3Cpolygon fill='%23444' points='990 150 1080 0 900 0'/%3E%3Cpolygon fill='%23DDD' points='90 450 0 600 180 600'/%3E%3Cpolygon points='90 450 180 300 0 300'/%3E%3Cpolygon fill='%23666' points='270 450 180 600 360 600'/%3E%3Cpolygon fill='%23AAA' points='270 450 360 300 180 300'/%3E%3Cpolygon fill='%23DDD' points='450 450 360 600 540 600'/%3E%3Cpolygon fill='%23999' points='450 450 540 300 360 300'/%3E%3Cpolygon fill='%23999' points='630 450 540 600 720 600'/%3E%3Cpolygon fill='%23FFF' points='630 450 720 300 540 300'/%3E%3Cpolygon points='810 450 720 600 900 600'/%3E%3Cpolygon fill='%23DDD' points='810 450 900 300 720 300'/%3E%3Cpolygon fill='%23AAA' points='990 450 900 600 1080 600'/%3E%3Cpolygon fill='%23444' points='990 450 1080 300 900 300'/%3E%3Cpolygon fill='%23222' points='90 750 0 900 180 900'/%3E%3Cpolygon points='270 750 180 900 360 900'/%3E%3Cpolygon fill='%23DDD' points='270 750 360 600 180 600'/%3E%3Cpolygon points='450 750 540 600 360 600'/%3E%3Cpolygon points='630 750 540 900 720 900'/%3E%3Cpolygon fill='%23444' points='630 750 720 600 540 600'/%3E%3Cpolygon fill='%23AAA' points='810 750 720 900 900 900'/%3E%3Cpolygon fill='%23666' points='810 750 900 600 720 600'/%3E%3Cpolygon fill='%23999' points='990 750 900 900 1080 900'/%3E%3Cpolygon fill='%23999' points='180 0 90 150 270 150'/%3E%3Cpolygon fill='%23444' points='360 0 270 150 450 150'/%3E%3Cpolygon fill='%23FFF' points='540 0 450 150 630 150'/%3E%3Cpolygon points='900 0 810 150 990 150'/%3E%3Cpolygon fill='%23222' points='0 300 -90 450 90 450'/%3E%3Cpolygon fill='%23FFF' points='0 300 90 150 -90 150'/%3E%3Cpolygon fill='%23FFF' points='180 300 90 450 270 450'/%3E%3Cpolygon fill='%23666' points='180 300 270 150 90 150'/%3E%3Cpolygon fill='%23222' points='360 300 270 450 450 450'/%3E%3Cpolygon fill='%23FFF' points='360 300 450 150 270 150'/%3E%3Cpolygon fill='%23444' points='540 300 450 450 630 450'/%3E%3Cpolygon fill='%23222' points='540 300 630 150 450 150'/%3E%3Cpolygon fill='%23AAA' points='720 300 630 450 810 450'/%3E%3Cpolygon fill='%23666' points='720 300 810 150 630 150'/%3E%3Cpolygon fill='%23FFF' points='900 300 810 450 990 450'/%3E%3Cpolygon fill='%23999' points='900 300 990 150 810 150'/%3E%3Cpolygon points='0 600 -90 750 90 750'/%3E%3Cpolygon fill='%23666' points='0 600 90 450 -90 450'/%3E%3Cpolygon fill='%23AAA' points='180 600 90 750 270 750'/%3E%3Cpolygon fill='%23444' points='180 600 270 450 90 450'/%3E%3Cpolygon fill='%23444' points='360 600 270 750 450 750'/%3E%3Cpolygon fill='%23999' points='360 600 450 450 270 450'/%3E%3Cpolygon fill='%23666' points='540 600 630 450 450 450'/%3E%3Cpolygon fill='%23222' points='720 600 630 750 810 750'/%3E%3Cpolygon fill='%23FFF' points='900 600 810 750 990 750'/%3E%3Cpolygon fill='%23222' points='900 600 990 450 810 450'/%3E%3Cpolygon fill='%23DDD' points='0 900 90 750 -90 750'/%3E%3Cpolygon fill='%23444' points='180 900 270 750 90 750'/%3E%3Cpolygon fill='%23FFF' points='360 900 450 750 270 750'/%3E%3Cpolygon fill='%23AAA' points='540 900 630 750 450 750'/%3E%3Cpolygon fill='%23FFF' points='720 900 810 750 630 750'/%3E%3Cpolygon fill='%23222' points='900 900 990 750 810 750'/%3E%3Cpolygon fill='%23222' points='1080 300 990 450 1170 450'/%3E%3Cpolygon fill='%23FFF' points='1080 300 1170 150 990 150'/%3E%3Cpolygon points='1080 600 990 750 1170 750'/%3E%3Cpolygon fill='%23666' points='1080 600 1170 450 990 450'/%3E%3Cpolygon fill='%23DDD' points='1080 900 1170 750 990 750'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect x='0' y='0' fill='url(%23a)' width='100%25' height='100%25'/%3E%3Crect x='0' y='0' fill='url(%23b)' width='100%25' height='100%25'/%3E%3C/svg%3E");
  background-attachment: fixed;
  background-size: cover;
}
body {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
:root {
  --border-color: #ccc;
  --border-divider-color: #dfdfdf;
  --border-lighter-color: #ededed;
  --border-darker-color: #bbb;
  --border-radius: 5px;
  --panel-border-radius: 8px;
  --background-color: #fff;
  --background-gray: #f9f9f9;
  --background-header: #f1f1f1;
  --background-contrast-color: #f7f7f7;
  --background-contrast-color-1: #f2f2f2; 
  --background-contrast-color-2: #ededed; 
  --background-contrast-color-3: #e8e8e8; 
  --background-contrast-color-4: #e3e3e3; 
  --background-contrast-color-5: #dedede; 
  --selected-color: #eeeeee;
  --selected-color-darker: #e3e3e3;
  --hover-color: #f5f5f5;
  --hover-color-darker: #ececec;
  --text-color: #555;
  --text-color-light: #bbb;
  --text-color-dark: #111;
  --text-color-faded: #888;
  --text-color-selected: #333;
  --menu-color: #fff;
  --placeholder: #bbb;
  --shadow-color: #e1e1e1;
  --box-shadow: 0 0px 3px 3px #efefef;
  --badge-color: #fd3b31;
  --error: #fd0000;
  --default-padding: 16px;
  --default-heading-height: 60px;
  --default-layout-width: 980px;
  --scrollbar-width: 8px;
}
:root .darkMode {
  --border-color: #666;
  --border-divider-color: #444;
  --border-lighter-color: #444;
  --border-darker-color: #444;
  --background-color: #1a1a1a;
  --background-contrast-color: #1e1e1e;
  --background-contrast-color-1: #222222; 
  --background-contrast-color-2: #272727; 
  --background-contrast-color-3: #2b2b2b; 
  --background-contrast-color-4: #303030; 
  --background-contrast-color-5: #343434; 
  --selected-color: #444;
  --selected-color-darker: #333;
  --hover-color: #333;
  --hover-color-darker: #333;
  --text-color: #bbb;
  --text-color-light: #757575;
  --text-color-dark: #d4d4d4;
  --text-color-selected: #ccc;
  --menu-color: #333;
  --background-gray: #222222;
  --background-header: #282828;
  --box-shadow: 0 0px 3px 3px #252525;
}
body {
  font-family: Inter, Arial, sans-serif;
  color: var(--text-color);
}
textarea {
  font-family: inherit
}
.postBadge {
  display: inline;
  position: relative;
  background-color: grey;
  color: #fff;
  padding: 2px 6px;
  font-size: 10px;
  border-radius: 6px;
  font-weight: 500;
  white-space: nowrap;
  user-select: none;
}
.btn {
  padding: 8px 12px;
  border: none;
  border-radius: var(--border-radius);
  cursor: pointer;
  background-color: #f3f3f3;
  white-space: nowrap;
  transition: background-color 0.2s;
}
a.btn {
  text-decoration: none;
  color: #252525;
}
.btn.btn-lg {
  font-size: 16px;
  padding: 10px 16px;
}
.btn.btn-xl {
  padding: 16px 32px;
  border-radius: 8px;
  font-size: 18px;
  font-weight: 600;
}
.btn.btn-primary {
  background-color: #008aee;
  border-color: #008aee;
  color: #fff;
}
.btn.btn-green,
.postBadge.btn-green {
  background-color: #39a746;
}
.btn.btn-green:hover {
  background-color: #2d8337;
}
.btn.btn-orange,
.postBadge.btn-orange {
  color: #fff !important;
  background-color: #f36424;
}
.btn.btn-orange:hover {
  background-color: #e85317;
}
.btn.btn-blue,
.postBadge.btn-blue {
  background-color: #2494E3;
  color: #fff !important;
}
.btn.btn-blue:hover {
  background-color: #1c76b6;
}
.btn.btn-dark-blue,
.postBadge.btn-dark-blue {
  background-color: #008aee;
  color: #fff !important;
}
.btn.btn-dark-blue:hover {
  background-color: #0279cf;
}
.btn.btn-teal,
.postBadge.btn-teal {
  background-color: #008080;
  color: #fff !important;
}
.btn.btn-teal:hover {
  background-color: #006666;
}
.btn.btn-light-gray,
.postBadge.btn-light-gray {
  background-color: #f9f9f9;
  outline: 2px solid #cacaca;
  outline-offset: -2px;
}
.btn.btn-light-gray:hover {
  background-color: #ececec;
}
.btn.btn-gray,
.postBadge.btn-gray {
  background-color: #808080;
  color: #fff !important;
}
.btn.btn-gray:hover {
  background-color: #666666;
}
.btn.btn-dark-gray,
.postBadge.btn-dark-gray {
  background-color: #6c6c6c;
  color: #fff !important;
}
.btn.btn-dark-gray:hover {
  background-color: #4a4a4a;
}
.btn.btn-ghost {
  background-color: transparent;
  border: none;
  color: var(--text-color) !important;
}
.btn.btn-ghost:hover {
  color: var(--text-color-dark);
}
.center-div {
  margin: 0 auto;
}
.center-in-parent {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
input, textarea {
  border: 1px solid var(--border-color);
  border-radius: var(--border-radius);
  outline: none;
  font-size: 14px;
  padding: 8px 17px;
}
input:focus, textarea:focus {
  border-color: #66afe9;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
  outline: 0;
}
[placeholder]:empty:before {
  content: attr(placeholder) !important;
  color: var(--placeholder);
}
[placeholder]:empty:focus:before {
  content: ""
}
::placeholder {
  color: var(--placeholder) !important
}
.text-center {
  text-align: center
}
.text-left {
  text-align: left
}
.text-right {
  text-align: right
}
.hidden {
  display: none !important;
}
.visible {
  display: inherit !important;
}
.round {
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}
.round-corners {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.round-corners-8 {
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}
.round-corners-16 {
  border-radius: 16px;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
}
.maximize {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.full-width {
  width: 100%;
}
.full-height {
  height: 100%;
}
.relative {
  position: relative
}
.absolute {
  position: absolute
}
.cursor-pointer {
  cursor: pointer
}
.pull-left {
  float: left
}
.pull-right {
  float: right
}
.disable-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.a-no-blue {
  color: inherit !important
}
.gray {
  color: #aaa
}
.grayscale {
  filter: grayscale(100%);
}
h1, h2, h3, h4, .h1, .h2, .h3, .h4 {
  font-weight: bold;
  margin-top: 2px;
}
h1, h2, h3 {
  margin-bottom: 8px;
  line-height: 1.2;
}
hr {
  height: 1px;
  margin-top: 8px;
  margin-bottom: 8px;
  border-style: none;
  color: #dddddd;
  background-color: #dddddd;
}
a {
  color: #1981ff;;
  text-decoration: none
}
a:hover {
  color: #ff9a12;
}
a:active, a:focus, a {
  -webkit-tap-highlight-color: transparent;
  outline: none;
}
img {
  vertical-align: middle;
}
img:active, img:focus, img {
  -webkit-tap-highlight-color: transparent;
  outline: none;
}
.flex {
  display: flex
}
.flex-row {
  display: flex;
  flex-direction: row;
}
.flex-row-center-vertical { 
  display: flex;
  flex-direction: row;
  align-items: center;
}
.flex-row-center-vertical > div, .flex-row-center-vertical > a, .flex-row-center-vertical > svg { 
  display: flex;
  align-items: center;
}
.flex-column-center-vertical {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-column .flex-0,
.flex-column .flex-1 {
  position: relative;
}
.flex-center-vertical {
  display: flex;
  align-items: center;
}
.flex-center-horizontal {
  display: flex;
  justify-content: center;
}
.flex-center { 
  display: flex;
  justify-content: center;
  align-items: center;
}
.flex-justify-center {
  justify-content: center;
}
.flex-align-center {
  align-items: center;
}
.flex-right {
  display: flex;
  justify-content: flex-end;
}
.flex-left {
  display: flex;
  justify-content: flex-start;
}
.flex-reverse {
  flex-direction: row-reverse;
}
.flex-justify-center {
  justify-content: center;
}
.flex-space-between {
  justify-content: space-between;
}
.flex-space-around {
  justify-content: space-around;
}
.flex-0 {
  flex-shrink: 0;
}
.flex-1 {
  flex: 1
}
.flex-2 {
  flex: 2
}
.flex-3 {
  flex: 3
}
.flex-4 {
  flex: 4
}
.flex-5 {
  flex: 5
}
.flex-6 {
  flex: 6
}
.gap-6 {
  gap: 6px;
}
.gap-10 {
  gap: 10px;
}
.gap-12 {
  gap: 12px;
}
.gap-14 {
  gap: 14px;
}
.gap-16 {
  gap: 16px;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.flex-bottom-align {
  align-self: flex-end;
}
.flex-inline {
  display: inline-flex;
}
.icon16 {
  width: 16px;
  height: 16px;
}
.icon32 {
  width: 32px;
  height: 32px;
}
.icon64 {
  width: 64px;
  height: 64px;
}
.mini {
  font-size: 9px
}
.small {
  font-size: 12px
}
.normal {
  font-size: 14px
}
.large {
  font-size: 18px
}
.bold {
  font-weight: bold
}
.italic {
  font-style: italic
}
.overflow-hidden {
  overflow: hidden
}
.overflow-visible {
  overflow: visible
}
.scroll-y {
  overflow-y: auto
}
.scroll-x {
  overflow-x: auto
}
.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.no-wrap {
  white-space: nowrap;
}
.pad {
  padding: var(--default-padding);
}
.pad-top {
  padding-top: var(--default-padding);
}
.pad-bottom {
  padding-bottom: var(--default-padding);
}
.pad-left {
  padding-left: var(--default-padding)
}
.pad-left-4 {
  padding-right: 4px;
}
.pad-left-6 {
  padding-right: 6px;
}
.margin-right {
  margin-right: var(--default-padding);
}
.icon10 {
  width: 10px;
  height: 10px;
}
.icon12 {
  width: 12px;
  height: 12px;
}
.icon14 {
  width: 14px;
  height: 14px;
}
.icon16 {
  width: 16px;
  height: 16px;
}
.icon18 {
  width: 18px;
  height: 18px;
}
.icon20 {
  width: 20px;
  height: 20px;
}
.icon22 {
  width: 22px;
  height: 22px;
}
.icon24 {
  width: 24px;
  height: 24px;
}
.icon28 {
  width: 28px;
  height: 28px;
}
.icon30 {
  width: 30px;
  height: 30px;
}
.icon32 {
  width: 32px;
  height: 32px;
}
.icon36 {
  width: 32px;
  height: 32px;
}
.icon40 {
  width: 40px;
  height: 40px;
}
.icon42 {
  width: 42px;
  height: 42px;
}
.icon48 {
  width: 48px;
  height: 48px;
}
.icon64 {
  width: 64px;
  height: 64px;
}
.icon100 {
  width: 100px;
  height: 100px;
}
@supports not selector(::-webkit-scrollbar) {
  * {
    scrollbar-width: thin;
    scrollbar-color: #ddd transparent;
  }
}
::-webkit-scrollbar {
  width: var(--scrollbar-width);
  height: 8px;
}
::-webkit-scrollbar-track {
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
::-webkit-scrollbar-thumb {
  background: #ddd;
  border-radius: 8px;
}
.darkMode ::-webkit-scrollbar-thumb {
  background: rgba(122, 122, 122, 0.8);
}
.visible-xs-g, .visible-sm-g, .visible-md-g, .visible-lg-g, .visible-xl-g, .visible-xxl-g {
  display: none;
}
.xs-g .visible-xs-g,
.sm-g .visible-sm-g,
.md-g .visible-md-g,
.lg-g .visible-lg-g,
.xl-g .visible-xl-g,
.xxl-g .visible-xxl-g {
  display: inherit;
}
.xs-g .hidden-xs-g,
.sm-g .hidden-sm-g,
.md-g .hidden-md-g,
.lg-g .hidden-lg-g,
.xl-g .hidden-xl-g,
.xxl-g .hidden-xxl-g {
  display: none;
}
.visible-xs-l, .visible-sm-l, .visible-md-l, .visible-lg-l, .visible-xl-l, .visible-xxl-l {
  display: none;
}
.xs-l .visible-xs-l,
.sm-l .visible-sm-l,
.md-l .visible-md-l,
.lg-l .visible-lg-l,
.xl-l .visible-xl-l,
.xxl-l .visible-xxl-l {
  display: inherit;
}
.xs-l .hidden-xs-l,
.sm-l .hidden-sm-l,
.md-l .hidden-md-l,
.lg-l .hidden-lg-l,
.xl-l .hidden-xl-l,
.xxl-l .hidden-xxl-l {
  display: none;
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 100 900;
  font-display: block;
  src: url(https://d2nlhpv8vx70ml.cloudfront.net/public/fonts/inter/UcCm3FwrK3iLTcvnUwkT9nA2.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 100 900;
  font-display: block;
  src: url(https://d2nlhpv8vx70ml.cloudfront.net/public/fonts/inter/UcCm3FwrK3iLTcvnUwAT9nA2.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 100 900;
  font-display: block;
  src: url(https://d2nlhpv8vx70ml.cloudfront.net/public/fonts/inter/UcCm3FwrK3iLTcvnUwgT9nA2.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 100 900;
  font-display: block;
  src: url(https://d2nlhpv8vx70ml.cloudfront.net/public/fonts/inter/UcCm3FwrK3iLTcvnUwcT9nA2.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 100 900;
  font-display: block;
  src: url(https://d2nlhpv8vx70ml.cloudfront.net/public/fonts/inter/UcCm3FwrK3iLTcvnUwsT9nA2.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 100 900;
  font-display: block;
  src: url(https://d2nlhpv8vx70ml.cloudfront.net/public/fonts/inter/UcCm3FwrK3iLTcvnUwoT9nA2.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 100 900;
  font-display: block;
  src: url(https://d2nlhpv8vx70ml.cloudfront.net/public/fonts/inter/UcCm3FwrK3iLTcvnUwQT9g.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: block;
  src: url(https://d2nlhpv8vx70ml.cloudfront.net/public/fonts/inter/UcCo3FwrK3iLTcvvYwYL8g.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: block;
  src: url(https://d2nlhpv8vx70ml.cloudfront.net/public/fonts/inter/UcCo3FwrK3iLTcvmYwYL8g.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: block;
  src: url(https://d2nlhpv8vx70ml.cloudfront.net/public/fonts/inter/UcCo3FwrK3iLTcvuYwYL8g.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: block;
  src: url(https://d2nlhpv8vx70ml.cloudfront.net/public/fonts/inter/UcCo3FwrK3iLTcvhYwYL8g.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: block;
  src: url(https://d2nlhpv8vx70ml.cloudfront.net/public/fonts/inter/UcCo3FwrK3iLTcvtYwYL8g.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: block;
  src: url(https://d2nlhpv8vx70ml.cloudfront.net/public/fonts/inter/UcCo3FwrK3iLTcvsYwYL8g.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: block;
  src: url(https://d2nlhpv8vx70ml.cloudfront.net/public/fonts/inter/UcCo3FwrK3iLTcviYwY.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}