@keyframes svelte-j7uyth-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-j7uyth-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-j7uyth-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-j7uyth-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-j7uyth-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-j7uyth-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-j7uyth-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-j7uyth-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-j7uyth-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-j7uyth-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.button-container.svelte-j7uyth {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0rem 1rem;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 0.2rem;
}
.button-container.svelte-j7uyth
  .-container[data-fit-items]:where(.svelte-j7uyth) {
  flex: 1 0;
  text-align: center;
}
.button-container.svelte-j7uyth:hover {
  cursor: pointer;
}
.button-container[data-size="xs"].svelte-j7uyth {
  height: 1.3rem;
  font-size: 0.7rem;
}
.button-container[data-size="sm"].svelte-j7uyth {
  height: 1.6rem;
  font-size: 0.8rem;
}
.button-container[data-size="md"].svelte-j7uyth {
  height: 2rem;
  font-size: 1rem;
}
.button-container[data-size="lg"].svelte-j7uyth {
  height: 2.6rem;
  font-size: 1.2rem;
}
.button-container[data-size="xl"].svelte-j7uyth {
  height: 3rem;
  font-size: 1.4rem;
}
.button-container[data-fit].svelte-j7uyth {
  width: 100% !important;
}
.button-container[data-disable].svelte-j7uyth {
  opacity: 40%;
  pointer-events: none !important;
}
.button-container[data-ghost].svelte-j7uyth {
  background-color: transparent !important;
  opacity: 0.7;
}
.button-container[data-ghost].svelte-j7uyth:hover {
  opacity: 1;
}
.button-container[data-border="none"].svelte-j7uyth {
  border: none;
}
.button-container[data-border="soft"].svelte-j7uyth {
  border: 1px solid var(--hq-base-0400) !important;
}
.button-container[data-border="normal"].svelte-j7uyth {
  border: 1px solid var(--overlay-2x);
}
.button-container[data-border="hard"].svelte-j7uyth {
  border: 1px solid var(--overlay-4x);
}
@keyframes svelte-1ml0iuh-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1ml0iuh-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1ml0iuh-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1ml0iuh-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1ml0iuh-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1ml0iuh-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-1ml0iuh-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1ml0iuh-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-1ml0iuh-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-1ml0iuh-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.root.svelte-1ml0iuh {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.root.svelte-1ml0iuh .overlay:where(.svelte-1ml0iuh) {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.root.svelte-1ml0iuh .tag:where(.svelte-1ml0iuh) {
  position: absolute;
  left: -0.15rem;
  top: -0.15rem;
  white-space: nowrap;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  width: 1.3rem;
  height: 1.3rem;
}
@keyframes svelte-1k8zrbm-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1k8zrbm-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1k8zrbm-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1k8zrbm-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1k8zrbm-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1k8zrbm-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-1k8zrbm-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1k8zrbm-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-1k8zrbm-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-1k8zrbm-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.button-container.svelte-1k8zrbm {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s color 0.2s;
}
.button-container.svelte-1k8zrbm:hover {
  cursor: pointer;
  color: var(--hq-base-2200);
}
.button-container.svelte-1k8zrbm:active {
  opacity: 80%;
}
.button-container[data-size="xs"].svelte-1k8zrbm {
  height: 1.3rem;
  width: 1.3rem;
}
.button-container[data-size="sm"].svelte-1k8zrbm {
  height: 1.6rem;
  width: 1.6rem;
}
.button-container[data-size="md"].svelte-1k8zrbm {
  height: 2rem;
  width: 2rem;
}
.button-container[data-size="lg"].svelte-1k8zrbm {
  height: 2.6rem;
  width: 2.6rem;
}
.button-container[data-size="xl"].svelte-1k8zrbm {
  height: 3rem;
  width: 3rem;
}
.button-container[data-disable].svelte-1k8zrbm {
  opacity: 40%;
  pointer-events: none !important;
}
.button-container[data-ghost].svelte-1k8zrbm {
  background-color: transparent !important;
}
.button-container[data-ghost].svelte-1k8zrbm:hover {
  border-color: var(--base05);
}
.button-container[data-ghost][data-border="none"].svelte-1k8zrbm:hover {
  color: var(--base04);
}
.button-container[data-border="none"].svelte-1k8zrbm {
  border: none;
}
.button-container[data-border="soft"].svelte-1k8zrbm {
  border: 1px solid var(--overlay);
}
.button-container[data-border="normal"].svelte-1k8zrbm {
  border: 1px solid var(--overlay-2x);
}
.button-container[data-border="hard"].svelte-1k8zrbm {
  border: 1px solid var(--overlay-4x);
}
.button-container[data-borderRadius="angled"].svelte-1k8zrbm {
  border-radius: 0rem;
}
.button-container[data-borderRadius="medium"].svelte-1k8zrbm {
  border-radius: 15%;
}
.button-container[data-borderRadius="round"].svelte-1k8zrbm {
  border-radius: 50%;
}
@keyframes svelte-5ziiyv-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-5ziiyv-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-5ziiyv-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-5ziiyv-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-5ziiyv-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-5ziiyv-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-5ziiyv-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-5ziiyv-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-5ziiyv-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-5ziiyv-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.root.svelte-5ziiyv {
  display: flex;
  justify-content: start;
  align-items: center;
  width: 100%;
  min-width: 1rem;
  min-height: -moz-fit-content;
  min-height: fit-content;
  overflow: hidden;
  border-radius: 0.3rem;
  font-weight: 600;
  cursor: text;
}
.root[data-size="xs"].svelte-5ziiyv {
  min-height: 1.3rem;
  max-width: 10rem;
  font-size: 0.7rem;
}
.root[data-size="sm"].svelte-5ziiyv {
  min-height: 1.6rem;
  max-width: 15rem;
  font-size: 0.7rem;
}
.root[data-size="md"].svelte-5ziiyv {
  min-height: 2rem;
  max-width: 20rem;
  font-size: 0.8rem;
}
.root[data-size="lg"].svelte-5ziiyv {
  min-height: 2.6rem;
  max-width: 30rem;
  font-size: 1rem;
}
.root[data-size="xl"].svelte-5ziiyv {
  min-height: 3rem;
  max-width: 45rem;
  font-size: 1.2rem;
}
.root[data-fit].svelte-5ziiyv {
  max-width: 100%;
}
.root.svelte-5ziiyv input:where(.svelte-5ziiyv) {
  background-color: transparent;
  border: none;
  outline: none;
  line-height: 1.5;
  font: inherit;
  color: inherit;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  text-indent: 0.4rem;
}
.root.svelte-5ziiyv input:where(.svelte-5ziiyv):active,
.root.svelte-5ziiyv input:where(.svelte-5ziiyv):focus {
  border: none;
  outline: none;
}
.root.svelte-5ziiyv input:where(.svelte-5ziiyv)::-moz-placeholder {
  color: inherit;
  opacity: 0.5;
  font: inherit;
}
.root.svelte-5ziiyv input:where(.svelte-5ziiyv)::placeholder {
  color: inherit;
  opacity: 0.5;
  font: inherit;
}
.root.svelte-5ziiyv .button-icon:where(.svelte-5ziiyv) {
  transform: scale(0.8);
  color: inherit;
}
input[type="number"].svelte-5ziiyv::-webkit-inner-spin-button,
input[type="number"].svelte-5ziiyv::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}
@keyframes svelte-1x0g9vi-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1x0g9vi-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1x0g9vi-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1x0g9vi-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1x0g9vi-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1x0g9vi-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-1x0g9vi-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1x0g9vi-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-1x0g9vi-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-1x0g9vi-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.root.svelte-1x0g9vi {
  cursor: pointer;
  text-align: left;
  padding: 0.5rem 0.8rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 600;
  height: auto;
  transition: background-color 0.2s;
}
.root.svelte-1x0g9vi .icon-text:where(.svelte-1x0g9vi) {
  display: flex;
  align-items: center;
}
.root.svelte-1x0g9vi
  .icon-text:where(.svelte-1x0g9vi)
  .icon:where(.svelte-1x0g9vi) {
  transform: scale(0.65);
  margin-left: -0.3rem;
}
.root.svelte-1x0g9vi
  .icon-text:where(.svelte-1x0g9vi)
  .text:where(.svelte-1x0g9vi) {
  word-break: break-word;
  overflow: hidden;
}
.root.svelte-1x0g9vi .badge:where(.svelte-1x0g9vi) {
  transform: scale(0.9);
  font-weight: 500;
}
.root[data-size="md"].svelte-1x0g9vi,
.root[data-size="lg"].svelte-1x0g9vi,
.root[data-size="xl"].svelte-1x0g9vi {
  font-weight: 600;
}
@keyframes svelte-1l0ml4y-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1l0ml4y-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1l0ml4y-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1l0ml4y-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1l0ml4y-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1l0ml4y-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-1l0ml4y-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1l0ml4y-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-1l0ml4y-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-1l0ml4y-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.-container.svelte-1l0ml4y {
  display: flex;
  gap: 0.3rem;
  align-items: center;
}
.-container[data-borderRadius].svelte-1l0ml4y {
  border-radius: 5px;
}
.-container[data-disable].svelte-1l0ml4y {
  opacity: 0.5;
  cursor: not-allowed;
}
.-container[data-disable].svelte-1l0ml4y .root:where(.svelte-1l0ml4y) {
  pointer-events: none;
}
.root.svelte-1l0ml4y {
  height: -moz-fit-content;
  height: fit-content;
}
.root[data-borderRadius].svelte-1l0ml4y {
  border-radius: 5px;
}
.root.svelte-1l0ml4y .button-field:where(.svelte-1l0ml4y) {
  display: flex;
  align-items: center;
  border: solid 1px var(--hq-base-0400);
  overflow: hidden;
  gap: 0.5rem;
  position: relative;
}
.root.svelte-1l0ml4y
  .button-field:where(.svelte-1l0ml4y)
  .text-field:where(.svelte-1l0ml4y) {
  width: calc(100% - 2rem);
}
.root.svelte-1l0ml4y .button-field[data-border="none"]:where(.svelte-1l0ml4y) {
  border: none;
}
.root.svelte-1l0ml4y .button-field[data-borderRadius]:where(.svelte-1l0ml4y) {
  border-radius: 5px;
}
.root.svelte-1l0ml4y .button-field:where(.svelte-1l0ml4y):hover {
  cursor: pointer;
}
.root.svelte-1l0ml4y
  .button-field:where(.svelte-1l0ml4y)
  .icon:where(.svelte-1l0ml4y) {
  position: absolute;
  right: 0rem;
}
.root.svelte-1l0ml4y
  .button-field:where(.svelte-1l0ml4y)
  .search-field:where(.svelte-1l0ml4y) {
  width: 100%;
}
.root.svelte-1l0ml4y .drop-flag:where(.svelte-1l0ml4y) {
  width: 100%;
  position: relative;
  z-index: 1000;
}
.root.svelte-1l0ml4y .drop-field:where(.svelte-1l0ml4y) {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  overflow-y: scroll;
  position: absolute;
  top: 0.35rem;
  border: none;
  box-shadow: 0 0 10px #00000040;
}
.root.svelte-1l0ml4y .drop-field[data-direction="up"]:where(.svelte-1l0ml4y) {
  top: auto;
  bottom: 1.8rem;
}
.root.svelte-1l0ml4y .drop-field[data-border="line"]:where(.svelte-1l0ml4y),
.root.svelte-1l0ml4y .drop-field[data-border="dotted"]:where(.svelte-1l0ml4y) {
  border: solid 1px var(--hq-base-0400);
}
.root.svelte-1l0ml4y .drop-field[data-borderRadius]:where(.svelte-1l0ml4y) {
  border-radius: 5px;
}
.root.svelte-1l0ml4y
  .drop-field[data-border="dotted"]:where(.svelte-1l0ml4y)
  div[data-dropdown-item]:not(:first-child) {
  border-top: dotted 1px var(--hq-base-0300);
}
.root.svelte-1l0ml4y
  .drop-field[data-border="line"]:where(.svelte-1l0ml4y)
  div[data-dropdown-item]:not(:first-child),
.root.svelte-1l0ml4y
  .drop-field[data-border="none"]:where(.svelte-1l0ml4y)
  div[data-dropdown-item]:not(:first-child) {
  border-top: solid 1px var(--hq-base-0400) !important;
}
.root[data-size="xxs"].svelte-1l0ml4y {
  width: 8rem;
  font-size: 0.6rem;
}
.root[data-size="xxs"].svelte-1l0ml4y .button-field:where(.svelte-1l0ml4y) {
  height: 1.5rem;
}
.root[data-size="xxs"].svelte-1l0ml4y
  .button-field:where(.svelte-1l0ml4y)
  .icon:where(.svelte-1l0ml4y) {
  transform: scale(0.5);
}
.root[data-size="xxs"].svelte-1l0ml4y
  .drop-flag:where(.svelte-1l0ml4y)
  .drop-field:where(.svelte-1l0ml4y) {
  max-height: 7.5rem;
}
.root[data-size="xxs"].svelte-1l0ml4y
  .drop-flag:where(.svelte-1l0ml4y)
  .drop-field[data-direction="up"]:where(.svelte-1l0ml4y) {
  bottom: 1.8rem;
}
.root[data-size="xs"].svelte-1l0ml4y {
  width: 8.3rem;
  font-size: 0.66rem;
}
.root[data-size="xs"].svelte-1l0ml4y .button-field:where(.svelte-1l0ml4y) {
  height: 1.7rem;
}
.root[data-size="xs"].svelte-1l0ml4y
  .button-field:where(.svelte-1l0ml4y)
  .icon:where(.svelte-1l0ml4y) {
  transform: scale(0.6);
}
.root[data-size="xs"].svelte-1l0ml4y
  .drop-flag:where(.svelte-1l0ml4y)
  .drop-field:where(.svelte-1l0ml4y) {
  max-height: 8rem;
}
.root[data-size="xs"].svelte-1l0ml4y
  .drop-flag:where(.svelte-1l0ml4y)
  .drop-field[data-direction="up"]:where(.svelte-1l0ml4y) {
  bottom: 2rem;
}
.root[data-size="sm"].svelte-1l0ml4y {
  width: 8.6rem;
  font-size: 0.7rem;
  font-weight: 500;
}
.root[data-size="sm"].svelte-1l0ml4y .button-field:where(.svelte-1l0ml4y) {
  height: 1.9rem;
}
.root[data-size="sm"].svelte-1l0ml4y
  .button-field:where(.svelte-1l0ml4y)
  .icon:where(.svelte-1l0ml4y) {
  transform: scale(0.65);
}
.root[data-size="sm"].svelte-1l0ml4y
  .drop-flag:where(.svelte-1l0ml4y)
  .drop-field:where(.svelte-1l0ml4y) {
  max-height: 8rem;
}
.root[data-size="sm"].svelte-1l0ml4y
  .drop-flag:where(.svelte-1l0ml4y)
  .drop-field[data-direction="up"]:where(.svelte-1l0ml4y) {
  bottom: 2.2rem;
}
.root[data-size="md"].svelte-1l0ml4y {
  width: 9rem;
  font-size: 0.72rem;
  font-weight: 600;
}
.root[data-size="md"].svelte-1l0ml4y .button-field:where(.svelte-1l0ml4y) {
  height: 2rem;
}
.root[data-size="md"].svelte-1l0ml4y
  .button-field:where(.svelte-1l0ml4y)
  .icon:where(.svelte-1l0ml4y) {
  transform: scale(0.7);
}
.root[data-size="md"].svelte-1l0ml4y
  .drop-flag:where(.svelte-1l0ml4y)
  .drop-field:where(.svelte-1l0ml4y) {
  max-height: 8.5rem;
}
.root[data-size="md"].svelte-1l0ml4y
  .drop-flag:where(.svelte-1l0ml4y)
  .drop-field[data-direction="up"]:where(.svelte-1l0ml4y) {
  bottom: 2.3rem;
}
.root[data-size="lg"].svelte-1l0ml4y {
  width: 10rem;
  font-size: 0.79rem;
  font-weight: 600;
}
.root[data-size="lg"].svelte-1l0ml4y .button-field:where(.svelte-1l0ml4y) {
  height: 2.3rem;
}
.root[data-size="lg"].svelte-1l0ml4y
  .button-field:where(.svelte-1l0ml4y)
  .icon:where(.svelte-1l0ml4y) {
  transform: scale(0.75);
}
.root[data-size="lg"].svelte-1l0ml4y
  .drop-flag:where(.svelte-1l0ml4y)
  .drop-field:where(.svelte-1l0ml4y) {
  max-height: 10rem;
}
.root[data-size="lg"].svelte-1l0ml4y
  .drop-flag:where(.svelte-1l0ml4y)
  .drop-field[data-direction="up"]:where(.svelte-1l0ml4y) {
  bottom: 2.6rem;
}
.root[data-size="xl"].svelte-1l0ml4y {
  width: 11rem;
  font-size: 0.82rem;
  font-weight: 700;
}
.root[data-size="xl"].svelte-1l0ml4y .button-field:where(.svelte-1l0ml4y) {
  height: 2.5rem;
}
.root[data-size="xl"].svelte-1l0ml4y
  .button-field:where(.svelte-1l0ml4y)
  .icon:where(.svelte-1l0ml4y) {
  transform: scale(0.9);
}
.root[data-size="xl"].svelte-1l0ml4y
  .drop-flag:where(.svelte-1l0ml4y)
  .drop-field:where(.svelte-1l0ml4y) {
  max-height: 13rem;
}
.root[data-size="xl"].svelte-1l0ml4y
  .drop-flag:where(.svelte-1l0ml4y)
  .drop-field[data-direction="up"]:where(.svelte-1l0ml4y) {
  bottom: 2.8rem;
}
.root.svelte-1l0ml4y
  .drop-flag:where(.svelte-1l0ml4y)
  .drop-field:where(.svelte-1l0ml4y) {
  overflow-y: auto;
}
.root.svelte-1l0ml4y
  .drop-flag:where(.svelte-1l0ml4y)
  .drop-field:where(.svelte-1l0ml4y)::-webkit-scrollbar {
  width: 0.3rem;
  height: 0.3rem;
  background-color: var(--hq-base-0300);
}
.root.svelte-1l0ml4y
  .drop-flag:where(.svelte-1l0ml4y)
  .drop-field:where(.svelte-1l0ml4y)::-webkit-scrollbar:hover {
  cursor: pointer;
}
.root.svelte-1l0ml4y
  .drop-flag:where(.svelte-1l0ml4y)
  .drop-field:where(.svelte-1l0ml4y)::-webkit-scrollbar-corner {
  background-color: var(--hq-base-0300);
}
.root.svelte-1l0ml4y
  .drop-flag:where(.svelte-1l0ml4y)
  .drop-field:where(.svelte-1l0ml4y)::-webkit-scrollbar-thumb {
  border: solid 1px var(--hq-base-0600);
  border-radius: 3px;
  background-color: var(--hq-base-0600);
}
.root.svelte-1l0ml4y
  .drop-flag:where(.svelte-1l0ml4y)
  .drop-field:where(.svelte-1l0ml4y)::-webkit-scrollbar-thumb:hover {
  cursor: pointer;
  background-color: var(--hq-base-0800);
}
.root.svelte-1l0ml4y
  .drop-flag:where(.svelte-1l0ml4y)
  .drop-field[data-no-scroll]:where(.svelte-1l0ml4y)::-webkit-scrollbar {
  width: 0px;
  height: 0px;
  background-color: inherit;
}
.root.svelte-1l0ml4y
  .drop-flag:where(.svelte-1l0ml4y)
  .drop-field[data-no-scroll]:where(.svelte-1l0ml4y)::-webkit-scrollbar-thumb {
  border: solid 1px var(--hq-base-0600);
  border-radius: 3px;
  background-color: var(--hq-base-0600);
}
.root.svelte-1l0ml4y
  .drop-flag:where(.svelte-1l0ml4y)
  .drop-field[data-no-scroll]:where(.svelte-1l0ml4y)::-webkit-scrollbar-corner {
  background-color: var(--hq-base-0600);
}
@keyframes svelte-7hkuen-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-7hkuen-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-7hkuen-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-7hkuen-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-7hkuen-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-7hkuen-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-7hkuen-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-7hkuen-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-7hkuen-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-7hkuen-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.root.svelte-7hkuen {
  display: flex;
  width: 100%;
}
.root.svelte-7hkuen::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: var(--hq-base-0300);
}
.root.svelte-7hkuen::-webkit-scrollbar-thumb {
  border: solid 1px var(--hq-base-0600);
  border-radius: 3px;
  background-color: var(--hq-base-0600);
}
.root.svelte-7hkuen::-webkit-scrollbar-thumb:hover {
  cursor: pointer;
  background-color: var(--hq-base-0800);
}
.root.svelte-7hkuen::-webkit-scrollbar-corner {
  background-color: var(--hq-base-0600);
}
@keyframes svelte-7gtgry-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-7gtgry-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-7gtgry-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-7gtgry-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-7gtgry-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-7gtgry-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-7gtgry-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-7gtgry-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-7gtgry-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-7gtgry-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.root.svelte-7gtgry {
  width: 100%;
  display: grid;
}
.root.svelte-7gtgry::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: var(--hq-base-0300);
}
.root.svelte-7gtgry::-webkit-scrollbar-thumb {
  border: solid 1px var(--hq-base-0600);
  border-radius: 3px;
  background-color: var(--hq-base-0600);
}
.root.svelte-7gtgry::-webkit-scrollbar-thumb:hover {
  cursor: pointer;
  background-color: var(--hq-base-0800);
}
.root.svelte-7gtgry::-webkit-scrollbar-corner {
  background-color: var(--hq-base-0600);
}
@keyframes svelte-272gag-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-272gag-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-272gag-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-272gag-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-272gag-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-272gag-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-272gag-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-272gag-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-272gag-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-272gag-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.group-button-container[data-align="horizontal"].svelte-272gag {
  display: flex;
  flex-direction: row;
}
.group-button-container[data-align="horizontal"].svelte-272gag
  div[data-button] {
  border-radius: 0rem;
  width: 100%;
}
.group-button-container[data-align="horizontal"].svelte-272gag
  div[data-button]:first-child {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.group-button-container[data-align="horizontal"].svelte-272gag
  div[data-button]:last-child {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.group-button-container[data-align="horizontal"].svelte-272gag
  div[data-button]:not(:first-child) {
  border-left: 0rem;
}
.group-button-container[data-align="vertical"].svelte-272gag {
  display: flex;
  flex-direction: column;
}
.group-button-container[data-align="vertical"].svelte-272gag div[data-button] {
  border-radius: 0rem;
  width: 100%;
}
.group-button-container[data-align="vertical"].svelte-272gag
  div[data-button]:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.group-button-container[data-align="vertical"].svelte-272gag
  div[data-button]:last-child {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.group-button-container[data-align="vertical"].svelte-272gag
  div[data-button]:not(:first-child) {
  border-top: 0rem;
}
@keyframes svelte-vod41p-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-vod41p-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-vod41p-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-vod41p-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-vod41p-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-vod41p-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-vod41p-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-vod41p-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-vod41p-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-vod41p-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.pagination-button.svelte-vod41p {
  min-width: 1.2rem;
  padding: 0 0.5rem;
  height: 1.4rem;
  margin: 0 0.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--hq-base-2000);
  cursor: pointer;
}
.pagination-button.svelte-vod41p .--content:where(.svelte-vod41p) {
  transform: translate(0) scale(0.9);
}
.pagination-button[data-command].svelte-vod41p {
  padding: 0 0rem;
}
.pagination-button[data-disable].svelte-vod41p {
  opacity: 0.5;
  cursor: not-allowed;
}
.pagination-button[data-selected].svelte-vod41p {
  border-radius: 0.2rem;
  background: var(--hq-base-0400);
  color: var(--hq-base-2300);
}
.root.svelte-vod41p {
  font-weight: 600;
}
@keyframes svelte-k8pb6v-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-k8pb6v-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-k8pb6v-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-k8pb6v-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-k8pb6v-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-k8pb6v-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-k8pb6v-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-k8pb6v-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-k8pb6v-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-k8pb6v-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.portal-unit.svelte-k8pb6v {
  pointer-events: none;
}
@keyframes svelte-1esw260-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1esw260-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1esw260-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1esw260-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1esw260-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1esw260-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-1esw260-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1esw260-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-1esw260-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-1esw260-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.root.svelte-1esw260 {
  overflow: hidden;
  pointer-events: none;
  left: 0;
  top: 0;
  position: fixed;
  z-index: 100000;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.2s, -webkit-backdrop-filter 0.2s;
  transition: opacity 0.2s, backdrop-filter 0.2s;
  transition: opacity 0.2s, backdrop-filter 0.2s, -webkit-backdrop-filter 0.2s;
  opacity: 0;
}
.root[data-active="true"].svelte-1esw260 {
  opacity: 1;
  pointer-events: all;
}
.root[data-active="false"].svelte-1esw260 {
  opacity: 0;
}
.root[data-blur="none"].svelte-1esw260 {
  -webkit-backdrop-filter: blur(0);
  backdrop-filter: blur(0);
}
.root[data-blur="soft"].svelte-1esw260 {
  -webkit-backdrop-filter: blur(1px);
  backdrop-filter: blur(1px);
}
.root[data-blur="normal"].svelte-1esw260 {
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
}
.root[data-blur="hard"].svelte-1esw260 {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}
.root.svelte-1esw260 .-container:where(.svelte-1esw260) {
  position: relative;
  box-shadow: 0 20px 20px #00000026;
  z-index: 100000;
  max-width: calc(100% - 8rem);
  max-height: calc(100% - 10rem);
}
.root.svelte-1esw260 .-container[data-type="right"]:where(.svelte-1esw260) {
  height: 100%;
  right: 0;
  top: 0;
  position: fixed;
}
.root.svelte-1esw260 .-container[data-type="top"]:where(.svelte-1esw260) {
  width: 100%;
  top: 0;
  position: fixed;
  max-width: 100%;
}
@media only screen and (min-width: 0px) and (max-width: 640px) {
  .root.svelte-1esw260 .-container:where(.svelte-1esw260) {
    max-width: 100%;
    max-height: 100%;
    border-top-right-radius: borderTopRightRadius;
    border-top-left-radius: borderTopLeftRadius;
    overflow: hidden;
  }
}
.root.svelte-1esw260 .-container[data-type="bottom"]:where(.svelte-1esw260) {
  width: 100%;
  bottom: 0rem;
  position: fixed;
  max-width: 100%;
}
.root.svelte-1esw260 .-container[data-type="center"]:where(.svelte-1esw260) {
  width: 100%;
  position: fixed;
}
.root[data-active].svelte-1esw260
  .-container[data-type="right"]:where(.svelte-1esw260) {
  animation: svelte-1esw260-slideInRight 0.3s ease-in-out forwards;
}
.root[data-active].svelte-1esw260
  .-container[data-type="top"]:where(.svelte-1esw260) {
  animation: slideInDown 0.3s ease-in-out forwards;
}
.root[data-active].svelte-1esw260
  .-container[data-type="bottom"]:where(.svelte-1esw260) {
  animation: svelte-1esw260-slideInUp 0.3s ease-in-out forwards;
}
.root[data-active].svelte-1esw260
  .-container[data-type="center"]:where(.svelte-1esw260) {
  animation: svelte-1esw260-zoomIn06 0.3s forwards;
}
.root[data-active="false"].svelte-1esw260
  .-container[data-type="right"]:where(.svelte-1esw260) {
  animation: svelte-1esw260-slideOutRight 0.3s ease-in-out forwards;
}
.root[data-active="false"].svelte-1esw260
  .-container[data-type="top"]:where(.svelte-1esw260) {
  animation: slideOutUp 0.3s ease-in-out forwards;
}
.root[data-active="false"].svelte-1esw260
  .-container[data-type="bottom"]:where(.svelte-1esw260) {
  animation: svelte-1esw260-slideOutDown 0.3s ease-in-out forwards;
}
.root[data-active="false"].svelte-1esw260
  .-container[data-type="center"]:where(.svelte-1esw260) {
  animation: svelte-1esw260-zoomOut06 0.3s forwards;
}
@keyframes svelte-1fwbbn9-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1fwbbn9-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1fwbbn9-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1fwbbn9-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1fwbbn9-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1fwbbn9-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-1fwbbn9-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1fwbbn9-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-1fwbbn9-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-1fwbbn9-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.root.svelte-1fwbbn9 {
  overflow: hidden;
  position: relative;
}
.root.svelte-1fwbbn9::-webkit-scrollbar {
  width: 0.3rem;
  height: 0.3rem;
  background-color: var(--hq-base-300);
}
.root.svelte-1fwbbn9::-webkit-scrollbar:hover {
  cursor: pointer;
}
.root.svelte-1fwbbn9::-webkit-scrollbar-corner {
  background-color: var(--hq-base-300);
}
.root.svelte-1fwbbn9::-webkit-scrollbar-thumb {
  border: solid 1px var(--hq-base-0600);
  border-radius: 3px;
  background-color: var(--hq-base-0600);
}
.root.svelte-1fwbbn9::-webkit-scrollbar-thumb:hover {
  cursor: pointer;
  background-color: var(--hq-base-0800);
}
.grid.svelte-1v6zelp {
  display: grid;
  background: var(--sc-theme-calendar-colors-border);
  row-gap: 1px;
  -moz-column-gap: 1px;
  column-gap: 1px;
  height: 100%;
}
.grid.svelte-1v6zelp > * {
  font-size: var(--sc-theme-calendar-font-regular);
  text-decoration: none;
  color: var(--sc-theme-calendar-colors-text-primary);
  transition: all 0.18s ease-out;
  background: var(--sc-theme-calendar-colors-background-primary);
  display: grid;
  text-align: center;
  align-items: center;
}
@media (max-width: 720px) {
  .grid.svelte-1v6zelp > * {
    font-size: calc(var(--sc-theme-calendar-font-regular) * 0.75);
  }
}
.grid.svelte-1v6zelp > *:hover {
  background: var(--sc-theme-calendar-colors-background-hover);
}
.grid.svelte-1v6zelp > *.selected {
  background: var(--sc-theme-calendar-colors-background-highlight);
  color: var(--sc-theme-calendar-colors-text-highlight);
  opacity: 1;
}
.grid.svelte-1v6zelp > *.outsider {
  opacity: var(--sc-theme-calendar-grid-outsiderOpacity);
}
.grid.svelte-1v6zelp > *.disabled {
  opacity: var(--sc-theme-calendar-grid-disabledOpacity);
}
.grid.svelte-1v6zelp > *.disabled:hover {
  background: var(--sc-theme-calendar-colors-background-primary);
  cursor: default;
}
.grid.svelte-1qhwmh {
  overflow: hidden;
  height: 100%;
  display: grid;
}
.grid.svelte-1qhwmh > :where(.svelte-1qhwmh) {
  position: absolute;
  inset: 0;
  transition-property: none !important;
}
.container.svelte-85g1pk {
  display: grid;
  grid-template-rows: auto 1fr;
}
.legend.svelte-85g1pk {
  display: grid;
  grid-template: 1fr / repeat(7, 1fr);
  height: var(--sc-theme-calendar-legend-height);
  z-index: 2;
  background: var(--sc-theme-calendar-colors-background-primary);
  border-bottom: 1px solid var(--sc-theme-calendar-colors-border);
  align-items: center;
}
a.svelte-85g1pk {
  font-size: 1em;
}
.stage.svelte-85g1pk {
  display: grid;
  grid-row: 2;
  grid-column: 1;
}
.selected-big.svelte-85g1pk {
  color: var(--sc-theme-calendar-colors-background-highlight);
  background: var(--sc-theme-calendar-colors-background-hover);
  text-align: center;
  align-items: center;
  font-size: var(--sc-theme-calendar-font-large);
  z-index: 2;
  opacity: 1;
  line-height: 0;
}
@media (max-width: 720px) {
  .selected-big.svelte-85g1pk {
    font-size: calc(var(--sc-theme-calendar-font-large) * 0.7);
  }
}
i.svelte-x03ub0 {
  display: inline-block;
  width: 23px;
  height: 23px;
  border-style: solid;
  border-color: var(--sc-theme-calendar-colors-text-primary);
  border-width: 0;
  border-bottom-width: 3px;
  border-right-width: 3px;
  transform-origin: center center;
}
i.right.svelte-x03ub0 {
  transform: translate(-6px) rotate(-45deg);
}
i.left.svelte-x03ub0 {
  transform: translate(6px) rotate(135deg);
}
.controls.svelte-rlke20 {
  display: grid;
  grid-template-columns: auto 1fr auto auto;
  align-items: center;
  text-align: center;
  z-index: 2;
  border-bottom: 1px solid var(--sc-theme-calendar-colors-border);
  font-size: 1.5em;
  overflow: hidden;
}
.controls.svelte-rlke20 > * {
  height: 80px;
  padding: 0 17px;
  display: grid;
  align-items: center;
}
.button.svelte-rlke20 {
  padding: 10px 18px;
  cursor: pointer;
  background: var(--sc-theme-calendar-colors-background-primary);
  transition: all 0.1s linear;
}
.button.svelte-rlke20:hover {
  background: var(--sc-theme-calendar-colors-background-hover);
}
.label.svelte-rlke20 {
  font-weight: 700;
}
div.svelte-19lilos,
div.svelte-2lxo2j {
  display: grid;
  height: 100%;
}
.grid.svelte-1sbz53y {
  display: grid;
  width: var(--sc-theme-calendar-width);
  max-width: var(--sc-theme-calendar-maxWidth);
  grid-template-rows: auto calc(
      min(var(--sc-theme-calendar-maxWidth), var(--sc-theme-calendar-width)) * 6 /
        7 + var(--sc-theme-calendar-legend-height)
    );
  font-family: Rajdhani, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol;
  box-shadow: var(--sc-theme-calendar-shadow);
  background: var(--sc-theme-calendar-colors-background-primary);
  text-align: center;
  color: var(--sc-theme-calendar-colors-text-primary);
}
.contents.svelte-1sbz53y {
  display: grid;
  overflow: hidden;
}
.grid.svelte-1sbz53y .contents:where(.svelte-1sbz53y) > * {
  display: grid;
  grid-row: 1;
  grid-column: 1;
  height: 100%;
  grid-template: 1fr / 1fr;
}
div.svelte-1f9aepq {
  display: inline-block;
}
@keyframes svelte-ys8edk-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-ys8edk-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-ys8edk-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-ys8edk-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-ys8edk-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-ys8edk-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-ys8edk-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-ys8edk-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-ys8edk-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-ys8edk-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
[data-ui-calender] {
  border-radius: 0.5rem;
  overflow: hidden;
}
[data-ui-calender] > div {
  --sc-theme-calendar-colors-text-primary: var(--hq-base-2100) !important;
  --sc-theme-calendar-colors-text-highlight: var(--hq-base-2500) !important;
  --sc-theme-calendar-colors-background-primary: var(--hq-base-0300) !important;
  --sc-theme-calendar-colors-background-highlight: var(
    --hq-prussian-blue-0800
  ) !important;
  --sc-theme-calendar-colors-background-hover: var(--hq-base-0500) !important;
  --sc-theme-calendar-colors-border: var(--hq-base-0500) !important;
  --sc-theme-calendar-font-regular: 0.75em;
  --sc-theme-calendar-font-large: 37em;
  --sc-theme-calendar-grid-disabledOpacity: 0.35;
  --sc-theme-calendar-grid-outsiderOpacity: 0.6;
}
[data-ui-calender] a {
  transition: none !important;
}
[data-ui-calender] * {
  font-family: sans-serif;
}
[data-ui-calender] .controls {
  height: 3rem;
  font-size: 0;
}
[data-ui-calender] .controls .button {
  height: 3rem;
  font-size: 1rem;
}
[data-ui-calender] .controls .button i {
  width: 0.5rem;
  height: 0.5rem;
}
[data-ui-calender] .legend > span {
  font-size: 0.75rem;
  font-weight: 700;
}
@keyframes svelte-1tt6kpo-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1tt6kpo-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1tt6kpo-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1tt6kpo-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1tt6kpo-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1tt6kpo-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-1tt6kpo-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1tt6kpo-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-1tt6kpo-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-1tt6kpo-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
input[type="date"].svelte-1tt6kpo,
input[type="datetime-local"].svelte-1tt6kpo {
  position: absolute;
  bottom: 0;
  right: 0;
  opacity: 0;
  z-index: -1;
  width: 100%;
}
@keyframes svelte-wf3iwr-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-wf3iwr-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-wf3iwr-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-wf3iwr-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-wf3iwr-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-wf3iwr-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-wf3iwr-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-wf3iwr-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-wf3iwr-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-wf3iwr-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.root.svelte-wf3iwr {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.root.svelte-wf3iwr .line:where(.svelte-wf3iwr) {
  width: 1px;
  height: calc(100% - 0.4rem);
}
@keyframes svelte-o4m6p6-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-o4m6p6-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-o4m6p6-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-o4m6p6-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-o4m6p6-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-o4m6p6-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-o4m6p6-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-o4m6p6-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-o4m6p6-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-o4m6p6-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.root.svelte-o4m6p6 {
  display: flex;
  align-items: center;
  justify-content: center;
}
.root.svelte-o4m6p6 .line:where(.svelte-o4m6p6) {
  width: 100%;
  height: 1px;
}
@keyframes svelte-18dct5d-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-18dct5d-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-18dct5d-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-18dct5d-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-18dct5d-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-18dct5d-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-18dct5d-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-18dct5d-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-18dct5d-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-18dct5d-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.background.svelte-18dct5d {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
  overflow: hidden;
}
.root.svelte-18dct5d {
  overflow: visible;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
}
.rel.svelte-18dct5d {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 3;
}
.rel[data-mute].svelte-18dct5d {
  pointer-events: none;
}
@keyframes svelte-10cr8eo-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-10cr8eo-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-10cr8eo-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-10cr8eo-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-10cr8eo-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-10cr8eo-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-10cr8eo-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-10cr8eo-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-10cr8eo-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-10cr8eo-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.bg.svelte-10cr8eo {
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
  position: absolute;
}
.bg.svelte-10cr8eo .bg-image:where(.svelte-10cr8eo) {
  position: absolute;
  right: -1rem;
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
@keyframes svelte-jfkwzm-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-jfkwzm-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-jfkwzm-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-jfkwzm-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-jfkwzm-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-jfkwzm-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-jfkwzm-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-jfkwzm-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-jfkwzm-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-jfkwzm-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
@keyframes svelte-jfkwzm-spin {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
.loading.svelte-jfkwzm {
  border-radius: 50%;
  width: 24px;
  height: 24px;
  border: 0.2rem solid var(--component-base03);
  border-top-color: var(--component-base06_5);
  animation: svelte-jfkwzm-spin 1.3742s infinite linear;
}
@keyframes svelte-eg7071-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-eg7071-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-eg7071-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-eg7071-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-eg7071-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-eg7071-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-eg7071-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-eg7071-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-eg7071-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-eg7071-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
@keyframes svelte-eg7071-purpleAnim {
  0% {
    transform: translate(1.2rem);
    opacity: 1;
  }
  25% {
    transform: translate(1.2rem, 1.2rem);
  }
  50% {
    transform: translateY(1.2rem);
  }
  75% {
    transform: translate(0);
  }
  to {
    transform: translate(1.2rem);
    opacity: 1;
  }
}
.field.svelte-eg7071 {
  position: absolute;
  width: 2px;
  height: 2px;
  transform: translate(-0.5rem, -0.5rem);
}
.field.svelte-eg7071 .cube:where(.svelte-eg7071) {
  height: 0.9rem;
  width: 0.9rem;
  margin: 0;
  background-color: #c4becb;
  float: right;
  opacity: 0;
  outline: 1px solid transparent;
  position: absolute;
  left: 0;
  top: 0;
}
.field.svelte-eg7071 .cube:where(.svelte-eg7071):nth-child(1) {
  background-color: #6441a4;
  animation: svelte-eg7071-purpleAnim 3s infinite 0.55s;
  left: -0.6rem;
  top: -0.6rem;
}
.field.svelte-eg7071 .cube:where(.svelte-eg7071):nth-child(2) {
  animation: svelte-eg7071-cubeAnim1 3s infinite cubic-bezier(0.4, 0, 0.2, 1)
    0.21s;
  left: 0.6rem;
  top: -0.6rem;
}
.field.svelte-eg7071 .cube:where(.svelte-eg7071):nth-child(3) {
  animation: svelte-eg7071-cubeAnim4 3s infinite cubic-bezier(0.4, 0, 0.2, 1)
    2.4675s;
  left: -0.6rem;
  top: -0.6rem;
}
.field.svelte-eg7071 .cube:where(.svelte-eg7071):nth-child(4) {
  animation: svelte-eg7071-cubeAnim2 3s infinite cubic-bezier(0.4, 0, 0.2, 1)
    0.9555s;
  left: 0.6rem;
  top: 0.6rem;
}
.field.svelte-eg7071 .cube:where(.svelte-eg7071):nth-child(5) {
  animation: svelte-eg7071-cubeAnim3 3s infinite cubic-bezier(0.4, 0, 0.2, 1)
    1.6485s;
  left: -0.6rem;
  top: 0.6rem;
}
@keyframes svelte-eg7071-cubeAnim1 {
  0% {
    opacity: 0;
    transform: translateY(-4rem);
  }
  40% {
    opacity: 1;
    transform: translate(0);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-eg7071-cubeAnim2 {
  0% {
    opacity: 0;
    transform: translate(4rem);
  }
  40% {
    opacity: 1;
    transform: translate(0);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-eg7071-cubeAnim3 {
  0% {
    opacity: 0;
    transform: translateY(4rem);
  }
  40% {
    opacity: 1;
    transform: translate(0);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-eg7071-cubeAnim4 {
  0% {
    opacity: 0;
    transform: translate(-4rem);
  }
  40% {
    opacity: 1;
    transform: translate(0);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-ijg4tb-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-ijg4tb-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-ijg4tb-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-ijg4tb-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-ijg4tb-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-ijg4tb-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-ijg4tb-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-ijg4tb-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-ijg4tb-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-ijg4tb-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.metrics.svelte-ijg4tb {
  position: relative;
  height: 100%;
}
.root.svelte-ijg4tb {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  background: transparent;
}
.root.svelte-ijg4tb::-webkit-scrollbar {
  width: 0.3rem;
  height: 0.3rem;
  background-color: var(--hq-base-300);
}
.root.svelte-ijg4tb::-webkit-scrollbar:hover {
  cursor: pointer;
}
.root.svelte-ijg4tb::-webkit-scrollbar-corner {
  background-color: var(--hq-base-300);
}
.root.svelte-ijg4tb::-webkit-scrollbar-thumb {
  border: solid 1px var(--hq-base-0600);
  border-radius: 3px;
  background-color: var(--hq-base-0600);
}
.root.svelte-ijg4tb::-webkit-scrollbar-thumb:hover {
  cursor: pointer;
  background-color: var(--hq-base-0800);
}
.root.svelte-ijg4tb .--content:where(.svelte-ijg4tb) {
  width: 100%;
  height: 100%;
}
.root.svelte-ijg4tb .chart:where(.svelte-ijg4tb) {
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  align-items: center;
  justify-content: center;
  left: 0;
  top: 0;
  pointer-events: none;
}
.root.svelte-ijg4tb .skeleton:where(.svelte-ijg4tb) {
  width: 100%;
  height: 100%;
}
.root.svelte-ijg4tb .error:where(.svelte-ijg4tb) {
  width: 100%;
  height: 100%;
  padding: 1rem;
}
.root.svelte-ijg4tb .error[data-no-pad]:where(.svelte-ijg4tb) {
  padding: 0;
}
.root.svelte-ijg4tb .loader:where(.svelte-ijg4tb) {
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  min-width: 5rem;
  height: 100%;
  min-height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.root[data-pending="true"].svelte-ijg4tb .loader:where(.svelte-ijg4tb) {
  transform: scale(1);
  pointer-events: all;
}
.root[data-pending="true"][data-outline].svelte-ijg4tb:after {
  position: absolute;
  width: calc(100% - 1px);
  height: calc(100% - 1px);
  left: 0;
  top: 0;
  content: "";
  z-index: 0;
  outline: solid 1px var(--hq-base-0400);
}
.root[data-force-error][data-outline].svelte-ijg4tb:after {
  pointer-events: none;
  position: absolute;
  width: calc(100% - 1px);
  height: calc(100% - 1px);
  left: 0;
  top: 0;
  content: "";
  z-index: 0;
  outline: solid 1px var(--hq-base-0400);
}
.root[data-pending="false"].svelte-ijg4tb .loader:where(.svelte-ijg4tb) {
  transform: scale(1.1);
  pointer-events: none;
}
@keyframes svelte-2g5vhg-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-2g5vhg-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-2g5vhg-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-2g5vhg-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-2g5vhg-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-2g5vhg-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-2g5vhg-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-2g5vhg-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-2g5vhg-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-2g5vhg-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.root.svelte-2g5vhg {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  background: inherit;
}
.root.svelte-2g5vhg .--content:where(.svelte-2g5vhg) {
  transform-origin: 50% 50%;
  width: 100%;
  height: 100%;
  transition: transform 0.2s, opacity 0.2s;
  opacity: 0;
  transform: scale(1.1);
}
.root.svelte-2g5vhg .loader:where(.svelte-2g5vhg) {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: transform 0.2s, opacity 0.2s;
  display: flex;
  justify-content: center;
  align-items: center;
}
.root[data-pending="true"].svelte-2g5vhg .--content:where(.svelte-2g5vhg) {
  transform: scale(1);
  opacity: 0;
}
.root[data-pending="true"].svelte-2g5vhg .loader:where(.svelte-2g5vhg) {
  transform: scale(1);
  pointer-events: all;
}
.root[data-pending="false"].svelte-2g5vhg .--content:where(.svelte-2g5vhg) {
  transform: scale(1);
  opacity: 1;
}
.root[data-pending="false"].svelte-2g5vhg .loader:where(.svelte-2g5vhg) {
  opacity: 0;
  transform: scale(1.1);
  pointer-events: none;
}
@keyframes svelte-6nm2wk-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-6nm2wk-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-6nm2wk-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-6nm2wk-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-6nm2wk-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-6nm2wk-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-6nm2wk-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-6nm2wk-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-6nm2wk-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-6nm2wk-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.json-schema-root input {
  margin-top: 0.2rem;
  width: 100%;
  padding: 0.5rem;
  background: var(--hq-base-0300);
  font-weight: 500;
  outline: none;
  border: solid 1px var(--hq-base-1000);
  border-radius: 0.2rem;
  color: var(--hq-base-2200);
}
.json-schema-root input:focus,
.json-schema-root input:active {
  outline: none;
  border-color: var(--hq-base-1800);
  color: var(--hq-base-2500);
}
.json-schema-root select {
  font-size: 0.8rem;
  padding: 0.3rem 0.5rem !important;
  border-radius: 0.2rem;
  font-style: normal !important;
  background: var(--hq-base-0400);
  border: solid 1px var(--hq-base-1200);
  outline: none;
  color: var(--hq-base-2300);
  margin: 0 !important;
  font-weight: 600 !important;
  background: var(--hq-transparent-inverse-0400);
}
.json-schema-root select option {
  background: var(--hq-base-0400);
}
.json-schema-root label {
  font-size: 0.8rem;
}
.json-schema-root div {
  border-color: var(--hq-transparent-inverse-0400) !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.json-schema-root div[data-schemaid="root"][data-schematype="object"] {
  min-height: 6rem;
  background: var(--hq-transparent-inverse-0200) !important;
  padding: 0rem !important;
  border-radius: 0.2rem;
}
.json-schema-root div[data-schemaid="root"] > label {
  display: none !important;
}
.json-schema-root div[data-schemaid="root"] > h3 {
  display: none;
}
.json-schema-root
  div[data-schemaid="root"][data-schematype="object"][data-schemapath="root"]
  h3 {
  font-size: 0.8rem;
}
.json-schema-root
  div[data-schemaid="root"][data-schematype="object"][data-schemapath="root"]
  > div
  > div
  > div
  > div.row {
  background: transparent !important;
  min-height: 6rem;
}
.json-schema-root select option {
  background: var(--hq-base-0500);
}
.json-schema-root div[data-schemaid="root"] select {
  margin-top: 0.2rem !important;
  margin-bottom: 0.6rem !important;
  border: none;
  background: var(--hq-transparent-inverse-0200) !important;
  padding-right: 1rem !important;
  border: solid 1px var(--hq-transparent-inverse-0400);
}
.json-schema-root div.row {
  background: var(--hq-transparent-inverse-0200);
  padding: 0.5rem 0.8rem !important;
  border: solid 1px var(--hq-transparent-inverse-0300) !important;
  border-radius: 0.2rem;
  margin-top: 0.5rem !important;
}
.json-schema-root div.row:first-child {
  margin-top: 0rem !important;
}
.json-schema-root p {
  margin: 0 !important;
  font-size: 0.82rem;
}
.json-schema-root div.row h3 {
  padding: 0.5rem 0;
  margin: 0;
  font-size: 1rem;
}
.layout-command.svelte-6nm2wk {
  z-index: 10;
  cursor: pointer;
  position: absolute;
  right: 0;
}
@keyframes svelte-2rzody-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-2rzody-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-2rzody-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-2rzody-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-2rzody-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-2rzody-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-2rzody-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-2rzody-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-2rzody-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-2rzody-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.json-container.svelte-2rzody {
  position: relative;
}
.json-container.svelte-2rzody .json-abs:where(.svelte-2rzody) {
  overflow: visible;
}
.json-container.svelte-2rzody .json-root:where(.svelte-2rzody) {
  height: -moz-fit-content;
  height: fit-content;
  padding: 0 0.5rem;
  line-height: 1.8;
  font-size: 0.88rem;
  z-index: 100;
}
.json-root * {
  border-left-color: var(--hq-base-0600) !important;
  background: inherit !important;
}
.page-root.svelte-2rzody {
  position: relative;
}
.actions.svelte-2rzody {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  z-index: 1;
  display: flex;
  gap: 0.3rem;
}
@keyframes svelte-iuawiy-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-iuawiy-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-iuawiy-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-iuawiy-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-iuawiy-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-iuawiy-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-iuawiy-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-iuawiy-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-iuawiy-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-iuawiy-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.dot.svelte-iuawiy {
  z-index: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
.dot.svelte-iuawiy:before {
  background: var(--hq-base-2300);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  display: block;
  left: 50%;
  top: 50%;
  position: absolute;
  z-index: 0;
  content: "";
  width: 4rem;
  height: 4rem;
  opacity: 1;
  border: solid 2px var(--overlay);
  background: transparent;
}
.dot.svelte-iuawiy:after {
  background: inherit;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  display: block;
  left: 50%;
  top: 50%;
  position: absolute;
  z-index: 0;
  content: "";
  width: 150%;
  height: 150%;
  animation: svelte-iuawiy-scaleWithFade 1.5s 0s infinite forwards;
  transform: scale(0);
}
@keyframes svelte-iuawiy-scaleWithFade {
  0% {
    transform: translate(-50%, -50%) scale(0);
    opacity: 0;
  }
  50% {
    transform: translate(-50%, -50%) scale(0.5);
    opacity: 0.7;
  }
  to {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
}
@keyframes svelte-iuawiy-scaleInWithFade {
  to {
    transform: translate(-50%, -50%) scale(0);
    opacity: 0;
  }
  50% {
    transform: translate(-50%, -50%) scale(0.5);
    opacity: 0.7;
  }
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
}
@keyframes svelte-3d2lg9-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-3d2lg9-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-3d2lg9-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-3d2lg9-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-3d2lg9-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-3d2lg9-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-3d2lg9-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-3d2lg9-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-3d2lg9-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-3d2lg9-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.card.svelte-3d2lg9 {
  cursor: pointer;
  height: 12rem;
  padding: 1rem 1.5rem;
  border-radius: 0.5rem;
  box-shadow: #0000001f 0 0.2rem 0.5rem;
  position: relative;
  overflow: hidden;
  border: solid 2px transparent;
  transition: border-color 0.2s;
  box-sizing: content-box;
}
.card.svelte-3d2lg9 .image:where(.svelte-3d2lg9) {
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  transform: scale(1);
  transition: transform 0.2s;
}
.card.svelte-3d2lg9 .title:where(.svelte-3d2lg9) {
  position: relative;
  z-index: 10;
  color: #d8d8d8;
  transition: color 0.2s;
}
.card.svelte-3d2lg9:hover {
  border: solid 2px var(--hq-sapphire-blue-0800);
}
.card.svelte-3d2lg9:hover .title:where(.svelte-3d2lg9) {
  color: #fff;
}
.card.svelte-3d2lg9:hover .image:where(.svelte-3d2lg9) {
  transform: scale(1.025);
}
@keyframes svelte-1ikzqha-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1ikzqha-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1ikzqha-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1ikzqha-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1ikzqha-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1ikzqha-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-1ikzqha-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1ikzqha-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-1ikzqha-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-1ikzqha-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.root.svelte-1ikzqha {
  position: relative;
  width: 100%;
}
.root.svelte-1ikzqha .--content:where(.svelte-1ikzqha) {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
@keyframes svelte-11jow6y-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-11jow6y-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-11jow6y-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-11jow6y-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-11jow6y-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-11jow6y-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-11jow6y-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-11jow6y-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-11jow6y-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-11jow6y-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.root.svelte-11jow6y {
  height: 100%;
  border-radius: 0.3rem;
}
.root.svelte-11jow6y:hover {
  cursor: pointer;
  background: var(--hq-base-0300);
}
.root.svelte-11jow6y .image-field:where(.svelte-11jow6y) {
  height: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 0.5rem;
}
.root.svelte-11jow6y
  .image-field:where(.svelte-11jow6y)
  .image:where(.svelte-11jow6y) {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 100%;
  transition: transform 0.3s ease-in-out;
}
.root.svelte-11jow6y
  .image-field:where(.svelte-11jow6y)
  .image[data-hover]:where(.svelte-11jow6y) {
  transform: scale(1.05);
}
@keyframes svelte-1fspwzc-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1fspwzc-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1fspwzc-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1fspwzc-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1fspwzc-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1fspwzc-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-1fspwzc-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1fspwzc-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-1fspwzc-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-1fspwzc-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.root.svelte-1fspwzc {
  height: 100%;
  background: var(--hq-base-0200);
  border-right: solid 1px var(--hq-transparent-inverse-0200);
  border-bottom: solid 1px var(--hq-transparent-inverse-0200);
}
.root[data-no-border-right].svelte-1fspwzc {
  border-right: none;
}
.root[data-no-border-bottom].svelte-1fspwzc {
  border-bottom: none;
}
.root[data-no-outline].svelte-1fspwzc {
  border: none;
}
.root.svelte-1fspwzc .--contents:where(.svelte-1fspwzc) {
  height: 100%;
  padding: 1.2rem 1.2rem 1.5rem;
  display: flex;
  flex-direction: column;
  background: var(--hq-base-0300);
  gap: 0.3rem;
  border: solid 1px var(--hq-transparent-inverse-0200);
}
.root.svelte-1fspwzc:hover {
  cursor: pointer;
  background: var(--hq-base-0300);
}
.root.svelte-1fspwzc .image-field:where(.svelte-1fspwzc) {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 0.3rem;
}
.root.svelte-1fspwzc
  .image-field:where(.svelte-1fspwzc)
  .image:where(.svelte-1fspwzc) {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition: transform 0.2s ease-in-out;
}
.root.svelte-1fspwzc
  .image-field:where(.svelte-1fspwzc)
  .image[data-hover]:where(.svelte-1fspwzc) {
  transform: scale(1.025);
}
.root.svelte-1fspwzc
  .image-field:where(.svelte-1fspwzc)
  .image[data-no-anim]:where(.svelte-1fspwzc) {
  transition: none;
  transform: none;
}
@keyframes svelte-8j1ij3-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-8j1ij3-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-8j1ij3-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-8j1ij3-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-8j1ij3-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-8j1ij3-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-8j1ij3-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-8j1ij3-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-8j1ij3-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-8j1ij3-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.root.svelte-8j1ij3 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  white-space: nowrap;
  padding: 0.1rem 0.5rem;
  border-radius: 0.15rem;
  font-weight: 600;
}
.root.svelte-8j1ij3 .icon:where(.svelte-8j1ij3) {
  width: 1rem;
  transform: scale(0.45);
  margin-top: 0.5px;
}
.root.svelte-8j1ij3 .text:where(.svelte-8j1ij3) {
  display: flex;
  align-items: center;
}
.root[data-size="xxs"].svelte-8j1ij3 {
  height: 1rem;
  font-size: 0.6rem;
}
.root[data-size="xs"].svelte-8j1ij3 {
  height: 1rem;
  font-size: 0.7rem;
}
.root[data-size="sm"].svelte-8j1ij3 {
  height: 1.2rem;
  font-size: 0.7rem;
}
.root[data-size="md"].svelte-8j1ij3 {
  height: 1.22rem;
  font-size: 0.7rem;
}
.root[data-size="lg"].svelte-8j1ij3 {
  height: 1.25rem;
  font-size: 0.75rem;
}
.root[data-size="xl"].svelte-8j1ij3 {
  height: 1.3rem;
  font-size: 0.8rem;
}
@keyframes svelte-zqcvxx-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-zqcvxx-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-zqcvxx-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-zqcvxx-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-zqcvxx-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-zqcvxx-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-zqcvxx-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-zqcvxx-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-zqcvxx-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-zqcvxx-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.typo.svelte-zqcvxx {
  border-radius: 0.2rem;
  font-weight: 600;
  line-height: 1.5;
  border: 1px solid var(--hq-base-0600);
}
.typo[data-h="1"].svelte-zqcvxx {
  font-size: 1.6rem;
  padding: 0.5rem 0.98rem;
}
.typo[data-h="2"].svelte-zqcvxx {
  font-size: 1.3rem;
  padding: 0.42rem 0.88rem;
}
.typo[data-h="3"].svelte-zqcvxx {
  font-size: 1.05rem;
  padding: 0.38rem 0.8rem;
}
.typo[data-h="4"].svelte-zqcvxx {
  font-size: 0.9rem;
  padding: 0.32rem 0.71rem;
}
.typo[data-h="5"].svelte-zqcvxx {
  font-size: 0.83rem;
  padding: 0.3rem 0.65rem;
}
.typo[data-h="6"].svelte-zqcvxx {
  font-size: 0.78rem;
  padding: 0.21rem 0.58rem;
}
.typo[data-h="7"].svelte-zqcvxx {
  font-size: 0.73rem;
  padding: 0.15rem 0.5rem;
}
.typo[data-h="8"].svelte-zqcvxx {
  font-size: 0.68rem;
  padding: 0.2rem 0.45rem;
}
@keyframes svelte-wqbnty-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-wqbnty-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-wqbnty-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-wqbnty-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-wqbnty-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-wqbnty-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-wqbnty-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-wqbnty-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-wqbnty-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-wqbnty-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.root.svelte-wqbnty {
  padding: 0.2rem 0.4rem;
  border-radius: 4px;
  position: relative;
}
.root[data-hover].svelte-wqbnty:hover {
  cursor: pointer;
}
.root[data-icon].svelte-wqbnty {
  padding: 0.2rem 0.4rem 0.1rem 0.3rem;
}
.root[data-border].svelte-wqbnty {
  border: solid 1px;
}
.root[data-clickable].svelte-wqbnty {
  cursor: pointer;
}
.root[data-clickable].svelte-wqbnty:hover:after {
  background: var(--hq-transparent-inverse-0200);
}
.root[data-clickable].svelte-wqbnty:after {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background-color: transparent;
  transition: background-color 0.15s;
}
@keyframes svelte-fh4ley-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-fh4ley-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-fh4ley-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-fh4ley-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-fh4ley-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-fh4ley-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-fh4ley-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-fh4ley-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-fh4ley-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-fh4ley-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.root.svelte-fh4ley {
  padding: 0.2rem 0.4rem;
  border-radius: 4px;
  position: relative;
}
.root[data-hover].svelte-fh4ley:hover {
  cursor: pointer;
}
.root[data-icon].svelte-fh4ley {
  padding: 0.2rem 0.4rem 0.1rem 0.3rem;
}
.root[data-border].svelte-fh4ley {
  border: solid 1px;
}
.root[data-clickable].svelte-fh4ley {
  cursor: pointer;
}
.root[data-clickable].svelte-fh4ley:hover:after {
  background: var(--hq-transparent-inverse-0200);
}
.root[data-clickable].svelte-fh4ley:after {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background-color: transparent;
  transition: background-color 0.15s;
}
@keyframes svelte-42ugjg-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-42ugjg-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-42ugjg-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-42ugjg-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-42ugjg-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-42ugjg-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-42ugjg-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-42ugjg-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-42ugjg-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-42ugjg-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.root.svelte-42ugjg {
  padding: 0.1rem 0.5rem;
  border-color: var(--hq-base-0600);
  border-radius: 4px;
  background: var(--hq-sapphire-blue-0300);
  position: relative;
}
.root[data-hover].svelte-42ugjg:hover {
  cursor: pointer;
}
.root[data-icon].svelte-42ugjg {
  padding: 0.1rem 0.5rem 0.1rem 0.1rem;
}
.root[data-border].svelte-42ugjg {
  border: solid 1px;
}
.root[data-clickable].svelte-42ugjg {
  cursor: pointer;
}
.root[data-clickable].svelte-42ugjg:hover:after {
  background: var(--hq-transparent-inverse-0200);
  border-radius: inherit;
}
.root[data-clickable].svelte-42ugjg:after {
  content: "";
  position: absolute;
  border-radius: inherit;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background-color: transparent;
  transition: background-color 0.15s;
}
.root[data-disable].svelte-42ugjg {
  cursor: not-allowed !important;
}
.root[data-disable].svelte-42ugjg:after {
  content: "";
  position: absolute;
  border-radius: inherit;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background-color: var(--hq-transparent-0900);
}
@keyframes svelte-gnlf20-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-gnlf20-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-gnlf20-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-gnlf20-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-gnlf20-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-gnlf20-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-gnlf20-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-gnlf20-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-gnlf20-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-gnlf20-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.tag-container.svelte-gnlf20 {
  padding: 0.2rem 0.6rem 0.2rem 0.2rem;
  border-radius: 0.2rem;
  display: inline-block;
  border: solid 1px transparent;
  font-size: 0.74rem;
  position: relative;
}
.tag-container[data-lg].svelte-gnlf20 {
  padding: 0.3rem 0.7rem 0.3rem 0.4rem;
  font-size: 0.92rem;
}
.tag-container[data-lg].svelte-gnlf20 .tag-anim:where(.svelte-gnlf20) {
  gap: 0.4rem !important;
}
.tag-container[data-sm].svelte-gnlf20 {
  padding: 0.15rem 0.5rem 0.15rem 0.1rem;
  font-size: 0.5rem;
}
.tag-container[data-sm].svelte-gnlf20 .tag-anim:where(.svelte-gnlf20) {
  gap: 0.1rem !important;
}
.tag-container[data-xs].svelte-gnlf20 {
  padding: 0.1rem 0.4rem 0.1rem 0.1rem;
  font-size: 0.42rem;
}
.tag-container[data-xs].svelte-gnlf20 .tag-anim:where(.svelte-gnlf20) {
  gap: 0.1rem !important;
}
.tag-container.svelte-gnlf20 .background:where(.svelte-gnlf20) {
  border-radius: 0.2rem;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.tag-container.svelte-gnlf20 .tag-anim:where(.svelte-gnlf20) {
  position: relative;
  z-index: 0;
  font-weight: inherit;
  min-height: 1rem;
  display: flex;
  align-items: center;
  gap: 0.2rem;
  font-weight: 600;
  line-height: 1.3;
}
.tag-container.svelte-gnlf20
  .tag-anim:where(.svelte-gnlf20)
  .icon:where(.svelte-gnlf20) {
  position: relative;
}
.tag-container.svelte-gnlf20
  .tag-anim:where(.svelte-gnlf20)
  .icon:where(.svelte-gnlf20)
  .dot:where(.svelte-gnlf20) {
  position: absolute;
  width: 0.3rem;
  height: 0.3rem;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}
.tag-container.svelte-gnlf20
  .tag-anim:where(.svelte-gnlf20)
  .text:where(.svelte-gnlf20):first-child {
  padding-left: 0.4rem;
}
@keyframes svelte-flwamz-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-flwamz-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-flwamz-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-flwamz-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-flwamz-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-flwamz-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-flwamz-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-flwamz-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-flwamz-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-flwamz-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.root.svelte-flwamz {
  height: 100%;
}
.root.svelte-flwamz .contents-field:where(.svelte-flwamz) {
  overflow-y: scroll;
  overflow-x: hidden;
}
.root.svelte-flwamz .contents-field:where(.svelte-flwamz)::-webkit-scrollbar {
  width: 0.3rem;
  height: 0.3rem;
  background-color: var(--hq-base-0300);
}
.root.svelte-flwamz
  .contents-field:where(.svelte-flwamz)::-webkit-scrollbar:hover {
  cursor: pointer;
}
.root.svelte-flwamz
  .contents-field:where(.svelte-flwamz)::-webkit-scrollbar-corner {
  background-color: var(--hq-base-0300);
}
.root.svelte-flwamz
  .contents-field:where(.svelte-flwamz)::-webkit-scrollbar-thumb {
  border: solid 1px var(--hq-base-0600);
  border-radius: 3px;
  background-color: var(--hq-base-0600);
}
.root.svelte-flwamz
  .contents-field:where(.svelte-flwamz)::-webkit-scrollbar-thumb:hover {
  cursor: pointer;
  background-color: var(--hq-base-0800);
}
@media only screen and (min-width: 0px) and (max-width: 640px) {
  .root.svelte-flwamz .contents-field:where(.svelte-flwamz)::-webkit-scrollbar {
    width: 0.3rem;
    height: 0.3rem;
    background-color: var(--hq-base-0200);
  }
  .root.svelte-flwamz
    .contents-field:where(.svelte-flwamz)::-webkit-scrollbar:hover {
    cursor: pointer;
  }
  .root.svelte-flwamz
    .contents-field:where(.svelte-flwamz)::-webkit-scrollbar-corner {
    background-color: var(--hq-base-0200);
  }
  .root.svelte-flwamz
    .contents-field:where(.svelte-flwamz)::-webkit-scrollbar-thumb {
    border: solid 1px var(--hq-base-0600);
    border-radius: 3px;
    background-color: var(--hq-base-0600);
  }
  .root.svelte-flwamz
    .contents-field:where(.svelte-flwamz)::-webkit-scrollbar-thumb:hover {
    cursor: pointer;
    background-color: var(--hq-base-0800);
  }
}
.root.svelte-flwamz .contents-field[data-disable-scroll]:where(.svelte-flwamz) {
  overflow-y: hidden;
}
.root.svelte-flwamz
  .contents-field:where(.svelte-flwamz)
  .content-root:where(.svelte-flwamz) {
  position: relative;
  width: 100%;
  height: 100%;
}
@keyframes svelte-1vh8gsk-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1vh8gsk-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1vh8gsk-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1vh8gsk-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1vh8gsk-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1vh8gsk-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-1vh8gsk-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1vh8gsk-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-1vh8gsk-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-1vh8gsk-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.root.svelte-1vh8gsk {
  position: relative;
  height: 100%;
  background-color: var(--hq-base-0300);
  overflow-y: scroll;
}
.root.svelte-1vh8gsk::-webkit-scrollbar {
  width: 0.3rem;
  height: 0.3rem;
  background-color: var(--hq-base-0300);
}
.root.svelte-1vh8gsk::-webkit-scrollbar:hover {
  cursor: pointer;
}
.root.svelte-1vh8gsk::-webkit-scrollbar-corner {
  background-color: var(--hq-base-0300);
}
.root.svelte-1vh8gsk::-webkit-scrollbar-thumb {
  border: solid 1px var(--hq-base-0600);
  border-radius: 3px;
  background-color: var(--hq-base-0600);
}
.root.svelte-1vh8gsk::-webkit-scrollbar-thumb:hover {
  cursor: pointer;
  background-color: var(--hq-base-0800);
}
.root.svelte-1vh8gsk .content-root:where(.svelte-1vh8gsk) {
  z-index: 2;
  position: relative;
  width: 100%;
}
.root.svelte-1vh8gsk .background-image:where(.svelte-1vh8gsk) {
  pointer-events: none;
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 1;
  background-position: right top;
  background-size: 40%;
  background-repeat: no-repeat;
  opacity: 0.2;
}
@keyframes svelte-fbf7kv-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-fbf7kv-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-fbf7kv-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-fbf7kv-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-fbf7kv-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-fbf7kv-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-fbf7kv-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-fbf7kv-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-fbf7kv-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-fbf7kv-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.root.svelte-fbf7kv {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.root.svelte-fbf7kv .grad:where(.svelte-fbf7kv) {
  position: absolute;
  height: 2rem;
  width: 100%;
  left: 0;
  z-index: 20;
  opacity: 0;
  transition: opacity 0.215s;
}
.root.svelte-fbf7kv .grad[data-enable]:where(.svelte-fbf7kv) {
  opacity: 0.7;
}
.root.svelte-fbf7kv .grad[data-top]:where(.svelte-fbf7kv) {
  top: 0;
}
.root.svelte-fbf7kv .grad[data-bottom]:where(.svelte-fbf7kv) {
  bottom: 0;
}
@keyframes svelte-ws9zg1-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-ws9zg1-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-ws9zg1-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-ws9zg1-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-ws9zg1-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-ws9zg1-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-ws9zg1-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-ws9zg1-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-ws9zg1-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-ws9zg1-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.root.svelte-ws9zg1 {
  padding: 0rem 0 0 0.4rem;
}
.root[data-close-drawer].svelte-ws9zg1 {
  padding: 0rem 0.3rem;
}
.root[data-close-drawer].svelte-ws9zg1 .nav-item:where(.svelte-ws9zg1) {
  justify-content: center;
  padding-left: 0rem;
  margin-left: -0.1rem;
}
.nav-item.svelte-ws9zg1 {
  border-radius: 0.4rem;
  position: relative;
  height: 2rem;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.nav-item.svelte-ws9zg1 .icon:where(.svelte-ws9zg1) {
  padding-left: 0.3rem;
}
.nav-item.svelte-ws9zg1 .pinned:where(.svelte-ws9zg1) {
  padding-right: 0.25rem;
  height: 100%;
  display: flex;
  align-items: center;
}
.nav-item.svelte-ws9zg1
  .pinned:where(.svelte-ws9zg1)
  .pin-icon:where(.svelte-ws9zg1) {
  transform: scale(0.7);
  opacity: 0.3;
}
.nav-item.svelte-ws9zg1
  .pinned:where(.svelte-ws9zg1)
  .pin-icon[data-pinned]:where(.svelte-ws9zg1) {
  opacity: 0.8;
}
.nav-item.svelte-ws9zg1:hover {
  background: var(--overlay) !important;
  opacity: 1;
}
.nav-item.svelte-ws9zg1:hover .pinned:where(.svelte-ws9zg1) {
  transition: opacity 0.2s;
}
.nav-item.svelte-ws9zg1:hover
  .pinned:where(.svelte-ws9zg1):hover
  .pin-icon:where(.svelte-ws9zg1) {
  opacity: 0.8;
}
.nav-item.svelte-ws9zg1:hover
  .pinned:where(.svelte-ws9zg1):hover
  .pin-icon[data-pinned]:where(.svelte-ws9zg1) {
  opacity: 1;
}
.nav-item.svelte-ws9zg1 .icon:where(.svelte-ws9zg1) {
  min-width: 1.4rem;
  transform: scale(0.9);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: var(--component-base06);
  transition: color 0.2s ease-in-out;
  margin-top: 0.1rem;
}
.nav-item.svelte-ws9zg1 .text:where(.svelte-ws9zg1) {
  padding-left: 0.65rem;
  flex: 1 0;
  margin-left: -0.4rem;
  font-weight: 600;
  transition: opacity 0.2s;
  font-size: 0.73rem;
}
@keyframes svelte-1cg7zhx-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1cg7zhx-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1cg7zhx-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1cg7zhx-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1cg7zhx-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1cg7zhx-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-1cg7zhx-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1cg7zhx-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-1cg7zhx-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-1cg7zhx-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.root[data-close-drawer].svelte-1cg7zhx
  .-container:where(.svelte-1cg7zhx)
  .explorer-group:where(.svelte-1cg7zhx) {
  padding-top: 0.4rem;
}
.root.svelte-1cg7zhx .-container:where(.svelte-1cg7zhx) {
  position: relative;
  z-index: 110;
}
.root.svelte-1cg7zhx
  .-container:where(.svelte-1cg7zhx)
  .explorer-group:where(.svelte-1cg7zhx) {
  border: solid 1px transparent;
  border-radius: 0.5rem;
  overflow: hidden;
  padding-top: 0.1rem;
  margin-top: -0.5rem;
}
.root.svelte-1cg7zhx
  .-container:where(.svelte-1cg7zhx)
  .explorer-group-content:where(.svelte-1cg7zhx) {
  padding-top: 0.2rem;
  overflow-y: scroll;
}
.root.svelte-1cg7zhx
  .-container:where(.svelte-1cg7zhx)
  .explorer-group-content:where(.svelte-1cg7zhx)::-webkit-scrollbar {
  width: 0.3rem;
  height: 0.3rem;
  background-color: --hq-base-0300;
}
.root.svelte-1cg7zhx
  .-container:where(.svelte-1cg7zhx)
  .explorer-group-content:where(.svelte-1cg7zhx)::-webkit-scrollbar:hover {
  cursor: pointer;
}
.root.svelte-1cg7zhx
  .-container:where(.svelte-1cg7zhx)
  .explorer-group-content:where(.svelte-1cg7zhx)::-webkit-scrollbar-corner {
  background-color: --hq-base-0300;
}
.root.svelte-1cg7zhx
  .-container:where(.svelte-1cg7zhx)
  .explorer-group-content:where(.svelte-1cg7zhx)::-webkit-scrollbar-thumb {
  border: solid 1px var(--hq-base-0600);
  border-radius: 3px;
  background-color: var(--hq-base-0600);
}
.root.svelte-1cg7zhx
  .-container:where(.svelte-1cg7zhx)
  .explorer-group-content:where(
    .svelte-1cg7zhx
  )::-webkit-scrollbar-thumb:hover {
  cursor: pointer;
  background-color: var(--hq-base-0800);
}
.root.svelte-1cg7zhx
  .-container:where(.svelte-1cg7zhx)
  .explorer-group-content:where(.svelte-1cg7zhx)
  .explorer-item-message:where(.svelte-1cg7zhx) {
  font-size: 0.68rem;
  padding: 0 0.6rem;
  height: 1.8rem;
  display: flex;
  align-items: center;
  font-weight: 600;
  color: var(--hq-base-2200);
}
.root[data-active].svelte-1cg7zhx .explorer-group:where(.svelte-1cg7zhx) {
  border: solid 1px var(--hq-base-0500);
}
.root[data-active].svelte-1cg7zhx
  .explorer-group:where(.svelte-1cg7zhx)
  .explorer-group-content:where(.svelte-1cg7zhx) {
  height: 24rem;
  position: relative;
}
@keyframes svelte-1151tx0-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1151tx0-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1151tx0-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1151tx0-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1151tx0-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1151tx0-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-1151tx0-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1151tx0-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-1151tx0-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-1151tx0-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.nav-group.svelte-1151tx0 {
  overflow: hidden;
  padding-bottom: 0.3rem;
  border-radius: 0.3rem;
  cursor: pointer;
  transition: height 0.2s, opacity 0.2s, color 0.2s, background-color 0.2s;
}
.nav-group.svelte-1151tx0:first-child {
  border-top: none;
}
.nav-group.svelte-1151tx0 .nav-group-content:where(.svelte-1151tx0) {
  position: relative;
  z-index: 1;
}
.nav-group.svelte-1151tx0 .icon:where(.svelte-1151tx0) {
  margin-top: -0.2rem;
  opacity: 0.6;
}
.nav-group.svelte-1151tx0 .icon:where(.svelte-1151tx0):hover {
  opacity: 0.85;
}
.nav-group.svelte-1151tx0 .header:where(.svelte-1151tx0) {
  padding: 0.2rem;
  display: flex;
  align-items: center;
  height: 0rem;
  opacity: 0;
  transition: height 0.2s, opacity 0.2s;
  color: var(--hq-base-1500);
}
.nav-group.svelte-1151tx0 .header:where(.svelte-1151tx0):hover {
  color: var(--hq-base-2200);
}
.nav-group.svelte-1151tx0 .header:hover[data-selected]:where(.svelte-1151tx0) {
  color: var(--hq-prussian-blue-1500);
}
.nav-group.svelte-1151tx0 .header[data-selected]:where(.svelte-1151tx0) {
  color: var(--hq-prussian-blue-1700);
}
.nav-group[data-open="true"].svelte-1151tx0 .header:where(.svelte-1151tx0) {
  padding: 0.6rem;
  height: 2.5rem;
  opacity: 1;
}
.nav-group[data-active="false"][data-open="true"].svelte-1151tx0
  .nav-group-content:where(.svelte-1151tx0) {
  pointer-events: none;
}
.nav-group[data-active="false"][data-open="true"].svelte-1151tx0 {
  height: 2.5rem !important;
}
.nav-group.svelte-1151tx0:hover {
  background: var(--hq-base-0300) !important;
  opacity: 1;
}
@keyframes svelte-c4amhr-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-c4amhr-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-c4amhr-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-c4amhr-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-c4amhr-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-c4amhr-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-c4amhr-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-c4amhr-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-c4amhr-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-c4amhr-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.nav-group-field.svelte-c4amhr {
  margin: 0.2rem 0;
  padding: 0 0.5rem;
}
.nav-group-field[data-close-drawer].svelte-c4amhr {
  margin: 0.3rem 0;
}
.nav-group-field.svelte-c4amhr .nav-group-background:where(.svelte-c4amhr) {
  border-radius: 0.4rem;
  overflow: hidden;
}
@keyframes svelte-1abgzus-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1abgzus-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1abgzus-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1abgzus-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1abgzus-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1abgzus-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-1abgzus-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1abgzus-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-1abgzus-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-1abgzus-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.root.svelte-1abgzus {
  padding: 0 0.3rem;
  color: var(--hq-base-2200);
}
.root[data-close-drawer].svelte-1abgzus .nav-item:where(.svelte-1abgzus) {
  padding-right: 0rem;
  justify-content: center;
}
.root[data-selected].svelte-1abgzus {
  position: relative;
  color: var(--hq-sapphire-blue-1700);
}
.root[data-selected].svelte-1abgzus .icon:where(.svelte-1abgzus) {
  opacity: 1;
}
.root[data-selected].svelte-1abgzus:after {
  content: "";
  position: absolute;
  left: 0;
  height: 50%;
  top: 25%;
  width: 4px;
  background: var(--hq-sapphire-blue-1500);
}
.nav-item.svelte-1abgzus {
  border-radius: 0.3rem;
  position: relative;
  height: 2.1rem;
  display: flex;
  align-items: center;
  padding-right: 0.4rem;
  cursor: pointer;
}
.nav-item.svelte-1abgzus:hover {
  background: var(--hq-transparent-inverse-0200) !important;
  opacity: 1;
}
.nav-item.svelte-1abgzus .icon:where(.svelte-1abgzus) {
  min-width: 2rem;
  opacity: 0.6;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color 0.2s ease-in-out;
}
.nav-item.svelte-1abgzus .text-open-active:where(.svelte-1abgzus) {
  padding-left: 0.5rem;
  flex: 1 0 1;
  margin-left: -0.4rem;
  font-weight: 600;
  transition: opacity 0.2s;
  font-size: 0.76rem;
}
@keyframes svelte-1122cs0-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1122cs0-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1122cs0-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1122cs0-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1122cs0-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1122cs0-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-1122cs0-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1122cs0-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-1122cs0-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-1122cs0-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.nav-footer-ad.svelte-1122cs0 {
  height: 3.5rem;
  width: 100%;
}
.root.svelte-1122cs0 {
  width: 14rem;
  height: 100%;
  border-right: solid 1px var(--hq-transparent-inverse-0300);
  white-space: nowrap;
  overflow: hidden;
  background: var(--hq-base-0200);
}
.root[data-open="false"].svelte-1122cs0 {
  width: 4rem;
}
.root[data-open="false"].svelte-1122cs0 .nav-list:where(.svelte-1122cs0) {
  max-height: calc(100% - 6rem);
}
@media only screen and (max-width: 1080px) {
  .root.svelte-1122cs0 {
    display: none;
  }
}
.root.svelte-1122cs0 .logo-field:where(.svelte-1122cs0) {
  height: 3rem;
  display: flex;
  border-bottom: solid 1px var(--hq-transparent-inverse-0300);
  align-items: center;
}
.root.svelte-1122cs0
  .logo-field:where(.svelte-1122cs0)
  .link:where(.svelte-1122cs0) {
  display: flex;
  flex: 1 0;
  height: 100%;
}
.root.svelte-1122cs0
  .logo-field:where(.svelte-1122cs0)
  .link:where(.svelte-1122cs0)
  .link-item:where(.svelte-1122cs0) {
  height: 100%;
  display: flex;
  align-items: center;
}
.root.svelte-1122cs0 .nav-list:where(.svelte-1122cs0) {
  position: relative;
  height: 100%;
  max-height: calc(100% - 9.5rem);
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0.2rem 0rem 1rem;
}
.root.svelte-1122cs0 .nav-list:where(.svelte-1122cs0)::-webkit-scrollbar {
  width: 0px;
  height: 0px;
  background-color: transparent;
}
.root.svelte-1122cs0 .nav-list:where(.svelte-1122cs0)::-webkit-scrollbar:hover {
  cursor: pointer;
}
.root.svelte-1122cs0
  .nav-list:where(.svelte-1122cs0)::-webkit-scrollbar-corner {
  background-color: transparent;
}
.root.svelte-1122cs0 .nav-list:where(.svelte-1122cs0)::-webkit-scrollbar-thumb {
  border: solid 1px var(--hq-base-0600);
  border-radius: 3px;
  background-color: var(--hq-base-0600);
}
.root.svelte-1122cs0 .nav-list[data-hidden]:where(.svelte-1122cs0) {
  overflow-y: hidden;
}
.root.svelte-1122cs0 .nav-footer-item:where(.svelte-1122cs0) {
  width: 100%;
  display: flex;
  height: 3rem;
  align-items: center;
  justify-content: center;
  padding: 0 0.5rem;
}
@keyframes svelte-15v2ja-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-15v2ja-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-15v2ja-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-15v2ja-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-15v2ja-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-15v2ja-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-15v2ja-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-15v2ja-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-15v2ja-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-15v2ja-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.root.svelte-15v2ja {
  flex: 1 0;
}
@keyframes svelte-es449i-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-es449i-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-es449i-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-es449i-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-es449i-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-es449i-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-es449i-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-es449i-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-es449i-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-es449i-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.line.svelte-es449i {
  height: 100%;
}
.line[data-anim].svelte-es449i {
  width: 100%;
  animation: svelte-es449i-increaseWidth 1s forwards;
}
.line[data-last].svelte-es449i {
  border-right: none !important;
}
@keyframes svelte-es449i-increaseWidth {
  0% {
    width: 0;
  }
  to {
    width: 100%;
  }
}
@keyframes svelte-1nbx0ea-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1nbx0ea-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1nbx0ea-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1nbx0ea-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1nbx0ea-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1nbx0ea-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-1nbx0ea-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1nbx0ea-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-1nbx0ea-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-1nbx0ea-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.encryptor.svelte-1nbx0ea {
  font-weight: inherit;
}
.encryptor.svelte-1nbx0ea span:where(.svelte-1nbx0ea) {
  opacity: 0.1;
}
.encryptor span {
  opacity: 0.6;
}
@keyframes svelte-176gnu0-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-176gnu0-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-176gnu0-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-176gnu0-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-176gnu0-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-176gnu0-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-176gnu0-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-176gnu0-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-176gnu0-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-176gnu0-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.legend-title.svelte-176gnu0 {
  display: flex;
  font-size: 0.7225rem;
  font-weight: 800;
  padding: 0.4rem 0 0.5rem;
  text-align: left;
  line-height: 1.3;
}
.legend-title.svelte-176gnu0 .name:where(.svelte-176gnu0) {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.legend-title[data-no-title].svelte-176gnu0 {
  padding-top: 0;
}
.legend-title.svelte-176gnu0 .percent:where(.svelte-176gnu0) {
  padding-left: 0.3rem;
  color: var(--hq-base-1600);
  font-weight: 800;
  transform-origin: 0% 90%;
  transform: scale(0.9);
}
.value.svelte-176gnu0 {
  font-size: 0.7225rem;
  font-weight: 600;
  color: var(--hq-base-2000);
  text-align: right;
}
.line-container.svelte-176gnu0 {
  position: relative;
  display: flex;
  height: 2px;
  border-radius: 0.1rem;
  padding: 0 2px 0 4px;
}
.line-container.svelte-176gnu0 .line:where(.svelte-176gnu0) {
  height: 100%;
  position: relative;
}
.line-container.svelte-176gnu0
  .line[data-anim="left"]:where(.svelte-176gnu0):after {
  content: "";
  position: absolute;
  display: block;
  width: 10%;
  height: 2px;
  background: #ffffff80;
  top: 0;
  animation: svelte-176gnu0-moveLeft 1.5s linear infinite;
  animation-delay: 0.8s;
}
.line-container.svelte-176gnu0
  .line[data-anim="right"]:where(.svelte-176gnu0):after {
  content: "";
  position: absolute;
  display: block;
  width: 10%;
  height: 2px;
  background: #ffffff80;
  top: 0;
  animation: svelte-176gnu0-moveRight 1.5s linear infinite;
  animation-delay: 0.9s;
}
@keyframes svelte-176gnu0-moveLeft {
  0% {
    right: 0;
    opacity: 0;
  }
  20% {
    right: 20%;
    opacity: 1;
  }
  to {
    right: 95%;
    opacity: 0;
  }
}
@keyframes svelte-176gnu0-moveRight {
  0% {
    left: 0;
    opacity: 0;
  }
  20% {
    left: 20%;
    opacity: 1;
  }
  to {
    left: 100%;
    opacity: 0;
  }
}
.line-container.svelte-176gnu0 .dot:where(.svelte-176gnu0) {
  z-index: 3;
  position: absolute;
  top: 0;
  height: 4px;
  width: 4px;
  border-radius: 50%;
  transform: translate(-50%, calc(-50% + 1px));
}
.line-container.svelte-176gnu0 .dot:where(.svelte-176gnu0):before {
  background: inherit;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  display: block;
  left: 50%;
  top: 50%;
  position: absolute;
  z-index: 1;
  content: "";
  width: 7px;
  height: 7px;
  opacity: 1;
  border: solid 2px var(--overlay);
  background: transparent;
}
.line-container.svelte-176gnu0 .dot:where(.svelte-176gnu0):after {
  background: inherit;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  display: block;
  left: 50%;
  top: 50%;
  position: absolute;
  z-index: 1;
  content: "";
  width: 250%;
  height: 250%;
  animation: svelte-176gnu0-scaleWithFade 1.5s 0s infinite forwards;
  transform: scale(0);
}
@keyframes svelte-176gnu0-scaleWithFade {
  0% {
    transform: translate(-50%, -50%) scale(0);
    opacity: 0;
  }
  50% {
    transform: translate(-50%, -50%) scale(0.5);
    opacity: 0.7;
  }
  to {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
}
@keyframes svelte-176gnu0-scaleInWithFade {
  to {
    transform: translate(-50%, -50%) scale(0);
    opacity: 0;
  }
  50% {
    transform: translate(-50%, -50%) scale(0.5);
    opacity: 0.7;
  }
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
}
.line-container.svelte-176gnu0
  .dot[data-anim="right"]:where(.svelte-176gnu0):after {
  animation: svelte-176gnu0-scaleInWithFade 1.5s 0s infinite;
}
@keyframes svelte-1h9wmas-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1h9wmas-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1h9wmas-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1h9wmas-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1h9wmas-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1h9wmas-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-1h9wmas-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1h9wmas-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-1h9wmas-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-1h9wmas-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.legends.svelte-1h9wmas {
  position: absolute;
  z-index: 1;
  right: 0;
  display: flex;
}
@keyframes svelte-1rg6ren-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1rg6ren-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1rg6ren-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1rg6ren-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1rg6ren-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1rg6ren-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-1rg6ren-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1rg6ren-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-1rg6ren-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-1rg6ren-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.-container.svelte-1rg6ren {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: visible;
}
.root.svelte-1rg6ren {
  width: 100%;
  height: 100%;
  position: relative;
}
.root.svelte-1rg6ren .animation-div:where(.svelte-1rg6ren) {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  animation: svelte-1rg6ren-resizeWidth 1s ease-in-out forwards;
  animation-delay: 0.5s;
}
@keyframes svelte-1rg6ren-resizeWidth {
  to {
    right: 0;
    width: 0%;
  }
}
.root.svelte-1rg6ren .guide:where(.svelte-1rg6ren) {
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.root.svelte-1rg6ren .guide:where(.svelte-1rg6ren) .x:where(.svelte-1rg6ren) {
  position: absolute;
  width: 0;
  height: 0;
  left: 0;
  top: 0;
}
.root.svelte-1rg6ren .guide:where(.svelte-1rg6ren) .y:where(.svelte-1rg6ren) {
  position: absolute;
  width: 0;
  height: 0;
  right: 0;
  bottom: 0;
}
.root.svelte-1rg6ren svg:where(.svelte-1rg6ren) {
  width: 100%;
  height: 100%;
}
.root.svelte-1rg6ren svg:where(.svelte-1rg6ren) path:where(.svelte-1rg6ren) {
  fill: none;
  z-index: 1;
}
.root.svelte-1rg6ren
  svg:where(.svelte-1rg6ren)
  circle[data-anim]:where(.svelte-1rg6ren) {
  animation: svelte-1rg6ren-scaleOut 2s ease-out infinite;
}
@keyframes svelte-1rg6ren-scaleOut {
  0% {
    r: 2;
    opacity: 1;
  }
  50% {
    r: 8;
    opacity: 0;
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-sm2s05-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-sm2s05-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-sm2s05-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-sm2s05-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-sm2s05-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-sm2s05-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-sm2s05-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-sm2s05-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-sm2s05-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-sm2s05-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.ticker.svelte-sm2s05 {
  position: absolute;
  background: #fff;
  z-index: 2;
  background: transparent;
}
.ticker.svelte-sm2s05 .tag:where(.svelte-sm2s05) {
  font-size: 0.62rem;
  transform: scale(1);
  padding: 0.1rem 0.2rem;
  text-align: center;
  font-weight: 600;
  border: solid 1px;
}
@keyframes svelte-163a6s0-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-163a6s0-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-163a6s0-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-163a6s0-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-163a6s0-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-163a6s0-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-163a6s0-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-163a6s0-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-163a6s0-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-163a6s0-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.tv-root.svelte-163a6s0 {
  width: 100%;
  height: 100%;
}
.tooltip.svelte-163a6s0 {
  transform: scale(0.85);
  transform-origin: 0% 0%;
  opacity: 0;
  position: absolute;
  background: var(--hq-transparent-1500);
  border: solid 1px var(--hq-base-0500);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  padding: 0.2rem 0.4rem;
  color: var(--hq-base-2100);
  z-index: 10;
  pointer-events: none;
  left: 0.5rem;
  top: 0rem;
}
.tooltip[data-enable].svelte-163a6s0 {
  opacity: 1;
}
@keyframes svelte-xcvf3v-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-xcvf3v-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-xcvf3v-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-xcvf3v-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-xcvf3v-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-xcvf3v-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-xcvf3v-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-xcvf3v-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-xcvf3v-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-xcvf3v-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.tab.svelte-xcvf3v {
  overflow: hidden;
}
.tab.svelte-xcvf3v .tab-item:where(.svelte-xcvf3v) {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border-bottom: solid 3px transparent;
  color: var(--hq-base-1400);
}
.tab.svelte-xcvf3v .tab-item[data-dense]:where(.svelte-xcvf3v) {
  padding: 0rem 0.6rem;
}
.tab.svelte-xcvf3v .tab-item[data-last]:where(.svelte-xcvf3v) {
  border-right: none;
}
.tab.svelte-xcvf3v .tab-item[data-selected]:where(.svelte-xcvf3v) {
  color: var(--hq-base-2500);
  border-bottom: solid 3px var(--hq-sapphire-blue-1000);
}
.tab.svelte-xcvf3v .tab-item:where(.svelte-xcvf3v):hover {
  color: var(--hq-base-2400);
  cursor: pointer;
  transition: background-color 0.1s;
}
.tab.svelte-xcvf3v .tab-item:hover[data-selected]:where(.svelte-xcvf3v) {
  border-bottom: solid 3px var(--hq-sapphire-blue-1100);
}
@keyframes svelte-tpejri-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-tpejri-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-tpejri-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-tpejri-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-tpejri-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-tpejri-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-tpejri-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-tpejri-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-tpejri-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-tpejri-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.display-list.swiper.svelte-tpejri {
  border-bottom: solid 1px var(--hq-base-0400);
}
.display-list.swiper > .swiper-pagination {
  --swiper-pagination-bullet-horizontal-gap: 2px;
  bottom: 0.1rem;
  width: 6rem;
  left: auto;
  right: -1rem;
  position: absolute;
  --swiper-pagination-progressbar-bg-color: var(--hq-base-0500);
  --swiper-pagination-color: var(--swiper-theme-color);
}
.display-list.swiper > * > .swiper-pagination-bullet {
  background: var(--hq-base-1500);
  width: 18px;
  height: 3px;
  border-radius: 0;
}
.display-list.swiper
  > *
  > .swiper-pagination-bullet.swiper-pagination-bullet-active {
  --swiper-pagination-progressbar-bg-color: var(--hq-base-0500);
}
.swiper-root.svelte-tpejri {
  width: 100%;
  height: 100%;
  padding: 0 0.5rem;
}
.swiper-root.svelte-tpejri .swiper-slide:where(.svelte-tpejri) {
  width: -moz-fit-content;
  width: fit-content;
}
.swiper-root.svelte-tpejri
  .swiper-slide:where(.svelte-tpejri)
  .--contents:where(.svelte-tpejri) {
  border-radius: 0.5rem;
  border: solid 1px transparent;
  transition: background-color 0.2s;
  height: 100%;
  padding: 0 0.5rem 0.3rem;
}
.swiper-root.svelte-tpejri .swiper-slide[data-line]:where(.svelte-tpejri) {
  padding: 0rem;
  opacity: 0;
}
.swiper-root.svelte-tpejri
  .swiper-slide[data-line]:where(.svelte-tpejri):hover
  .--contents:where(.svelte-tpejri) {
  border: solid 1px transparent;
  box-shadow: none;
}
@keyframes svelte-l4etr9-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-l4etr9-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-l4etr9-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-l4etr9-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-l4etr9-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-l4etr9-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-l4etr9-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-l4etr9-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-l4etr9-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-l4etr9-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.root.svelte-l4etr9 {
  position: absolute;
}
@keyframes svelte-k3yt6e-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-k3yt6e-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-k3yt6e-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-k3yt6e-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-k3yt6e-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-k3yt6e-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-k3yt6e-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-k3yt6e-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-k3yt6e-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-k3yt6e-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.root.svelte-k3yt6e {
  background: var(--hq-base-0300);
  padding: 2rem;
}
@media only screen and (max-width: 1080px) {
  .root.svelte-k3yt6e {
    padding: 1rem;
  }
}
@media only screen and (min-width: 0px) and (max-width: 640px) {
  .root.svelte-k3yt6e {
    padding: 0.5rem;
  }
}
.root[data-fit="true"].svelte-k3yt6e {
  min-height: 60vh;
}
.root[data-fit-no-title="true"].svelte-k3yt6e {
  min-height: 70vh;
}
.root.svelte-k3yt6e .--content-center:where(.svelte-k3yt6e) {
  position: relative;
  background: var(--hq-base-0200);
  max-width: 1440px;
  margin: 0 auto;
  border-radius: 0.3rem;
  box-shadow: 0 2px 8px #00000020;
}
.root.svelte-k3yt6e
  .--content-center[data-basckground-clear="true"]:where(.svelte-k3yt6e) {
  background: transparent;
  box-shadow: none;
}
.root.svelte-k3yt6e
  .--content-center[data-disable-center]:where(.svelte-k3yt6e) {
  margin: 0;
}
.root.svelte-k3yt6e .--content-center[data-clear="true"]:where(.svelte-k3yt6e) {
  background: transparent;
  box-shadow: none;
  min-height: auto;
}
@keyframes svelte-14olnfw-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-14olnfw-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-14olnfw-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-14olnfw-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-14olnfw-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-14olnfw-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-14olnfw-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-14olnfw-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-14olnfw-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-14olnfw-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.root.svelte-14olnfw {
  position: fixed;
  bottom: 4rem;
}
.root[data-position="CENTER"].svelte-14olnfw {
  left: 50vw;
  transform: translate(-50%);
}
.root[data-position="CENTER"][data-ignore-drawer][data-open-drawer].svelte-14olnfw {
  left: calc(50vw + 7rem);
}
.root[data-position="CENTER"][data-ignore-drawer].svelte-14olnfw:not(
    [data-open-drawer]
  ) {
  left: calc(50vw + 2rem);
}
.root[data-position="RIGHT"].svelte-14olnfw {
  right: 4rem;
}
@keyframes svelte-1xe6ze9-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1xe6ze9-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1xe6ze9-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1xe6ze9-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1xe6ze9-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1xe6ze9-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-1xe6ze9-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1xe6ze9-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-1xe6ze9-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-1xe6ze9-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.more.svelte-1xe6ze9 {
  position: absolute;
  bottom: 1px;
  padding-top: 2rem;
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 6rem !important;
  left: 1px;
  z-index: 10;
  width: calc(100% - 2px);
  pointer-events: none;
}
.more.svelte-1xe6ze9 .btn:where(.svelte-1xe6ze9) {
  position: absolute;
  left: 1rem;
  bottom: 1rem;
  width: calc(100% - 2rem);
  pointer-events: all;
  cursor: pointer;
  z-index: 10;
  padding: 1.5rem 1rem 0.5rem;
  color: var(--hq-sapphire-blue-1700);
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.more.svelte-1xe6ze9 .btn:where(.svelte-1xe6ze9):hover {
  color: var(--hq-sapphire-blue-2000);
}
.more.svelte-1xe6ze9
  .btn:where(.svelte-1xe6ze9)
  .btn-content:where(.svelte-1xe6ze9) {
  height: 1.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.8rem;
}
@keyframes svelte-15a1njn-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-15a1njn-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-15a1njn-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-15a1njn-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-15a1njn-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-15a1njn-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-15a1njn-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-15a1njn-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-15a1njn-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-15a1njn-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.command-header.svelte-15a1njn {
  display: flex;
  z-index: 100;
}
.command-header.svelte-15a1njn .command-filter:where(.svelte-15a1njn) {
  position: relative;
}
.command-header.svelte-15a1njn
  .command-filter:where(.svelte-15a1njn)
  .filter-container:where(.svelte-15a1njn) {
  position: absolute;
  right: 0;
  top: 2.5rem;
  z-index: 100;
  background-color: var(--hq-base-0200);
  border-radius: 0.3rem;
  padding: 1rem 1.3rem;
  border: solid 1px var(--hq-base-0400);
  box-shadow: 0 2px 5px #0000000d;
}
.more-command.svelte-15a1njn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.fullscreen.svelte-15a1njn {
  position: absolute;
  right: 0.3rem;
  bottom: 0.3rem;
  z-index: 5;
}
.fullscreen.svelte-15a1njn:hover {
  opacity: 0.9;
}
@media only screen and (max-width: 1080px) {
  .fullscreen.svelte-15a1njn {
    display: none;
  }
}
@keyframes svelte-ky07vb-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-ky07vb-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-ky07vb-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-ky07vb-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-ky07vb-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-ky07vb-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-ky07vb-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-ky07vb-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-ky07vb-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-ky07vb-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.root.svelte-ky07vb {
  position: relative;
}
.social-button.svelte-ky07vb {
  display: flex;
  align-items: center;
  font-weight: 600;
  position: relative;
}
.social-button.svelte-ky07vb .icon:where(.svelte-ky07vb) {
  transform: scale(0.9);
}
@keyframes svelte-k95jb5-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-k95jb5-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-k95jb5-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-k95jb5-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-k95jb5-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-k95jb5-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-k95jb5-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-k95jb5-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-k95jb5-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-k95jb5-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.root.svelte-k95jb5 {
  width: 100%;
  height: 100%;
  position: relative;
}
.root.svelte-k95jb5:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}
.root.svelte-k95jb5 .--contents:where(.svelte-k95jb5) {
  z-index: 2;
  position: absolute;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@keyframes svelte-zwsyqa-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-zwsyqa-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-zwsyqa-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-zwsyqa-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-zwsyqa-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-zwsyqa-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-zwsyqa-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-zwsyqa-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-zwsyqa-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-zwsyqa-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.root.svelte-zwsyqa {
  height: 100%;
}
.root.svelte-zwsyqa .image-field:where(.svelte-zwsyqa) {
  height: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 0.25rem;
  border: 1px solid var(--hq-base-0400);
}
.root.svelte-zwsyqa
  .image-field:where(.svelte-zwsyqa)
  .image:where(.svelte-zwsyqa) {
  width: 100%;
  height: 100%;
  transition: transform 0.3s ease-in-out;
}
.root.svelte-zwsyqa
  .image-field:where(.svelte-zwsyqa)
  .image[data-hover]:where(.svelte-zwsyqa) {
  transform: scale(1.05);
}
@keyframes svelte-1vrz9at-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1vrz9at-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1vrz9at-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1vrz9at-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1vrz9at-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1vrz9at-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-1vrz9at-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1vrz9at-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-1vrz9at-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-1vrz9at-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.swiper-root.svelte-1vrz9at {
  position: relative;
  padding-right: 1.1rem;
}
.swiper-root.svelte-1vrz9at .slide-button:where(.svelte-1vrz9at) {
  cursor: pointer;
  position: absolute;
  z-index: 100;
  transition: opacity 0.3s;
  top: 50%;
  transform: translateY(-50%);
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: var(--hq-base-0400);
}
.swiper-root.svelte-1vrz9at .slide-button[data-disable]:where(.svelte-1vrz9at) {
  pointer-events: none;
  opacity: 0;
}
.swiper-root.svelte-1vrz9at .slide-button:where(.svelte-1vrz9at):hover {
  opacity: 1;
}
.swiper-root.svelte-1vrz9at .slide-button.to-next:where(.svelte-1vrz9at) {
  right: 0.3rem;
}
.swiper-root.svelte-1vrz9at .slide-button.to-prev:where(.svelte-1vrz9at) {
  left: 0rem;
}
.swiper-root.svelte-1vrz9at .swiper-slide:where(.svelte-1vrz9at) {
  width: 18rem;
  height: 8rem;
}
@media only screen and (max-width: 1440px) {
  .swiper-root.svelte-1vrz9at .swiper-slide:where(.svelte-1vrz9at) {
    width: 18.4rem;
    height: 8.2rem;
  }
}
@media only screen and (max-width: 1080px) {
  .swiper-root.svelte-1vrz9at .swiper-slide:where(.svelte-1vrz9at) {
    width: 15rem;
    height: 6.7rem;
  }
}
@keyframes svelte-1iurhb9-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1iurhb9-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1iurhb9-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1iurhb9-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1iurhb9-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1iurhb9-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-1iurhb9-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1iurhb9-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-1iurhb9-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-1iurhb9-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.root.svelte-1iurhb9 {
  height: 1.8rem;
  width: 100%;
  border-radius: 0.3rem;
  line-height: 1.4;
  background-color: var(--hq-base-0300);
  position: relative;
  transition: opacity 0.2s;
  border: solid 2px transparent;
  cursor: pointer;
}
.root.svelte-1iurhb9:hover {
  background-color: var(--hq-base-0400);
}
.root[data-focus].svelte-1iurhb9 {
  background-color: var(--hq-base-0400);
  border: solid 2px var(--hq-base-0600);
}
.root[data-focus].svelte-1iurhb9 .icon:where(.svelte-1iurhb9) {
  color: var(--hq-base-1800);
}
.root.svelte-1iurhb9 .icon:where(.svelte-1iurhb9) {
  color: var(--hq-base-1200);
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.8rem;
  pointer-events: none;
  position: absolute;
  padding-top: 0.1rem;
  left: 0;
  top: 0;
  padding-left: 0.1rem;
}
.root.svelte-1iurhb9 input:where(.svelte-1iurhb9) {
  cursor: pointer;
  padding-left: 1.8rem;
  padding-right: 0.4rem;
  margin-top: -2px;
  width: 100%;
  height: 100%;
  border: none;
  background: transparent;
  outline: none;
  color: var(--text-color);
  font-weight: 600;
  font-size: 0.765rem;
}
.root.svelte-1iurhb9 input:where(.svelte-1iurhb9):hover,
.root.svelte-1iurhb9 input:where(.svelte-1iurhb9):focus,
.root.svelte-1iurhb9 input:where(.svelte-1iurhb9):active {
  border: none;
  outline: none;
}
.root.svelte-1iurhb9 input:where(.svelte-1iurhb9)::-moz-placeholder {
  font-weight: 500;
}
.root.svelte-1iurhb9 input:where(.svelte-1iurhb9)::placeholder {
  font-weight: 500;
}
@keyframes svelte-6isslh-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-6isslh-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-6isslh-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-6isslh-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-6isslh-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-6isslh-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-6isslh-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-6isslh-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-6isslh-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-6isslh-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.root.svelte-6isslh {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.root[data-disable].svelte-6isslh {
  opacity: 0.4;
  pointer-events: none !important;
}
.root.svelte-6isslh .header:where(.svelte-6isslh) {
  padding: 0.4rem 0;
  width: 100%;
  text-align: left;
  font-size: 0.723rem;
  font-weight: 600;
  color: var(--component-base07);
}
.root.svelte-6isslh .header[data-align="right"]:where(.svelte-6isslh) {
  text-align: right;
}
.root.svelte-6isslh .-container:where(.svelte-6isslh) {
  display: flex;
  background: var(--hq-base-0200);
  border-radius: 0.2rem;
}
.root.svelte-6isslh .-container[data-align="right"]:where(.svelte-6isslh) {
  justify-content: flex-end;
}
.root.svelte-6isslh .-container:where(.svelte-6isslh) div[data-button] {
  padding: 0 0.5rem;
  height: 100%;
  font-size: 0.742rem;
  border-radius: 0.2rem;
  font-weight: 600;
  color: var(--component-base06);
}
.root.svelte-6isslh .-container[data-size="xs"]:where(.svelte-6isslh) {
  height: 1.3rem;
  padding: 0.08rem 0.4rem;
}
.root.svelte-6isslh
  .-container[data-size="xs"]:where(.svelte-6isslh)
  div[data-button] {
  font-size: 0.63rem;
  padding: 0 0.5rem;
}
.root.svelte-6isslh .-container[data-size="sm"]:where(.svelte-6isslh) {
  height: 1.6rem;
  padding: 0.15rem 0.3rem;
  border-radius: 0.2rem;
}
.root.svelte-6isslh
  .-container[data-size="sm"]:where(.svelte-6isslh)
  div[data-button] {
  font-size: 0.7rem;
  padding: 0 0.6rem;
  border-radius: 0.2rem;
}
.root.svelte-6isslh .-container[data-size="md"]:where(.svelte-6isslh) {
  height: 2rem;
  padding: 0.3rem 0.4rem;
}
.root.svelte-6isslh
  .-container[data-size="md"]:where(.svelte-6isslh)
  div[data-button] {
  font-size: 0.742rem;
  padding: 0 0.5rem;
}
.root.svelte-6isslh .-container[data-size="lg"]:where(.svelte-6isslh) {
  height: 2.4rem;
  padding: 0.3rem 0.4rem;
}
.root.svelte-6isslh
  .-container[data-size="lg"]:where(.svelte-6isslh)
  div[data-button] {
  font-size: 0.834rem;
  padding: 0 0.63rem;
}
.root.svelte-6isslh .-container[data-vertical="true"]:where(.svelte-6isslh) {
  height: -moz-fit-content;
  height: fit-content;
}
@keyframes svelte-hlgmg8-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-hlgmg8-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-hlgmg8-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-hlgmg8-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-hlgmg8-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-hlgmg8-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-hlgmg8-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-hlgmg8-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-hlgmg8-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-hlgmg8-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.root.svelte-hlgmg8 {
  width: 100%;
  height: 100%;
}
.root.svelte-hlgmg8 .progress-container:where(.svelte-hlgmg8) {
  position: relative;
  width: 100%;
  height: 0.32rem;
  background-color: var(--hq-base-0500);
  border-radius: 0.25rem;
  overflow: hidden;
}
.root.svelte-hlgmg8 .progress-bar:where(.svelte-hlgmg8) {
  position: absolute;
  height: 0.32rem;
  border-radius: 0.25rem;
}
@keyframes svelte-1w1swou-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1w1swou-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1w1swou-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1w1swou-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1w1swou-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1w1swou-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-1w1swou-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1w1swou-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-1w1swou-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-1w1swou-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.icon.svelte-1w1swou {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.icon.svelte-1w1swou .rank:where(.svelte-1w1swou) {
  position: absolute;
  left: -0.15rem;
  top: -0.15rem;
  white-space: nowrap;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  width: 1.3rem;
  height: 1.3rem;
}
@keyframes svelte-547pg9-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-547pg9-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-547pg9-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-547pg9-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-547pg9-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-547pg9-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-547pg9-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-547pg9-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-547pg9-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-547pg9-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
@keyframes svelte-547pg9-flash-rise {
  0% {
    color: var(--cds-support-02);
  }
  70% {
    color: var(--cds-support-02);
  }
  to {
    color: var(--cds-text-01);
  }
}
@keyframes svelte-547pg9-flash-fall {
  0% {
    color: var(--cds-support-01);
  }
  70% {
    color: var(--cds-support-01);
  }
  to {
    color: var(--cds-text-01);
  }
}
.cell.svelte-547pg9 {
  position: relative;
  font-family: Satoshi, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Oxygen, Ubuntu, system-ui, Cantarell, Open Sans, Helvetica Neue, sans-serif !important;
  font-weight: 500 !important;
  min-width: 8.5rem;
  flex: 1 0;
  height: 100%;
  display: flex;
  align-items: center;
  font-size: 0.85rem;
}
.cell[data-zebra].svelte-547pg9:after {
  z-index: 10;
  position: absolute;
  pointer-events: none;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: var(--hq-transparent-inverse-0200);
  opacity: 0.35;
}
.cell[data-flash="rise"].svelte-547pg9 {
  animation: svelte-547pg9-flash-rise 4s ease-in-out;
}
.cell[data-flash="fall"].svelte-547pg9 {
  animation: svelte-547pg9-flash-fall 4s ease-in-out;
}
.cell[data-type="rank"].svelte-547pg9 .prop:where(.svelte-547pg9) {
  font-size: 0.72rem;
  font-weight: 600;
}
.cell[data-type="icon-system"].svelte-547pg9 {
  justify-content: flex-end;
  padding-right: 0.6rem;
}
.cell[data-type="cumulative"].svelte-547pg9 {
  width: 100%;
  justify-content: end;
}
.cell[data-type="cumulative"].svelte-547pg9 .prop:where(.svelte-547pg9) {
  position: relative;
  width: 100%;
  height: 100%;
  border-left: 0.1px solid var(--hq-base-0400);
  border-right: 0.1px solid var(--hq-base-0400);
}
.cell[data-type="cumulative"].svelte-547pg9
  .prop:where(.svelte-547pg9)
  .cum:where(.svelte-547pg9) {
  background-color: var(--hq-sapphire-blue-0700);
  max-width: 100%;
  opacity: 0.18;
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
}
.cell[data-type="cumulative"].svelte-547pg9
  .prop:where(.svelte-547pg9)
  .item:where(.svelte-547pg9) {
  position: absolute;
  height: 100%;
  max-width: 100%;
  top: 0;
  background-color: var(--hq-sapphire-blue-1600);
  opacity: 0.35;
}
.cell[data-type="cumulative"].svelte-547pg9
  .prop:where(.svelte-547pg9)
  .text:where(.svelte-547pg9) {
  z-index: 1;
  position: absolute;
  right: 0.8rem;
  top: 50%;
  transform: translateY(-50%);
}
.cell[data-type="icon"].svelte-547pg9,
.cell[data-type="icon-overlay"].svelte-547pg9 {
  min-width: 3rem;
  max-width: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 0;
}
@media only screen and (max-width: 1280px) {
  .cell[data-type="icon"].svelte-547pg9,
  .cell[data-type="icon-overlay"].svelte-547pg9 {
    min-width: 2rem;
    max-width: 2rem;
  }
}
.cell[data-type="icons"].svelte-547pg9 {
  display: flex;
  flex-wrap: wrap;
  padding-right: 0;
}
@media only screen and (max-width: 1280px) {
  .cell.svelte-547pg9 {
    min-width: 6.2rem;
  }
}
.cell[data-header="true"].svelte-547pg9 {
  border-bottom: none;
}
.cell[data-title="true"].svelte-547pg9 {
  position: absolute;
  left: 0;
}
.cell[data-type="text-async"].svelte-547pg9 .prop:where(.svelte-547pg9) {
  display: grid;
  width: 100%;
  grid-template-columns: auto 2.2rem;
  align-items: center;
  line-height: 1.3;
  gap: 0.2rem;
  word-break: break-all;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.cell[data-type="graph"].svelte-547pg9 {
  padding: 0.4rem 1rem;
}
.cell[data-type="graph"].svelte-547pg9 .prop:where(.svelte-547pg9) {
  width: 100%;
  height: 100%;
}
.cell.svelte-547pg9 .prop:where(.svelte-547pg9) {
  word-break: break-all;
}
.cell[data-type="text"].svelte-547pg9 .prop:where(.svelte-547pg9) {
  line-height: 1.3;
  word-break: break-all;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.cell[data-type="text"].svelte-547pg9
  .prop[data-option="rise"]:where(.svelte-547pg9),
.cell[data-type="text"].svelte-547pg9
  .prop[data-option="pos"]:where(.svelte-547pg9) {
  color: var(--hq-light-green-1700);
}
.cell[data-type="text"].svelte-547pg9
  .prop[data-option="fall"]:where(.svelte-547pg9),
.cell[data-type="text"].svelte-547pg9
  .prop[data-option="neg"]:where(.svelte-547pg9) {
  color: var(--hq-dard-red-1700);
}
.cell[data-type="text"].svelte-547pg9
  .prop[data-option="warn"]:where(.svelte-547pg9) {
  color: var(--hq-selective-yellow-1700);
}
.cell[data-type="text"].svelte-547pg9
  .prop[data-option="even"]:where(.svelte-547pg9) {
  color: var(--hq-base-1500);
}
.cell[data-type="text"].svelte-547pg9
  .prop[data-option="empty"]:where(.svelte-547pg9) {
  color: var(--hq-base-1200);
}
.cell[data-type="rank"].svelte-547pg9 {
  justify-content: center;
  font-weight: 600;
}
.cell[data-type="rank"].svelte-547pg9 .prop:where(.svelte-547pg9) {
  text-align: center;
}
.cell[data-type="number"].svelte-547pg9 {
  font-family: Satoshi, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Oxygen, Ubuntu, system-ui, Cantarell, Open Sans, Helvetica Neue, sans-serif !important;
  justify-content: flex-end;
  font-size: 0.827rem;
}
@media only screen and (max-width: 1280px) {
  .cell[data-type="number"].svelte-547pg9 {
    font-size: 0.787rem;
  }
}
.cell[data-type="number"].svelte-547pg9 .prop:where(.svelte-547pg9) {
  font-weight: 600;
  align-items: right;
  word-break: break-all;
}
.cell[data-type="percentage"].svelte-547pg9 {
  font-family: Satoshi, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Oxygen, Ubuntu, system-ui, Cantarell, Open Sans, Helvetica Neue, sans-serif !important;
  justify-content: flex-end;
}
.cell[data-type="percentage"].svelte-547pg9 .prop:where(.svelte-547pg9) {
  width: 100%;
  padding-left: 1rem;
}
.cell[data-type="value"].svelte-547pg9 {
  font-family: Lato !important;
  justify-content: flex-end;
  font-size: 0.827rem;
}
@media only screen and (max-width: 1280px) {
  .cell[data-type="value"].svelte-547pg9 {
    font-size: 0.787rem;
  }
}
.cell[data-type="value"].svelte-547pg9 .prop:where(.svelte-547pg9) {
  font-weight: 600;
  text-align: right;
  word-break: break-all;
}
.cell[data-type="value"].svelte-547pg9
  .prop[data-option="rise"]:where(.svelte-547pg9),
.cell[data-type="value"].svelte-547pg9
  .prop[data-option="pos"]:where(.svelte-547pg9) {
  color: var(--hq-light-green-1700);
}
.cell[data-type="value"].svelte-547pg9
  .prop[data-option="fall"]:where(.svelte-547pg9),
.cell[data-type="value"].svelte-547pg9
  .prop[data-option="neg"]:where(.svelte-547pg9) {
  color: var(--hq-dard-red-1700);
}
.cell[data-type="value"].svelte-547pg9
  .prop[data-option="warn"]:where(.svelte-547pg9) {
  color: var(--hq-selective-yellow-1700);
}
.cell[data-type="value"].svelte-547pg9
  .prop[data-option="even"]:where(.svelte-547pg9) {
  color: var(--hq-base-1500);
}
.cell[data-type="value"].svelte-547pg9
  .prop[data-option="empty"]:where(.svelte-547pg9) {
  color: var(--hq-base-1200);
}
.cell[data-type="interaction"].svelte-547pg9 .prop:where(.svelte-547pg9) {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cell[data-type="interaction"].svelte-547pg9:hover {
  background: var(--hq-transparent-inverse-0200);
}
.cell[data-type="text-with-sub-text"].svelte-547pg9 .prop:where(.svelte-547pg9),
.cell[data-type="text-async-with-sub-text"].svelte-547pg9
  .prop:where(.svelte-547pg9),
.cell[data-type="value-with-sub-text"].svelte-547pg9
  .prop:where(.svelte-547pg9),
.cell[data-type="value-with-tag"].svelte-547pg9 .prop:where(.svelte-547pg9),
.cell[data-type="number-with-sub-text"].svelte-547pg9
  .prop:where(.svelte-547pg9) {
  font-size: 0.822rem;
}
@media only screen and (max-width: 1280px) {
  .cell[data-type="text-with-sub-text"].svelte-547pg9
    .prop:where(.svelte-547pg9),
  .cell[data-type="text-async-with-sub-text"].svelte-547pg9
    .prop:where(.svelte-547pg9),
  .cell[data-type="value-with-sub-text"].svelte-547pg9
    .prop:where(.svelte-547pg9),
  .cell[data-type="value-with-tag"].svelte-547pg9 .prop:where(.svelte-547pg9),
  .cell[data-type="number-with-sub-text"].svelte-547pg9
    .prop:where(.svelte-547pg9) {
    font-size: 0.727rem;
  }
}
.cell[data-type="text-with-sub-text"].svelte-547pg9
  .prop:where(.svelte-547pg9)
  .text:where(.svelte-547pg9),
.cell[data-type="text-async-with-sub-text"].svelte-547pg9
  .prop:where(.svelte-547pg9)
  .text:where(.svelte-547pg9),
.cell[data-type="value-with-sub-text"].svelte-547pg9
  .prop:where(.svelte-547pg9)
  .text:where(.svelte-547pg9),
.cell[data-type="value-with-tag"].svelte-547pg9
  .prop:where(.svelte-547pg9)
  .text:where(.svelte-547pg9),
.cell[data-type="number-with-sub-text"].svelte-547pg9
  .prop:where(.svelte-547pg9)
  .text:where(.svelte-547pg9) {
  font-weight: 600;
  line-height: 1;
  display: flex;
  align-items: center;
}
.cell[data-type="text-with-sub-text"].svelte-547pg9
  .prop:where(.svelte-547pg9)
  .text:where(.svelte-547pg9)
  .copy-setter:where(.svelte-547pg9),
.cell[data-type="text-async-with-sub-text"].svelte-547pg9
  .prop:where(.svelte-547pg9)
  .text:where(.svelte-547pg9)
  .copy-setter:where(.svelte-547pg9),
.cell[data-type="value-with-sub-text"].svelte-547pg9
  .prop:where(.svelte-547pg9)
  .text:where(.svelte-547pg9)
  .copy-setter:where(.svelte-547pg9),
.cell[data-type="value-with-tag"].svelte-547pg9
  .prop:where(.svelte-547pg9)
  .text:where(.svelte-547pg9)
  .copy-setter:where(.svelte-547pg9),
.cell[data-type="number-with-sub-text"].svelte-547pg9
  .prop:where(.svelte-547pg9)
  .text:where(.svelte-547pg9)
  .copy-setter:where(.svelte-547pg9) {
  opacity: 0;
}
.cell[data-type="text-with-sub-text"].svelte-547pg9
  .prop:where(.svelte-547pg9)
  .text:where(.svelte-547pg9):hover
  .copy-setter:where(.svelte-547pg9),
.cell[data-type="text-async-with-sub-text"].svelte-547pg9
  .prop:where(.svelte-547pg9)
  .text:where(.svelte-547pg9):hover
  .copy-setter:where(.svelte-547pg9),
.cell[data-type="value-with-sub-text"].svelte-547pg9
  .prop:where(.svelte-547pg9)
  .text:where(.svelte-547pg9):hover
  .copy-setter:where(.svelte-547pg9),
.cell[data-type="value-with-tag"].svelte-547pg9
  .prop:where(.svelte-547pg9)
  .text:where(.svelte-547pg9):hover
  .copy-setter:where(.svelte-547pg9),
.cell[data-type="number-with-sub-text"].svelte-547pg9
  .prop:where(.svelte-547pg9)
  .text:where(.svelte-547pg9):hover
  .copy-setter:where(.svelte-547pg9) {
  opacity: 0.75;
}
.cell[data-type="text-with-sub-text"].svelte-547pg9
  .prop:where(.svelte-547pg9)
  .text:where(.svelte-547pg9):hover
  .copy-setter:where(.svelte-547pg9):hover,
.cell[data-type="text-async-with-sub-text"].svelte-547pg9
  .prop:where(.svelte-547pg9)
  .text:where(.svelte-547pg9):hover
  .copy-setter:where(.svelte-547pg9):hover,
.cell[data-type="value-with-sub-text"].svelte-547pg9
  .prop:where(.svelte-547pg9)
  .text:where(.svelte-547pg9):hover
  .copy-setter:where(.svelte-547pg9):hover,
.cell[data-type="value-with-tag"].svelte-547pg9
  .prop:where(.svelte-547pg9)
  .text:where(.svelte-547pg9):hover
  .copy-setter:where(.svelte-547pg9):hover,
.cell[data-type="number-with-sub-text"].svelte-547pg9
  .prop:where(.svelte-547pg9)
  .text:where(.svelte-547pg9):hover
  .copy-setter:where(.svelte-547pg9):hover {
  opacity: 0.95;
}
.cell[data-type="text-with-sub-text"].svelte-547pg9
  .prop:where(.svelte-547pg9)
  .sub-text:where(.svelte-547pg9),
.cell[data-type="text-async-with-sub-text"].svelte-547pg9
  .prop:where(.svelte-547pg9)
  .sub-text:where(.svelte-547pg9),
.cell[data-type="value-with-sub-text"].svelte-547pg9
  .prop:where(.svelte-547pg9)
  .sub-text:where(.svelte-547pg9),
.cell[data-type="value-with-tag"].svelte-547pg9
  .prop:where(.svelte-547pg9)
  .sub-text:where(.svelte-547pg9),
.cell[data-type="number-with-sub-text"].svelte-547pg9
  .prop:where(.svelte-547pg9)
  .sub-text:where(.svelte-547pg9) {
  color: var(--hq-base-1600);
  font-size: 0.722rem;
  padding-top: 0.2rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media only screen and (max-width: 1280px) {
  .cell[data-type="text-with-sub-text"].svelte-547pg9
    .prop:where(.svelte-547pg9)
    .sub-text:where(.svelte-547pg9),
  .cell[data-type="text-async-with-sub-text"].svelte-547pg9
    .prop:where(.svelte-547pg9)
    .sub-text:where(.svelte-547pg9),
  .cell[data-type="value-with-sub-text"].svelte-547pg9
    .prop:where(.svelte-547pg9)
    .sub-text:where(.svelte-547pg9),
  .cell[data-type="value-with-tag"].svelte-547pg9
    .prop:where(.svelte-547pg9)
    .sub-text:where(.svelte-547pg9),
  .cell[data-type="number-with-sub-text"].svelte-547pg9
    .prop:where(.svelte-547pg9)
    .sub-text:where(.svelte-547pg9) {
    font-size: 0.668rem;
  }
}
.cell[data-type="number-with-sub-text"].svelte-547pg9,
.cell[data-type="value-with-sub-text"].svelte-547pg9,
.cell[data-type="value-with-tag"].svelte-547pg9 {
  justify-content: end;
}
.cell[data-type="number-with-sub-text"].svelte-547pg9
  .prop:where(.svelte-547pg9),
.cell[data-type="value-with-sub-text"].svelte-547pg9
  .prop:where(.svelte-547pg9),
.cell[data-type="value-with-tag"].svelte-547pg9 .prop:where(.svelte-547pg9) {
  text-align: right;
}
.cell[data-type="number-with-sub-text"].svelte-547pg9
  .prop:where(.svelte-547pg9)
  .text:where(.svelte-547pg9),
.cell[data-type="number-with-sub-text"].svelte-547pg9
  .prop:where(.svelte-547pg9)
  .sub-text:where(.svelte-547pg9),
.cell[data-type="value-with-sub-text"].svelte-547pg9
  .prop:where(.svelte-547pg9)
  .text:where(.svelte-547pg9),
.cell[data-type="value-with-sub-text"].svelte-547pg9
  .prop:where(.svelte-547pg9)
  .sub-text:where(.svelte-547pg9),
.cell[data-type="value-with-tag"].svelte-547pg9
  .prop:where(.svelte-547pg9)
  .text:where(.svelte-547pg9),
.cell[data-type="value-with-tag"].svelte-547pg9
  .prop:where(.svelte-547pg9)
  .sub-text:where(.svelte-547pg9) {
  justify-content: flex-end;
}
.cell[data-type="number-with-sub-text"].svelte-547pg9
  .prop[data-option="rise"]:where(.svelte-547pg9),
.cell[data-type="value-with-sub-text"].svelte-547pg9
  .prop[data-option="rise"]:where(.svelte-547pg9),
.cell[data-type="value-with-tag"].svelte-547pg9
  .prop[data-option="rise"]:where(.svelte-547pg9) {
  color: var(--hq-light-green-1700);
  font-weight: 800;
}
.cell[data-type="number-with-sub-text"].svelte-547pg9
  .prop[data-option="rise"]:where(.svelte-547pg9)
  .sub-text:where(.svelte-547pg9),
.cell[data-type="value-with-sub-text"].svelte-547pg9
  .prop[data-option="rise"]:where(.svelte-547pg9)
  .sub-text:where(.svelte-547pg9),
.cell[data-type="value-with-tag"].svelte-547pg9
  .prop[data-option="rise"]:where(.svelte-547pg9)
  .sub-text:where(.svelte-547pg9) {
  color: inherit;
  font-weight: 500;
}
.cell[data-type="number-with-sub-text"].svelte-547pg9
  .prop[data-option="fall"]:where(.svelte-547pg9),
.cell[data-type="value-with-sub-text"].svelte-547pg9
  .prop[data-option="fall"]:where(.svelte-547pg9),
.cell[data-type="value-with-tag"].svelte-547pg9
  .prop[data-option="fall"]:where(.svelte-547pg9) {
  color: var(--hq-dard-red-1700);
  font-weight: 800;
}
.cell[data-type="number-with-sub-text"].svelte-547pg9
  .prop[data-option="fall"]:where(.svelte-547pg9)
  .sub-text:where(.svelte-547pg9),
.cell[data-type="value-with-sub-text"].svelte-547pg9
  .prop[data-option="fall"]:where(.svelte-547pg9)
  .sub-text:where(.svelte-547pg9),
.cell[data-type="value-with-tag"].svelte-547pg9
  .prop[data-option="fall"]:where(.svelte-547pg9)
  .sub-text:where(.svelte-547pg9) {
  color: inherit;
  font-weight: 500;
}
.cell[data-type="number-with-sub-text"].svelte-547pg9
  .prop[data-option="even"]:where(.svelte-547pg9),
.cell[data-type="value-with-sub-text"].svelte-547pg9
  .prop[data-option="even"]:where(.svelte-547pg9),
.cell[data-type="value-with-tag"].svelte-547pg9
  .prop[data-option="even"]:where(.svelte-547pg9) {
  color: var(--hq-base-1900);
  font-weight: 800;
}
.cell[data-type="number-with-sub-text"].svelte-547pg9
  .prop[data-option="even"]:where(.svelte-547pg9)
  .sub-text:where(.svelte-547pg9),
.cell[data-type="value-with-sub-text"].svelte-547pg9
  .prop[data-option="even"]:where(.svelte-547pg9)
  .sub-text:where(.svelte-547pg9),
.cell[data-type="value-with-tag"].svelte-547pg9
  .prop[data-option="even"]:where(.svelte-547pg9)
  .sub-text:where(.svelte-547pg9) {
  color: var(--hq-base-1400);
}
.cell[data-type="value-with-delta"].svelte-547pg9 .prop:where(.svelte-547pg9) {
  width: 100%;
  font-weight: 600;
}
.cell[data-type="value-with-delta"].svelte-547pg9
  .prop[data-option="rise"]:where(.svelte-547pg9)
  .delta:where(.svelte-547pg9) {
  color: var(--cds-support-02);
}
.cell[data-type="value-with-delta"].svelte-547pg9
  .prop[data-option="fall"]:where(.svelte-547pg9)
  .delta:where(.svelte-547pg9) {
  color: var(--cds-support-01);
}
.cell[data-type="value-with-delta"].svelte-547pg9
  .prop[data-option="even"]:where(.svelte-547pg9)
  .delta:where(.svelte-547pg9) {
  color: var(--hq-base-1800);
}
.cell[data-type="value-with-delta"].svelte-547pg9
  .prop[data-option="empty"]:where(.svelte-547pg9) {
  color: var(--hq-base-1400);
}
.cell[data-type="value-with-delta"].svelte-547pg9
  .prop:where(.svelte-547pg9)
  .value:where(.svelte-547pg9) {
  font-size: 0.727rem;
  line-height: 1;
  text-align: right;
}
.cell[data-type="value-with-delta"].svelte-547pg9
  .prop:where(.svelte-547pg9)
  .delta:where(.svelte-547pg9) {
  text-align: right;
  font-weight: 500;
  transform-origin: 100% 50%;
  padding-top: 0.2rem;
  font-size: 0.668rem;
}
.cell[data-type="icons"].svelte-547pg9 .prop:where(.svelte-547pg9) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.1rem;
}
.cell[data-fit="true"].svelte-547pg9 {
  flex: 1 0;
}
@keyframes svelte-vlbtdb-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-vlbtdb-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-vlbtdb-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-vlbtdb-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-vlbtdb-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-vlbtdb-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-vlbtdb-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-vlbtdb-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-vlbtdb-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-vlbtdb-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.root.svelte-vlbtdb {
  width: 100%;
  height: 100%;
}
.root.svelte-vlbtdb path:where(.svelte-vlbtdb) {
  stroke-width: 1.5;
  fill: none;
  stroke-dasharray: 800;
  stroke-dashoffset: 800;
  animation: svelte-vlbtdb-dash 3s linear forwards;
  animation-delay: 1s;
}
.root.svelte-vlbtdb path[data-flat]:where(.svelte-vlbtdb) {
  transform: translateY(30%);
  stroke: var(--hq-base-0500);
}
@keyframes svelte-vlbtdb-dash {
  to {
    stroke-dashoffset: 0;
  }
}
.root[data-option="empty"].svelte-vlbtdb path:where(.svelte-vlbtdb) {
  display: none;
  stroke: var(--hq-base-0500);
  stroke-width: 1;
}
@keyframes svelte-v5ybla-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-v5ybla-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-v5ybla-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-v5ybla-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-v5ybla-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-v5ybla-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-v5ybla-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-v5ybla-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-v5ybla-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-v5ybla-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.root.svelte-v5ybla {
  width: 100%;
  height: 100%;
}
.root.svelte-v5ybla .label-container:where(.svelte-v5ybla) {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.1rem;
  padding: 0 0.15rem;
}
.root.svelte-v5ybla .ratio-bar-container:where(.svelte-v5ybla) {
  position: relative;
  width: 100%;
  height: 0.32rem;
  border-radius: 0.25rem;
  overflow: hidden;
}
.root.svelte-v5ybla
  .ratio-bar-container:where(.svelte-v5ybla)
  .ratio-bar:where(.svelte-v5ybla) {
  position: absolute;
  top: 0;
  height: 0.32rem;
}
@keyframes svelte-1t96hu6-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1t96hu6-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1t96hu6-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1t96hu6-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1t96hu6-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1t96hu6-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-1t96hu6-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1t96hu6-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-1t96hu6-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-1t96hu6-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.cell.svelte-1t96hu6 {
  font-size: 0.865rem;
  font-weight: 600;
}
.cell[data-type="icon"].svelte-1t96hu6,
.cell[data-type="icon-system"].svelte-1t96hu6,
.cell[data-type="icon-system-async"].svelte-1t96hu6 {
  min-width: 1.5rem;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 0;
}
.cell.svelte-1t96hu6 .prop:where(.svelte-1t96hu6) {
  font-family: Satoshi, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Oxygen, Ubuntu, system-ui, Cantarell, Open Sans, Helvetica Neue, sans-serif !important;
  white-space: nowrap;
  font-size: 0.82rem;
}
.cell[data-type="text-async"].svelte-1t96hu6 .prop:where(.svelte-1t96hu6) {
  width: 100%;
  align-items: center;
  line-height: 1.3;
}
.cell[data-type="text"].svelte-1t96hu6 .prop:where(.svelte-1t96hu6) {
  padding-top: 1px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.cell[data-type="text"].svelte-1t96hu6
  .prop[data-option="rise"]:where(.svelte-1t96hu6),
.cell[data-type="text"].svelte-1t96hu6
  .prop[data-option="pos"]:where(.svelte-1t96hu6) {
  color: var(--hq-light-green-1700);
}
.cell[data-type="text"].svelte-1t96hu6
  .prop[data-option="fall"]:where(.svelte-1t96hu6),
.cell[data-type="text"].svelte-1t96hu6
  .prop[data-option="neg"]:where(.svelte-1t96hu6) {
  color: var(--hq-dard-red-1700);
}
.cell[data-type="text"].svelte-1t96hu6
  .prop[data-option="warn"]:where(.svelte-1t96hu6) {
  color: var(--hq-selective-yellow-1700);
}
.cell[data-type="text"].svelte-1t96hu6
  .prop[data-option="even"]:where(.svelte-1t96hu6) {
  color: var(--hq-base-1500);
}
.cell[data-type="text"].svelte-1t96hu6
  .prop[data-option="empty"]:where(.svelte-1t96hu6) {
  color: var(--hq-base-1200);
}
.cell[data-type="rank"].svelte-1t96hu6 {
  font-weight: 600;
}
.cell[data-type="rank"].svelte-1t96hu6 .prop:where(.svelte-1t96hu6) {
  text-align: center;
}
.cell[data-type="value"].svelte-1t96hu6 {
  padding-top: 1px;
  font-size: 0.865rem;
}
.cell[data-type="value"].svelte-1t96hu6 .prop:where(.svelte-1t96hu6) {
  font-weight: 600;
  text-align: right;
  word-break: break-all;
}
.cell[data-type="value"].svelte-1t96hu6
  .prop[data-option="rise"]:where(.svelte-1t96hu6),
.cell[data-type="value"].svelte-1t96hu6
  .prop[data-option="pos"]:where(.svelte-1t96hu6) {
  color: var(--hq-light-green-1700);
}
.cell[data-type="value"].svelte-1t96hu6
  .prop[data-option="fall"]:where(.svelte-1t96hu6),
.cell[data-type="value"].svelte-1t96hu6
  .prop[data-option="neg"]:where(.svelte-1t96hu6) {
  color: var(--hq-dard-red-1700);
}
.cell[data-type="value"].svelte-1t96hu6
  .prop[data-option="warn"]:where(.svelte-1t96hu6) {
  color: var(--hq-selective-yellow-1700);
}
.cell[data-type="value"].svelte-1t96hu6
  .prop[data-option="even"]:where(.svelte-1t96hu6) {
  color: var(--hq-base-1500);
}
.cell[data-type="value"].svelte-1t96hu6
  .prop[data-option="empty"]:where(.svelte-1t96hu6) {
  color: var(--hq-base-1200);
}
.cell[data-type="interaction"].svelte-1t96hu6 .prop:where(.svelte-1t96hu6) {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  color: var(--hq-sapphire-blue-1600);
  cursor: pointer;
  z-index: 9999;
}
.cell[data-type="interaction"].svelte-1t96hu6
  .prop:where(.svelte-1t96hu6):hover {
  width: -moz-fit-content;
  width: fit-content;
  background: var(--hq-transparent-inverse-0300);
}
.cell[data-type="text-with-sub-text"].svelte-1t96hu6
  .prop:where(.svelte-1t96hu6),
.cell[data-type="value-with-sub-text"].svelte-1t96hu6
  .prop:where(.svelte-1t96hu6),
.cell[data-type="value-with-tag"].svelte-1t96hu6 .prop:where(.svelte-1t96hu6) {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  justify-content: flex-end;
}
.cell[data-type="text-with-sub-text"].svelte-1t96hu6
  .prop:where(.svelte-1t96hu6)
  .text:where(.svelte-1t96hu6),
.cell[data-type="value-with-sub-text"].svelte-1t96hu6
  .prop:where(.svelte-1t96hu6)
  .text:where(.svelte-1t96hu6),
.cell[data-type="value-with-tag"].svelte-1t96hu6
  .prop:where(.svelte-1t96hu6)
  .text:where(.svelte-1t96hu6) {
  font-weight: 600;
}
.cell[data-type="text-with-sub-text"].svelte-1t96hu6
  .prop:where(.svelte-1t96hu6)
  .sub-text:where(.svelte-1t96hu6),
.cell[data-type="value-with-sub-text"].svelte-1t96hu6
  .prop:where(.svelte-1t96hu6)
  .sub-text:where(.svelte-1t96hu6),
.cell[data-type="value-with-tag"].svelte-1t96hu6
  .prop:where(.svelte-1t96hu6)
  .sub-text:where(.svelte-1t96hu6) {
  color: var(--hq-base-1600);
  font-size: 0.78rem;
  padding-top: 0.1rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.cell[data-type="value-with-sub-text"].svelte-1t96hu6,
.cell[data-type="value-with-tag"].svelte-1t96hu6 {
  justify-content: end;
}
.cell[data-type="value-with-sub-text"].svelte-1t96hu6
  .prop:where(.svelte-1t96hu6),
.cell[data-type="value-with-tag"].svelte-1t96hu6 .prop:where(.svelte-1t96hu6) {
  text-align: right;
}
.cell[data-type="value-with-sub-text"].svelte-1t96hu6
  .prop[data-option="rise"]:where(.svelte-1t96hu6),
.cell[data-type="value-with-tag"].svelte-1t96hu6
  .prop[data-option="rise"]:where(.svelte-1t96hu6) {
  color: var(--hq-light-green-1700);
  font-weight: 800;
}
.cell[data-type="value-with-sub-text"].svelte-1t96hu6
  .prop[data-option="rise"]:where(.svelte-1t96hu6)
  .sub-text:where(.svelte-1t96hu6),
.cell[data-type="value-with-tag"].svelte-1t96hu6
  .prop[data-option="rise"]:where(.svelte-1t96hu6)
  .sub-text:where(.svelte-1t96hu6) {
  color: inherit;
  font-weight: 500;
}
.cell[data-type="value-with-sub-text"].svelte-1t96hu6
  .prop[data-option="fall"]:where(.svelte-1t96hu6),
.cell[data-type="value-with-tag"].svelte-1t96hu6
  .prop[data-option="fall"]:where(.svelte-1t96hu6) {
  color: var(--hq-dard-red-1700);
  font-weight: 800;
}
.cell[data-type="value-with-sub-text"].svelte-1t96hu6
  .prop[data-option="fall"]:where(.svelte-1t96hu6)
  .sub-text:where(.svelte-1t96hu6),
.cell[data-type="value-with-tag"].svelte-1t96hu6
  .prop[data-option="fall"]:where(.svelte-1t96hu6)
  .sub-text:where(.svelte-1t96hu6) {
  color: inherit;
  font-weight: 500;
}
.cell[data-type="value-with-sub-text"].svelte-1t96hu6
  .prop[data-option="even"]:where(.svelte-1t96hu6),
.cell[data-type="value-with-tag"].svelte-1t96hu6
  .prop[data-option="even"]:where(.svelte-1t96hu6) {
  color: var(--hq-base-1900);
  font-weight: 800;
}
.cell[data-type="value-with-sub-text"].svelte-1t96hu6
  .prop[data-option="even"]:where(.svelte-1t96hu6)
  .sub-text:where(.svelte-1t96hu6),
.cell[data-type="value-with-tag"].svelte-1t96hu6
  .prop[data-option="even"]:where(.svelte-1t96hu6)
  .sub-text:where(.svelte-1t96hu6) {
  color: var(--hq-base-1400);
}
.cell[data-type="value-with-delta"].svelte-1t96hu6
  .prop:where(.svelte-1t96hu6) {
  width: 100%;
  font-weight: 600;
  padding-bottom: 0.5rem;
}
.cell[data-type="value-with-delta"].svelte-1t96hu6
  .prop[data-option="rise"]:where(.svelte-1t96hu6)
  .delta:where(.svelte-1t96hu6) {
  color: var(--cds-support-02);
}
.cell[data-type="value-with-delta"].svelte-1t96hu6
  .prop[data-option="fall"]:where(.svelte-1t96hu6)
  .delta:where(.svelte-1t96hu6) {
  color: var(--cds-support-01);
}
.cell[data-type="value-with-delta"].svelte-1t96hu6
  .prop[data-option="even"]:where(.svelte-1t96hu6)
  .delta:where(.svelte-1t96hu6) {
  color: var(--hq-base-1500);
}
.cell[data-type="value-with-delta"].svelte-1t96hu6
  .prop[data-option="empty"]:where(.svelte-1t96hu6) {
  color: var(--hq-base-1400);
}
.cell[data-type="value-with-delta"].svelte-1t96hu6
  .prop:where(.svelte-1t96hu6)
  .value:where(.svelte-1t96hu6) {
  line-height: 1;
  text-align: right;
}
.cell[data-type="value-with-delta"].svelte-1t96hu6
  .prop:where(.svelte-1t96hu6)
  .delta:where(.svelte-1t96hu6) {
  text-align: right;
  font-weight: 600;
  padding-top: 0.2rem;
  font-size: 0.78rem;
}
.cell[data-type="icons"].svelte-1t96hu6 .prop:where(.svelte-1t96hu6) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.1rem;
}
@keyframes svelte-1qvn48d-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1qvn48d-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1qvn48d-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1qvn48d-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1qvn48d-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1qvn48d-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-1qvn48d-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1qvn48d-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-1qvn48d-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-1qvn48d-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.cell.svelte-1qvn48d {
  font-size: 0.865rem;
  font-weight: 600;
}
.cell[data-type="icon"].svelte-1qvn48d,
.cell[data-type="icon-system"].svelte-1qvn48d,
.cell[data-type="icon-system-async"].svelte-1qvn48d {
  min-width: 1.5rem;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 0;
}
.cell.svelte-1qvn48d .prop:where(.svelte-1qvn48d) {
  font-family: Satoshi, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Oxygen, Ubuntu, system-ui, Cantarell, Open Sans, Helvetica Neue, sans-serif !important;
  white-space: nowrap;
  font-size: 0.82rem;
}
.cell[data-type="text-async"].svelte-1qvn48d .prop:where(.svelte-1qvn48d) {
  width: 100%;
  align-items: center;
  line-height: 1.3;
}
.cell[data-type="text"].svelte-1qvn48d .prop:where(.svelte-1qvn48d) {
  padding-top: 1px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.cell[data-type="rank"].svelte-1qvn48d {
  font-weight: 600;
}
.cell[data-type="rank"][data-header].svelte-1qvn48d {
  font-size: 0.97rem;
  font-weight: 600;
}
.cell[data-type="rank"].svelte-1qvn48d .prop:where(.svelte-1qvn48d) {
  text-align: center;
}
.cell[data-type="value"].svelte-1qvn48d {
  padding-top: 1px;
  font-size: 0.865rem;
}
.cell[data-type="value"].svelte-1qvn48d .prop:where(.svelte-1qvn48d) {
  font-weight: 600;
  text-align: right;
  word-break: break-all;
}
.cell[data-type="interaction"].svelte-1qvn48d .prop:where(.svelte-1qvn48d) {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  color: var(--hq-sapphire-blue-1600);
  cursor: pointer;
  z-index: 9999;
}
.cell[data-type="interaction"].svelte-1qvn48d
  .prop:where(.svelte-1qvn48d):hover {
  width: -moz-fit-content;
  width: fit-content;
  background: var(--hq-transparent-inverse-0300);
}
.cell[data-type="text-with-sub-text"].svelte-1qvn48d
  .prop:where(.svelte-1qvn48d),
.cell[data-type="value-with-sub-text"].svelte-1qvn48d
  .prop:where(.svelte-1qvn48d),
.cell[data-type="value-with-tag"].svelte-1qvn48d .prop:where(.svelte-1qvn48d) {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  justify-content: flex-end;
}
.cell[data-type="value-with-sub-text"].svelte-1qvn48d,
.cell[data-type="value-with-tag"].svelte-1qvn48d {
  justify-content: end;
}
.cell[data-type="value-with-sub-text"].svelte-1qvn48d
  .prop:where(.svelte-1qvn48d),
.cell[data-type="value-with-tag"].svelte-1qvn48d .prop:where(.svelte-1qvn48d) {
  text-align: right;
}
.cell[data-type="value-with-delta"].svelte-1qvn48d
  .prop:where(.svelte-1qvn48d) {
  width: 100%;
  font-weight: 600;
  padding-bottom: 0.5rem;
}
.cell[data-type="icons"].svelte-1qvn48d .prop:where(.svelte-1qvn48d) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.1rem;
}
@keyframes svelte-1nxytl7-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1nxytl7-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1nxytl7-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1nxytl7-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1nxytl7-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1nxytl7-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-1nxytl7-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1nxytl7-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-1nxytl7-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-1nxytl7-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.cell.svelte-1nxytl7 {
  min-width: 8.5rem;
  font-size: 0.708rem;
  font-weight: 600;
  flex: 1 0;
  color: var(--hq-base-1600);
  height: 100%;
  display: flex;
  align-items: center;
  background-color: var(--hq-base-0200);
  border-bottom: solid 1px var(--overlay-2x);
  padding-left: 0rem;
}
.cell.svelte-1nxytl7:first-child {
  padding-left: 1.1rem;
}
.cell[data-selected="true"].svelte-1nxytl7 {
  color: var(--hq-base-2500);
}
.cell[data-sortable="true"].svelte-1nxytl7 {
  cursor: pointer;
}
.cell[data-sortable="true"].svelte-1nxytl7:hover {
  color: var(--hq-base-2500);
}
@media only screen and (max-width: 1280px) {
  .cell.svelte-1nxytl7 {
    min-width: 6.2rem;
    font-size: 0.628rem;
  }
}
.cell[data-type="cumulative"].svelte-1nxytl7 {
  justify-content: end;
}
.cell[data-type="icon"].svelte-1nxytl7 {
  min-width: 3rem;
  max-width: 3rem;
}
.cell[data-type="graph"].svelte-1nxytl7 {
  justify-content: end;
  padding-right: 0.8rem;
}
.cell[data-fit="true"].svelte-1nxytl7 {
  flex: 1 0;
}
.cell[data-type="value"].svelte-1nxytl7,
.cell[data-type="number"].svelte-1nxytl7,
.cell[data-type="percentage"].svelte-1nxytl7,
.cell[data-type="number-with-text"].svelte-1nxytl7,
.cell[data-type="value-with-delta"].svelte-1nxytl7 {
  justify-content: end;
}
.cell[data-type="icon-system"].svelte-1nxytl7 {
  justify-content: flex-end;
}
.cell[data-type="number-with-sub-text"].svelte-1nxytl7,
.cell[data-type="value-with-sub-text"].svelte-1nxytl7 {
  justify-content: end;
}
.cell.svelte-1nxytl7 .sort-group:where(.svelte-1nxytl7) {
  color: var(--hq-base-1000);
  opacity: 0.6;
  width: 1rem;
  margin-left: 0.2rem;
  margin-top: -0.9rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.cell.svelte-1nxytl7
  .sort-group:where(.svelte-1nxytl7)
  .icon:where(.svelte-1nxytl7) {
  height: 6px;
}
.cell.svelte-1nxytl7
  .sort-group:where(.svelte-1nxytl7)
  .icon[data-selected="true"]:where(.svelte-1nxytl7) {
  color: var(--hq-base-2500);
}
@keyframes svelte-3kvhby-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-3kvhby-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-3kvhby-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-3kvhby-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-3kvhby-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-3kvhby-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-3kvhby-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-3kvhby-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-3kvhby-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-3kvhby-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.item-container[data-card-view].svelte-3kvhby {
  padding: 0.1rem;
}
.item-container[data-card-view].svelte-3kvhby .item:where(.svelte-3kvhby) {
  background: var(--hq-base-0300);
  border: solid 1px var(--hq-transparent-inverse-0300);
}
.item-container[data-card-view].svelte-3kvhby
  .item:where(.svelte-3kvhby):hover {
  background: var(--hq-base-0400);
}
.item-container[data-card-view].svelte-3kvhby
  .item[data-no-action="true"]:where(.svelte-3kvhby) {
  border: none;
}
.item.svelte-3kvhby {
  display: flex;
  height: 3.3rem;
  border-bottom: solid 1px var(--overlay-1-5x);
  min-width: -moz-fit-content;
  min-width: fit-content;
  align-items: center;
  position: relative;
}
.item.svelte-3kvhby:hover {
  background: var(--overlay-half);
  cursor: pointer;
}
.item[data-no-action="true"].svelte-3kvhby {
  cursor: default;
  background: inherit;
}
.item[data-height-auto="true"].svelte-3kvhby {
  padding: 0.8rem 0;
  min-height: 3.3rem;
  height: auto;
}
@media only screen and (max-width: 1280px) {
  .item[data-height-auto="true"].svelte-3kvhby {
    min-height: 2.7rem;
  }
  .item.svelte-3kvhby {
    height: 2.7rem;
  }
}
@keyframes svelte-klsa6s-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-klsa6s-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-klsa6s-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-klsa6s-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-klsa6s-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-klsa6s-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-klsa6s-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-klsa6s-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-klsa6s-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-klsa6s-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.item.svelte-klsa6s {
  display: flex;
  height: 3.3rem;
  background-color: var(--hq-base-0200);
  border-bottom: solid 1px var(--overlay-1-5x);
  width: 100%;
  cursor: pointer;
  min-width: -moz-fit-content;
  min-width: fit-content;
  align-items: center;
  position: relative;
}
.item[data-zebra].svelte-klsa6s:after {
  z-index: 10;
  position: absolute;
  pointer-events: none;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: var(--hq-transparent-inverse-0200);
  opacity: 0.35;
}
.item.svelte-klsa6s:hover {
  background: var(--hq-base-0300);
}
.item[data-no-action="true"].svelte-klsa6s {
  cursor: auto;
}
.item[data-no-action="true"].svelte-klsa6s:hover {
  background: inherit;
}
.item[data-card-view].svelte-klsa6s {
  border-bottom: none;
}
.item[data-height-auto="true"].svelte-klsa6s {
  padding: 0.8rem 0;
  min-height: 3.3rem;
  height: auto;
}
@media only screen and (max-width: 1280px) {
  .item[data-height-auto="true"].svelte-klsa6s {
    min-height: 2.7rem;
  }
  .item.svelte-klsa6s {
    height: 2.7rem;
  }
}
@keyframes svelte-1wc0hdm-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1wc0hdm-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1wc0hdm-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1wc0hdm-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1wc0hdm-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1wc0hdm-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-1wc0hdm-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1wc0hdm-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-1wc0hdm-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-1wc0hdm-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.commands-root.svelte-1wc0hdm {
  width: 100%;
}
.commands-root.svelte-1wc0hdm .commands:where(.svelte-1wc0hdm) {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.commands-root.svelte-1wc0hdm
  .commands:where(.svelte-1wc0hdm)
  .command-finder:where(.svelte-1wc0hdm) {
  width: 12rem;
  padding-left: 0.5rem;
}
.footer.svelte-1wc0hdm {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
}
.root.svelte-1wc0hdm {
  height: 100%;
  width: 100%;
  position: relative;
  border-top: solid 1px transparent;
}
.root.svelte-1wc0hdm .header[data-card-view]:where(.svelte-1wc0hdm) {
  padding: 0 0.5rem;
}
.root.svelte-1wc0hdm .header[data-type="title"]:where(.svelte-1wc0hdm),
.root.svelte-1wc0hdm .items[data-type="title"]:where(.svelte-1wc0hdm) {
  overflow: hidden;
}
.root.svelte-1wc0hdm .header[data-type="title"]:where(.svelte-1wc0hdm),
.root.svelte-1wc0hdm .header[data-type="props"]:where(.svelte-1wc0hdm) {
  position: sticky;
  left: 0;
  top: 0 !important;
}
.root.svelte-1wc0hdm
  .items:where(.svelte-1wc0hdm)
  .no-data:where(.svelte-1wc0hdm) {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  padding: 3.5rem 0 1rem;
  width: 100%;
  height: 100%;
  font-weight: 600;
  font-size: 0.887rem;
  color: var(--base04);
}
.root.svelte-1wc0hdm .full-fill:where(.svelte-1wc0hdm) {
  height: calc(100% + -0rem);
  display: flex;
  min-height: 100px;
  overflow-x: auto;
  height: 100%;
}
.root.svelte-1wc0hdm .full-fill:where(.svelte-1wc0hdm)::-webkit-scrollbar {
  width: 0.3rem;
  height: 0.3rem;
  background-color: var(--hq-base-0200);
}
.root.svelte-1wc0hdm
  .full-fill:where(.svelte-1wc0hdm)::-webkit-scrollbar:hover {
  cursor: pointer;
}
.root.svelte-1wc0hdm
  .full-fill:where(.svelte-1wc0hdm)::-webkit-scrollbar-corner {
  background-color: var(--hq-base-0200);
}
.root.svelte-1wc0hdm
  .full-fill:where(.svelte-1wc0hdm)::-webkit-scrollbar-thumb {
  border: solid 1px var(--hq-base-0600);
  border-radius: 3px;
  background-color: var(--hq-base-0600);
}
.root.svelte-1wc0hdm
  .full-fill:where(.svelte-1wc0hdm)::-webkit-scrollbar-thumb:hover {
  cursor: pointer;
  background-color: var(--hq-base-0800);
}
.root.svelte-1wc0hdm
  .full-fill:where(.svelte-1wc0hdm)
  .title-fill:where(.svelte-1wc0hdm) {
  height: 100%;
  position: sticky;
  left: 0;
  z-index: 2;
  height: -moz-fit-content;
  height: fit-content;
}
.root.svelte-1wc0hdm
  .full-fill:where(.svelte-1wc0hdm)
  .props-fill:where(.svelte-1wc0hdm) {
  position: relative;
  z-index: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.root.svelte-1wc0hdm .header:where(.svelte-1wc0hdm) {
  display: flex;
  height: 2.2rem;
  align-items: center;
  position: relative;
  z-index: 3;
}
@media only screen and (max-width: 1280px) {
  .root.svelte-1wc0hdm .header:where(.svelte-1wc0hdm) {
    height: 2.5rem;
  }
}
@keyframes svelte-97lfku-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-97lfku-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-97lfku-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-97lfku-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-97lfku-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-97lfku-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-97lfku-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-97lfku-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-97lfku-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-97lfku-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.chain-image.svelte-97lfku {
  width: 8.5rem;
  height: 8.5rem;
  background-size: contain;
  background-position: left bottom;
  background-repeat: no-repeat;
  position: absolute;
  right: -1.5rem;
  bottom: -2rem;
  opacity: 0.15;
  filter: grayscale(1);
  z-index: 0;
}
.explorer-item-root.svelte-97lfku {
  background: var(--hq-base-0100);
  border-radius: 0.5rem;
  overflow: hidden;
  max-height: 12rem;
  cursor: pointer;
  position: relative;
}
.explorer-item.svelte-97lfku {
  padding-top: 64.25%;
  position: relative;
}
.explorer-item[data-in-pin-group].svelte-97lfku {
  padding-top: 0;
  padding-bottom: 1.1rem;
}
.explorer-item[data-in-pin-group].svelte-97lfku
  .--contents:where(.svelte-97lfku) {
  position: relative;
}
.explorer-item.svelte-97lfku .--contents:where(.svelte-97lfku) {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.explorer-item.svelte-97lfku
  .--contents:where(.svelte-97lfku)
  .title:where(.svelte-97lfku) {
  font-size: 1.2rem;
  font-weight: 600;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 5;
  position: relative;
}
.explorer-item.svelte-97lfku
  .--contents:where(.svelte-97lfku)
  .title:where(.svelte-97lfku)
  .title-text:where(.svelte-97lfku) {
  padding: 1rem 1rem 0rem;
}
.explorer-item.svelte-97lfku
  .--contents:where(.svelte-97lfku)
  .title:where(.svelte-97lfku)
  .title-action:where(.svelte-97lfku) {
  z-index: 3;
  padding: 0.3rem 0.7rem 0 0;
}
.explorer-item.svelte-97lfku
  .--contents:where(.svelte-97lfku)
  .chain-id:where(.svelte-97lfku) {
  padding: 0.4rem 1rem 0;
  position: relative;
  z-index: 1;
  font-size: 0.85rem;
  color: var(--color-text-secondary);
  display: flex;
  align-items: center;
}
.explorer-item.svelte-97lfku
  .--contents:where(.svelte-97lfku)
  .chain-id:where(.svelte-97lfku)
  .green-dot:where(.svelte-97lfku) {
  width: 0.4rem;
  height: 0.4rem;
  background: var(--hq-light-green-1200);
  border-radius: 50%;
  margin-left: 0.4rem;
  border: solid 1px var(--hq-light-green-1600);
}
.explorer-item.svelte-97lfku
  .--contents:where(.svelte-97lfku)
  .chain-id:where(.svelte-97lfku)
  .yellow-dot:where(.svelte-97lfku) {
  width: 0.4rem;
  height: 0.4rem;
  background: var(--hq-selective-yellow-1200);
  border-radius: 50%;
  margin-left: 0.4rem;
  border: solid 1px var(--hq-selective-yellow-1600);
}
.explorer-item.svelte-97lfku
  .--contents:where(.svelte-97lfku)
  .chain-summary:where(.svelte-97lfku) {
  padding: 1.3rem 1rem 0;
  font-weight: 500;
  line-height: 1.35;
  font-size: 0.8rem;
  opacity: 0.8;
  position: relative;
}
@keyframes svelte-1izecqw-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1izecqw-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1izecqw-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1izecqw-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1izecqw-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1izecqw-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-1izecqw-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1izecqw-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-1izecqw-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-1izecqw-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.root.svelte-1izecqw {
  width: 100%;
  padding: 1rem;
}
.root.svelte-1izecqw .content-root:where(.svelte-1izecqw) {
  position: relative;
  padding: 0.7rem;
  border: none;
  border-radius: 0.4rem;
  overflow: hidden;
}
.root.svelte-1izecqw
  .content-root:where(.svelte-1izecqw)
  .top-field:where(.svelte-1izecqw) {
  display: flex;
  align-items: center;
}
.root.svelte-1izecqw
  .content-root:where(.svelte-1izecqw)
  .icon:where(.svelte-1izecqw) {
  position: relative;
  z-index: 1;
  min-width: 1.7rem;
}
.root.svelte-1izecqw
  .content-root:where(.svelte-1izecqw)
  .background:where(.svelte-1izecqw) {
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--base03);
  opacity: 0.3;
  pointer-events: none;
}
.root.svelte-1izecqw
  .content-root:where(.svelte-1izecqw)
  .title:where(.svelte-1izecqw) {
  display: flex;
  align-items: center;
  height: 100%;
  font-size: 0.84rem;
  font-weight: 600;
  opacity: 1;
}
.root.svelte-1izecqw
  .content-root:where(.svelte-1izecqw)
  .content-field:where(.svelte-1izecqw) {
  position: relative;
  z-index: 1;
}
.root.svelte-1izecqw
  .content-root:where(.svelte-1izecqw)
  .--content:where(.svelte-1izecqw) {
  padding-top: 0.5rem;
  font-size: 0.8rem;
  font-weight: 500;
  line-height: 1.4;
}
.root.svelte-1izecqw .content-root[data-type="impact"]:where(.svelte-1izecqw) {
  border-color: var(--base05);
}
.root.svelte-1izecqw
  .content-root[data-type="impact"]:where(.svelte-1izecqw)
  .background:where(.svelte-1izecqw) {
  background: var(--base01);
}
.root.svelte-1izecqw .content-root[data-type="error"]:where(.svelte-1izecqw) {
  border-color: var(--accent-support-01);
}
.root.svelte-1izecqw
  .content-root[data-type="error"]:where(.svelte-1izecqw)
  .icon:where(.svelte-1izecqw) {
  color: var(--accent-inverse-support-01);
}
.root.svelte-1izecqw
  .content-root[data-type="error"]:where(.svelte-1izecqw)
  .background:where(.svelte-1izecqw) {
  background: var(--accent-support-01);
}
.root.svelte-1izecqw .content-root[data-type="warning"]:where(.svelte-1izecqw) {
  border-color: var(--accent-support-03);
}
.root.svelte-1izecqw
  .content-root[data-type="warning"]:where(.svelte-1izecqw)
  .icon:where(.svelte-1izecqw) {
  color: var(--accent-inverse-support-03);
}
.root.svelte-1izecqw
  .content-root[data-type="warning"]:where(.svelte-1izecqw)
  .background:where(.svelte-1izecqw) {
  background: var(--accent-support-03);
}
.root.svelte-1izecqw .content-root[data-type="success"]:where(.svelte-1izecqw) {
  border-color: var(--accent-support-02);
}
.root.svelte-1izecqw
  .content-root[data-type="success"]:where(.svelte-1izecqw)
  .icon:where(.svelte-1izecqw) {
  color: var(--accent-inverse-support-02);
}
.root.svelte-1izecqw
  .content-root[data-type="success"]:where(.svelte-1izecqw)
  .background:where(.svelte-1izecqw) {
  background: var(--accent-support-02);
}
.root.svelte-1izecqw .content-root[data-type="info"]:where(.svelte-1izecqw) {
  border-color: var(--accent-support-04);
}
.root.svelte-1izecqw
  .content-root[data-type="info"]:where(.svelte-1izecqw)
  .icon:where(.svelte-1izecqw) {
  color: var(--accent-inverse-support-04);
}
.root.svelte-1izecqw
  .content-root[data-type="info"]:where(.svelte-1izecqw)
  .background:where(.svelte-1izecqw) {
  background: var(--accent-support-04);
}
@keyframes svelte-1l35vev-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1l35vev-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1l35vev-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1l35vev-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1l35vev-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1l35vev-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-1l35vev-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1l35vev-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-1l35vev-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-1l35vev-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.root.svelte-1l35vev {
  z-index: 999;
  position: absolute;
  align-items: center;
  justify-content: center;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: all;
}
.root[data-active="true"].svelte-1l35vev {
  opacity: 1;
  pointer-events: all;
}
.root[data-active="false"].svelte-1l35vev {
  opacity: 0;
  pointer-events: none;
}
.vertical-centered-box.svelte-1l35vev {
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
}
.vertical-centered-box.svelte-1l35vev:after {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}
.vertical-centered-box.svelte-1l35vev .--content:where(.svelte-1l35vev) {
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  background-color: var(--hq-prussian-blue-0600);
  border-radius: 50%;
  padding: 0.75rem;
  font-size: 0;
}
.vertical-centered-box.svelte-1l35vev
  .--content:where(.svelte-1l35vev)
  .logo:where(.svelte-1l35vev) {
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.svelte-1l35vev {
  transition: all 0.15s;
}
.loader-circle.svelte-1l35vev {
  position: absolute;
  left: calc(50% + 2px);
  top: 50%;
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  box-shadow: inset 0 0 0 3px var(--hq-sapphire-blue-0900);
  margin-left: -2.5rem;
  margin-top: -2.5rem;
}
.loader-line-mask.svelte-1l35vev {
  position: absolute;
  left: calc(50% + 2px);
  top: 50%;
  width: 2.5rem;
  height: 5rem;
  margin-left: -2.5rem;
  margin-top: -2.5rem;
  overflow: hidden;
  transform-origin: 2.5rem 2.5rem;
  -webkit-mask-image: -webkit-linear-gradient(
    top,
    var(--hq-sapphire-blue-1200),
    var(--hq-base-1200)
  );
  animation: svelte-1l35vev-rotate 1.2s infinite linear;
}
.loader-line-mask.svelte-1l35vev .loader-line:where(.svelte-1l35vev) {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px var(--hq-prussian-blue-0200);
}
#particles-background.svelte-1l35vev {
  background: #2c2d44;
  background-image: linear-gradient(45deg, #3f3251 2%, #002025);
}
@keyframes svelte-1l35vev-rotate {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes svelte-1l35vev-fade {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.25;
  }
}
@keyframes svelte-1l35vev-fade-in {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes svelte-12u154m-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-12u154m-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-12u154m-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-12u154m-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-12u154m-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-12u154m-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-12u154m-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-12u154m-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-12u154m-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-12u154m-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.tag.svelte-12u154m {
  position: absolute;
  right: 1rem;
  top: 0;
  height: 100%;
}
.searcher.svelte-12u154m {
  border-radius: 0.3rem;
  color: var(--hq-base-1500);
  background: var(--hq-prussian-blue-100);
  transition: background-color 0.2s;
  height: 100%;
  padding: 0 0.3rem;
  border: solid 2px var(--hq-prussian-blue-0800);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.searcher.svelte-12u154m:hover {
  cursor: text;
  background: var(--hq-prussian-blue-0200);
  color: var(--hq-base-1600);
}
.searcher[data-focus].svelte-12u154m {
  background: var(--hq-prussian-blue-0200);
  color: var(--hq-base-2200);
  border: solid 2px var(--hq-prussian-blue-1200);
}
.searcher.svelte-12u154m input:where(.svelte-12u154m) {
  outline: none;
  border: none;
  background: transparent;
  width: calc(100% - 3rem);
  height: 100%;
  padding: 0 0.3rem;
  font-size: 0.85rem;
  color: var(--hq-prussian-blue-1800);
  font-weight: 600;
  font-family: Satoshi, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Oxygen, Ubuntu, system-ui, Cantarell, Open Sans, Helvetica Neue, sans-serif !important;
}
.searcher.svelte-12u154m input:where(.svelte-12u154m)::-moz-placeholder {
  color: var(--hq-prussian-blue-1200);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: 500;
}
.searcher.svelte-12u154m input:where(.svelte-12u154m)::placeholder {
  color: var(--hq-prussian-blue-1200);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: 500;
}
@keyframes svelte-t8wfjm-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-t8wfjm-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-t8wfjm-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-t8wfjm-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-t8wfjm-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-t8wfjm-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-t8wfjm-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-t8wfjm-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-t8wfjm-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-t8wfjm-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.item-container.svelte-t8wfjm {
  height: 100%;
  border-bottom: solid 1px var(--hq-base-0300);
  padding: 0.3rem;
  cursor: pointer;
}
.item-container[data-disable="true"].svelte-t8wfjm {
  pointer-events: none;
}
.item-container[data-disable="true"].svelte-t8wfjm .item:where(.svelte-t8wfjm) {
  position: relative;
}
.item-container.svelte-t8wfjm .item:where(.svelte-t8wfjm) {
  border: solid 1px transparent;
  height: 100%;
  position: relative;
  padding: 0.3rem 0.2rem;
  border-radius: 0.35rem;
}
.item-container[data-selected="true"].svelte-t8wfjm
  .item:where(.svelte-t8wfjm) {
  background-color: var(--hq-base-0300);
  border: solid 1px var(--hq-base-0400);
}
.item-container[data-isolate].svelte-t8wfjm:hover .item:where(.svelte-t8wfjm) {
  background-color: var(--hq-base-0300);
  border: solid 1px var(--hq-base-0400);
}
@keyframes svelte-kdnndj-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-kdnndj-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-kdnndj-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-kdnndj-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-kdnndj-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-kdnndj-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-kdnndj-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-kdnndj-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-kdnndj-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-kdnndj-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.root.svelte-kdnndj {
  padding: 0;
  height: 100%;
  background: var(--hq-base-0200);
}
.root.svelte-kdnndj .header:where(.svelte-kdnndj) {
  height: 3rem;
}
.root.svelte-kdnndj .--contents:where(.svelte-kdnndj) {
  height: calc(100% - 3rem);
  position: relative;
  overflow-y: scroll;
}
.root.svelte-kdnndj .--contents:where(.svelte-kdnndj)::-webkit-scrollbar {
  width: 0.3rem;
  height: 0.3rem;
  background-color: --base01;
}
.root.svelte-kdnndj .--contents:where(.svelte-kdnndj)::-webkit-scrollbar:hover {
  cursor: pointer;
}
.root.svelte-kdnndj
  .--contents:where(.svelte-kdnndj)::-webkit-scrollbar-corner {
  background-color: --base01;
}
.root.svelte-kdnndj .--contents:where(.svelte-kdnndj)::-webkit-scrollbar-thumb {
  border: solid 1px var(--hq-base-0600);
  border-radius: 3px;
  background-color: var(--hq-base-0600);
}
.root.svelte-kdnndj
  .--contents:where(.svelte-kdnndj)::-webkit-scrollbar-thumb:hover {
  cursor: pointer;
  background-color: var(--hq-base-0800);
}
.root.svelte-kdnndj
  .--contents:where(.svelte-kdnndj)
  .loading-field:where(.svelte-kdnndj) {
  pointer-events: none;
  position: sticky;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  opacity: 1;
  pointer-events: all !important;
}
.root.svelte-kdnndj
  .--contents:where(.svelte-kdnndj)
  .found-items:where(.svelte-kdnndj) {
  border-radius: 0.3rem;
}
@keyframes svelte-1a85zkm-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1a85zkm-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1a85zkm-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1a85zkm-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1a85zkm-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1a85zkm-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-1a85zkm-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1a85zkm-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-1a85zkm-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-1a85zkm-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
@keyframes svelte-1pqu5j2-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1pqu5j2-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1pqu5j2-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1pqu5j2-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1pqu5j2-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1pqu5j2-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-1pqu5j2-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1pqu5j2-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-1pqu5j2-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-1pqu5j2-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.ratio-bar-container.svelte-1pqu5j2 {
  position: absolute;
  width: 100%;
  border-radius: 0.25rem;
  overflow: hidden;
  top: 0;
}
.ratio-bar-container.svelte-1pqu5j2 .ratio-bar:where(.svelte-1pqu5j2) {
  position: absolute;
  height: 100%;
  bottom: 0;
  z-index: 2;
}
.ratio-bar-container.svelte-1pqu5j2 .base-line:where(.svelte-1pqu5j2) {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  background-color: var(--hq-base-0900);
  border-radius: 0.25rem;
  opacity: 0.3;
  overflow: hidden;
}
@keyframes svelte-ixy4lp-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-ixy4lp-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-ixy4lp-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-ixy4lp-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-ixy4lp-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-ixy4lp-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-ixy4lp-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-ixy4lp-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-ixy4lp-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-ixy4lp-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.line.svelte-ixy4lp {
  height: 4px;
  border-radius: 2px;
  position: relative;
}
.line.svelte-ixy4lp .flow:where(.svelte-ixy4lp) {
  position: absolute;
  top: 1px;
  left: 2px;
  height: 2px;
  border-radius: 2px;
  background: #ffffffb3;
  animation: svelte-ixy4lp-flow 2s ease-out infinite forwards;
}
@keyframes svelte-ixy4lp-flow {
  0% {
    width: 0;
    opacity: 0.7;
  }
  75% {
    width: 100%;
    opacity: 0.5;
  }
  to {
    width: 100%;
    opacity: 0;
  }
}
.line.svelte-ixy4lp .flow-reverse:where(.svelte-ixy4lp) {
  position: absolute;
  top: 1px;
  right: 2px;
  height: 2px;
  border-radius: 2px;
  background: #ffffffb3;
  animation: svelte-ixy4lp-flow-reverse 2s ease-out infinite forwards;
}
@keyframes svelte-ixy4lp-flow-reverse {
  0% {
    width: 0;
    opacity: 0.7;
  }
  75% {
    width: 100%;
    opacity: 0.5;
  }
  to {
    width: 100%;
    opacity: 0;
  }
}
.line.svelte-ixy4lp .dot:where(.svelte-ixy4lp) {
  width: 6px;
  height: 6px;
  z-index: 2;
  position: absolute;
  right: 2px;
  top: 2px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}
.line.svelte-ixy4lp .dot[data-first]:where(.svelte-ixy4lp) {
  right: auto;
  transform: translate(-50%, -50%);
  left: 2px;
  top: 2px;
}
.line.svelte-ixy4lp .dot[data-first][data-anim]:where(.svelte-ixy4lp) {
  transform: translate(-50%, -50%);
  animation: svelte-ixy4lp-identifier 2s ease-out infinite forwards;
}
@keyframes svelte-ixy4lp-identifier {
  0% {
    transform: translate(-50%, -50%);
    opacity: 1;
  }
  to {
    transform: translate(-50%, -50%) scale(2.5);
    opacity: 0;
  }
}
.line.svelte-ixy4lp .dot[data-anim]:where(.svelte-ixy4lp) {
  transform: translate(50%, -50%);
  background: #ffffffb3;
  animation: svelte-ixy4lp-identifier-rev 2s ease-out infinite forwards;
}
@keyframes svelte-ixy4lp-identifier-rev {
  0% {
    transform: translate(50%, -50%);
  }
  to {
    transform: translate(50%, -50%) scale(2.5);
    opacity: 0;
  }
}
.cell.svelte-ixy4lp {
  position: relative;
}
.cell[data-zebra].svelte-ixy4lp:after {
  z-index: 10;
  position: absolute;
  pointer-events: none;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: var(--hq-transparent-inverse-0200);
  opacity: 0.35;
}
.cell.svelte-ixy4lp:hover {
  background-color: var(--hq-transparent-inverse-0100);
}
@keyframes svelte-1lfykfr-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1lfykfr-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1lfykfr-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1lfykfr-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1lfykfr-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1lfykfr-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-1lfykfr-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1lfykfr-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-1lfykfr-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-1lfykfr-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.line-container.svelte-1lfykfr {
  z-index: 3;
  position: relative;
  display: flex;
  height: 2px;
  width: 100%;
  border-radius: 0.1rem;
  padding: 0 2px 0 4px;
}
.line-container.svelte-1lfykfr .line-icon:where(.svelte-1lfykfr) {
  position: absolute;
  right: 50%;
  transform: translate(50%, -50%) scale(0.7);
  z-index: 3;
  background: var(--hq-base-0300);
  border-radius: 50%;
  border: solid 2px;
}
.line-container.svelte-1lfykfr .line:where(.svelte-1lfykfr) {
  position: relative;
  width: 100%;
  border-bottom: solid 2px;
}
.line-container.svelte-1lfykfr .line[data-disable-conn]:where(.svelte-1lfykfr) {
  border-bottom-style: dashed;
}
.line-container.svelte-1lfykfr
  .line[data-anim="left"]:where(.svelte-1lfykfr):after {
  content: "";
  position: absolute;
  display: block;
  width: 10%;
  height: 2px;
  background: #ffffff80;
  top: 0;
  animation: svelte-1lfykfr-moveLeft 1.5s linear infinite;
  animation-delay: 0.8s;
}
.line-container.svelte-1lfykfr
  .line[data-anim="right"]:where(.svelte-1lfykfr):after {
  content: "";
  position: absolute;
  display: block;
  width: 10%;
  height: 2px;
  background: #ffffff80;
  top: 0;
  animation: svelte-1lfykfr-moveRight 1.5s linear infinite;
  animation-delay: 0.9s;
}
@keyframes svelte-1lfykfr-moveLeft {
  0% {
    right: 0;
    opacity: 0;
  }
  20% {
    right: 20%;
    opacity: 1;
  }
  to {
    right: 95%;
    opacity: 0;
  }
}
@keyframes svelte-1lfykfr-moveRight {
  0% {
    left: 0;
    opacity: 0;
  }
  20% {
    left: 20%;
    opacity: 1;
  }
  to {
    left: 100%;
    opacity: 0;
  }
}
.line-container.svelte-1lfykfr .dot:where(.svelte-1lfykfr) {
  z-index: 3;
  position: absolute;
  top: 0;
  height: 4px;
  width: 4px;
  border-radius: 50%;
  transform: translate(-50%, calc(-50% + 1px));
}
.line-container.svelte-1lfykfr .dot:where(.svelte-1lfykfr):before {
  background: inherit;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  display: block;
  left: 50%;
  top: 50%;
  position: absolute;
  z-index: 1;
  content: "";
  width: 10px;
  height: 10px;
  opacity: 1;
  border: solid 2px var(--overlay);
  background: transparent;
}
.line-container.svelte-1lfykfr .dot[data-counter]:where(.svelte-1lfykfr) {
  right: 0;
}
.line-container.svelte-1lfykfr .dot:where(.svelte-1lfykfr):after {
  background: inherit;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  display: block;
  left: 50%;
  top: 50%;
  position: absolute;
  z-index: 1;
  content: "";
  width: 250%;
  height: 250%;
  animation: svelte-1lfykfr-scaleWithFade 1.5s 0s infinite forwards;
  transform: scale(0);
}
@keyframes svelte-1lfykfr-scaleWithFade {
  0% {
    transform: translate(-50%, -50%) scale(0);
    opacity: 0;
  }
  50% {
    transform: translate(-50%, -50%) scale(0.5);
    opacity: 0.7;
  }
  to {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
}
@keyframes svelte-1lfykfr-scaleInWithFade {
  to {
    transform: translate(-50%, -50%) scale(0);
    opacity: 0;
  }
  50% {
    transform: translate(-50%, -50%) scale(0.5);
    opacity: 0.7;
  }
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
}
.line-container.svelte-1lfykfr
  .dot[data-anim="right"]:where(.svelte-1lfykfr):after {
  animation: svelte-1lfykfr-scaleInWithFade 1.5s 0s infinite;
}
@keyframes svelte-xt0maw-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-xt0maw-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-xt0maw-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-xt0maw-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-xt0maw-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-xt0maw-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-xt0maw-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-xt0maw-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-xt0maw-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-xt0maw-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.cell.svelte-xt0maw {
  position: relative;
}
.cell[data-zebra].svelte-xt0maw:after {
  z-index: 10;
  position: absolute;
  pointer-events: none;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: var(--hq-transparent-inverse-0200);
  opacity: 0.35;
}
.cell:hover.hover-enabled.svelte-xt0maw {
  background-color: var(--hq-transparent-inverse-0100);
}
@keyframes svelte-ga86sz-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-ga86sz-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-ga86sz-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-ga86sz-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-ga86sz-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-ga86sz-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-ga86sz-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-ga86sz-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-ga86sz-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-ga86sz-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.line.svelte-ga86sz {
  height: 4px;
  border-radius: 2px;
  position: relative;
}
.line.svelte-ga86sz .flow:where(.svelte-ga86sz) {
  position: absolute;
  top: 1px;
  left: 2px;
  height: 2px;
  border-radius: 2px;
  background: #ffffffb3;
  animation: svelte-ga86sz-flow 2s ease-out infinite forwards;
}
@keyframes svelte-ga86sz-flow {
  0% {
    width: 0;
    opacity: 0.7;
  }
  75% {
    width: 100%;
    opacity: 0.5;
  }
  to {
    width: 100%;
    opacity: 0;
  }
}
.line.svelte-ga86sz .flow-reverse:where(.svelte-ga86sz) {
  position: absolute;
  top: 1px;
  right: 2px;
  height: 2px;
  border-radius: 2px;
  background: #ffffffb3;
  animation: svelte-ga86sz-flow-reverse 2s ease-out infinite forwards;
}
@keyframes svelte-ga86sz-flow-reverse {
  0% {
    width: 0;
    opacity: 0.7;
  }
  75% {
    width: 100%;
    opacity: 0.5;
  }
  to {
    width: 100%;
    opacity: 0;
  }
}
.line.svelte-ga86sz .dot:where(.svelte-ga86sz) {
  width: 6px;
  height: 6px;
  z-index: 2;
  position: absolute;
  right: 2px;
  top: 2px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}
.line.svelte-ga86sz .dot[data-first]:where(.svelte-ga86sz) {
  right: auto;
  transform: translate(-50%, -50%);
  left: 2px;
  top: 2px;
}
.line.svelte-ga86sz .dot[data-first][data-anim]:where(.svelte-ga86sz) {
  transform: translate(-50%, -50%);
  animation: svelte-ga86sz-identifier 2s ease-out infinite forwards;
}
@keyframes svelte-ga86sz-identifier {
  0% {
    transform: translate(-50%, -50%);
    opacity: 1;
  }
  to {
    transform: translate(-50%, -50%) scale(2.5);
    opacity: 0;
  }
}
.line.svelte-ga86sz .dot[data-anim]:where(.svelte-ga86sz) {
  transform: translate(50%, -50%);
  background: #ffffffb3;
  animation: svelte-ga86sz-identifier-rev 2s ease-out infinite forwards;
}
@keyframes svelte-ga86sz-identifier-rev {
  0% {
    transform: translate(50%, -50%);
  }
  to {
    transform: translate(50%, -50%) scale(2.5);
    opacity: 0;
  }
}
@keyframes svelte-xg74yc-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-xg74yc-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-xg74yc-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-xg74yc-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-xg74yc-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-xg74yc-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-xg74yc-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-xg74yc-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-xg74yc-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-xg74yc-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.line-box.svelte-xg74yc {
  width: calc(100% - 2rem);
  position: relative;
  top: 50%;
  left: 1rem;
}
.line-box.svelte-xg74yc .line-icon:where(.svelte-xg74yc) {
  position: absolute;
  right: 50%;
  transform: translate(50%, -50%);
  z-index: 10;
  border-radius: 50%;
  border: "none";
}
.line-box.svelte-xg74yc .line:where(.svelte-xg74yc) {
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
  border-bottom-width: 2px;
  z-index: 1;
}
.tag-container.svelte-xg74yc {
  padding: 0 4px;
  background: transparent;
  position: relative;
  z-index: 0;
}
@keyframes svelte-lp97tw-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-lp97tw-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-lp97tw-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-lp97tw-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-lp97tw-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-lp97tw-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-lp97tw-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-lp97tw-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-lp97tw-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-lp97tw-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.ibc-guide.svelte-lp97tw {
  z-index: 10;
  position: absolute;
  top: -1rem;
  left: -1.3rem;
}
@keyframes svelte-1ymhr8i-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1ymhr8i-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1ymhr8i-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1ymhr8i-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1ymhr8i-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1ymhr8i-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-1ymhr8i-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1ymhr8i-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-1ymhr8i-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-1ymhr8i-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.contaier.svelte-1ymhr8i {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.icon-container.svelte-1ymhr8i {
  padding: 0.1rem;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  background-color: var(--hq-base-0700);
  border-radius: 50%;
  opacity: 0.7;
}
@keyframes svelte-utpvz9-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-utpvz9-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-utpvz9-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-utpvz9-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-utpvz9-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-utpvz9-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-utpvz9-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-utpvz9-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-utpvz9-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-utpvz9-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
@keyframes svelte-1jb2ekd-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1jb2ekd-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1jb2ekd-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1jb2ekd-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1jb2ekd-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1jb2ekd-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-1jb2ekd-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1jb2ekd-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-1jb2ekd-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-1jb2ekd-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.input-wrapper.svelte-1jb2ekd {
  position: relative;
  display: inline-block;
  width: -moz-fit-content !important;
  width: fit-content !important;
}
.input-wrapper.svelte-1jb2ekd span:where(.svelte-1jb2ekd) {
  visibility: hidden;
  height: 100%;
  width: 100% !important;
  padding-right: 0.3rem !important;
}
.input-wrapper.svelte-1jb2ekd input:where(.svelte-1jb2ekd) {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100% !important;
  overflow: visible !important;
}
.wallet-input-root.svelte-1jb2ekd {
  width: 100%;
  height: 100%;
  background: var(--hq-base-0200);
  position: relative;
  border: solid 1px transparent;
}
.wallet-input-root.disabled.svelte-1jb2ekd {
  opacity: 0.6;
}
.wallet-input-root.disabled.svelte-1jb2ekd:hover {
  cursor: not-allowed;
}
.wallet-input-root.disabled.svelte-1jb2ekd input:where(.svelte-1jb2ekd):hover {
  cursor: not-allowed;
}
.wallet-input-root.svelte-1jb2ekd span:where(.svelte-1jb2ekd),
.wallet-input-root.svelte-1jb2ekd input:where(.svelte-1jb2ekd) {
  background: transparent;
  width: 100%;
  padding: 0;
  color: inherit;
  font-size: inherit;
  outline: none;
  border: none;
  font-weight: inherit;
  word-break: break-all;
  font-family: Lato, sans-serif !important;
}
.wallet-input-root.svelte-1jb2ekd span:where(.svelte-1jb2ekd)::-moz-placeholder,
.wallet-input-root.svelte-1jb2ekd
  input:where(.svelte-1jb2ekd)::-moz-placeholder {
  font-weight: 500;
}
.wallet-input-root.svelte-1jb2ekd span:where(.svelte-1jb2ekd)::placeholder,
.wallet-input-root.svelte-1jb2ekd input:where(.svelte-1jb2ekd)::placeholder {
  font-weight: 500;
}
.wallet-input-root.svelte-1jb2ekd
  input[data-placeholder-color="false"]:where(
    .svelte-1jb2ekd
  )::-moz-placeholder {
  color: var(--hq-base-1400);
}
.wallet-input-root.svelte-1jb2ekd
  input[data-placeholder-color="false"]:where(.svelte-1jb2ekd)::placeholder {
  color: var(--hq-base-1400);
}
.wallet-input-root.svelte-1jb2ekd
  input[data-placeholder-color="true"]:where(
    .svelte-1jb2ekd
  )::-moz-placeholder {
  color: currentColor;
}
.wallet-input-root.svelte-1jb2ekd
  input[data-placeholder-color="true"]:where(.svelte-1jb2ekd)::placeholder {
  color: currentColor;
}
input.svelte-1jb2ekd::-webkit-outer-spin-button,
input.svelte-1jb2ekd::-webkit-inner-spin-button {
  appearance: none;
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"].svelte-1jb2ekd {
  -webkit-appearance: textfield;
  appearance: textfield;
  -moz-appearance: textfield;
}
.error.svelte-1jb2ekd {
  padding: 0.2rem;
}
@keyframes svelte-1vtp5n9-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1vtp5n9-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1vtp5n9-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1vtp5n9-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1vtp5n9-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1vtp5n9-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-1vtp5n9-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1vtp5n9-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-1vtp5n9-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-1vtp5n9-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.w-u-a.svelte-1vtp5n9 {
  border-radius: 4px;
  background-color: var(--hq-base-0300);
}
@keyframes svelte-8e1yym-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-8e1yym-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-8e1yym-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-8e1yym-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-8e1yym-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-8e1yym-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-8e1yym-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-8e1yym-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-8e1yym-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-8e1yym-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.root.svelte-8e1yym {
  cursor: not-allowed;
}
.root[data-active].svelte-8e1yym {
  cursor: pointer;
}
@keyframes svelte-1nxdr7q-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1nxdr7q-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1nxdr7q-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1nxdr7q-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1nxdr7q-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1nxdr7q-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-1nxdr7q-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1nxdr7q-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-1nxdr7q-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-1nxdr7q-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.header.svelte-1nxdr7q {
  color: var(--hq-base-1600);
  cursor: pointer;
}
.header[data-selected].svelte-1nxdr7q {
  color: var(--hq-base-2200);
}
.header.svelte-1nxdr7q:hover {
  color: var(--hq-base-2400);
}
@keyframes svelte-i0ypzq-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-i0ypzq-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-i0ypzq-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-i0ypzq-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-i0ypzq-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-i0ypzq-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-i0ypzq-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-i0ypzq-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-i0ypzq-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-i0ypzq-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.header.svelte-i0ypzq {
  color: var(--hq-base-1600);
  cursor: pointer;
}
.header[data-selected].svelte-i0ypzq {
  color: var(--hq-base-2200);
}
.header.svelte-i0ypzq:hover {
  color: var(--hq-base-2400);
}
@keyframes svelte-5ep762-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-5ep762-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-5ep762-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-5ep762-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-5ep762-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-5ep762-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-5ep762-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-5ep762-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-5ep762-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-5ep762-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.header.svelte-5ep762 {
  color: var(--hq-base-1600);
  cursor: pointer;
}
.header[data-selected].svelte-5ep762 {
  color: var(--hq-base-2200);
}
.header.svelte-5ep762:hover {
  color: var(--hq-base-2400);
}
@keyframes svelte-1rtlizq-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1rtlizq-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1rtlizq-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1rtlizq-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1rtlizq-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1rtlizq-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-1rtlizq-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1rtlizq-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-1rtlizq-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-1rtlizq-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.wallet-button-root.svelte-1rtlizq {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  transition: opacity 0.15s;
  cursor: pointer;
  transition: background-color 0.15s, color 0.15s;
}
.wallet-button-root[data-progress].svelte-1rtlizq {
  cursor: wait;
}
.wallet-button-root[data-progress].svelte-1rtlizq
  .event-wrapper:where(.svelte-1rtlizq) {
  cursor: wait;
}
.wallet-button-root[data-disable].svelte-1rtlizq {
  cursor: not-allowed;
  opacity: 0.65;
}
.wallet-button-root[data-disable].svelte-1rtlizq
  .event-wrapper:where(.svelte-1rtlizq) {
  border-color: var(--hq-base-0500) !important;
  cursor: not-allowed;
}
.wallet-button-root.svelte-1rtlizq .event-wrapper:where(.svelte-1rtlizq) {
  display: flex;
  align-items: center;
  justify-content: center;
  border: solid 1px transparent;
}
.wallet-button-root.svelte-1rtlizq
  .event-wrapper[data-contrast]:where(.svelte-1rtlizq) {
  border: solid 1px var(--hq-transparent-inverse-1600) !important;
}
.wallet-button-root.svelte-1rtlizq
  .event-wrapper[data-border]:where(.svelte-1rtlizq) {
  border: solid 1px var(--hq-transparent-inverse-0600);
}
.wallet-button-root.svelte-1rtlizq
  .event-wrapper[data-border]:where(.svelte-1rtlizq):active {
  border: solid 1px var(--hq-transparent-inverse-0800);
}
.wallet-button-root.svelte-1rtlizq
  .event-wrapper[data-borderRadius="angled"]:where(.svelte-1rtlizq) {
  border-radius: 0rem;
}
.wallet-button-root.svelte-1rtlizq
  .event-wrapper[data-borderRadius="medium"]:where(.svelte-1rtlizq) {
  border-radius: 0.2rem;
}
.wallet-button-root.svelte-1rtlizq
  .event-wrapper[data-borderRadius="round"]:where(.svelte-1rtlizq) {
  border-radius: 3rem;
}
@keyframes svelte-2kbsny-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-2kbsny-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-2kbsny-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-2kbsny-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-2kbsny-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-2kbsny-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-2kbsny-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-2kbsny-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-2kbsny-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-2kbsny-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.selectable-item.svelte-2kbsny {
  border-bottom: solid 1px var(--hq-transparent-inverse-0300);
  padding: 0.6rem 1rem;
  cursor: pointer;
  transition: background-color 0.15s;
}
.selectable-item.svelte-2kbsny:hover {
  background: var(--hq-transparent-inverse-0300);
}
@keyframes svelte-jlx7qf-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-jlx7qf-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-jlx7qf-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-jlx7qf-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-jlx7qf-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-jlx7qf-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-jlx7qf-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-jlx7qf-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-jlx7qf-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-jlx7qf-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.item.svelte-jlx7qf {
  height: -moz-fit-content;
  height: fit-content;
}
@keyframes svelte-yt2vle-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-yt2vle-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-yt2vle-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-yt2vle-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-yt2vle-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-yt2vle-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-yt2vle-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-yt2vle-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-yt2vle-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-yt2vle-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.c-i-r.svelte-yt2vle {
  padding: 0.2rem 0.3rem 0.2rem 0.4rem;
  border-radius: 0.4rem;
  cursor: pointer;
  transition: all 0.15s ease-in-out;
}
.c-i-r.svelte-yt2vle:hover {
  background: var(--hq-transparent-inverse-0300);
}
.c-i-r.svelte-yt2vle:active {
  background: var(--hq-transparent-inverse-0400);
}
.CodeMirror {
  font-family: monospace;
  height: 300px;
  color: #000;
  direction: ltr;
}
.CodeMirror-lines {
  padding: 4px 0;
}
.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  padding: 0 4px;
}
.CodeMirror-gutter-filler,
.CodeMirror-scrollbar-filler {
  background-color: #fff;
}
.CodeMirror-gutters {
  border-right: 1px solid #ddd;
  background-color: #f7f7f7;
  white-space: nowrap;
}
.CodeMirror-linenumber {
  padding: 0 3px 0 5px;
  min-width: 20px;
  text-align: right;
  color: #999;
  white-space: nowrap;
}
.CodeMirror-guttermarker {
  color: #000;
}
.CodeMirror-guttermarker-subtle {
  color: #999;
}
.CodeMirror-cursor {
  border-left: 1px solid #000;
  border-right: none;
  width: 0;
}
.CodeMirror div.CodeMirror-secondarycursor {
  border-left: 1px solid silver;
}
.cm-fat-cursor .CodeMirror-cursor {
  width: auto;
  border: 0 !important;
  background: #7e7;
}
.cm-fat-cursor div.CodeMirror-cursors {
  z-index: 1;
}
.cm-fat-cursor .CodeMirror-line::selection,
.cm-fat-cursor .CodeMirror-line > span::selection,
.cm-fat-cursor .CodeMirror-line > span > span::selection {
  background: 0 0;
}
.cm-fat-cursor .CodeMirror-line::-moz-selection,
.cm-fat-cursor .CodeMirror-line > span::-moz-selection,
.cm-fat-cursor .CodeMirror-line > span > span::-moz-selection {
  background: 0 0;
}
.cm-fat-cursor {
  caret-color: transparent;
}
@keyframes blink {
  50% {
    background-color: transparent;
  }
}
.cm-tab {
  display: inline-block;
  text-decoration: inherit;
}
.CodeMirror-rulers {
  position: absolute;
  inset: -50px 0 0;
  overflow: hidden;
}
.CodeMirror-ruler {
  border-left: 1px solid #ccc;
  top: 0;
  bottom: 0;
  position: absolute;
}
.cm-s-default .cm-header {
  color: #00f;
}
.cm-s-default .cm-quote {
  color: #090;
}
.cm-negative {
  color: #d44;
}
.cm-positive {
  color: #292;
}
.cm-header,
.cm-strong {
  font-weight: 700;
}
.cm-em {
  font-style: italic;
}
.cm-link {
  text-decoration: underline;
}
.cm-strikethrough {
  text-decoration: line-through;
}
.cm-s-default .cm-keyword {
  color: #708;
}
.cm-s-default .cm-atom {
  color: #219;
}
.cm-s-default .cm-number {
  color: #164;
}
.cm-s-default .cm-def {
  color: #00f;
}
.cm-s-default .cm-variable-2 {
  color: #05a;
}
.cm-s-default .cm-type,
.cm-s-default .cm-variable-3 {
  color: #085;
}
.cm-s-default .cm-comment {
  color: #a50;
}
.cm-s-default .cm-string {
  color: #a11;
}
.cm-s-default .cm-string-2 {
  color: #f50;
}
.cm-s-default .cm-meta,
.cm-s-default .cm-qualifier {
  color: #555;
}
.cm-s-default .cm-builtin {
  color: #30a;
}
.cm-s-default .cm-bracket {
  color: #997;
}
.cm-s-default .cm-tag {
  color: #170;
}
.cm-s-default .cm-attribute {
  color: #00c;
}
.cm-s-default .cm-hr {
  color: #999;
}
.cm-s-default .cm-link {
  color: #00c;
}
.cm-s-default .cm-error,
.cm-invalidchar {
  color: red;
}
.CodeMirror-composing {
  border-bottom: 2px solid;
}
div.CodeMirror span.CodeMirror-matchingbracket {
  color: #0b0;
}
div.CodeMirror span.CodeMirror-nonmatchingbracket {
  color: #a22;
}
.CodeMirror-matchingtag {
  background: #ff96004d;
}
.CodeMirror-activeline-background {
  background: #e8f2ff;
}
.CodeMirror {
  position: relative;
  overflow: hidden;
  background: #fff;
}
.CodeMirror-scroll {
  overflow: scroll !important;
  margin-bottom: -50px;
  margin-right: -50px;
  padding-bottom: 50px;
  height: 100%;
  outline: 0;
  position: relative;
  z-index: 0;
}
.CodeMirror-sizer {
  position: relative;
  border-right: 50px solid transparent;
}
.CodeMirror-gutter-filler,
.CodeMirror-hscrollbar,
.CodeMirror-scrollbar-filler,
.CodeMirror-vscrollbar {
  position: absolute;
  z-index: 6;
  display: none;
  outline: 0;
}
.CodeMirror-vscrollbar {
  right: 0;
  top: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}
.CodeMirror-hscrollbar {
  bottom: 0;
  left: 0;
  overflow-y: hidden;
  overflow-x: scroll;
}
.CodeMirror-scrollbar-filler {
  right: 0;
  bottom: 0;
}
.CodeMirror-gutter-filler {
  left: 0;
  bottom: 0;
}
.CodeMirror-gutters {
  position: absolute;
  left: 0;
  top: 0;
  min-height: 100%;
  z-index: 3;
}
.CodeMirror-gutter {
  white-space: normal;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: -50px;
}
.CodeMirror-gutter-wrapper {
  position: absolute;
  z-index: 4;
  background: 0 0 !important;
  border: none !important;
}
.CodeMirror-gutter-background {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 4;
}
.CodeMirror-gutter-elt {
  position: absolute;
  cursor: default;
  z-index: 4;
}
.CodeMirror-gutter-wrapper ::selection {
  background-color: transparent;
}
.CodeMirror-gutter-wrapper ::-moz-selection {
  background-color: transparent;
}
.CodeMirror-lines {
  cursor: text;
  min-height: 1px;
}
.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  border-radius: 0;
  border-width: 0;
  background: 0 0;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
  z-index: 2;
  position: relative;
  overflow: visible;
  -webkit-tap-highlight-color: transparent;
  font-variant-ligatures: contextual;
}
.CodeMirror-wrap pre.CodeMirror-line,
.CodeMirror-wrap pre.CodeMirror-line-like {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal;
}
.CodeMirror-linebackground {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.CodeMirror-linewidget {
  position: relative;
  z-index: 2;
  padding: 0.1px;
}
.CodeMirror-code {
  outline: 0;
}
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber,
.CodeMirror-scroll,
.CodeMirror-sizer {
  box-sizing: content-box;
}
.CodeMirror-measure {
  position: absolute;
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}
.CodeMirror-cursor {
  position: absolute;
  pointer-events: none;
}
.CodeMirror-measure pre {
  position: static;
}
div.CodeMirror-cursors {
  visibility: hidden;
  position: relative;
  z-index: 3;
}
div.CodeMirror-dragcursors,
.CodeMirror-focused div.CodeMirror-cursors {
  visibility: visible;
}
.CodeMirror-selected {
  background: #d9d9d9;
}
.CodeMirror-focused .CodeMirror-selected {
  background: #d7d4f0;
}
.CodeMirror-crosshair {
  cursor: crosshair;
}
.CodeMirror-line::selection,
.CodeMirror-line > span::selection,
.CodeMirror-line > span > span::selection {
  background: #d7d4f0;
}
.CodeMirror-line::-moz-selection,
.CodeMirror-line > span::-moz-selection,
.CodeMirror-line > span > span::-moz-selection {
  background: #d7d4f0;
}
.cm-searching {
  background-color: #ffa;
  background-color: #ff06;
}
.cm-force-border {
  padding-right: 0.1px;
}
@media print {
  .CodeMirror div.CodeMirror-cursors {
    visibility: hidden;
  }
}
.cm-tab-wrap-hack:after {
  content: "";
}
span.CodeMirror-selectedtext {
  background: 0 0;
}
.EasyMDEContainer {
  display: block;
}
.CodeMirror-rtl pre {
  direction: rtl;
}
.EasyMDEContainer.sided--no-fullscreen {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.EasyMDEContainer .CodeMirror {
  box-sizing: border-box;
  height: auto;
  border: 1px solid #ced4da;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  padding: 10px;
  font: inherit;
  z-index: 0;
  word-wrap: break-word;
}
.EasyMDEContainer .CodeMirror-scroll {
  cursor: text;
}
.EasyMDEContainer .CodeMirror-fullscreen {
  background: #fff;
  position: fixed !important;
  inset: 50px 0 0;
  height: auto;
  z-index: 8;
  border-right: none !important;
  border-bottom-right-radius: 0 !important;
}
.EasyMDEContainer .CodeMirror-sided {
  width: 50% !important;
}
.EasyMDEContainer.sided--no-fullscreen .CodeMirror-sided {
  border-right: none !important;
  border-bottom-right-radius: 0;
  position: relative;
  flex: 1 1 auto;
}
.EasyMDEContainer .CodeMirror-placeholder {
  opacity: 0.5;
}
.EasyMDEContainer .CodeMirror-focused .CodeMirror-selected {
  background: #d9d9d9;
}
.editor-toolbar {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  padding: 9px 10px;
  border-top: 1px solid #ced4da;
  border-left: 1px solid #ced4da;
  border-right: 1px solid #ced4da;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.editor-toolbar.fullscreen {
  width: 100%;
  height: 50px;
  padding-top: 10px;
  padding-bottom: 10px;
  box-sizing: border-box;
  background: #fff;
  border: 0;
  position: fixed;
  top: 0;
  left: 0;
  opacity: 1;
  z-index: 9;
}
.editor-toolbar.fullscreen:before {
  width: 20px;
  height: 50px;
  background: linear-gradient(to right, #fff 0, #fff0);
  position: fixed;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
}
.editor-toolbar.fullscreen:after {
  width: 20px;
  height: 50px;
  background: linear-gradient(to right, #fff0 0, #fff);
  position: fixed;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
}
.EasyMDEContainer.sided--no-fullscreen .editor-toolbar {
  width: 100%;
}
.editor-toolbar .easymde-dropdown,
.editor-toolbar button {
  background: 0 0;
  display: inline-block;
  text-align: center;
  text-decoration: none !important;
  height: 30px;
  margin: 0;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 3px;
  cursor: pointer;
}
.editor-toolbar button {
  font-weight: 700;
  min-width: 30px;
  padding: 0 6px;
  white-space: nowrap;
}
.editor-toolbar button.active,
.editor-toolbar button:hover {
  background: #fcfcfc;
  border-color: #95a5a6;
}
.editor-toolbar i.separator {
  display: inline-block;
  width: 0;
  border-left: 1px solid #d9d9d9;
  border-right: 1px solid #fff;
  color: transparent;
  text-indent: -10px;
  margin: 0 6px;
}
.editor-toolbar button:after {
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 65%;
  vertical-align: text-bottom;
  position: relative;
  top: 2px;
}
.editor-toolbar button.heading-1:after {
  content: "1";
}
.editor-toolbar button.heading-2:after {
  content: "2";
}
.editor-toolbar button.heading-3:after {
  content: "3";
}
.editor-toolbar button.heading-bigger:after {
  content: "▲";
}
.editor-toolbar button.heading-smaller:after {
  content: "▼";
}
.editor-toolbar.disabled-for-preview button:not(.no-disable) {
  opacity: 0.6;
  pointer-events: none;
}
@media only screen and (max-width: 700px) {
  .editor-toolbar i.no-mobile {
    display: none;
  }
}
.editor-statusbar {
  padding: 8px 10px;
  font-size: 12px;
  color: #959694;
  text-align: right;
}
.EasyMDEContainer.sided--no-fullscreen .editor-statusbar {
  width: 100%;
}
.editor-statusbar span {
  display: inline-block;
  min-width: 4em;
  margin-left: 1em;
}
.editor-statusbar .lines:before {
  content: "lines: ";
}
.editor-statusbar .words:before {
  content: "words: ";
}
.editor-statusbar .characters:before {
  content: "characters: ";
}
.editor-preview-full {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 7;
  overflow: auto;
  display: none;
  box-sizing: border-box;
}
.editor-preview-side {
  position: fixed;
  bottom: 0;
  width: 50%;
  top: 50px;
  right: 0;
  z-index: 9;
  overflow: auto;
  display: none;
  box-sizing: border-box;
  border: 1px solid #ddd;
  word-wrap: break-word;
}
.editor-preview-active-side {
  display: block;
}
.EasyMDEContainer.sided--no-fullscreen .editor-preview-active-side {
  flex: 1 1 auto;
  height: auto;
  position: static;
}
.editor-preview-active {
  display: block;
}
.editor-preview {
  padding: 10px;
  background: #fafafa;
}
.editor-preview > p {
  margin-top: 0;
}
.editor-preview pre {
  background: #eee;
  margin-bottom: 10px;
}
.editor-preview table td,
.editor-preview table th {
  border: 1px solid #ddd;
  padding: 5px;
}
.cm-s-easymde .cm-tag {
  color: #63a35c;
}
.cm-s-easymde .cm-attribute {
  color: #795da3;
}
.cm-s-easymde .cm-string {
  color: #183691;
}
.cm-s-easymde .cm-header-1 {
  font-size: calc(1.375rem + 1.5vw);
}
.cm-s-easymde .cm-header-2 {
  font-size: calc(1.325rem + 0.9vw);
}
.cm-s-easymde .cm-header-3 {
  font-size: calc(1.3rem + 0.6vw);
}
.cm-s-easymde .cm-header-4 {
  font-size: calc(1.275rem + 0.3vw);
}
.cm-s-easymde .cm-header-5 {
  font-size: 1.25rem;
}
.cm-s-easymde .cm-header-6 {
  font-size: 1rem;
}
.cm-s-easymde .cm-header-1,
.cm-s-easymde .cm-header-2,
.cm-s-easymde .cm-header-3,
.cm-s-easymde .cm-header-4,
.cm-s-easymde .cm-header-5,
.cm-s-easymde .cm-header-6 {
  margin-bottom: 0.5rem;
  line-height: 1.2;
}
.cm-s-easymde .cm-comment {
  background: #0000000d;
  border-radius: 2px;
}
.cm-s-easymde .cm-link {
  color: #7f8c8d;
}
.cm-s-easymde .cm-url {
  color: #aab2b3;
}
.cm-s-easymde .cm-quote {
  color: #7f8c8d;
  font-style: italic;
}
.editor-toolbar .easymde-dropdown {
  position: relative;
  background: linear-gradient(to bottom right, #fff 0 84%, #333 50% 100%);
  border-radius: 0;
  border: 1px solid #fff;
}
.editor-toolbar .easymde-dropdown:hover {
  background: linear-gradient(to bottom right, #fff 0 84%, #333 50% 100%);
}
.easymde-dropdown-content {
  display: block;
  visibility: hidden;
  position: absolute;
  background-color: #f9f9f9;
  box-shadow: 0 8px 16px #0003;
  padding: 8px;
  z-index: 2;
  top: 30px;
}
.easymde-dropdown:active .easymde-dropdown-content,
.easymde-dropdown:focus .easymde-dropdown-content,
.easymde-dropdown:focus-within .easymde-dropdown-content {
  visibility: visible;
}
.easymde-dropdown-content button {
  display: block;
}
span[data-img-src]:after {
  content: "";
  background-image: var(--bg-image);
  display: block;
  max-height: 100%;
  max-width: 100%;
  background-size: contain;
  height: 0;
  padding-top: var(--height);
  width: var(--width);
  background-repeat: no-repeat;
}
.CodeMirror
  .cm-spell-error:not(.cm-url):not(.cm-comment):not(.cm-tag):not(.cm-word) {
  background: #ff000026;
}
@keyframes svelte-17b2bhx-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-17b2bhx-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-17b2bhx-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-17b2bhx-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-17b2bhx-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-17b2bhx-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-17b2bhx-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-17b2bhx-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-17b2bhx-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-17b2bhx-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.wallet-editor-md-root.svelte-17b2bhx {
  position: relative;
  color: var(--hq-base-2300);
}
.wallet-editor-md-root.svelte-17b2bhx textarea:where(.svelte-17b2bhx) {
  background: transparent;
  color: inherit;
  font-size: inherit;
  outline: none;
  border: none;
  font-weight: inherit;
  line-height: 1.5;
}
.CodeMirror-selected {
  background-color: var(--hq-celadon-blue-0700) !important;
  opacity: 0.8;
}
.EasyMDEContainer > .CodeMirror {
  padding: 1.3rem;
  line-height: 1.5;
  background: var(--hq-base-0200) !important;
}
.EasyMDEContainer > .editor-toolbar {
  border-left-color: var(--hq-transparent-inverse-0300);
  border-top-color: transparent;
  border-right-color: var(--hq-transparent-inverse-0300);
  border-radius: 0;
  background: var(--hq-base-0200);
}
.EasyMDEContainer > .editor-toolbar > button {
  opacity: 0.7;
}
.EasyMDEContainer > .editor-toolbar > button:hover {
  background: var(--hq-transparent-inverse-0300);
  border-color: var(--hq-transparent-inverse-0300);
}
.EasyMDEContainer > .editor-toolbar > button.active {
  background: var(--hq-selective-yellow-0500);
  color: var(--hq-selective-yellow-2300);
  border-color: var(--hq-selective-yellow-0700);
  opacity: 0.7;
}
.EasyMDEContainer > .editor-toolbar > button.active:hover {
  background: var(--hq-selective-yellow-0700);
  color: var(--hq-selective-yellow-2400);
  border-color: var(--hq-selective-yellow-0900);
}
.EasyMDEContainer .editor-toolbar i.separator {
  border-right: none;
  border-left-color: var(--hq-transparent-inverse-0300);
}
.EasyMDEContainer .CodeMirror-cursors .CodeMirror-cursor {
  border-right: none;
  border-left-color: var(--hq-transparent-inverse-1400);
  border-left-width: 3px;
  margin-left: 1px;
}
.CodeMirror.cm-s-easymde.CodeMirror-wrap {
  background: transparent;
  color: inherit;
  border: solid 1px var(--hq-transparent-inverse-0300);
}
.wallet-editor-md-root.error.svelte-17b2bhx
  .EasyMDEContainer
  > .editor-toolbar {
  border-left-color: var(--hq-dard-red-1500);
  border-right-color: var(--hq-dard-red-1500);
  border-top: 0px;
}
.wallet-editor-md-root.error.svelte-17b2bhx
  .CodeMirror.cm-s-easymde.CodeMirror-wrap {
  border-color: transparent var(--hq-dard-red-1500) var(--hq-dard-red-1500)
    var(--hq-dard-red-1500);
  border-width: 1px;
  border-top: 0px;
}
@keyframes svelte-14pufnp-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-14pufnp-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-14pufnp-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-14pufnp-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-14pufnp-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-14pufnp-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-14pufnp-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-14pufnp-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-14pufnp-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-14pufnp-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.root.svelte-14pufnp {
  min-height: 12rem;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.3rem;
}
.root[data-border].svelte-14pufnp {
  border: solid 1px var(--hq-base-0400);
}
@keyframes svelte-t150v0-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-t150v0-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-t150v0-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-t150v0-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-t150v0-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-t150v0-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-t150v0-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-t150v0-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-t150v0-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-t150v0-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.wallet-input-root.svelte-t150v0 {
  width: 100%;
  height: 100%;
  background: var(--hq-base-0200);
  position: relative;
  border: solid 1px transparent;
}
.wallet-input-root.disabled.svelte-t150v0 {
  opacity: 0.6;
}
.wallet-input-root.disabled.svelte-t150v0:hover {
  cursor: not-allowed;
}
.wallet-input-root.disabled.svelte-t150v0 input:where(.svelte-t150v0):hover {
  cursor: not-allowed;
}
.wallet-input-root.svelte-t150v0 input:where(.svelte-t150v0) {
  width: 100%;
  padding: 0;
  background: transparent;
  color: inherit;
  font-size: inherit;
  outline: none;
  border: none;
  font-weight: inherit;
  word-break: break-all;
  font-family: Lato, sans-serif !important;
}
.wallet-input-root.svelte-t150v0 input:where(.svelte-t150v0)::-moz-placeholder {
  font-weight: 500;
}
.wallet-input-root.svelte-t150v0 input:where(.svelte-t150v0)::placeholder {
  font-weight: 500;
}
.wallet-input-root.svelte-t150v0
  input[data-placeholder-color="false"]:where(
    .svelte-t150v0
  )::-moz-placeholder {
  color: var(--hq-base-1400);
}
.wallet-input-root.svelte-t150v0
  input[data-placeholder-color="false"]:where(.svelte-t150v0)::placeholder {
  color: var(--hq-base-1400);
}
.wallet-input-root.svelte-t150v0
  input[data-placeholder-color="true"]:where(.svelte-t150v0)::-moz-placeholder {
  color: currentColor;
}
.wallet-input-root.svelte-t150v0
  input[data-placeholder-color="true"]:where(.svelte-t150v0)::placeholder {
  color: currentColor;
}
input.svelte-t150v0::-webkit-outer-spin-button,
input.svelte-t150v0::-webkit-inner-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}
input[type="number"].svelte-t150v0 {
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
  appearance: textfield;
}
.error.svelte-t150v0 {
  padding: 0.2rem;
}
@keyframes svelte-utchfc-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-utchfc-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-utchfc-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-utchfc-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-utchfc-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-utchfc-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-utchfc-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-utchfc-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-utchfc-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-utchfc-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.contaier.svelte-utchfc {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.icon-container.svelte-utchfc {
  padding: 0.1rem;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  background-color: var(--hq-base-0700);
  border-radius: 50%;
  opacity: 0.7;
}
@keyframes svelte-19jqbw4-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-19jqbw4-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-19jqbw4-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-19jqbw4-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-19jqbw4-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-19jqbw4-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-19jqbw4-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-19jqbw4-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-19jqbw4-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-19jqbw4-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.contaier.svelte-19jqbw4 {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.icon-container.svelte-19jqbw4 {
  padding: 0.1rem;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  background-color: var(--hq-base-0700);
  border-radius: 50%;
  opacity: 0.7;
}
@keyframes svelte-qx5hp8-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-qx5hp8-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-qx5hp8-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-qx5hp8-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-qx5hp8-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-qx5hp8-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-qx5hp8-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-qx5hp8-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-qx5hp8-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-qx5hp8-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.w-b-l-i.svelte-qx5hp8 {
  position: relative;
}
.w-b-l-i[data-clickable].svelte-qx5hp8 {
  cursor: pointer;
}
.w-b-l-i[data-clickable].svelte-qx5hp8:hover:after {
  background: var(--hq-transparent-inverse-0100);
}
.w-b-l-i[data-clickable].svelte-qx5hp8:after {
  pointer-events: none;
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  transition: background-color 0.15s;
  background: transparent;
}
.w-b-l-i.svelte-qx5hp8 .-container:where(.svelte-qx5hp8) {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.w-b-l-i.svelte-qx5hp8
  .-container:where(.svelte-qx5hp8)
  .tag-icon:where(.svelte-qx5hp8) {
  position: absolute;
  top: 0.13rem;
  right: 0.1rem;
  border-radius: 50%;
  background-color: var(--hq-base-0300);
  transform: scale(0.75);
}
@keyframes svelte-o79hor-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-o79hor-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-o79hor-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-o79hor-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-o79hor-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-o79hor-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-o79hor-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-o79hor-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-o79hor-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-o79hor-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.root.svelte-o79hor {
  width: 100%;
  padding: 1rem;
}
.root.svelte-o79hor .content-root:where(.svelte-o79hor) {
  position: relative;
  padding: 0.4rem 0.4rem 0.42rem;
  border: 1px solid transparent;
  border-radius: 0.4rem;
  overflow: hidden;
}
.root.svelte-o79hor
  .content-root:where(.svelte-o79hor)
  .top-field:where(.svelte-o79hor) {
  display: flex;
  align-items: center;
  gap: 0.2rem;
}
.root.svelte-o79hor
  .content-root:where(.svelte-o79hor)
  .icon:where(.svelte-o79hor) {
  position: relative;
  z-index: 1;
  min-width: 1.7rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.root.svelte-o79hor
  .content-root:where(.svelte-o79hor)
  .background:where(.svelte-o79hor) {
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--base03);
  opacity: 0.25;
  pointer-events: none;
}
.root.svelte-o79hor
  .content-root:where(.svelte-o79hor)
  .content-field:where(.svelte-o79hor) {
  position: relative;
  z-index: 1;
}
.root.svelte-o79hor
  .content-root:where(.svelte-o79hor)
  .--content:where(.svelte-o79hor) {
  padding-top: 0.5rem;
  font-size: 0.8rem;
  font-weight: 500;
  line-height: 1.4;
}
.root.svelte-o79hor
  .content-root[data-type="error"][data-border]:where(.svelte-o79hor) {
  border: 1px solid var(--hq-imperial-red-0700);
}
.root.svelte-o79hor
  .content-root[data-type="error"]:where(.svelte-o79hor)
  .icon:where(.svelte-o79hor) {
  color: var(--hq-imperial-red-1200);
}
.root.svelte-o79hor
  .content-root[data-type="error"]:where(.svelte-o79hor)
  .background:where(.svelte-o79hor) {
  background-color: var(--hq-imperial-red-0700);
}
.root.svelte-o79hor
  .content-root[data-type="warning"][data-border]:where(.svelte-o79hor) {
  border: 1px solid var(--hq-selective-yellow-0900);
}
.root.svelte-o79hor
  .content-root[data-type="warning"]:where(.svelte-o79hor)
  .icon:where(.svelte-o79hor) {
  color: var(--hq-selective-yellow-1000);
}
.root.svelte-o79hor
  .content-root[data-type="warning"]:where(.svelte-o79hor)
  .background:where(.svelte-o79hor) {
  background-color: var(--hq-selective-yellow-0800);
}
.root.svelte-o79hor
  .content-root[data-type="success"][data-border]:where(.svelte-o79hor) {
  border: 1px solid var(--hq-sea-green-1200);
}
.root.svelte-o79hor
  .content-root[data-type="success"]:where(.svelte-o79hor)
  .icon:where(.svelte-o79hor) {
  color: var(--hq-sea-green-1300);
}
.root.svelte-o79hor
  .content-root[data-type="success"]:where(.svelte-o79hor)
  .background:where(.svelte-o79hor) {
  background: var(--hq-sea-green-1300);
}
@keyframes svelte-fid43i-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-fid43i-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-fid43i-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-fid43i-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-fid43i-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-fid43i-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-fid43i-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-fid43i-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-fid43i-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-fid43i-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
@keyframes svelte-1a3p98t-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1a3p98t-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1a3p98t-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1a3p98t-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1a3p98t-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1a3p98t-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-1a3p98t-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1a3p98t-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-1a3p98t-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-1a3p98t-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.root.svelte-1a3p98t {
  border-radius: 0.3rem;
  box-shadow: 0 2px 8px #00000020;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
  padding: 1rem;
}
.root.svelte-1a3p98t .--contents:where(.svelte-1a3p98t) {
  overflow-y: scroll;
  height: 100%;
  flex: 1 0;
  background: transparent;
}
.root.svelte-1a3p98t .--contents:where(.svelte-1a3p98t)::-webkit-scrollbar {
  width: 6px;
  background-color: var(--hq-base-0200);
}
.root.svelte-1a3p98t
  .--contents:where(.svelte-1a3p98t)::-webkit-scrollbar-thumb {
  border: solid 1px var(--hq-base-0600);
  border-radius: 3px;
  background-color: var(--hq-base-0600);
}
@keyframes svelte-r06djl-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-r06djl-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-r06djl-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-r06djl-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-r06djl-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-r06djl-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-r06djl-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-r06djl-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-r06djl-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-r06djl-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
@keyframes svelte-rqv30t-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-rqv30t-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-rqv30t-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-rqv30t-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-rqv30t-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-rqv30t-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-rqv30t-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-rqv30t-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-rqv30t-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-rqv30t-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
@keyframes svelte-1v6f1ar-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1v6f1ar-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1v6f1ar-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1v6f1ar-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1v6f1ar-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1v6f1ar-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-1v6f1ar-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1v6f1ar-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-1v6f1ar-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-1v6f1ar-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.root.svelte-1v6f1ar {
  min-height: 12rem;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.3rem;
  background-color: var(--hq-base-0200);
  border: solid 1px var(--hq-base-0400);
}
.contaier.svelte-1v6f1ar {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.icon-container.svelte-1v6f1ar {
  padding: 0.1rem;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  background-color: var(--hq-base-0700);
  border-radius: 50%;
  opacity: 0.7;
}
.cover.svelte-1v6f1ar {
  max-height: 38rem;
  overflow-y: auto;
}
.cover.svelte-1v6f1ar::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: var(--hq-base-0300);
}
.cover.svelte-1v6f1ar::-webkit-scrollbar-thumb {
  border: solid 1px var(--hq-base-0600);
  border-radius: 3px;
  background-color: var(--hq-base-0600);
}
.cover.svelte-1v6f1ar::-webkit-scrollbar-thumb:hover {
  cursor: pointer;
  background-color: var(--hq-base-0800);
}
.cover.svelte-1v6f1ar::-webkit-scrollbar-corner {
  background-color: var(--hq-base-0600);
}
@keyframes svelte-nzg412-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-nzg412-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-nzg412-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-nzg412-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-nzg412-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-nzg412-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-nzg412-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-nzg412-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-nzg412-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-nzg412-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.wallet-switch-root.svelte-nzg412 {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  transition: background-color 0.15s, color 0.15s;
}
.wallet-switch-root[data-disabled].svelte-nzg412 {
  cursor: not-allowed;
  opacity: 0.5;
}
.wallet-switch-root.svelte-nzg412 .at:where(.svelte-nzg412) {
  border: solid 1px var(--hq-transparent-inverse-0500);
  background: var(--hq-prussian-blue-0500);
  border-radius: 1rem;
  padding: 0.1rem;
  position: relative;
  transition: background-color 0.35s;
}
.wallet-switch-root.svelte-nzg412
  .at:where(.svelte-nzg412)
  .dot:where(.svelte-nzg412) {
  position: absolute;
  left: 0;
  top: -1px;
  padding: 3px;
}
.wallet-switch-root.svelte-nzg412
  .at:where(.svelte-nzg412)
  .dot[data-enable]:where(.svelte-nzg412) {
  left: 100%;
  transform: translate(-100%);
}
.wallet-switch-root.svelte-nzg412
  .at:where(.svelte-nzg412)
  .dot:where(.svelte-nzg412)
  .dot-inner:where(.svelte-nzg412) {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
@keyframes svelte-98pkhe-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-98pkhe-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-98pkhe-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-98pkhe-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-98pkhe-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-98pkhe-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-98pkhe-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-98pkhe-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-98pkhe-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-98pkhe-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.selectable-item.svelte-98pkhe {
  border-bottom: solid 1px var(--hq-transparent-inverse-0300);
  padding: 0.6rem 1.2rem 0.6rem 1rem;
}
@keyframes svelte-13t0wom-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-13t0wom-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-13t0wom-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-13t0wom-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-13t0wom-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-13t0wom-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-13t0wom-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-13t0wom-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-13t0wom-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-13t0wom-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.wallet-token-list-root.svelte-13t0wom {
  overflow: visible;
  position: relative;
  height: 100%;
  width: 100%;
}
.wallet-token-list-root.svelte-13t0wom
  .token-list-container:where(.svelte-13t0wom) {
  height: 100%;
  width: 100%;
  border: solid 1px var(--hq-base-0400);
  border-radius: 1rem;
  overflow: hidden;
}
.wallet-token-list-root.svelte-13t0wom
  .token-list-container:where(.svelte-13t0wom)
  .token-list-box:where(.svelte-13t0wom) {
  position: relative;
  height: calc(100% - 3rem);
  width: 100%;
}
.wallet-token-list-root.svelte-13t0wom
  .token-list-container:where(.svelte-13t0wom)
  .token-list-box:where(.svelte-13t0wom)
  .token-list:where(.svelte-13t0wom) {
  position: absolute;
  left: 0;
  top: 0;
  overflow-y: auto;
  height: 100%;
  width: 100%;
}
.wallet-token-list-root.svelte-13t0wom
  .token-list-container:where(.svelte-13t0wom)
  .token-list-box:where(.svelte-13t0wom)
  .token-list:where(.svelte-13t0wom)::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: var(--hq-base-0300);
}
.wallet-token-list-root.svelte-13t0wom
  .token-list-container:where(.svelte-13t0wom)
  .token-list-box:where(.svelte-13t0wom)
  .token-list:where(.svelte-13t0wom)::-webkit-scrollbar-thumb {
  border: solid 1px var(--hq-base-0600);
  border-radius: 3px;
  background-color: var(--hq-base-0600);
}
.wallet-token-list-root.svelte-13t0wom
  .token-list-container:where(.svelte-13t0wom)
  .token-list-box:where(.svelte-13t0wom)
  .token-list:where(.svelte-13t0wom)::-webkit-scrollbar-thumb:hover {
  cursor: pointer;
  background-color: var(--hq-base-0800);
}
.wallet-token-list-root.svelte-13t0wom
  .token-list-container:where(.svelte-13t0wom)
  .token-list-box:where(.svelte-13t0wom)
  .token-list:where(.svelte-13t0wom)::-webkit-scrollbar-corner {
  background-color: var(--hq-base-0600);
}
.search-item.svelte-13t0wom {
  padding: 0 1rem;
  border-bottom: solid 1px var(--hq-base-0400);
}
.search-item[data-focus].svelte-13t0wom {
  color: var(--hq-base-2100);
}
.search-item[data-focus].svelte-13t0wom
  input:where(.svelte-13t0wom)::-moz-placeholder {
  color: var(--hq-base-2100);
}
.search-item[data-focus].svelte-13t0wom
  input:where(.svelte-13t0wom)::placeholder {
  color: var(--hq-base-2100);
}
input.svelte-13t0wom {
  width: 100%;
  height: 3rem;
  background: transparent;
  border: none;
  outline: none;
  color: inherit;
  font-weight: 600;
  font-size: 0.9rem;
  color: var(--hq-base-2100);
}
input.svelte-13t0wom::-moz-placeholder {
  font-weight: 600;
  color: var(--hq-base-1500);
}
input.svelte-13t0wom::placeholder {
  font-weight: 600;
  color: var(--hq-base-1500);
}
input.svelte-13t0wom:focus,
input.svelte-13t0wom:active {
  outline: none;
  border: none;
}
@keyframes svelte-1eaj863-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1eaj863-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1eaj863-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1eaj863-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1eaj863-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1eaj863-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-1eaj863-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1eaj863-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-1eaj863-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-1eaj863-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.filter-container.svelte-1eaj863 {
  position: relative;
  flex-shrink: 0;
}
.filter-container.svelte-1eaj863 .filter:where(.svelte-1eaj863) {
  position: absolute;
  right: 0;
  top: 2.5rem;
  z-index: 100;
  background-color: var(--hq-base-0200);
  border-radius: 0.3rem;
  padding: 1rem 1.3rem;
  border: solid 1px var(--hq-base-0400);
  box-shadow: 0 2px 5px #0000000d;
}
@keyframes svelte-6ow9ts-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-6ow9ts-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-6ow9ts-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-6ow9ts-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-6ow9ts-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-6ow9ts-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-6ow9ts-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-6ow9ts-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-6ow9ts-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-6ow9ts-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.root.svelte-6ow9ts {
  cursor: pointer;
  text-align: left;
  padding: 0.5rem 0.8rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 600;
  height: auto;
  transition: background-color 0.2s;
}
.root.svelte-6ow9ts .icon-text:where(.svelte-6ow9ts) {
  display: flex;
  align-items: center;
}
.root.svelte-6ow9ts
  .icon-text:where(.svelte-6ow9ts)
  .icon:where(.svelte-6ow9ts) {
  transform: scale(0.65);
  margin-left: -0.3rem;
}
.root.svelte-6ow9ts
  .icon-text:where(.svelte-6ow9ts)
  .text:where(.svelte-6ow9ts) {
  word-break: break-word;
  overflow: hidden;
}
.root.svelte-6ow9ts .badge:where(.svelte-6ow9ts) {
  transform: scale(0.9);
  font-weight: 500;
}
.root[data-size="md"].svelte-6ow9ts,
.root[data-size="lg"].svelte-6ow9ts,
.root[data-size="xl"].svelte-6ow9ts {
  font-weight: 600;
}
@keyframes svelte-8p46no-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-8p46no-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-8p46no-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-8p46no-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-8p46no-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-8p46no-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-8p46no-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-8p46no-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-8p46no-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-8p46no-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.-container.svelte-8p46no {
  display: flex;
  gap: 0.3rem;
  height: 1.8rem;
  align-items: center;
  border-radius: 0.3rem;
  border: solid 1px var(--hq-transparent-inverse-0300);
  background: var(--hq-transparent-inverse-0200);
}
.-container[data-active].svelte-8p46no {
  background: var(--hq-transparent-inverse-0300);
  border: solid 1px var(--hq-transparent-inverse-0400);
}
.-container.svelte-8p46no:hover .root:where(.svelte-8p46no) {
  color: var(--hq-base-2400);
}
.-container.svelte-8p46no .root:where(.svelte-8p46no) {
  display: flex;
  width: 100%;
  align-items: center;
  color: var(--hq-base-2000);
}
.-container.svelte-8p46no
  .root:where(.svelte-8p46no)
  .button-field:where(.svelte-8p46no) {
  width: 100%;
}
.-container.svelte-8p46no
  .root:where(.svelte-8p46no)
  .button-field:where(.svelte-8p46no)
  .text-field:where(.svelte-8p46no) {
  padding-left: 0.7rem;
  width: calc(100% - 1.6rem);
  color: var(--hq-base-2500);
}
.-container.svelte-8p46no
  .root:where(.svelte-8p46no)
  .drop-flag:where(.svelte-8p46no) {
  left: 0;
  top: 1.8rem;
  width: 100%;
  position: absolute;
  z-index: 1000;
}
.-container.svelte-8p46no
  .root:where(.svelte-8p46no)
  .drop-flag:where(.svelte-8p46no)
  .drop-field:where(.svelte-8p46no) {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  overflow-y: scroll;
  position: absolute;
  top: 0.35rem;
  border: solid 1px var(--hq-transparent-inverse-0400);
  border-radius: 0.3rem;
  box-shadow: 0 0 10px #00000040;
  max-height: 10rem;
  font-size: 0.7rem;
  overflow-y: auto;
}
.-container.svelte-8p46no
  .root:where(.svelte-8p46no)
  .drop-flag:where(.svelte-8p46no)
  .drop-field:where(.svelte-8p46no)::-webkit-scrollbar {
  width: 0.3rem;
  height: 0.3rem;
  background-color: var(--hq-base-0300);
}
.-container.svelte-8p46no
  .root:where(.svelte-8p46no)
  .drop-flag:where(.svelte-8p46no)
  .drop-field:where(.svelte-8p46no)::-webkit-scrollbar:hover {
  cursor: pointer;
}
.-container.svelte-8p46no
  .root:where(.svelte-8p46no)
  .drop-flag:where(.svelte-8p46no)
  .drop-field:where(.svelte-8p46no)::-webkit-scrollbar-corner {
  background-color: var(--hq-base-0300);
}
.-container.svelte-8p46no
  .root:where(.svelte-8p46no)
  .drop-flag:where(.svelte-8p46no)
  .drop-field:where(.svelte-8p46no)::-webkit-scrollbar-thumb {
  border: solid 1px var(--hq-base-0600);
  border-radius: 3px;
  background-color: var(--hq-base-0600);
}
.-container.svelte-8p46no
  .root:where(.svelte-8p46no)
  .drop-flag:where(.svelte-8p46no)
  .drop-field:where(.svelte-8p46no)::-webkit-scrollbar-thumb:hover {
  cursor: pointer;
  background-color: var(--hq-base-0800);
}
.-container.svelte-8p46no
  .root:where(.svelte-8p46no)
  .drop-flag:where(.svelte-8p46no)
  .drop-field[data-no-scroll]:where(.svelte-8p46no)::-webkit-scrollbar {
  width: 0px;
  height: 0px;
  background-color: inherit;
}
.-container.svelte-8p46no
  .root:where(.svelte-8p46no)
  .drop-flag:where(.svelte-8p46no)
  .drop-field[data-no-scroll]:where(.svelte-8p46no)::-webkit-scrollbar-thumb {
  border: solid 1px var(--hq-base-0600);
  border-radius: 3px;
  background-color: var(--hq-base-0600);
}
.-container.svelte-8p46no
  .root:where(.svelte-8p46no)
  .drop-flag:where(.svelte-8p46no)
  .drop-field[data-no-scroll]:where(.svelte-8p46no)::-webkit-scrollbar-corner {
  background-color: var(--hq-base-0600);
}
.root.svelte-8p46no {
  height: -moz-fit-content;
  height: fit-content;
}
.root.svelte-8p46no .button-field:where(.svelte-8p46no) {
  display: flex;
  align-items: center;
  overflow: hidden;
  gap: 0.5rem;
  position: relative;
  width: 100%;
}
.root.svelte-8p46no
  .button-field:where(.svelte-8p46no)
  .text-field:where(.svelte-8p46no) {
  min-width: calc(100% - 1.5rem);
  max-width: calc(100% - 1.5rem);
}
.root.svelte-8p46no .button-field:where(.svelte-8p46no):hover {
  cursor: pointer;
}
.root.svelte-8p46no
  .button-field:where(.svelte-8p46no)
  .icon:where(.svelte-8p46no) {
  margin-left: -0.7rem;
  right: 0rem;
}
.root.svelte-8p46no .drop-flag:where(.svelte-8p46no) {
  width: 100%;
  position: relative;
  z-index: 1000;
}
.root.svelte-8p46no .drop-field:where(.svelte-8p46no) {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  overflow-y: scroll;
  position: absolute;
  top: 0.35rem;
  border: none;
  box-shadow: 0 0 10px #00000040;
}
.root.svelte-8p46no .button-field:where(.svelte-8p46no) {
  height: 1.7rem;
}
.root.svelte-8p46no
  .button-field:where(.svelte-8p46no)
  .icon:where(.svelte-8p46no) {
  transform: scale(0.6);
}
.root.svelte-8p46no
  .drop-flag:where(.svelte-8p46no)
  .drop-field:where(.svelte-8p46no) {
  max-height: 8rem;
}
.root.svelte-8p46no
  .drop-flag:where(.svelte-8p46no)
  .drop-field[data-direction="up"]:where(.svelte-8p46no) {
  bottom: 2rem;
}
.root.svelte-8p46no
  .drop-flag:where(.svelte-8p46no)
  .drop-field:where(.svelte-8p46no) {
  overflow-y: auto;
}
.root.svelte-8p46no
  .drop-flag:where(.svelte-8p46no)
  .drop-field:where(.svelte-8p46no)::-webkit-scrollbar {
  width: 0.3rem;
  height: 0.3rem;
  background-color: var(--hq-base-0300);
}
.root.svelte-8p46no
  .drop-flag:where(.svelte-8p46no)
  .drop-field:where(.svelte-8p46no)::-webkit-scrollbar:hover {
  cursor: pointer;
}
.root.svelte-8p46no
  .drop-flag:where(.svelte-8p46no)
  .drop-field:where(.svelte-8p46no)::-webkit-scrollbar-corner {
  background-color: var(--hq-base-0300);
}
.root.svelte-8p46no
  .drop-flag:where(.svelte-8p46no)
  .drop-field:where(.svelte-8p46no)::-webkit-scrollbar-thumb {
  border: solid 1px var(--hq-base-0600);
  border-radius: 3px;
  background-color: var(--hq-base-0600);
}
.root.svelte-8p46no
  .drop-flag:where(.svelte-8p46no)
  .drop-field:where(.svelte-8p46no)::-webkit-scrollbar-thumb:hover {
  cursor: pointer;
  background-color: var(--hq-base-0800);
}
.root.svelte-8p46no
  .drop-flag:where(.svelte-8p46no)
  .drop-field[data-no-scroll]:where(.svelte-8p46no)::-webkit-scrollbar {
  width: 0px;
  height: 0px;
  background-color: inherit;
}
.root.svelte-8p46no
  .drop-flag:where(.svelte-8p46no)
  .drop-field[data-no-scroll]:where(.svelte-8p46no)::-webkit-scrollbar-thumb {
  border: solid 1px var(--hq-base-0600);
  border-radius: 3px;
  background-color: var(--hq-base-0600);
}
.root.svelte-8p46no
  .drop-flag:where(.svelte-8p46no)
  .drop-field[data-no-scroll]:where(.svelte-8p46no)::-webkit-scrollbar-corner {
  background-color: var(--hq-base-0600);
}
@keyframes svelte-lvlfh1-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-lvlfh1-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-lvlfh1-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-lvlfh1-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-lvlfh1-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-lvlfh1-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-lvlfh1-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-lvlfh1-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-lvlfh1-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-lvlfh1-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.root.svelte-lvlfh1 {
  display: flex;
  justify-content: start;
  align-items: center;
  width: 100%;
  min-width: 1rem;
  min-height: -moz-fit-content;
  min-height: fit-content;
  overflow: hidden;
  height: 1.8rem;
  font-size: 0.8rem;
  background: var(--hq-transparent-inverse-0200);
  border: solid 1px var(--hq-transparent-inverse-0300);
  border-radius: 0.3rem;
  font-weight: 600;
  cursor: text;
}
.root.svelte-lvlfh1 .button-icon:where(.svelte-lvlfh1) {
  padding: 0 0 0 0.2rem;
  color: var(--hq-base-1700);
}
.root.svelte-lvlfh1 input:where(.svelte-lvlfh1) {
  background-color: transparent;
  border: none;
  outline: none;
  font-weight: 500;
  font: inherit;
  color: inherit;
  width: calc(100% + 4px);
  height: calc(100% + 1px);
  text-indent: 0rem;
  padding-top: 0.1rem;
  font-size: 0.782rem;
}
.root.svelte-lvlfh1 input:where(.svelte-lvlfh1):active,
.root.svelte-lvlfh1 input:where(.svelte-lvlfh1):focus {
  border: none;
  outline: none;
}
.root.svelte-lvlfh1 input:where(.svelte-lvlfh1)::-moz-placeholder {
  color: var(--hq-base-1500);
  font: inherit;
  font-weight: 500;
}
.root.svelte-lvlfh1 input:where(.svelte-lvlfh1)::placeholder {
  color: var(--hq-base-1500);
  font: inherit;
  font-weight: 500;
}
@keyframes svelte-1x4k347-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1x4k347-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1x4k347-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1x4k347-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1x4k347-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1x4k347-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-1x4k347-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1x4k347-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-1x4k347-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-1x4k347-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.switch-item.svelte-1x4k347 {
  height: 1.7rem;
  display: flex;
  align-items: center;
  padding: 0 0.5rem;
  border-radius: 0.25rem;
  border: solid 1px var(--hq-base-0400);
  background: var(--hq-base-0200);
  color: var(--hq-base-1400);
}
.switch-item.svelte-1x4k347:hover {
  cursor: pointer;
  background: var(--hq-transparent-inverse-0200);
}
.switch-item[data-selected].svelte-1x4k347 {
  background: var(--hq-base-0300);
  color: var(--hq-base-2500);
  border-color: var(--hq-base-0400);
}
.switch-item[data-selected].svelte-1x4k347:hover {
  background: var(--hq-base-0500);
}
@keyframes svelte-cy5ucj-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-cy5ucj-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-cy5ucj-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-cy5ucj-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-cy5ucj-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-cy5ucj-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-cy5ucj-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-cy5ucj-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-cy5ucj-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-cy5ucj-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.switch-root.svelte-cy5ucj {
  height: 1.8rem;
  padding: 0 0.5rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  transition: background-color 0.15s, color 0.15s;
}
.switch-root.svelte-cy5ucj .at:where(.svelte-cy5ucj) {
  border: solid 1px var(--hq-transparent-inverse-0500);
  background: var(--hq-prussian-blue-0500);
  border-radius: 1rem;
  padding: 0.1rem;
  position: relative;
  transition: background-color 0.35s;
}
.switch-root.svelte-cy5ucj
  .at:where(.svelte-cy5ucj)
  .dot:where(.svelte-cy5ucj) {
  position: absolute;
  left: 0;
  top: -1px;
  padding: 3px;
  transition: left 0.15s ease-out, transform 0.15s ease-out,
    background-color 0.35s;
}
.switch-root.svelte-cy5ucj
  .at:where(.svelte-cy5ucj)
  .dot[data-enable]:where(.svelte-cy5ucj) {
  left: 100%;
  transform: translate(-100%);
}
.switch-root.svelte-cy5ucj
  .at:where(.svelte-cy5ucj)
  .dot:where(.svelte-cy5ucj)
  .dot-inner:where(.svelte-cy5ucj) {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
@keyframes svelte-1sxe6g2-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1sxe6g2-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1sxe6g2-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1sxe6g2-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1sxe6g2-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1sxe6g2-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-1sxe6g2-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1sxe6g2-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-1sxe6g2-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-1sxe6g2-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.action.svelte-1sxe6g2 {
  display: flex;
  align-items: center;
  height: 1.8rem;
  padding: 0 0.6rem 0 0.3rem;
  border-radius: 0.3rem;
  gap: 0.25rem;
  border: solid 1px var(--hq-celadon-blue-0700);
  background: var(--hq-celadon-blue-0400);
  color: var(--hq-celadon-blue-2000);
  cursor: pointer;
}
.action[data-transparent="true"].svelte-1sxe6g2 {
  background: var(--hq-base-0300);
  color: var(--hq-base-1600);
  border: solid 1px var(--hq-base-0400);
}
.action[data-transparent="true"].svelte-1sxe6g2:hover {
  background: var(--hq-base-0300);
  border: solid 1px var(--hq-base-0400);
  color: var(--hq-base-2400);
}
.action.svelte-1sxe6g2:hover {
  background: var(--hq-celadon-blue-0500);
  border: solid 1px var(--hq-celadon-blue-0800);
  color: var(--hq-celadon-blue-2100);
}
.action.svelte-1sxe6g2 .text:where(.svelte-1sxe6g2) {
  padding-top: "0.1rem";
  font-weight: 500;
}
@keyframes svelte-1kp6bnx-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1kp6bnx-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1kp6bnx-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1kp6bnx-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1kp6bnx-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1kp6bnx-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-1kp6bnx-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1kp6bnx-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-1kp6bnx-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-1kp6bnx-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.floating-btn.svelte-1kp6bnx {
  position: fixed;
  bottom: 2.5rem;
  right: 2.5rem;
  z-index: 1000;
}
@keyframes svelte-1bvscfz-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1bvscfz-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1bvscfz-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1bvscfz-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1bvscfz-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1bvscfz-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-1bvscfz-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1bvscfz-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-1bvscfz-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-1bvscfz-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.item[data-disabled].svelte-1bvscfz {
  position: relative;
}
.item[data-disabled].svelte-1bvscfz:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 1px);
  z-index: 0;
  background: var(--hq-base-0200);
  opacity: 0.7;
  pointer-events: none;
}
.item.selectable.svelte-1bvscfz {
  cursor: pointer;
  position: relative;
  transition: background-color 0.15s;
}
.item.selectable.svelte-1bvscfz:nth-child(odd):after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background: var(--hq-transparent-inverse-0200);
  opacity: 0.4;
  pointer-events: none;
}
.item.selectable.svelte-1bvscfz:hover {
  background: var(--hq-transparent-inverse-0300);
}
@keyframes svelte-yo2r92-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-yo2r92-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-yo2r92-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-yo2r92-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-yo2r92-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-yo2r92-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-yo2r92-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-yo2r92-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-yo2r92-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-yo2r92-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.validator-list-container.svelte-yo2r92 {
  width: 100%;
  z-index: 10;
  height: 100%;
}
@keyframes svelte-1ei12v5-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1ei12v5-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1ei12v5-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1ei12v5-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1ei12v5-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1ei12v5-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-1ei12v5-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1ei12v5-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-1ei12v5-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-1ei12v5-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.w-p-i.svelte-1ei12v5 {
  transition: background-color 0.15s;
}
.w-p-i.svelte-1ei12v5:hover {
  cursor: pointer;
  background: var(--hq-transparent-inverse-0200);
}
.w-p-i.svelte-1ei12v5:active {
  background: var(--hq-transparent-inverse-0300);
}
@keyframes svelte-qq8j04-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-qq8j04-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-qq8j04-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-qq8j04-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-qq8j04-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-qq8j04-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-qq8j04-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-qq8j04-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-qq8j04-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-qq8j04-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.w-p-i.svelte-qq8j04 {
  border-top: solid 1px var(--hq-transparent-inverse-0300);
  cursor: pointer;
  padding: 0.6rem 1.2rem 0.8rem;
  transition: background-color 0.15s;
  position: relative;
  background-color: var(--hq-base-0300);
}
.w-p-i.svelte-qq8j04:hover {
  cursor: pointer;
  background: var(--hq-transparent-inverse-0200);
}
.w-p-i[data-dark="true"].svelte-qq8j04 {
  background-color: var(--hq-base-0200);
}
.w-p-i[data-dark="true"].svelte-qq8j04:hover {
  background-color: var(--hq-base-0300);
}
.w-p-i[data-zebra].svelte-qq8j04:nth-child(odd):before {
  content: "";
  background-color: var(--hq-transparent-inverse-0100);
  z-index: 0;
  opacity: 0.6;
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
@keyframes svelte-49y7jk-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-49y7jk-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-49y7jk-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-49y7jk-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-49y7jk-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-49y7jk-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-49y7jk-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-49y7jk-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-49y7jk-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-49y7jk-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.wallet-contents-pending.svelte-49y7jk {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: var(--hq-transparent-0500);
  -webkit-backdrop-filter: grayscale(0%) blur(0);
  backdrop-filter: grayscale(0%) blur(0);
  transition: all 0.25s ease-in-out;
  z-index: 1000;
  pointer-events: none;
  opacity: 0;
}
.wallet-contents-pending.svelte-49y7jk .cover:where(.svelte-49y7jk) {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: var(--hq-base-0200);
  opacity: 0;
  transition: opacity 0.25 ease-in-out;
}
.wallet-contents-pending.svelte-49y7jk .--contents:where(.svelte-49y7jk) {
  z-index: 10;
  position: absolute;
  bottom: 0;
  left: 2rem;
  padding-bottom: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: scale(0.9);
  transition: transform 0.15s, opacity 0.15s;
  opacity: 0;
}
.wallet-contents-pending[data-enable].svelte-49y7jk {
  opacity: 1;
  pointer-events: all;
  -webkit-backdrop-filter: grayscale(90%) blur(0.3rem);
  backdrop-filter: grayscale(90%) blur(0.3rem);
}
.wallet-contents-pending[data-enable].svelte-49y7jk
  .--contents:where(.svelte-49y7jk) {
  transform: scale(1);
  opacity: 1;
}
.wallet-contents-pending[data-enable].svelte-49y7jk
  .cover:where(.svelte-49y7jk) {
  opacity: 0.6;
}
@keyframes svelte-3bz1a8-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-3bz1a8-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-3bz1a8-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-3bz1a8-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-3bz1a8-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-3bz1a8-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-3bz1a8-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-3bz1a8-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-3bz1a8-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-3bz1a8-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.root.svelte-3bz1a8 {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.root.svelte-3bz1a8 .frame:where(.svelte-3bz1a8) {
  width: 32rem;
  height: 26rem;
  opacity: 0;
  transform: scale(0.85);
  transition: transform 0.45s, opacity 0.45s;
  overflow: hidden;
  background: #27283c;
  border: solid 1px #45476c;
  background-image: linear-gradient(
    -45deg,
    #242439 15%,
    #27283c 40%,
    #373853 85%
  );
  border-radius: 0.5rem;
  position: relative;
}
.root.svelte-3bz1a8 .frame[data-enable]:where(.svelte-3bz1a8) {
  opacity: 1;
  transform: scale(1);
}
.root.svelte-3bz1a8 .frame:where(.svelte-3bz1a8) .lottie:where(.svelte-3bz1a8) {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-45%, -55%);
  z-index: 500;
}
@keyframes svelte-3bz1a8-move-to-right-down {
  0% {
    transform: scale(0.3);
    opacity: 0;
  }
  20% {
    opacity: 0.65;
  }
  50% {
    opacity: 0.85;
  }
  80% {
    opacity: 0.45;
  }
  to {
    opacity: 0;
  }
}
.root.svelte-3bz1a8
  .frame:where(.svelte-3bz1a8)
  .ring-scale:where(.svelte-3bz1a8) {
  pointer-events: none;
  mix-blend-mode: screen;
  position: absolute;
  width: 60px;
  height: 60px;
  animation-name: svelte-3bz1a8-move-to-right-down;
  animation-timing-function: linear;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  left: 50%;
  top: 50%;
  opacity: 0.85;
}
.root.svelte-3bz1a8 .frame:where(.svelte-3bz1a8) .text:where(.svelte-3bz1a8) {
  position: absolute;
  bottom: 0%;
  width: 100%;
  text-align: center;
  color: #fff;
  padding-bottom: 1rem;
  padding-left: 1rem;
}
@keyframes svelte-nm92av-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-nm92av-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-nm92av-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-nm92av-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-nm92av-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-nm92av-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-nm92av-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-nm92av-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-nm92av-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-nm92av-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.wallet-tx-pending.svelte-nm92av {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: var(--hq-transparent-0500);
  -webkit-backdrop-filter: grayscale(0%) blur(0);
  backdrop-filter: grayscale(0%) blur(0);
  transition: all 0.25s ease-in-out;
  z-index: 1000;
  pointer-events: none;
  opacity: 0;
}
.wallet-tx-pending.svelte-nm92av .--contents:where(.svelte-nm92av) {
  z-index: 10;
  position: absolute;
  bottom: 0;
  left: 2rem;
  padding-bottom: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: scale(0.9);
  transition: transform 0.15s, opacity 0.15s;
  opacity: 0;
}
.wallet-tx-pending[data-enable].svelte-nm92av {
  opacity: 1;
  pointer-events: all;
  -webkit-backdrop-filter: grayscale(90%) blur(0.3rem);
  backdrop-filter: grayscale(90%) blur(0.3rem);
}
.wallet-tx-pending[data-enable].svelte-nm92av
  .--contents:where(.svelte-nm92av) {
  transform: scale(1);
  opacity: 1;
}
@keyframes svelte-b65c0n-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-b65c0n-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-b65c0n-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-b65c0n-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-b65c0n-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-b65c0n-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-b65c0n-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-b65c0n-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-b65c0n-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-b65c0n-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.w-p-i.svelte-b65c0n {
  border-top: solid 1px var(--hq-transparent-inverse-0300);
  position: relative;
  padding: 0.6rem 1.2rem 0.8rem;
  transition: background-color 0.15s;
}
.w-p-i[data-disable-border-top].svelte-b65c0n {
  border-top: none;
}
.w-p-i[data-dark="true"].svelte-b65c0n {
  background-color: var(--hq-base-0200);
}
.w-p-i[data-zebra].svelte-b65c0n:nth-child(2n):before {
  content: "";
  background-color: var(--hq-transparent-inverse-0100);
  opacity: 0.8;
  z-index: 0;
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
@keyframes svelte-1psqdlh-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1psqdlh-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1psqdlh-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1psqdlh-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1psqdlh-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1psqdlh-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-1psqdlh-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1psqdlh-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-1psqdlh-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-1psqdlh-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.footer.svelte-1psqdlh {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.contaier.svelte-1psqdlh {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
  padding-bottom: 4rem;
}
.icon-container.svelte-1psqdlh {
  padding: 0.1rem;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  background-color: var(--hq-base-0700);
  border-radius: 50%;
  opacity: 0.7;
}
@keyframes svelte-1sa6alu-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1sa6alu-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1sa6alu-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1sa6alu-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1sa6alu-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1sa6alu-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-1sa6alu-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1sa6alu-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-1sa6alu-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-1sa6alu-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.footer.svelte-1sa6alu {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.contaier.svelte-1sa6alu {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
  padding-bottom: 4rem;
}
.icon-container.svelte-1sa6alu {
  padding: 0.1rem;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  background-color: var(--hq-base-0700);
  border-radius: 50%;
  opacity: 0.7;
}
@keyframes svelte-1jbacdl-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1jbacdl-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1jbacdl-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1jbacdl-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1jbacdl-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1jbacdl-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-1jbacdl-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1jbacdl-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-1jbacdl-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-1jbacdl-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.contaier.svelte-1jbacdl {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
  padding-bottom: 4rem;
}
@keyframes svelte-eqtygg-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-eqtygg-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-eqtygg-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-eqtygg-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-eqtygg-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-eqtygg-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-eqtygg-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-eqtygg-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-eqtygg-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-eqtygg-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.root.svelte-eqtygg {
  border: 1px solid var(--hq-transparent-inverse-0300);
  background: var(--hq-transparent-inverse-0100);
  border-radius: 0.3rem;
}
.root.svelte-eqtygg:hover {
  cursor: pointer;
  background: var(--hq-transparent-inverse-0200);
}
.root.svelte-eqtygg .header:where(.svelte-eqtygg) {
  padding: 0.7rem 0.5rem 0.4rem 0.8rem;
}
.root.svelte-eqtygg .--content:where(.svelte-eqtygg) {
  padding: 0 0.5rem 0.5rem 0.8rem;
}
.root.svelte-eqtygg .validator:where(.svelte-eqtygg) {
  padding-right: 0.4rem;
}
.root.svelte-eqtygg .footer:where(.svelte-eqtygg) {
  padding: 0.1rem 0.5rem 0.7rem 0.8rem;
}
@keyframes svelte-1iujz2j-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1iujz2j-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1iujz2j-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1iujz2j-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1iujz2j-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1iujz2j-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-1iujz2j-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1iujz2j-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-1iujz2j-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-1iujz2j-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.loading.svelte-1iujz2j {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: calc(100% - 14rem);
}
.claim-all.svelte-1iujz2j {
  border: 1px solid var(--hq-transparent-inverse-0200);
  background: var(--hq-transparent-inverse-0200);
  border-radius: 0.3rem;
  padding: 0.6rem 0.5rem 0.6rem 0.8rem;
}
.footer.svelte-1iujz2j {
  padding: 1.5rem;
  width: 100%;
  position: absolute;
  bottom: 0;
}
.footer.svelte-1iujz2j .tag:where(.svelte-1iujz2j) {
  display: flex;
  background-color: var(--hq-transparent-inverse-0200);
  padding: 0.2rem 1rem 0.2rem 0.2rem;
  border: 1px solid var(--hq-transparent-inverse-0200);
  border-radius: 0.2rem;
}
@keyframes svelte-ofjtu4-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-ofjtu4-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-ofjtu4-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-ofjtu4-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-ofjtu4-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-ofjtu4-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-ofjtu4-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-ofjtu4-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-ofjtu4-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-ofjtu4-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
@keyframes svelte-uu4qas-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-uu4qas-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-uu4qas-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-uu4qas-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-uu4qas-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-uu4qas-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-uu4qas-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-uu4qas-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-uu4qas-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-uu4qas-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.ele.svelte-uu4qas {
  width: 100%;
  height: 100%;
  position: relative;
}
.ele.svelte-uu4qas .chain-icon:where(.svelte-uu4qas) {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.root.svelte-uu4qas {
  width: 100%;
  height: 100%;
  position: relative;
}
.root.svelte-uu4qas .qr-border:where(.svelte-uu4qas) {
  padding: 1rem;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.qr-root.svelte-uu4qas {
  padding: 2rem;
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.qr-root.svelte-uu4qas .-container:where(.svelte-uu4qas) {
  width: 100%;
  height: 100%;
}
.qr-root.svelte-uu4qas
  .-container:where(.svelte-uu4qas)
  .box:where(.svelte-uu4qas) {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
}
.qr-root.svelte-uu4qas
  .-container:where(.svelte-uu4qas)
  .box:where(.svelte-uu4qas)
  .text:where(.svelte-uu4qas) {
  position: absolute;
  background: var(--hq-base-0300);
}
[data-qr-root].svelte-uu4qas {
  padding: 0.45rem;
  background: #fff;
  overflow: hidden;
  width: 100%;
  height: 100%;
  border-radius: 0.5rem;
  box-shadow: 0 2px 6px #0000001a;
}
[data-qr-root] > canvas {
  width: 100% !important;
  height: 100% !important;
}
@keyframes svelte-req101-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-req101-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-req101-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-req101-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-req101-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-req101-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-req101-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-req101-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-req101-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-req101-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.root.svelte-req101 {
  display: flex;
  width: 100%;
  height: 3rem;
  align-items: center;
}
@keyframes svelte-1fb3bve-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1fb3bve-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1fb3bve-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1fb3bve-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1fb3bve-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1fb3bve-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-1fb3bve-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1fb3bve-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-1fb3bve-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-1fb3bve-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.root.svelte-1fb3bve {
  display: flex;
  height: 3rem;
  align-items: center;
}
@keyframes svelte-18ay7o5-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-18ay7o5-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-18ay7o5-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-18ay7o5-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-18ay7o5-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-18ay7o5-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-18ay7o5-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-18ay7o5-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-18ay7o5-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-18ay7o5-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.root.svelte-18ay7o5 {
  display: flex;
  align-items: center;
  height: 100%;
}
.root.svelte-18ay7o5 .breadcrumb-item:where(.svelte-18ay7o5) {
  display: flex;
  border-radius: 0.2rem;
  font-size: 0.757rem;
  font-weight: 600;
  align-items: center;
  color: var(--hq-base-1500);
}
.root.svelte-18ay7o5 .breadcrumb-item:where(.svelte-18ay7o5):hover {
  color: var(--hq-base-2200);
}
.root.svelte-18ay7o5
  .breadcrumb-item[data-current="true"]:where(.svelte-18ay7o5) {
  opacity: 1;
  color: var(--hq-base-2200);
}
.root.svelte-18ay7o5 .breadcrumb-item[data-disable]:where(.svelte-18ay7o5) {
  pointer-events: none;
  color: var(--hq-base-1000);
}
.root.svelte-18ay7o5
  .breadcrumb-item:where(.svelte-18ay7o5)
  .icon:where(.svelte-18ay7o5) {
  width: 1rem;
  height: 1rem;
  background-size: cover;
  margin-right: 0.4rem;
}
.root.svelte-18ay7o5 .next:where(.svelte-18ay7o5) {
  padding: 0 0.3rem;
  color: var(--hq-base-1500);
}
.root.svelte-18ay7o5:last-child .next:where(.svelte-18ay7o5) {
  display: none;
}
@keyframes svelte-1urgg1u-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1urgg1u-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1urgg1u-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1urgg1u-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1urgg1u-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1urgg1u-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-1urgg1u-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1urgg1u-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-1urgg1u-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-1urgg1u-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.command.svelte-1urgg1u {
  margin-left: 0rem;
  height: 1.8rem;
  min-width: 1.8rem;
  border-radius: 0.3rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0rem 0.4rem;
  font-size: 0.72rem;
  font-weight: 800;
  cursor: pointer;
}
@media only screen and (max-width: 1080px) {
  .command.svelte-1urgg1u {
    background-color: var(--hq-base-0200);
    margin-left: 0.2rem;
  }
}
.command.svelte-1urgg1u .text:where(.svelte-1urgg1u) {
  padding-top: 0.1rem;
  padding-right: 0.3rem;
  padding-left: 0.2rem;
}
.command.svelte-1urgg1u .icon:where(.svelte-1urgg1u) {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--hq-base-2300);
  transition: opacity 0.2s;
  opacity: 0.8;
  height: 100%;
}
.command.svelte-1urgg1u:hover {
  transition: background-color 0.2s;
  background-color: var(--hq-transparent-inverse-0300);
}
.command.svelte-1urgg1u:hover .icon:where(.svelte-1urgg1u) {
  opacity: 1;
}
@keyframes svelte-8if8j4-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-8if8j4-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-8if8j4-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-8if8j4-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-8if8j4-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-8if8j4-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-8if8j4-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-8if8j4-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-8if8j4-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-8if8j4-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.root.svelte-8if8j4 {
  height: 3rem;
  background: var(--hq-base-0300);
  top: 0;
  width: 100%;
  left: 14rem;
  border-bottom: solid 1px var(--hq-transparent-inverse-0300);
  padding: 0 1rem 0 0rem;
}
@media only screen and (max-width: 1080px) {
  .root.svelte-8if8j4 {
    background: var(--hq-base-0200);
  }
}
.root.svelte-8if8j4 .-container:where(.svelte-8if8j4) {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  position: relative;
}
.root.svelte-8if8j4 .-container[data-mobile]:where(.svelte-8if8j4) {
  padding-left: 1rem;
  background: var(--hq-base-0200);
}
@media only screen and (min-width: 1081px) {
  .root.svelte-8if8j4 .-container[data-mobile]:where(.svelte-8if8j4) {
    display: none;
  }
}
.root.svelte-8if8j4 .-container[data-desktop]:where(.svelte-8if8j4) {
  padding-left: 1rem;
}
@media only screen and (max-width: 1080px) {
  .root.svelte-8if8j4 .-container[data-desktop]:where(.svelte-8if8j4) {
    display: none;
  }
}
.root.svelte-8if8j4
  .-container[data-desktop][data-drawer-open]:where(.svelte-8if8j4) {
  padding-left: 1rem;
}
@keyframes svelte-51f4ii-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-51f4ii-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-51f4ii-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-51f4ii-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-51f4ii-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-51f4ii-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-51f4ii-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-51f4ii-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-51f4ii-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-51f4ii-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
:root {
  --cds-ui-00: #fff;
  --cds-text-sub-01: #89909b;
  --cds-bg-sub-01: #f8f8f8;
  --bg-normal: #eee;
  --base01: #ffffff;
  --base02: #f8f8f8;
  --base03: #e6e6e6;
  --base04: #89909b;
  --base04-opa: #89909b1f;
  --base05: #4b525d;
  --base06: #222222;
  --accent-green: #27bd69;
  --accent-red: #e33f3f;
  --accent-blue: #2974e5;
  --accent-point: #0566dd;
  --accent-grad-start: #a97fff;
  --accent-grad-end: #05d2dd;
  --bg01: #161a1e;
  --accent-support-01: #da1e28;
  --accent-support-02: #198038;
  --accent-support-03: #f1c21b;
  --accent-support-04: #0043ce;
  --accent-support-05: RGB(140, 207, 255);
  --accent-inverse-support-01: #fa4d56;
  --accent-inverse-support-02: #42be65;
  --accent-inverse-support-03: #f1c21b;
  --accent-inverse-support-04: #4589ff;
  --accent-inverse-support-05: RGB(140, 207, 255);
  --accent-purple: #8872b4;
  --accent-inverse-purple: #6852a4;
  --tooltip-background: #666;
  --support-01: #00b1fd;
  --support-01-opa: #00b1fd1a;
  --shadow-default: rgba(0, 0, 0, 0.18);
  --overlay-half: rgba(0, 0, 0, 0.025);
  --overlay: rgba(0, 0, 0, 0.05);
  --overlay-1-5x: rgba(0, 0, 0, 0.068);
  --overlay-2x: rgba(0, 0, 0, 0.08);
  --overlay-3x: rgba(0, 0, 0, 0.12);
  --overlay-4x: rgba(0, 0, 0, 0.16);
  --overlay-10x: rgba(0, 0, 0, 0.4);
  --overlay-20x: rgba(0, 0, 0, 0.8);
  --overlay-invert: rgba(255, 255, 255, 0.05);
  --overlay-invert-1-5x: rgba(255, 255, 255, 0.075);
  --overlay-invert-2x: rgba(255, 255, 255, 0.1);
  --overlay-invert-3x: rgba(255, 255, 255, 0.15);
  --overlay-invert-4x: rgba(255, 255, 255, 0.2);
  --overlay-invert-10x: rgba(255, 255, 255, 0.4);
  --overlay-invert-20x: rgba(255, 255, 255, 0.8);
  --border-color: rgba(0, 0, 0, 0.06);
  --border-color-w1: rgba(0, 0, 0, 0.1);
  --border-color-s1: rgba(0, 0, 0, 0.25);
  --progress-grad-01: #503271;
  --progress-grad-02: #204065;
  --progress-inner-line: rgba(255, 255, 255, 0.5);
  --ui-00: #ffffff;
  --ui-01: #f8f8f8;
  --ui-00-rev: #f3f3f3;
  --ui-01-rev: #ffffff;
  --ui-border-01: #e6e6e6;
  --ui-header: #fff;
  --ui-cover-bg: rgba(200, 200, 200, 0.8);
  --ui-nav-bg: #fff;
  --vis-guide-default: #bbb;
  --vis-guide-text: #667e9c;
  --vis-positive: #0ecb81;
  --vis-negative: #f6465d;
  --vis-guide-accent: #5c6f86;
  --vis-guide-text-accent: #525b65;
  --component-base00: #ffffff;
  --component-base01: #f3f4f6;
  --component-base01-opa-5: #f3f4f688;
  --component-base01-opa-8: #f3f4f6cc;
  --component-base02: #e8eaed;
  --component-base03: #dcdfe4;
  --component-base04: #c5cad3;
  --component-base05: #a3abb8;
  --component-base06: #758195;
  --component-base06_1: #4f545a;
  --component-base06_2: #4b525d;
  --component-base06_5: #4b525d;
  --component-base07: #222222;
  --component-accent-white: #ffffff;
  --component-accent-purple: #e1d1ff;
  --component-accent-purple-d1: #633fca;
  --component-accent-green: #27bd69;
  --component-accent-orange: rgb(212, 122, 38);
  --component-accent-red: #e33f3f;
  --component-accent-blue: #0999d7;
  --component-box-shadow: rgba(0, 0, 0, 0.065);
  --component-accent-progress: #8067ad;
  --component-overlay-base02: #bbbbbbaa;
  --dev-activity-freq-1: #b6e3ff;
  --dev-activity-freq-2: #54aeff;
  --dev-activity-freq-3: #0969da;
  --dev-activity-freq-4: #0a3069;
}
:root[theme="g100"] {
  --ui-00: #1e202b;
  --ui-01: #262a35;
  --ui-00-rev: #151515;
  --ui-01-rev: #2a2a2a;
  --ui-border-01: #343434;
  --ui-border-02: #404040;
  --ui-border-03: #505050;
  --cds-ui-00: #1a1a1a;
  --cds-text-sub-01: #7e899a;
  --cds-bg-sub-01: #2c2f33;
  --bg-normal: #1f1f1f;
  --base01: #222222;
  --base02: #2c2f33;
  --base03: #434a54;
  --base04: #7e899a;
  --base04-opa: #7e899a4f;
  --base05: #89909b;
  --base06: #ffffff;
  --accent-green: #27bd69;
  --accent-red: #e33f3f;
  --accent-blue: #2974e5;
  --accent-point: #0f73ed;
  --accent-grad-start: #a97fff;
  --accent-grad-start: #05d2dd;
  --accent-support-01: #da1e28;
  --accent-support-02: #198038;
  --accent-support-03: #f1c21b;
  --accent-support-04: #0043ce;
  --accent-support-05: RGB(140, 207, 255);
  --accent-inverse-support-01: #fa4d56;
  --accent-inverse-support-02: #42be65;
  --accent-inverse-support-03: #f1c21b;
  --accent-inverse-support-04: #0f62fe;
  --accent-inverse-support-05: RGB(140, 207, 255);
  --accent-purple: #a48ed0;
  --accent-inverse-purple: #c4aee0;
  --tooltip-background: #465666;
  --support-01: #00b1fd;
  --support-01-opa: #00b1fd1a;
  --shadow-default: rgba(0, 0, 0, 0.323);
  --overlay-half: rgba(255, 255, 255, 0.025);
  --overlay: rgba(255, 255, 255, 0.05);
  --overlay-1-5x: rgba(255, 255, 255, 0.075);
  --overlay-2x: rgba(255, 255, 255, 0.1);
  --overlay-3x: rgba(255, 255, 255, 0.15);
  --overlay-4x: rgba(255, 255, 255, 0.2);
  --overlay-10x: rgba(255, 255, 255, 0.4);
  --overlay-20x: rgba(255, 255, 255, 0.8);
  --overlay-invert: rgba(0, 0, 0, 0.05);
  --overlay-invert-1-5x: rgba(0, 0, 0, 0.075);
  --overlay-invert-2x: rgba(0, 0, 0, 0.1);
  --overlay-invert-3x: rgba(0, 0, 0, 0.15);
  --overlay-invert-4x: rgba(0, 0, 0, 0.2);
  --overlay-invert-10x: rgba(0, 0, 0, 0.4);
  --overlay-invert-20x: rgba(0, 0, 0, 0.8);
  --border-color: rgba(255, 255, 255, 0.09);
  --border-color-w1: rgba(255, 255, 255, 0.06);
  --border-color-s1: rgba(255, 255, 255, 0.15);
  --progress-grad-01: #302241;
  --progress-grad-02: #001025;
  --progress-inner-line: rgba(255, 255, 255, 0.5);
  --ui-header: #131313;
  --ui-cover-bg: rgba(0, 0, 0, 0.6);
  --ui-nav-bg: #131323;
  --vis-guide-accent: #7d9dc5;
  --vis-guide-default: #5c718a;
  --vis-guide-text-accent: #bcd1e8;
  --vis-guide-text: #99b0c9;
  --vis-positive: #0ecb81;
  --vis-negative: #f6465d;
  --component-base00: #111111;
  --component-base01: #1b1e23;
  --component-base01-opa-5: #1b1e2388;
  --component-base01-opa-8: #1b1e23cc;
  --component-base02: #2a2f37;
  --component-base03: #3e4551;
  --component-base04: #474f5c;
  --component-base05: #616a76;
  --component-base06: #758195;
  --component-base06_1: #a3abb8;
  --component-base06_2: #bac0ca;
  --component-base06_5: #d1d5dc;
  --component-base07: #ffffff;
  --component-accent-white: #ffffff;
  --component-accent-purple: #7c4ffc;
  --component-accent-purple-d1: #633fca;
  --component-accent-green: #1ba858;
  --component-accent-red: #e33f3f;
  --component-accent-orange: rgb(212, 122, 38);
  --component-accent-blue: #1291c8;
  --component-box-shadow: rgba(0, 0, 0, 0.1);
  --component-overlay-base02: #2c2f33aa;
  --component-accent-progress: #7c4ffc;
  --dev-activity-freq-1: #0a3069;
  --dev-activity-freq-2: #0969da;
  --dev-activity-freq-3: #54aeff;
  --dev-activity-freq-4: #b6e3ff;
}
html {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  font-size: 18px;
}
@media only screen and (min-width: 1441px) {
  html {
    font-size: 18px !important;
  }
}
@media only screen and (max-width: 1280px) {
  html {
    font-size: 16.5px;
  }
}
@media only screen and (max-width: 1080px) {
  html {
    font-size: 14.5px;
  }
}
@media only screen and (min-width: 0px) and (max-width: 640px) {
  html {
    font-size: 14.5px;
  }
}
.root.svelte-51f4ii {
  display: flex;
  width: 100%;
  max-width: 100%;
  height: 100%;
}
.root.svelte-51f4ii .overvall:where(.svelte-51f4ii) {
  flex: 1 0;
  height: 100%;
  max-width: calc(100% - 4rem);
}
.root.svelte-51f4ii .overvall[data-open="true"]:where(.svelte-51f4ii) {
  max-width: calc(100% - 14rem);
}
@media only screen and (max-width: 1080px) {
  .root.svelte-51f4ii .overvall:where(.svelte-51f4ii) {
    max-width: 100% !important;
  }
}
.root.svelte-51f4ii
  .overvall:where(.svelte-51f4ii)
  .content-root:where(.svelte-51f4ii) {
  position: relative;
  width: 100%;
  height: calc(100% - 3rem);
  overflow: hidden;
  background: var(--hq-base-0200);
}
@keyframes svelte-gg06ud-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-gg06ud-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-gg06ud-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-gg06ud-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-gg06ud-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-gg06ud-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-gg06ud-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-gg06ud-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-gg06ud-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-gg06ud-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.root.svelte-gg06ud {
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.root[data-border].svelte-gg06ud {
  border-top: solid 1px var(--hq-transparent-inverse-0300);
}
.root.svelte-gg06ud::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: var(--hq-base-0300);
}
.root.svelte-gg06ud::-webkit-scrollbar-thumb {
  border: solid 1px var(--hq-base-0600);
  border-radius: 3px;
  background-color: var(--hq-base-0600);
}
.root.svelte-gg06ud::-webkit-scrollbar-thumb:hover {
  cursor: pointer;
  background-color: var(--hq-base-0800);
}
.root.svelte-gg06ud::-webkit-scrollbar-corner {
  background-color: var(--hq-base-0600);
}
.root[data-scrollbar-shade="200"].svelte-gg06ud::-webkit-scrollbar {
  width: 6px;
  background-color: var(--hq-base-0200);
}
.root[data-scrollbar-shade="200"].svelte-gg06ud::-webkit-scrollbar-thumb {
  border: solid 1px var(--hq-base-0600);
  border-radius: 3px;
  background-color: var(--hq-base-0600);
}
.root[data-scrollbar-shade="300"].svelte-gg06ud::-webkit-scrollbar {
  width: 6px;
  background-color: var(--hq-base-0300);
}
.root[data-scrollbar-shade="300"].svelte-gg06ud::-webkit-scrollbar-thumb {
  border: solid 1px var(--hq-base-0600);
  border-radius: 3px;
  background-color: var(--hq-base-0600);
}
.root[data-scrollbar-shade="400"].svelte-gg06ud::-webkit-scrollbar {
  width: 6px;
  background-color: var(--hq-base-0400);
}
.root[data-scrollbar-shade="400"].svelte-gg06ud::-webkit-scrollbar-thumb {
  border: solid 1px var(--hq-base-0600);
  border-radius: 3px;
  background-color: var(--hq-base-0600);
}
@keyframes svelte-1mbqhyj-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1mbqhyj-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1mbqhyj-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1mbqhyj-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1mbqhyj-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1mbqhyj-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-1mbqhyj-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1mbqhyj-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-1mbqhyj-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-1mbqhyj-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
@keyframes svelte-1wuo6i8-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1wuo6i8-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1wuo6i8-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1wuo6i8-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1wuo6i8-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1wuo6i8-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-1wuo6i8-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1wuo6i8-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-1wuo6i8-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-1wuo6i8-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.root.svelte-1wuo6i8 {
  padding: 0.6rem;
  border: solid 1px transparent;
  position: relative;
  background: var(--overlay);
  background-color: var(--hq-base-0300);
  height: 100%;
  border-radius: 0.3rem;
}
.root.svelte-1wuo6i8::-webkit-scrollbar {
  width: 0.3rem;
  height: 0.3rem;
  background-color: var(--hq-base-300);
}
.root.svelte-1wuo6i8::-webkit-scrollbar:hover {
  cursor: pointer;
}
.root.svelte-1wuo6i8::-webkit-scrollbar-corner {
  background-color: var(--hq-base-300);
}
.root.svelte-1wuo6i8::-webkit-scrollbar-thumb {
  border: solid 1px var(--hq-base-0600);
  border-radius: 3px;
  background-color: var(--hq-base-0600);
}
.root.svelte-1wuo6i8::-webkit-scrollbar-thumb:hover {
  cursor: pointer;
  background-color: var(--hq-base-0800);
}
.root[data-border].svelte-1wuo6i8 {
  border-color: var(--hq-base-0400);
}
.root[data-link].svelte-1wuo6i8:hover:after,
.root[data-link-with-focus].svelte-1wuo6i8:hover:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  background: var(--hq-transparent-inverse-0200);
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.root[data-link].svelte-1wuo6i8 {
  border-color: var(--hq-transparent-inverse-0200);
  cursor: pointer;
}
.root.svelte-1wuo6i8 .--content:where(.svelte-1wuo6i8) {
  height: calc(100% - 1rem);
  padding-top: 0.4rem;
}
.root.svelte-1wuo6i8 .--content[data-no-title]:where(.svelte-1wuo6i8) {
  padding-top: 0;
  height: 100%;
}
.root[data-dense].svelte-1wuo6i8 {
  padding: 0.3rem 0.6rem;
}
.root[data-dense].svelte-1wuo6i8 .--content:where(.svelte-1wuo6i8) {
  padding-top: 0.2rem;
  font-size: 0.98rem;
}
.root[data-disable-area].svelte-1wuo6i8 {
  background: transparent;
  padding: 0;
}
.root[data-disable-area].svelte-1wuo6i8:hover:after {
  background: transparent !important;
}
@keyframes svelte-bpcd4k-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-bpcd4k-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-bpcd4k-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-bpcd4k-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-bpcd4k-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-bpcd4k-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-bpcd4k-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-bpcd4k-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-bpcd4k-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-bpcd4k-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.tag.svelte-bpcd4k {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  overflow: hidden;
}
@keyframes svelte-t2knh4-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-t2knh4-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-t2knh4-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-t2knh4-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-t2knh4-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-t2knh4-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-t2knh4-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-t2knh4-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-t2knh4-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-t2knh4-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.root.svelte-t2knh4 {
  width: 100%;
  height: 100%;
  position: relative;
}
.root.svelte-t2knh4 .copy-btn:where(.svelte-t2knh4) {
  position: absolute;
  top: 0.4rem;
  right: 0.4rem;
  z-index: 1;
}
.root.svelte-t2knh4 .--content:where(.svelte-t2knh4) {
  padding: 0 0.1rem;
  overflow: hidden;
}
@keyframes svelte-1uhdlaz-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1uhdlaz-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1uhdlaz-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1uhdlaz-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1uhdlaz-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1uhdlaz-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-1uhdlaz-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1uhdlaz-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-1uhdlaz-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-1uhdlaz-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.root.svelte-1uhdlaz {
  border-radius: 0 !important;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
  padding: 1rem 1rem 2.5rem !important;
}
.root.svelte-1uhdlaz:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: calc(100% - 1px);
  height: calc(100% - 1px);
  z-index: 0;
  pointer-events: none;
  outline: solid 1px var(--hq-base-0400);
}
.root[data-no-outline].svelte-1uhdlaz:after {
  display: none;
}
@media only screen and (min-width: 0px) and (max-width: 640px) {
  .root[data-in-centered-content].svelte-1uhdlaz {
    padding: 1rem 0.5rem 2.5rem !important;
  }
}
.root.svelte-1uhdlaz .header:where(.svelte-1uhdlaz) {
  font-size: 1.1rem !important;
  min-height: 4rem !important;
  height: auto !important;
  padding-top: 1rem !important;
}
.root.svelte-1uhdlaz
  .header:where(.svelte-1uhdlaz)
  .header-field:where(.svelte-1uhdlaz)
  .icon:where(.svelte-1uhdlaz) {
  margin-right: 0.2rem;
}
.root.svelte-1uhdlaz .command:where(.svelte-1uhdlaz) {
  display: flex;
  padding: 0 1rem 0 0;
  justify-content: flex-start;
}
.root[data-shadow].svelte-1uhdlaz {
  box-shadow: 0 4px 8px #0000001a;
}
.root[data-size="sm"].svelte-1uhdlaz {
  border-radius: 0.34rem;
  font-size: 0.778rem;
}
.root[data-size="sm"].svelte-1uhdlaz .header-field:where(.svelte-1uhdlaz) {
  font-weight: 700;
  height: 2.7rem;
}
.root[data-size="sm"].svelte-1uhdlaz
  .header-field:where(.svelte-1uhdlaz)
  .icon:where(.svelte-1uhdlaz) {
  scale: 0.9;
}
.root[data-size="sm"].svelte-1uhdlaz
  .header-field:where(.svelte-1uhdlaz)
  .action:where(.svelte-1uhdlaz) {
  padding: 0.05rem 0 0 0.2rem;
  scale: 0.7;
}
.root[data-size="sm"].svelte-1uhdlaz
  .header-field:where(.svelte-1uhdlaz):hover {
  opacity: 1;
}
.root[data-size="sm"].svelte-1uhdlaz .header:where(.svelte-1uhdlaz) {
  padding: 0 1rem;
}
.root[data-size="sm"].svelte-1uhdlaz .--contents:where(.svelte-1uhdlaz) {
  padding: 1rem;
  font-weight: 600;
}
.root[data-size="md"].svelte-1uhdlaz {
  font-size: 1rem;
  border-radius: 0.5rem;
}
.root[data-size="md"].svelte-1uhdlaz .header:where(.svelte-1uhdlaz) {
  padding: 0 1rem;
}
.root[data-size="md"].svelte-1uhdlaz .header-field:where(.svelte-1uhdlaz) {
  font-weight: 600;
  height: 3rem;
}
.root[data-size="md"].svelte-1uhdlaz
  .header-field:where(.svelte-1uhdlaz)
  .action:where(.svelte-1uhdlaz) {
  padding: 0.05rem 0 0 0.25rem;
  scale: 0.75;
}
.root[data-size="md"].svelte-1uhdlaz .--contents:where(.svelte-1uhdlaz) {
  padding: 1rem;
  font-weight: 500;
}
@media only screen and (min-width: 0px) and (max-width: 640px) {
  .root[data-size="md"].svelte-1uhdlaz .--contents:where(.svelte-1uhdlaz) {
    padding-left: 0.6rem;
    padding-right: 0.6rem;
  }
  .root[data-size="md"].svelte-1uhdlaz .header:where(.svelte-1uhdlaz) {
    padding-left: 0.7rem;
    padding-right: 0.7rem;
  }
}
.root[data-size="lg"].svelte-1uhdlaz {
  font-size: 1rem;
  border-radius: 0.58rem;
}
.root[data-size="lg"].svelte-1uhdlaz .header:where(.svelte-1uhdlaz) {
  padding: 0 1.12rem;
}
.root[data-size="lg"].svelte-1uhdlaz .header-field:where(.svelte-1uhdlaz) {
  font-weight: 600;
  height: 3.15rem;
}
.root[data-size="lg"].svelte-1uhdlaz
  .header-field:where(.svelte-1uhdlaz)
  .icon:where(.svelte-1uhdlaz) {
  scale: 1.1;
}
.root[data-size="lg"].svelte-1uhdlaz
  .header-field:where(.svelte-1uhdlaz)
  .action:where(.svelte-1uhdlaz) {
  padding: 0.05rem 0 0 0.4rem;
  scale: 0.8;
}
.root[data-size="lg"].svelte-1uhdlaz .--contents:where(.svelte-1uhdlaz) {
  padding: 1.12rem;
  font-weight: 500;
}
.root[data-size="xl"].svelte-1uhdlaz {
  font-size: 1.12rem;
  border-radius: 0.64rem;
}
.root[data-size="xl"].svelte-1uhdlaz .header:where(.svelte-1uhdlaz) {
  padding: 0 1.3rem;
}
.root[data-size="xl"].svelte-1uhdlaz .header-field:where(.svelte-1uhdlaz) {
  font-weight: 600;
  height: 3.3rem;
}
.root[data-size="xl"].svelte-1uhdlaz
  .header-field:where(.svelte-1uhdlaz)
  .icon:where(.svelte-1uhdlaz) {
  scale: 1.1;
}
.root[data-size="xl"].svelte-1uhdlaz
  .header-field:where(.svelte-1uhdlaz)
  .action:where(.svelte-1uhdlaz) {
  padding: 0.05rem 0 0 0.45rem;
  scale: 0.85;
}
.root[data-size="xl"].svelte-1uhdlaz .--contents:where(.svelte-1uhdlaz) {
  padding: 1.3rem;
  font-weight: 500;
}
.root[data-size="2xl"].svelte-1uhdlaz {
  font-size: 1.12rem;
  border-radius: 0.64rem;
}
.root[data-size="2xl"].svelte-1uhdlaz .header:where(.svelte-1uhdlaz) {
  padding: 0 1.3rem;
}
.root[data-size="2xl"].svelte-1uhdlaz .header-field:where(.svelte-1uhdlaz) {
  font-weight: 600;
  height: 4.3rem;
}
.root[data-size="2xl"].svelte-1uhdlaz
  .header-field:where(.svelte-1uhdlaz)
  .icon:where(.svelte-1uhdlaz) {
  scale: 1.15;
}
.root[data-size="2xl"].svelte-1uhdlaz
  .header-field:where(.svelte-1uhdlaz)
  .action:where(.svelte-1uhdlaz) {
  padding: 0.05rem 0 0 0.5rem;
  scale: 0.9;
}
.root[data-size="2xl"].svelte-1uhdlaz .--contents:where(.svelte-1uhdlaz) {
  padding: 1.3rem;
  font-weight: 500;
}
.root.svelte-1uhdlaz .header:where(.svelte-1uhdlaz) {
  border-bottom: solid 1px var(--overlay);
}
.root.svelte-1uhdlaz
  .header:where(.svelte-1uhdlaz)
  .description:where(.svelte-1uhdlaz) {
  line-height: 1.3;
  padding-bottom: 0.8rem;
  font-weight: 500;
  margin-top: -0.4rem;
}
.root.svelte-1uhdlaz .header-field:where(.svelte-1uhdlaz) {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.root.svelte-1uhdlaz
  .header-field:where(.svelte-1uhdlaz)
  .title-field:where(.svelte-1uhdlaz) {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.root.svelte-1uhdlaz
  .header-field:where(.svelte-1uhdlaz)
  .title-field:where(.svelte-1uhdlaz)
  .icon:where(.svelte-1uhdlaz) {
  padding-right: 0.2rem;
}
.root.svelte-1uhdlaz
  .header-field:where(.svelte-1uhdlaz)
  .title-field:where(.svelte-1uhdlaz)
  .texts:where(.svelte-1uhdlaz) {
  font-weight: inherit;
  display: flex;
}
.root.svelte-1uhdlaz .--contents:where(.svelte-1uhdlaz) {
  overflow-y: scroll;
  height: 100%;
  flex: 1 0;
  background: transparent;
}
.root.svelte-1uhdlaz .--contents:where(.svelte-1uhdlaz)::-webkit-scrollbar {
  width: 6px;
  background-color: var(--hq-base-0200);
}
.root.svelte-1uhdlaz
  .--contents:where(.svelte-1uhdlaz)::-webkit-scrollbar-thumb {
  border: solid 1px var(--hq-base-0600);
  border-radius: 3px;
  background-color: var(--hq-base-0600);
}
.root.svelte-1uhdlaz .footer:where(.svelte-1uhdlaz) {
  border-top: solid 1px var(--border-color);
  height: 3rem;
}
@keyframes svelte-n9ddti-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-n9ddti-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-n9ddti-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-n9ddti-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-n9ddti-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-n9ddti-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-n9ddti-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-n9ddti-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-n9ddti-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-n9ddti-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.root.svelte-n9ddti {
  pointer-events: none;
  display: flex;
  flex-direction: column;
  width: 3rem;
  height: 100%;
  position: absolute;
  color: var(--vis-guide-text);
  z-index: 10;
}
.root.svelte-n9ddti .title:where(.svelte-n9ddti) {
  position: relative;
  z-index: 3;
  padding: 0.4rem;
  font-size: 0.7rem;
  font-weight: 600;
}
.root.svelte-n9ddti .title:where(.svelte-n9ddti) .text:where(.svelte-n9ddti) {
  transform: translateY(20%);
  white-space: nowrap;
  word-break: keep-all;
  padding: 0.2rem 0.5rem;
  border: solid 1px var(--component-base06);
  border-radius: 0.1rem;
  background: var(--base02);
}
.root.svelte-n9ddti .line:where(.svelte-n9ddti) {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
}
.root[data-vis-axis="y"].svelte-n9ddti .title:where(.svelte-n9ddti) {
  position: absolute;
  top: -0.5rem;
  left: 0%;
}
.root[data-vis-axis="y"].svelte-n9ddti .line:where(.svelte-n9ddti) {
  right: 0;
  height: 100%;
  border-right: solid 1px var(--hq-base-0500);
  width: 100%;
}
.root[data-vis-axis="x"].svelte-n9ddti .line:where(.svelte-n9ddti) {
  position: absolute;
  left: 0;
  top: 0;
  border-top: solid 1px var(--hq-base-0500);
  height: 1px;
  width: 100%;
  z-index: 10;
}
.root[data-vis-axis="x"].svelte-n9ddti .title:where(.svelte-n9ddti) {
  position: absolute;
  right: -0.2rem;
  bottom: 100%;
  text-align: right;
}
.root[data-vis-axis="x"].svelte-n9ddti
  .title:where(.svelte-n9ddti)
  .text:where(.svelte-n9ddti) {
  transform: translate(0);
  padding: 0.2rem 0.5rem;
  border: solid 1px var(--hq-base-0500);
  border-radius: 0.1rem;
  background: var(--component-base02);
}
.root.svelte-n9ddti .tab:where(.svelte-n9ddti) {
  position: absolute;
}
.root.svelte-n9ddti .tab:where(.svelte-n9ddti) .text:where(.svelte-n9ddti) {
  font-size: 0.65rem;
  line-height: 1.2;
  font-weight: 600;
  color: var(--hq-base-1200);
}
.root.svelte-n9ddti .tab[data-type="y"]:where(.svelte-n9ddti) {
  width: 100%;
  text-align: right;
}
.root.svelte-n9ddti
  .tab[data-type="y"]:where(.svelte-n9ddti)
  .text:where(.svelte-n9ddti) {
  top: -0.5rem;
  line-height: 1rem;
  position: absolute;
  right: 0.5rem;
}
.root.svelte-n9ddti
  .tab[data-type="y"]:where(.svelte-n9ddti)
  .gutter:where(.svelte-n9ddti) {
  width: 8px;
  height: 2px;
  background: var(--hq-base-0500);
  position: absolute;
  right: -4px;
  top: -1px;
}
.root.svelte-n9ddti
  .tab[data-type="x"]:where(.svelte-n9ddti)
  .text:where(.svelte-n9ddti) {
  position: absolute;
  width: 3rem;
  transform: translate(-50%);
  top: 0.3rem;
  text-align: center;
}
.root.svelte-n9ddti
  .tab[data-type="x"]:where(.svelte-n9ddti)
  .gutter:where(.svelte-n9ddti) {
  height: 8px;
  width: 2px;
  position: absolute;
  background: var(--hq-base-0500);
  left: 0;
  top: -4px;
}
@keyframes svelte-1kjo3j3-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1kjo3j3-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1kjo3j3-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1kjo3j3-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1kjo3j3-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1kjo3j3-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-1kjo3j3-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1kjo3j3-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-1kjo3j3-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-1kjo3j3-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.root.svelte-1kjo3j3 {
  position: absolute;
  right: 0;
  top: 0;
  width: calc(100% - 3rem);
  height: calc(100% - 3rem);
}
.root.svelte-1kjo3j3 .graphic:where(.svelte-1kjo3j3) {
  width: 100%;
  height: 100%;
}
.root.svelte-1kjo3j3 .grid-container:where(.svelte-1kjo3j3) {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 20;
  left: 0;
  top: 0;
  pointer-events: none;
}
.root.svelte-1kjo3j3
  .grid-container:where(.svelte-1kjo3j3)
  .grid:where(.svelte-1kjo3j3) {
  opacity: 0.25;
}
.root.svelte-1kjo3j3
  .grid-container:where(.svelte-1kjo3j3)
  .grid[data-type="x"]:where(.svelte-1kjo3j3) {
  position: absolute;
  top: 0;
  border-right: dashed 1px var(--hq-base-0900);
  width: 0px;
  height: 100%;
}
.root.svelte-1kjo3j3
  .grid-container:where(.svelte-1kjo3j3)
  .grid[data-type="y"]:where(.svelte-1kjo3j3) {
  position: absolute;
  left: 0;
  width: 100%;
  margin-top: -1px;
  border-top: dashed 1px var(--hq-base-0900);
}
@keyframes svelte-15bf2vz-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-15bf2vz-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-15bf2vz-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-15bf2vz-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-15bf2vz-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-15bf2vz-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-15bf2vz-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-15bf2vz-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-15bf2vz-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-15bf2vz-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.guide.svelte-15bf2vz {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 20;
  pointer-events: none;
}
.guide.svelte-15bf2vz .selected-value:where(.svelte-15bf2vz) {
  position: absolute;
  z-index: 11;
  width: 0px;
  font-size: 0.68rem;
  font-weight: 800;
  border-radius: 0.2rem;
  color: var(--vis-guide-text-accent);
}
.guide.svelte-15bf2vz
  .selected-value:where(.svelte-15bf2vz)
  .text:where(.svelte-15bf2vz) {
  background: var(--component-base02);
}
.guide.svelte-15bf2vz .selected-value[data-x]:where(.svelte-15bf2vz) {
  left: 0;
  width: 0px;
  height: 0px;
  position: absolute;
  padding: 0;
}
.guide.svelte-15bf2vz
  .selected-value[data-x]:where(.svelte-15bf2vz)
  .text:where(.svelte-15bf2vz) {
  position: absolute;
  right: 0.5rem;
  background: var(--component-base02);
  padding: 0.2rem;
  white-space: nowrap;
  border: solid 1px var(--vis-guide-accent);
  transform-origin: 100% 50%;
  transform: translateY(-50%) scale(0.85);
}
.guide.svelte-15bf2vz .selected-value[data-y]:where(.svelte-15bf2vz) {
  width: 0;
  height: 0;
  left: 0;
  bottom: 0;
}
.guide.svelte-15bf2vz
  .selected-value[data-y]:where(.svelte-15bf2vz)
  .text:where(.svelte-15bf2vz) {
  position: absolute;
  top: 0.4rem;
  padding: 0.2rem;
  white-space: nowrap;
  border: solid 1px var(--vis-guide-accent);
  transform-origin: 50% 0%;
  transform: translate(-50%) scale(0.85);
}
.guide.svelte-15bf2vz .selected-guide:where(.svelte-15bf2vz) {
  position: absolute;
  z-index: 2;
  border-color: var(--hq-flower-blue-1200);
}
.guide.svelte-15bf2vz .selected-guide[data-disable]:where(.svelte-15bf2vz) {
  border-color: transparent;
}
.guide.svelte-15bf2vz
  .selected-guide:where(.svelte-15bf2vz)
  .dot:where(.svelte-15bf2vz) {
  position: absolute;
  width: 0.3rem;
  height: 0.3rem;
  top: 0;
  left: 0;
  transform: translate(-115%, -50%) rotate(90deg);
  border-left: 0.3rem solid transparent;
  border-right: 0.3rem solid transparent;
  border-bottom: 0.3rem solid var(--vis-guide-accent);
  opacity: 1;
  border-radius: 0%;
}
.guide.svelte-15bf2vz .selected-guide[data-x]:where(.svelte-15bf2vz) {
  left: 0;
  height: 0px;
  width: 100%;
  border-bottom-style: dashed;
  border-bottom-width: 1px;
}
.guide.svelte-15bf2vz .selected-guide[data-y]:where(.svelte-15bf2vz) {
  top: 0;
  height: 100%;
  width: 0px;
  border-right-style: dashed;
  border-right-width: 1px;
}
.guide.svelte-15bf2vz
  .selected-guide[data-y]:where(.svelte-15bf2vz)
  .dot:where(.svelte-15bf2vz) {
  top: auto;
  bottom: 0;
  transform: translate(-50%, 130%);
}
@keyframes svelte-jwbki6-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-jwbki6-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-jwbki6-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-jwbki6-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-jwbki6-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-jwbki6-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-jwbki6-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-jwbki6-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-jwbki6-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-jwbki6-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.root.svelte-jwbki6 {
  width: 100%;
  height: 100%;
  position: relative;
}
.root.svelte-jwbki6 .graphic-field:where(.svelte-jwbki6) {
  height: calc(100% - 1.8rem);
  position: relative;
}
.root.svelte-jwbki6
  .graphic-field[data-disable-setting="true"]:where(.svelte-jwbki6) {
  height: 100%;
}
@keyframes svelte-79we1y-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-79we1y-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-79we1y-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-79we1y-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-79we1y-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-79we1y-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-79we1y-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-79we1y-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-79we1y-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-79we1y-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.denom-amount.svelte-79we1y {
  display: inline-flex;
}
@keyframes svelte-187s5p5-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-187s5p5-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-187s5p5-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-187s5p5-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-187s5p5-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-187s5p5-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-187s5p5-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-187s5p5-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-187s5p5-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-187s5p5-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.ibc-denom-amount.svelte-187s5p5 {
  display: inline-flex;
}
@keyframes svelte-4bc0j5-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-4bc0j5-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-4bc0j5-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-4bc0j5-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-4bc0j5-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-4bc0j5-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-4bc0j5-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-4bc0j5-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-4bc0j5-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-4bc0j5-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.root.svelte-4bc0j5 {
  position: relative;
  width: 100%;
  height: 100%;
}
.root.svelte-4bc0j5 img:where(.svelte-4bc0j5) {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  transition: opacity 0.2s;
  opacity: 1;
}
.root.svelte-4bc0j5 img[data-loading="true"]:where(.svelte-4bc0j5) {
  opacity: 0;
}
.root.svelte-4bc0j5 .loader:where(.svelte-4bc0j5) {
  z-index: 1;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
@keyframes svelte-j9dlnw-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-j9dlnw-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-j9dlnw-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-j9dlnw-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-j9dlnw-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-j9dlnw-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-j9dlnw-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-j9dlnw-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-j9dlnw-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-j9dlnw-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.image-icon.svelte-j9dlnw {
  position: relative;
  width: 100%;
  height: 100%;
}
.image-icon[data-spin="clockwise"].svelte-j9dlnw {
  animation: svelte-j9dlnw-spin-inverse linear 2s infinite;
  transform-origin: center;
}
@keyframes svelte-j9dlnw-spin-inverse {
  to {
    transform: rotate(360deg);
  }
}
.image-icon[data-spin="counterclockwise"].svelte-j9dlnw {
  animation: svelte-j9dlnw-spin linear 2s infinite;
  transform-origin: center;
}
@keyframes svelte-j9dlnw-spin {
  to {
    transform: rotate(-360deg);
  }
}
@keyframes svelte-8w5saq-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-8w5saq-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-8w5saq-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-8w5saq-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-8w5saq-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-8w5saq-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-8w5saq-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-8w5saq-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-8w5saq-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-8w5saq-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
svg.svelte-8w5saq {
  vertical-align: middle;
}
[data-spin="clockwise"].svelte-8w5saq {
  animation: svelte-8w5saq-spin-inverse linear 2s infinite;
  transform-origin: center;
}
@keyframes svelte-8w5saq-spin-inverse {
  to {
    transform: rotate(360deg);
  }
}
[data-spin="counterclockwise"].svelte-8w5saq {
  animation: svelte-8w5saq-spin linear 2s infinite;
  transform-origin: center;
}
@keyframes svelte-8w5saq-spin {
  to {
    transform: rotate(-360deg);
  }
}
@keyframes svelte-1l28zlh-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1l28zlh-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1l28zlh-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1l28zlh-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1l28zlh-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1l28zlh-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-1l28zlh-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1l28zlh-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-1l28zlh-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-1l28zlh-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.root.svelte-1l28zlh {
  display: flex;
  align-items: center;
  vertical-align: middle;
  width: 100%;
  height: 100%;
  transform-origin: 50% 50%;
}
div[data-icon-svg] > svg {
  width: 100%;
  height: 100%;
}
[data-spin="clockwise"].svelte-1l28zlh {
  animation: svelte-1l28zlh-spin-inverse linear 2s infinite;
  transform-origin: center;
}
@keyframes svelte-1l28zlh-spin-inverse {
  to {
    transform: rotate(360deg);
  }
}
[data-spin="counterclockwise"].svelte-1l28zlh {
  animation: svelte-1l28zlh-spin linear 2s infinite;
  transform-origin: center;
}
@keyframes svelte-1l28zlh-spin {
  to {
    transform: rotate(-360deg);
  }
}
@keyframes svelte-51l7ie-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-51l7ie-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-51l7ie-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-51l7ie-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-51l7ie-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-51l7ie-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-51l7ie-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-51l7ie-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-51l7ie-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-51l7ie-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.icon-container.svelte-51l7ie {
  display: flex;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  overflow: hidden;
  transform: scale(0.8);
}
@keyframes svelte-1w0xpww-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1w0xpww-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1w0xpww-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1w0xpww-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1w0xpww-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1w0xpww-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-1w0xpww-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1w0xpww-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-1w0xpww-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-1w0xpww-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.typo-sub.svelte-1w0xpww {
  display: inline-block;
  font-weight: inherit;
}
@keyframes svelte-ch4dc8-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-ch4dc8-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-ch4dc8-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-ch4dc8-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-ch4dc8-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-ch4dc8-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-ch4dc8-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-ch4dc8-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-ch4dc8-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-ch4dc8-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.typo.svelte-ch4dc8 {
  font-weight: 600;
  line-height: 1.5;
}
.typo[data-link].svelte-ch4dc8 {
  color: var(--hq-sapphire-blue-1500);
  text-decoration: underline;
}
.typo[data-ellipsis].svelte-ch4dc8 {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.typo[data-h="1"].svelte-ch4dc8 {
  font-size: 1.84rem;
  padding: 1.3rem 0;
}
.typo[data-h="2"].svelte-ch4dc8 {
  font-size: 1.433rem;
  padding: 1.1rem 0;
}
.typo[data-h="3"].svelte-ch4dc8 {
  font-size: 1.21rem;
  padding: 1rem 0;
}
.typo[data-h="4"].svelte-ch4dc8 {
  font-size: 1rem;
  padding: 0.7rem 0;
}
.typo[data-h="5"].svelte-ch4dc8 {
  font-size: 0.92rem;
  padding: 0.5rem 0;
}
.typo[data-h="6"].svelte-ch4dc8 {
  font-size: 0.84rem;
  padding: 0.4rem 0;
}
.typo[data-h="7"].svelte-ch4dc8 {
  font-size: 0.76rem;
  padding: 0.3rem 0;
}
.typo[data-h="8"].svelte-ch4dc8 {
  font-size: 0.68rem;
  padding: 0.2rem 0;
}
@keyframes svelte-10egujr-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-10egujr-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-10egujr-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-10egujr-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-10egujr-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-10egujr-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-10egujr-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-10egujr-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-10egujr-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-10egujr-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.typo.svelte-10egujr {
  font-weight: 500;
  line-height: 1.5;
  font-size: inherit;
}
.typo[data-link][data-disable-underline].svelte-10egujr {
  text-decoration: none;
}
.typo[data-ellipsis].svelte-10egujr {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.typo[data-inline].svelte-10egujr {
  display: inline;
}
.typo[data-h="1"].svelte-10egujr {
  font-size: 1.84rem;
  padding: 1.3rem 0;
}
.typo[data-h="2"].svelte-10egujr {
  font-size: 1.433rem;
  padding: 1.1rem 0;
}
.typo[data-h="3"].svelte-10egujr {
  font-size: 1.21rem;
  padding: 1rem 0;
}
.typo[data-h="4"].svelte-10egujr {
  font-size: 1rem;
  padding: 0.7rem 0;
}
.typo[data-h="5"].svelte-10egujr {
  font-size: 0.92rem;
  padding: 0.5rem 0;
}
.typo[data-h="6"].svelte-10egujr {
  font-size: 0.84rem;
  padding: 0.4rem 0;
}
.typo[data-h="7"].svelte-10egujr {
  font-size: 0.76rem;
  padding: 0.3rem 0;
}
.typo[data-h="8"].svelte-10egujr {
  font-size: 0.68rem;
  padding: 0.2rem 0;
}
.typo[data-h="9"].svelte-10egujr {
  font-size: 0.63rem;
  padding: 0.15rem 0;
}
@keyframes svelte-vk1riq-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-vk1riq-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-vk1riq-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-vk1riq-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-vk1riq-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-vk1riq-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-vk1riq-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-vk1riq-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-vk1riq-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-vk1riq-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.root.svelte-vk1riq {
  display: inline-block;
  position: relative;
}
.root.svelte-vk1riq .underline:where(.svelte-vk1riq) {
  position: absolute;
  left: 0;
  width: 100%;
  height: 0.15rem;
}
.root.svelte-vk1riq .underline[data-ellipsis]:where(.svelte-vk1riq) {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@keyframes svelte-zz2jbr-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-zz2jbr-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-zz2jbr-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-zz2jbr-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-zz2jbr-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-zz2jbr-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-zz2jbr-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-zz2jbr-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-zz2jbr-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-zz2jbr-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.wrapped-text.svelte-zz2jbr {
  display: flex;
}
.wrapped-text[data-copy].svelte-zz2jbr {
  cursor: pointer;
  color: var(--hq-base-1700);
}
.wrapped-text[data-copy].svelte-zz2jbr:hover {
  color: var(--hq-base-2300);
}
@keyframes svelte-1e3zrr6-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1e3zrr6-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-1e3zrr6-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1e3zrr6-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-1e3zrr6-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1e3zrr6-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-1e3zrr6-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-1e3zrr6-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-1e3zrr6-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-1e3zrr6-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
@keyframes svelte-1e3zrr6-zoomUp {
  0% {
    r: 2;
    opacity: 0.65;
  }
  to {
    r: 8;
    opacity: 0;
  }
}
.root.svelte-1e3zrr6 {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.root.svelte-1e3zrr6 svg:where(.svelte-1e3zrr6) {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 2;
}
.root.svelte-1e3zrr6 svg:where(.svelte-1e3zrr6) path:where(.svelte-1e3zrr6) {
  fill: none;
}
.root.svelte-1e3zrr6
  svg:where(.svelte-1e3zrr6)
  circle.interactive:where(.svelte-1e3zrr6) {
  r: 1;
  stroke-width: 4 !important;
  stroke-dasharray: none !important;
  fill: none !important;
}
.root.svelte-1e3zrr6
  svg:where(.svelte-1e3zrr6)
  circle.interactive[data-anim]:where(.svelte-1e3zrr6) {
  stroke-width: 1px;
  animation: svelte-1e3zrr6-zoomUp 2s ease-in-out infinite;
  stroke-dasharray: none !important;
  fill: none !important;
}
.root.svelte-1e3zrr6 .guide:where(.svelte-1e3zrr6) {
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
}
.root.svelte-1e3zrr6
  .guide:where(.svelte-1e3zrr6)
  .selected-info:where(.svelte-1e3zrr6) {
  height: 100%;
}
.root.svelte-1e3zrr6
  .guide:where(.svelte-1e3zrr6)
  .selected-info:where(.svelte-1e3zrr6)
  .progress:where(.svelte-1e3zrr6) {
  position: absolute;
  height: 100%;
  animation: svelte-1e3zrr6-flash_progress 4s forwards infinite;
}
.root.svelte-1e3zrr6
  .guide:where(.svelte-1e3zrr6)
  .selected-info:where(.svelte-1e3zrr6)
  .progress:where(.svelte-1e3zrr6)
  .desc:where(.svelte-1e3zrr6) {
  font-weight: 900;
  position: absolute;
  top: 0rem;
  left: 0.2rem;
  transform-origin: 0% 50%;
  transform: scale(0.8);
  padding-left: 0.6rem;
  height: -moz-fit-content;
  height: fit-content;
}
.root.svelte-1e3zrr6
  .guide:where(.svelte-1e3zrr6)
  .selected-info:where(.svelte-1e3zrr6)
  .progress:where(.svelte-1e3zrr6)
  .line:where(.svelte-1e3zrr6) {
  height: 100%;
  border-left: dashed 1px var(--hq-prussian-blue-1300);
}
@keyframes svelte-1e3zrr6-flash_progress {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.root.svelte-1e3zrr6
  .guide:where(.svelte-1e3zrr6)
  .interactive:where(.svelte-1e3zrr6) {
  background: var(--hq-transparent-inverse-0100);
  position: absolute;
  top: 0;
  height: 100%;
}
.root.svelte-1e3zrr6
  .guide:where(.svelte-1e3zrr6)
  .interactive:where(.svelte-1e3zrr6)
  .line:where(.svelte-1e3zrr6) {
  position: absolute;
  left: calc(50% - 1px);
  height: 100%;
  top: 0;
  width: 0px;
  border-right: dashed 1px var(--hq-sapphire-blue-1400);
}
.root.svelte-1e3zrr6
  .guide:where(.svelte-1e3zrr6)
  .interactive:where(.svelte-1e3zrr6)
  .label-anchor:where(.svelte-1e3zrr6) {
  position: absolute;
  background: #000;
}
.root.svelte-1e3zrr6
  .guide:where(.svelte-1e3zrr6)
  .interactive:where(.svelte-1e3zrr6)
  .x-label-anchor:where(.svelte-1e3zrr6) {
  position: absolute;
  bottom: 0;
}
.root.svelte-1e3zrr6
  .guide:where(.svelte-1e3zrr6)
  .interactive:where(.svelte-1e3zrr6)
  .x-label-anchor:where(.svelte-1e3zrr6)
  .x-label:where(.svelte-1e3zrr6) {
  position: absolute;
  left: 0;
  bottom: 0;
  transform: translate(calc(-50% + 3px));
}
.root.svelte-1e3zrr6
  .guide:where(.svelte-1e3zrr6)
  .interactive:where(.svelte-1e3zrr6)
  .x-label-anchor:where(.svelte-1e3zrr6)
  .x-label:where(.svelte-1e3zrr6)
  .x-value:where(.svelte-1e3zrr6) {
  font-size: 0.65rem;
  font-weight: 800;
  color: var(--hq-sapphire-blue-1400);
  padding: 0.2rem 0.4rem 0.1rem;
  border-radius: 0.2rem;
  display: flex;
  white-space: nowrap;
  gap: 0.3rem;
}
*,
:before,
:after {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: currentColor;
}
:before,
:after {
  --tw-content: "";
}
html,
:host {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
    "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
  font-feature-settings: normal;
  font-variation-settings: normal;
  -webkit-tap-highlight-color: transparent;
}
body {
  margin: 0;
  line-height: inherit;
}
hr {
  height: 0;
  color: inherit;
  border-top-width: 1px;
}
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
a {
  color: inherit;
  text-decoration: inherit;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
    Liberation Mono, Courier New, monospace;
  font-feature-settings: normal;
  font-variation-settings: normal;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
}
button,
select {
  text-transform: none;
}
button,
input:where([type="button"]),
input:where([type="reset"]),
input:where([type="submit"]) {
  -webkit-appearance: button;
  background-color: transparent;
  background-image: none;
}
:-moz-focusring {
  outline: auto;
}
:-moz-ui-invalid {
  box-shadow: none;
}
progress {
  vertical-align: baseline;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
summary {
  display: list-item;
}
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
  padding: 0;
}
legend {
  padding: 0;
}
ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
dialog {
  padding: 0;
}
textarea {
  resize: vertical;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  opacity: 1;
  color: #9ca3af;
}
input::placeholder,
textarea::placeholder {
  opacity: 1;
  color: #9ca3af;
}
button,
[role="button"] {
  cursor: pointer;
}
:disabled {
  cursor: default;
}
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  vertical-align: middle;
}
img,
video {
  max-width: 100%;
  height: auto;
}
[hidden] {
  display: none;
}
*,
:before,
:after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}
::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}
.container {
  width: 100%;
}
@media (min-width: 640px) {
  .container {
    max-width: 640px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {
  .container {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {
  .container {
    max-width: 1280px;
  }
}
@media (min-width: 1536px) {
  .container {
    max-width: 1536px;
  }
}
.visible {
  visibility: visible;
}
.invisible {
  visibility: hidden;
}
.collapse {
  visibility: collapse;
}
.static {
  position: static;
}
.\!fixed {
  position: fixed !important;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}
.\!block {
  display: block !important;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.inline {
  display: inline;
}
.flex {
  display: flex;
}
.table {
  display: table;
}
.grid {
  display: grid;
}
.contents {
  display: contents;
}
.hidden {
  display: none;
}
.h-full {
  height: 100%;
}
.w-full {
  width: 100%;
}
.flex-shrink {
  flex-shrink: 1;
}
.flex-grow {
  flex-grow: 1;
}
.border-collapse {
  border-collapse: collapse;
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.cursor-default {
  cursor: default;
}
.resize {
  resize: both;
}
.flex-col {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.content-center {
  align-content: center;
}
.break-all {
  word-break: break-all;
}
.\!border {
  border-width: 1px !important;
}
.border {
  border-width: 1px;
}
.font-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
    Liberation Mono, Courier New, monospace;
}
.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
.font-semibold {
  font-weight: 600;
}
.uppercase {
  text-transform: uppercase;
}
.capitalize {
  text-transform: capitalize;
}
.italic {
  font-style: italic;
}
.text-neutral-200 {
  --tw-text-opacity: 1;
  color: rgb(209 214 219 / var(--tw-text-opacity));
}
.text-neutral-300 {
  --tw-text-opacity: 1;
  color: rgb(175 183 192 / var(--tw-text-opacity));
}
.underline {
  text-decoration-line: underline;
}
.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),
    0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.\!outline {
  outline-style: solid !important;
}
.outline {
  outline-style: solid;
}
.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
    var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate)
    var(--tw-sepia) var(--tw-drop-shadow);
}
.grayscale {
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
    var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate)
    var(--tw-sepia) var(--tw-drop-shadow);
}
.invert {
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
    var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate)
    var(--tw-sepia) var(--tw-drop-shadow);
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
    var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate)
    var(--tw-sepia) var(--tw-drop-shadow);
}
.backdrop-filter {
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
    var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale)
    var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert)
    var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
    var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
    var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale)
    var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert)
    var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
    var(--tw-backdrop-sepia);
}
.transition {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,
    -webkit-backdrop-filter;
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,
    backdrop-filter;
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,
    backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
@keyframes svelte-5st7y-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-5st7y-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-5st7y-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-5st7y-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-5st7y-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-5st7y-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-5st7y-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-5st7y-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-5st7y-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-5st7y-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.root.svelte-5st7y {
  background: transparent;
  pointer-events: all;
  z-index: 100;
}
.root.svelte-5st7y .--contents:where(.svelte-5st7y) {
  border: solid 1px;
  padding: 0.6rem 0.5rem 0.6rem 1rem;
  display: flex;
  min-width: -moz-fit-content;
  min-width: fit-content;
  border-radius: 4px;
  overflow: hidden;
  word-break: normal;
  gap: 4px;
}
.root.svelte-5st7y
  .--contents:where(.svelte-5st7y)
  .--content:where(.svelte-5st7y) {
  padding-right: 5px;
}
.root.svelte-5st7y
  .--contents:where(.svelte-5st7y)
  .closer:where(.svelte-5st7y) {
  height: 100%;
  transform: scale(0.8);
  cursor: pointer;
  transition: opacity 0.2s;
  opacity: 0.8;
}
.root.svelte-5st7y
  .--contents:where(.svelte-5st7y)
  .closer:where(.svelte-5st7y):hover {
  opacity: 1;
}
@keyframes svelte-15mkrey-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-15mkrey-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-15mkrey-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-15mkrey-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-15mkrey-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-15mkrey-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-15mkrey-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-15mkrey-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-15mkrey-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-15mkrey-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
.snackbar-container.svelte-15mkrey {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 1.5rem;
  gap: 0.4rem;
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 1000100;
  width: 24rem;
}
.snackbar-container.svelte-15mkrey .animation-root:where(.svelte-15mkrey) {
  opacity: 1;
}
@keyframes svelte-12qhfyh-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-12qhfyh-zoomIn06 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes svelte-12qhfyh-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-12qhfyh-zoomOut06 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
  }
}
@keyframes svelte-12qhfyh-slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-12qhfyh-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes svelte-12qhfyh-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes svelte-12qhfyh-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes svelte-12qhfyh-flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes svelte-12qhfyh-flash_06_09 {
  0%,
  50%,
  to {
    opacity: 0.9;
  }
  25%,
  75% {
    opacity: 0.6;
  }
}
:root {
  --hq-transparent-inverse-0100: rgba(0, 0, 0, 0.02);
  --hq-transparent-inverse-0200: rgba(0, 0, 0, 0.04);
  --hq-transparent-inverse-0300: rgba(0, 0, 0, 0.08);
  --hq-transparent-inverse-0400: rgba(0, 0, 0, 0.12);
  --hq-transparent-inverse-0500: rgba(0, 0, 0, 0.16);
  --hq-transparent-inverse-0600: rgba(0, 0, 0, 0.2);
  --hq-transparent-inverse-0700: rgba(0, 0, 0, 0.24);
  --hq-transparent-inverse-0800: rgba(0, 0, 0, 0.28);
  --hq-transparent-inverse-0900: rgba(0, 0, 0, 0.32);
  --hq-transparent-inverse-1000: rgba(0, 0, 0, 0.36);
  --hq-transparent-inverse-1100: rgba(0, 0, 0, 0.4);
  --hq-transparent-inverse-1200: rgba(0, 0, 0, 0.44);
  --hq-transparent-inverse-1300: rgba(0, 0, 0, 0.48);
  --hq-transparent-inverse-1400: rgba(0, 0, 0, 0.52);
  --hq-transparent-inverse-1500: rgba(0, 0, 0, 0.56);
  --hq-transparent-inverse-1600: rgba(0, 0, 0, 0.6);
  --hq-transparent-inverse-1700: rgba(0, 0, 0, 0.64);
  --hq-transparent-inverse-1800: rgba(0, 0, 0, 0.68);
  --hq-transparent-inverse-1900: rgba(0, 0, 0, 0.72);
  --hq-transparent-inverse-2000: rgba(0, 0, 0, 0.76);
  --hq-transparent-inverse-2100: rgba(0, 0, 0, 0.8);
  --hq-transparent-inverse-2200: rgba(0, 0, 0, 0.84);
  --hq-transparent-inverse-2300: rgba(0, 0, 0, 0.88);
  --hq-transparent-inverse-2400: rgba(0, 0, 0, 0.92);
  --hq-transparent-inverse-2500: rgba(0, 0, 0, 0.96);
  --hq-transparent-0100: rgba(255, 255, 255, 0.02);
  --hq-transparent-0200: rgba(255, 255, 255, 0.04);
  --hq-transparent-0300: rgba(255, 255, 255, 0.08);
  --hq-transparent-0400: rgba(255, 255, 255, 0.12);
  --hq-transparent-0500: rgba(255, 255, 255, 0.16);
  --hq-transparent-0600: rgba(255, 255, 255, 0.2);
  --hq-transparent-0700: rgba(255, 255, 255, 0.24);
  --hq-transparent-0800: rgba(255, 255, 255, 0.28);
  --hq-transparent-0900: rgba(255, 255, 255, 0.32);
  --hq-transparent-1000: rgba(255, 255, 255, 0.36);
  --hq-transparent-1100: rgba(255, 255, 255, 0.4);
  --hq-transparent-1200: rgba(255, 255, 255, 0.44);
  --hq-transparent-1300: rgba(255, 255, 255, 0.48);
  --hq-transparent-1400: rgba(255, 255, 255, 0.52);
  --hq-transparent-1500: rgba(255, 255, 255, 0.56);
  --hq-transparent-1600: rgba(255, 255, 255, 0.6);
  --hq-transparent-1700: rgba(255, 255, 255, 0.64);
  --hq-transparent-1800: rgba(255, 255, 255, 0.68);
  --hq-transparent-1900: rgba(255, 255, 255, 0.72);
  --hq-transparent-2000: rgba(255, 255, 255, 0.76);
  --hq-transparent-2100: rgba(255, 255, 255, 0.8);
  --hq-transparent-2200: rgba(255, 255, 255, 0.84);
  --hq-transparent-2300: rgba(255, 255, 255, 0.88);
  --hq-transparent-2400: rgba(255, 255, 255, 0.92);
  --hq-transparent-2500: rgba(255, 255, 255, 0.96);
  --hq-imperial-red-0100: #ffffff;
  --hq-imperial-red-0200: #faf0f0;
  --hq-imperial-red-0300: #f5e1e0;
  --hq-imperial-red-0400: #f0d2d1;
  --hq-imperial-red-0500: #ebc2c2;
  --hq-imperial-red-0600: #e6b3b3;
  --hq-imperial-red-0700: #e0a4a3;
  --hq-imperial-red-0800: #db9594;
  --hq-imperial-red-0900: #d68685;
  --hq-imperial-red-1000: #d17775;
  --hq-imperial-red-1100: #cc6866;
  --hq-imperial-red-1200: #c75957;
  --hq-imperial-red-1300: #c24947;
  --hq-imperial-red-1400: #b83f3d;
  --hq-imperial-red-1500: #a83a38;
  --hq-imperial-red-1600: #993533;
  --hq-imperial-red-1700: #8a2f2e;
  --hq-imperial-red-1800: #7a2a29;
  --hq-imperial-red-1900: #6b2524;
  --hq-imperial-red-2000: #571e1d;
  --hq-imperial-red-2100: #4d1a19;
  --hq-imperial-red-2200: #3d1514;
  --hq-imperial-red-2300: #2e100f;
  --hq-imperial-red-2400: #1f0b0a;
  --hq-imperial-red-2500: #0f0505;
  --hq-swim-red-0100: #ffffff;
  --hq-swim-red-0200: #faf0f0;
  --hq-swim-red-0300: #f4e1e1;
  --hq-swim-red-0400: #efd2d2;
  --hq-swim-red-0500: #e9c3c4;
  --hq-swim-red-0600: #e4b4b5;
  --hq-swim-red-0700: #dfa5a6;
  --hq-swim-red-0800: #d99697;
  --hq-swim-red-0900: #d48788;
  --hq-swim-red-1000: #ce7879;
  --hq-swim-red-1100: #c9696b;
  --hq-swim-red-1200: #c45a5c;
  --hq-swim-red-1300: #bc4749;
  --hq-swim-red-1400: #b44143;
  --hq-swim-red-1500: #a53b3d;
  --hq-swim-red-1600: #963638;
  --hq-swim-red-1700: #873132;
  --hq-swim-red-1800: #782b2d;
  --hq-swim-red-1900: #692627;
  --hq-swim-red-2000: #5a2021;
  --hq-swim-red-2100: #4b1b1c;
  --hq-swim-red-2200: #3c1616;
  --hq-swim-red-2300: #2d1011;
  --hq-swim-red-2400: #1e0b0b;
  --hq-swim-red-2500: #0f0506;
  --hq-powder-blue-0100: #ffffff;
  --hq-powder-blue-0200: #f0f9f9;
  --hq-powder-blue-0300: #e2f3f3;
  --hq-powder-blue-0400: #d3edee;
  --hq-powder-blue-0500: #c5e7e8;
  --hq-powder-blue-0600: #b6e0e2;
  --hq-powder-blue-0700: #a8dadc;
  --hq-powder-blue-0800: #99d4d6;
  --hq-powder-blue-0900: #8aced0;
  --hq-powder-blue-1000: #7cc8cb;
  --hq-powder-blue-1100: #6dc2c5;
  --hq-powder-blue-1200: #5fbcbf;
  --hq-powder-blue-1300: #50b6b9;
  --hq-powder-blue-1400: #46acaf;
  --hq-powder-blue-1500: #409da0;
  --hq-powder-blue-1600: #3a8f92;
  --hq-powder-blue-1700: #348183;
  --hq-powder-blue-1800: #2f7275;
  --hq-powder-blue-1900: #296466;
  --hq-powder-blue-2000: #235658;
  --hq-powder-blue-2100: #1d4749;
  --hq-powder-blue-2200: #17393a;
  --hq-powder-blue-2300: #112b2c;
  --hq-powder-blue-2400: #0c1d1d;
  --hq-powder-blue-2500: #060e0f;
  --hq-celadon-blue-0100: #ffffff;
  --hq-celadon-blue-0200: #f1f6f9;
  --hq-celadon-blue-0300: #e3ecf3;
  --hq-celadon-blue-0400: #d4e3ec;
  --hq-celadon-blue-0500: #c6dae6;
  --hq-celadon-blue-0600: #b8d1e0;
  --hq-celadon-blue-0700: #aac7da;
  --hq-celadon-blue-0800: #9cbed3;
  --hq-celadon-blue-0900: #8eb5cd;
  --hq-celadon-blue-1000: #7facc7;
  --hq-celadon-blue-1100: #71a2c1;
  --hq-celadon-blue-1200: #6399bb;
  --hq-celadon-blue-1300: #5590b4;
  --hq-celadon-blue-1400: #4b86aa;
  --hq-celadon-blue-1500: #457b9d;
  --hq-celadon-blue-1600: #3e6f8e;
  --hq-celadon-blue-1700: #386480;
  --hq-celadon-blue-1800: #325971;
  --hq-celadon-blue-1900: #2c4e63;
  --hq-celadon-blue-2000: #254355;
  --hq-celadon-blue-2100: #1f3847;
  --hq-celadon-blue-2200: #192d39;
  --hq-celadon-blue-2300: #13212b;
  --hq-celadon-blue-2400: #0c161c;
  --hq-celadon-blue-2500: #060b0e;
  --hq-prussian-blue-0100: #ffffff;
  --hq-prussian-blue-0200: #f0f4fa;
  --hq-prussian-blue-0300: #e0e9f5;
  --hq-prussian-blue-0400: #d1def0;
  --hq-prussian-blue-0500: #c2d3eb;
  --hq-prussian-blue-0600: #b3c8e6;
  --hq-prussian-blue-0700: #a3bde0;
  --hq-prussian-blue-0800: #94b2db;
  --hq-prussian-blue-0900: #85a7d6;
  --hq-prussian-blue-1000: #759cd1;
  --hq-prussian-blue-1100: #6690cc;
  --hq-prussian-blue-1200: #5785c7;
  --hq-prussian-blue-1300: #477ac2;
  --hq-prussian-blue-1400: #3d70b8;
  --hq-prussian-blue-1500: #3867a8;
  --hq-prussian-blue-1600: #335d99;
  --hq-prussian-blue-1700: #2e548a;
  --hq-prussian-blue-1800: #294b7a;
  --hq-prussian-blue-1900: #24416b;
  --hq-prussian-blue-2000: #1d3557;
  --hq-prussian-blue-2100: #192f4d;
  --hq-prussian-blue-2200: #14253d;
  --hq-prussian-blue-2300: #0f1c2e;
  --hq-prussian-blue-2400: #0a131f;
  --hq-prussian-blue-2500: #05090f;
  --hq-selective-yellow-0100: #ffffff;
  --hq-selective-yellow-0200: #fff9eb;
  --hq-selective-yellow-0300: #fff3d6;
  --hq-selective-yellow-0400: #ffeec2;
  --hq-selective-yellow-0500: #ffe8ad;
  --hq-selective-yellow-0600: #ffe299;
  --hq-selective-yellow-0700: #ffdc85;
  --hq-selective-yellow-0800: #ffd770;
  --hq-selective-yellow-0900: #ffd15c;
  --hq-selective-yellow-1000: #ffcb47;
  --hq-selective-yellow-1100: #ffc533;
  --hq-selective-yellow-1200: #ffbf1f;
  --hq-selective-yellow-1300: #ffba08;
  --hq-selective-yellow-1400: #f5af00;
  --hq-selective-yellow-1500: #e0a100;
  --hq-selective-yellow-1600: #cc9200;
  --hq-selective-yellow-1700: #b88400;
  --hq-selective-yellow-1800: #a37500;
  --hq-selective-yellow-1900: #8f6600;
  --hq-selective-yellow-2000: #7a5800;
  --hq-selective-yellow-2100: #664900;
  --hq-selective-yellow-2200: #523a00;
  --hq-selective-yellow-2300: #3d2c00;
  --hq-selective-yellow-2400: #291d00;
  --hq-selective-yellow-2500: #140f00;
  --hq-indian-yellow-0100: #ffffff;
  --hq-indian-yellow-0200: #fcf6ed;
  --hq-indian-yellow-0300: #f9eedc;
  --hq-indian-yellow-0400: #f6e5ca;
  --hq-indian-yellow-0500: #f4dcb9;
  --hq-indian-yellow-0600: #f1d3a7;
  --hq-indian-yellow-0700: #eecb96;
  --hq-indian-yellow-0800: #ebc284;
  --hq-indian-yellow-0900: #e8b973;
  --hq-indian-yellow-1000: #e5b061;
  --hq-indian-yellow-1100: #e2a850;
  --hq-indian-yellow-1200: #e09f3e;
  --hq-indian-yellow-1300: #dd962c;
  --hq-indian-yellow-1400: #d38c22;
  --hq-indian-yellow-1500: #c1801f;
  --hq-indian-yellow-1600: #af751d;
  --hq-indian-yellow-1700: #9e691a;
  --hq-indian-yellow-1800: #8c5d17;
  --hq-indian-yellow-1900: #7b5214;
  --hq-indian-yellow-2000: #694611;
  --hq-indian-yellow-2100: #583a0e;
  --hq-indian-yellow-2200: #462f0b;
  --hq-indian-yellow-2300: #352309;
  --hq-indian-yellow-2400: #231706;
  --hq-indian-yellow-2500: #120c03;
  --hq-peel-yellow-0100: #ffffff;
  --hq-peel-yellow-0200: #fff7eb;
  --hq-peel-yellow-0300: #ffeed6;
  --hq-peel-yellow-0400: #ffe6c2;
  --hq-peel-yellow-0500: #ffddad;
  --hq-peel-yellow-0600: #ffd599;
  --hq-peel-yellow-0700: #ffcc85;
  --hq-peel-yellow-0800: #ffc370;
  --hq-peel-yellow-0900: #ffbb5c;
  --hq-peel-yellow-1000: #ffb347;
  --hq-peel-yellow-1100: #ffaa33;
  --hq-peel-yellow-1200: #ff9f1c;
  --hq-peel-yellow-1300: #ff990a;
  --hq-peel-yellow-1400: #f58f00;
  --hq-peel-yellow-1500: #e08300;
  --hq-peel-yellow-1600: #cc7700;
  --hq-peel-yellow-1700: #b86b00;
  --hq-peel-yellow-1800: #a35f00;
  --hq-peel-yellow-1900: #8f5300;
  --hq-peel-yellow-2000: #7a4700;
  --hq-peel-yellow-2100: #663c00;
  --hq-peel-yellow-2200: #523000;
  --hq-peel-yellow-2300: #3d2400;
  --hq-peel-yellow-2400: #291800;
  --hq-peel-yellow-2500: #140c00;
  --hq-vermilion-orange-0100: #ffffff;
  --hq-vermilion-orange-0200: #fff2eb;
  --hq-vermilion-orange-0300: #fee6d7;
  --hq-vermilion-orange-0400: #fed9c3;
  --hq-vermilion-orange-0500: #fecdaf;
  --hq-vermilion-orange-0600: #fdc09b;
  --hq-vermilion-orange-0700: #fdb486;
  --hq-vermilion-orange-0800: #fda772;
  --hq-vermilion-orange-0900: #fd9b5e;
  --hq-vermilion-orange-1000: #fc8e4a;
  --hq-vermilion-orange-1100: #fc8236;
  --hq-vermilion-orange-1200: #fc7522;
  --hq-vermilion-orange-1300: #fb690e;
  --hq-vermilion-orange-1400: #e85d04;
  --hq-vermilion-orange-1500: #dd5703;
  --hq-vermilion-orange-1600: #c94f03;
  --hq-vermilion-orange-1700: #b54703;
  --hq-vermilion-orange-1800: #a13f02;
  --hq-vermilion-orange-1900: #8d3702;
  --hq-vermilion-orange-2000: #792f02;
  --hq-vermilion-orange-2100: #642702;
  --hq-vermilion-orange-2200: #502001;
  --hq-vermilion-orange-2300: #3c1801;
  --hq-vermilion-orange-2400: #281001;
  --hq-vermilion-orange-2500: #140800;
  --hq-rossa-red-0100: #ffffff;
  --hq-rossa-red-0200: #ffebeb;
  --hq-rossa-red-0300: #ffd6d6;
  --hq-rossa-red-0400: #ffc2c2;
  --hq-rossa-red-0500: #ffadad;
  --hq-rossa-red-0600: #ff9999;
  --hq-rossa-red-0700: #ff8585;
  --hq-rossa-red-0800: #ff7070;
  --hq-rossa-red-0900: #ff5c5c;
  --hq-rossa-red-1000: #ff4747;
  --hq-rossa-red-1100: #ff3333;
  --hq-rossa-red-1200: #ff1f1f;
  --hq-rossa-red-1300: #ff0a0a;
  --hq-rossa-red-1400: #f50000;
  --hq-rossa-red-1500: #d00000;
  --hq-rossa-red-1600: #cc0000;
  --hq-rossa-red-1700: #b80000;
  --hq-rossa-red-1800: #a30000;
  --hq-rossa-red-1900: #8f0000;
  --hq-rossa-red-2000: #7a0000;
  --hq-rossa-red-2100: #660000;
  --hq-rossa-red-2200: #520000;
  --hq-rossa-red-2300: #3d0000;
  --hq-rossa-red-2400: #290000;
  --hq-rossa-red-2500: #140000;
  --hq-dard-red-0100: #ffffff;
  --hq-dard-red-0200: #feebed;
  --hq-dard-red-0300: #fed8db;
  --hq-dard-red-0400: #fdc4ca;
  --hq-dard-red-0500: #fcb0b8;
  --hq-dard-red-0600: #fb9da6;
  --hq-dard-red-0700: #fb8994;
  --hq-dard-red-0800: #fa7582;
  --hq-dard-red-0900: #f96271;
  --hq-dard-red-1000: #f94e5f;
  --hq-dard-red-1100: #f83a4d;
  --hq-dard-red-1200: #f7263b;
  --hq-dard-red-1300: #f6132a;
  --hq-dard-red-1400: #ec091f;
  --hq-dard-red-1500: #d9081d;
  --hq-dard-red-1600: #c5071a;
  --hq-dard-red-1700: #b10618;
  --hq-dard-red-1800: #9d0615;
  --hq-dard-red-1900: #8a0512;
  --hq-dard-red-2000: #6a040f;
  --hq-dard-red-2100: #62040d;
  --hq-dard-red-2200: #4f030a;
  --hq-dard-red-2300: #3b0208;
  --hq-dard-red-2400: #270105;
  --hq-dard-red-2500: #140103;
  --hq-seinna-pink-0100: #ffffff;
  --hq-seinna-pink-0200: #fdedf2;
  --hq-seinna-pink-0300: #fbdae6;
  --hq-seinna-pink-0400: #f9c8d9;
  --hq-seinna-pink-0500: #f7b6cc;
  --hq-seinna-pink-0600: #f5a3c0;
  --hq-seinna-pink-0700: #f391b3;
  --hq-seinna-pink-0800: #f17ea6;
  --hq-seinna-pink-0900: #ef6c9a;
  --hq-seinna-pink-1000: #ed5a8d;
  --hq-seinna-pink-1100: #eb4781;
  --hq-seinna-pink-1200: #e93574;
  --hq-seinna-pink-1300: #e72367;
  --hq-seinna-pink-1400: #dc185d;
  --hq-seinna-pink-1500: #ca1655;
  --hq-seinna-pink-1600: #b8144e;
  --hq-seinna-pink-1700: #a51246;
  --hq-seinna-pink-1800: #93103e;
  --hq-seinna-pink-1900: #810e36;
  --hq-seinna-pink-2000: #6e0c2f;
  --hq-seinna-pink-2100: #5c0a27;
  --hq-seinna-pink-2200: #49081f;
  --hq-seinna-pink-2300: #370617;
  --hq-seinna-pink-2400: #250410;
  --hq-seinna-pink-2500: #120208;
  --hq-sapphire-blue-0100: #ffffff;
  --hq-sapphire-blue-0200: #eff6fb;
  --hq-sapphire-blue-0300: #dfedf6;
  --hq-sapphire-blue-0400: #cfe4f2;
  --hq-sapphire-blue-0500: #bfdbed;
  --hq-sapphire-blue-0600: #afd2e9;
  --hq-sapphire-blue-0700: #a0c9e4;
  --hq-sapphire-blue-0800: #90c0e0;
  --hq-sapphire-blue-0900: #80b7db;
  --hq-sapphire-blue-1000: #70add7;
  --hq-sapphire-blue-1100: #60a4d2;
  --hq-sapphire-blue-1200: #509bce;
  --hq-sapphire-blue-1300: #4092c9;
  --hq-sapphire-blue-1400: #3688bf;
  --hq-sapphire-blue-1500: #317daf;
  --hq-sapphire-blue-1600: #2d719f;
  --hq-sapphire-blue-1700: #28668f;
  --hq-sapphire-blue-1800: #22577a;
  --hq-sapphire-blue-1900: #1f4f6f;
  --hq-sapphire-blue-2000: #1b445f;
  --hq-sapphire-blue-2100: #163950;
  --hq-sapphire-blue-2200: #122d40;
  --hq-sapphire-blue-2300: #0d2230;
  --hq-sapphire-blue-2400: #091720;
  --hq-sapphire-blue-2500: #040b10;
  --hq-sea-green-0100: #ffffff;
  --hq-sea-green-0200: #f3f7f3;
  --hq-sea-green-0300: #e6efe6;
  --hq-sea-green-0400: #dae7da;
  --hq-sea-green-0500: #cedfcd;
  --hq-sea-green-0600: #c1d7c1;
  --hq-sea-green-0700: #b5cfb4;
  --hq-sea-green-0800: #a8c7a8;
  --hq-sea-green-0900: #9cbf9b;
  --hq-sea-green-1000: #90b78f;
  --hq-sea-green-1100: #83af83;
  --hq-sea-green-1200: #77a776;
  --hq-sea-green-1300: #6ba06a;
  --hq-sea-green-1400: #5b8c5a;
  --hq-sea-green-1500: #588958;
  --hq-sea-green-1600: #507c50;
  --hq-sea-green-1700: #487048;
  --hq-sea-green-1800: #406440;
  --hq-sea-green-1900: #385738;
  --hq-sea-green-2000: #304b30;
  --hq-sea-green-2100: #283e28;
  --hq-sea-green-2200: #203220;
  --hq-sea-green-2300: #182518;
  --hq-sea-green-2400: #101910;
  --hq-sea-green-2500: #080c08;
  --hq-sage-green-0100: #ffffff;
  --hq-sage-green-0200: #f5f7f3;
  --hq-sage-green-0300: #ecefe7;
  --hq-sage-green-0400: #e2e7da;
  --hq-sage-green-0500: #d8dece;
  --hq-sage-green-0600: #cfd6c2;
  --hq-sage-green-0700: #c5ceb6;
  --hq-sage-green-0800: #bbc6a9;
  --hq-sage-green-0900: #b2be9d;
  --hq-sage-green-1000: #a3b18a;
  --hq-sage-green-1100: #9ead85;
  --hq-sage-green-1200: #95a578;
  --hq-sage-green-1300: #8b9d6c;
  --hq-sage-green-1400: #819362;
  --hq-sage-green-1500: #76875a;
  --hq-sage-green-1600: #6b7a52;
  --hq-sage-green-1700: #616e49;
  --hq-sage-green-1800: #566241;
  --hq-sage-green-1900: #4b5639;
  --hq-sage-green-2000: #404931;
  --hq-sage-green-2100: #363d29;
  --hq-sage-green-2200: #2b3121;
  --hq-sage-green-2300: #202518;
  --hq-sage-green-2400: #151810;
  --hq-sage-green-2500: #0b0c08;
  --hq-ocean-green-0100: #ffffff;
  --hq-ocean-green-0200: #effaf6;
  --hq-ocean-green-0300: #e0f5ec;
  --hq-ocean-green-0400: #d0f1e3;
  --hq-ocean-green-0500: #c1ecd9;
  --hq-ocean-green-0600: #b1e7d0;
  --hq-ocean-green-0700: #a1e2c6;
  --hq-ocean-green-0800: #92ddbd;
  --hq-ocean-green-0900: #82d9b3;
  --hq-ocean-green-1000: #73d4aa;
  --hq-ocean-green-1100: #57cc99;
  --hq-ocean-green-1200: #53ca97;
  --hq-ocean-green-1300: #44c58d;
  --hq-ocean-green-1400: #3abb83;
  --hq-ocean-green-1500: #35ac78;
  --hq-ocean-green-1600: #309c6d;
  --hq-ocean-green-1700: #2b8c62;
  --hq-ocean-green-1800: #267d57;
  --hq-ocean-green-1900: #226d4c;
  --hq-ocean-green-2000: #1d5e42;
  --hq-ocean-green-2100: #184e37;
  --hq-ocean-green-2200: #133e2c;
  --hq-ocean-green-2300: #0e2f21;
  --hq-ocean-green-2400: #0a1f16;
  --hq-ocean-green-2500: #05100b;
  --hq-light-green-0100: #ffffff;
  --hq-light-green-0200: #d2f4dd;
  --hq-light-green-0300: #c4f1d3;
  --hq-light-green-0400: #b7edc9;
  --hq-light-green-0500: #a9eabf;
  --hq-light-green-0600: #9be7b4;
  --hq-light-green-0700: #8ee3aa;
  --hq-light-green-0800: #80e0a0;
  --hq-light-green-0900: #73dc96;
  --hq-light-green-1000: #65d98c;
  --hq-light-green-1100: #57d681;
  --hq-light-green-1200: #4ad277;
  --hq-light-green-1300: #3ccf6d;
  --hq-light-green-1400: #2bad56;
  --hq-light-green-1500: #27a04f;
  --hq-light-green-1600: #249249;
  --hq-light-green-1700: #218442;
  --hq-light-green-1800: #1d773b;
  --hq-light-green-1900: #1a6934;
  --hq-light-green-2000: #175b2e;
  --hq-light-green-2100: #134e27;
  --hq-light-green-2200: #104020;
  --hq-light-green-2300: #0c3319;
  --hq-light-green-2400: #092512;
  --hq-light-green-2500: #06170c;
  --hq-ruby-magenta-0100: #ffffff;
  --hq-ruby-magenta-0200: #faeff4;
  --hq-ruby-magenta-0300: #f5e0e9;
  --hq-ruby-magenta-0400: #f0d0de;
  --hq-ruby-magenta-0500: #ebc1d3;
  --hq-ruby-magenta-0600: #e7b1c8;
  --hq-ruby-magenta-0700: #e2a2bc;
  --hq-ruby-magenta-0800: #dd92b1;
  --hq-ruby-magenta-0900: #d883a6;
  --hq-ruby-magenta-1000: #d3739b;
  --hq-ruby-magenta-1100: #ce6490;
  --hq-ruby-magenta-1200: #c95485;
  --hq-ruby-magenta-1300: #c4457a;
  --hq-ruby-magenta-1400: #ba3b70;
  --hq-ruby-magenta-1500: #ab3666;
  --hq-ruby-magenta-1600: #8f2d56;
  --hq-ruby-magenta-1700: #8c2c54;
  --hq-ruby-magenta-1800: #7c274b;
  --hq-ruby-magenta-1900: #6d2241;
  --hq-ruby-magenta-2000: #5d1d38;
  --hq-ruby-magenta-2100: #4e182f;
  --hq-ruby-magenta-2200: #3e1425;
  --hq-ruby-magenta-2300: #2f0f1c;
  --hq-ruby-magenta-2400: #1f0a13;
  --hq-ruby-magenta-2500: #100509;
  --hq-lavender-purple-0100: #ffffff;
  --hq-lavender-purple-0200: #f4f0f9;
  --hq-lavender-purple-0300: #eae1f4;
  --hq-lavender-purple-0400: #dfd3ee;
  --hq-lavender-purple-0500: #d4c4e9;
  --hq-lavender-purple-0600: #cab5e3;
  --hq-lavender-purple-0700: #bfa6dd;
  --hq-lavender-purple-0800: #b497d8;
  --hq-lavender-purple-0900: #a480cf;
  --hq-lavender-purple-1000: #9f7acd;
  --hq-lavender-purple-1100: #946bc7;
  --hq-lavender-purple-1200: #8a5cc1;
  --hq-lavender-purple-1300: #7c4ffc;
  --hq-lavender-purple-1400: #7543b1;
  --hq-lavender-purple-1500: #6b3ea3;
  --hq-lavender-purple-1600: #613894;
  --hq-lavender-purple-1700: #583285;
  --hq-lavender-purple-1800: #4e2d76;
  --hq-lavender-purple-1900: #442768;
  --hq-lavender-purple-2000: #3a2259;
  --hq-lavender-purple-2100: #311c4a;
  --hq-lavender-purple-2200: #27163b;
  --hq-lavender-purple-2300: #1d112c;
  --hq-lavender-purple-2400: #130b1e;
  --hq-lavender-purple-2500: #0a060f;
  --hq-neon-purple-0100: #ffffff;
  --hq-neon-purple-0200: #f8f6ff;
  --hq-neon-purple-0300: #ece5ff;
  --hq-neon-purple-0400: #e0d5fe;
  --hq-neon-purple-0500: #d3c4fe;
  --hq-neon-purple-0600: #c7b3fe;
  --hq-neon-purple-0700: #baa3fd;
  --hq-neon-purple-0800: #ae92fd;
  --hq-neon-purple-0900: #a181fd;
  --hq-neon-purple-1000: #9570fd;
  --hq-neon-purple-1100: #8860fc;
  --hq-neon-purple-1200: #8459ff;
  --hq-neon-purple-1300: #7c4ffc;
  --hq-neon-purple-1400: #703efc;
  --hq-neon-purple-1500: #632efb;
  --hq-neon-purple-1600: #571dfb;
  --hq-neon-purple-1700: #4a0cfb;
  --hq-neon-purple-1800: #3d04e1;
  --hq-neon-purple-1900: #3003af;
  --hq-neon-purple-2000: #27028e;
  --hq-neon-purple-2100: #22027d;
  --hq-neon-purple-2200: #1d026c;
  --hq-neon-purple-2300: #19025b;
  --hq-neon-purple-2400: #10013a;
  --hq-neon-purple-2500: #0b0129;
  --hq-violet-blue-0100: #ffffff;
  --hq-violet-blue-0200: #f6edfd;
  --hq-violet-blue-0300: #eddafb;
  --hq-violet-blue-0400: #e4c8f9;
  --hq-violet-blue-0500: #dcb6f6;
  --hq-violet-blue-0600: #d3a4f4;
  --hq-violet-blue-0700: #ca91f2;
  --hq-violet-blue-0800: #c17ff0;
  --hq-violet-blue-0900: #b86dee;
  --hq-violet-blue-1000: #af5bec;
  --hq-violet-blue-1100: #a648ea;
  --hq-violet-blue-1200: #9e36e7;
  --hq-violet-blue-1300: #9524e5;
  --hq-violet-blue-1400: #8b1adb;
  --hq-violet-blue-1500: #7f18c9;
  --hq-violet-blue-1600: #7315b7;
  --hq-violet-blue-1700: #6813a4;
  --hq-violet-blue-1800: #571089;
  --hq-violet-blue-1900: #510f80;
  --hq-violet-blue-2000: #450d6e;
  --hq-violet-blue-2100: #3a0b5b;
  --hq-violet-blue-2200: #2e0949;
  --hq-violet-blue-2300: #230637;
  --hq-violet-blue-2400: #170425;
  --hq-violet-blue-2500: #0c0212;
  --hq-flower-blue-0100: #ffffff;
  --hq-flower-blue-0200: #eef2fc;
  --hq-flower-blue-0300: #dce5f9;
  --hq-flower-blue-0400: #cbd9f6;
  --hq-flower-blue-0500: #baccf3;
  --hq-flower-blue-0600: #a8bff0;
  --hq-flower-blue-0700: #97b2ed;
  --hq-flower-blue-0800: #779be7;
  --hq-flower-blue-0900: #7498e7;
  --hq-flower-blue-1000: #638ce3;
  --hq-flower-blue-1100: #527fe0;
  --hq-flower-blue-1200: #4072dd;
  --hq-flower-blue-1300: #2f65da;
  --hq-flower-blue-1400: #255bd0;
  --hq-flower-blue-1500: #2253bf;
  --hq-flower-blue-1600: #1f4cad;
  --hq-flower-blue-1700: #1c449c;
  --hq-flower-blue-1800: #183d8b;
  --hq-flower-blue-1900: #153579;
  --hq-flower-blue-2000: #122d68;
  --hq-flower-blue-2100: #0f2657;
  --hq-flower-blue-2200: #0c1e45;
  --hq-flower-blue-2300: #091734;
  --hq-flower-blue-2400: #060f23;
  --hq-flower-blue-2500: #030811;
  --hq-base-0100: #ffffff;
  --hq-base-0200: #f4f5f6;
  --hq-base-0300: #e8eaed;
  --hq-base-0400: #dde0e4;
  --hq-base-0500: #d1d6db;
  --hq-base-0600: #c6cbd2;
  --hq-base-0700: #bac1c9;
  --hq-base-0800: #afb7c0;
  --hq-base-0900: #a4acb7;
  --hq-base-1000: #98a2ae;
  --hq-base-1100: #8d98a5;
  --hq-base-1200: #818d9c;
  --hq-base-1300: #768393;
  --hq-base-1400: #6c7989;
  --hq-base-1500: #636f7e;
  --hq-base-1600: #5a6572;
  --hq-base-1700: #515b67;
  --hq-base-1800: #48515b;
  --hq-base-1900: #3f4750;
  --hq-base-2000: #363c45;
  --hq-base-2100: #2d3239;
  --hq-base-2200: #21252c;
  --hq-base-2300: #181a20;
  --hq-base-2400: #13151a;
  --hq-base-2500: #0b0d0e;
}
:root[theme="g100"] {
  --hq-transparent-inverse-0100: rgba(255, 255, 255, 0.02);
  --hq-transparent-inverse-0200: rgba(255, 255, 255, 0.04);
  --hq-transparent-inverse-0300: rgba(255, 255, 255, 0.08);
  --hq-transparent-inverse-0400: rgba(255, 255, 255, 0.12);
  --hq-transparent-inverse-0500: rgba(255, 255, 255, 0.16);
  --hq-transparent-inverse-0600: rgba(255, 255, 255, 0.2);
  --hq-transparent-inverse-0700: rgba(255, 255, 255, 0.24);
  --hq-transparent-inverse-0800: rgba(255, 255, 255, 0.28);
  --hq-transparent-inverse-0900: rgba(255, 255, 255, 0.32);
  --hq-transparent-inverse-1000: rgba(255, 255, 255, 0.36);
  --hq-transparent-inverse-1100: rgba(255, 255, 255, 0.4);
  --hq-transparent-inverse-1200: rgba(255, 255, 255, 0.44);
  --hq-transparent-inverse-1300: rgba(255, 255, 255, 0.48);
  --hq-transparent-inverse-1400: rgba(255, 255, 255, 0.52);
  --hq-transparent-inverse-1500: rgba(255, 255, 255, 0.56);
  --hq-transparent-inverse-1600: rgba(255, 255, 255, 0.6);
  --hq-transparent-inverse-1700: rgba(255, 255, 255, 0.64);
  --hq-transparent-inverse-1800: rgba(255, 255, 255, 0.68);
  --hq-transparent-inverse-1900: rgba(255, 255, 255, 0.72);
  --hq-transparent-inverse-2000: rgba(255, 255, 255, 0.76);
  --hq-transparent-inverse-2100: rgba(255, 255, 255, 0.8);
  --hq-transparent-inverse-2200: rgba(255, 255, 255, 0.84);
  --hq-transparent-inverse-2300: rgba(255, 255, 255, 0.88);
  --hq-transparent-inverse-2400: rgba(255, 255, 255, 0.92);
  --hq-transparent-inverse-2500: rgba(255, 255, 255, 0.96);
  --hq-transparent-0100: rgba(0, 0, 0, 0.02);
  --hq-transparent-0200: rgba(0, 0, 0, 0.04);
  --hq-transparent-0300: rgba(0, 0, 0, 0.08);
  --hq-transparent-0400: rgba(0, 0, 0, 0.12);
  --hq-transparent-0500: rgba(0, 0, 0, 0.16);
  --hq-transparent-0600: rgba(0, 0, 0, 0.2);
  --hq-transparent-0700: rgba(0, 0, 0, 0.24);
  --hq-transparent-0800: rgba(0, 0, 0, 0.28);
  --hq-transparent-0900: rgba(0, 0, 0, 0.32);
  --hq-transparent-1000: rgba(0, 0, 0, 0.36);
  --hq-transparent-1100: rgba(0, 0, 0, 0.4);
  --hq-transparent-1200: rgba(0, 0, 0, 0.44);
  --hq-transparent-1300: rgba(0, 0, 0, 0.48);
  --hq-transparent-1400: rgba(0, 0, 0, 0.52);
  --hq-transparent-1500: rgba(0, 0, 0, 0.56);
  --hq-transparent-1600: rgba(0, 0, 0, 0.6);
  --hq-transparent-1700: rgba(0, 0, 0, 0.64);
  --hq-transparent-1800: rgba(0, 0, 0, 0.68);
  --hq-transparent-1900: rgba(0, 0, 0, 0.72);
  --hq-transparent-2000: rgba(0, 0, 0, 0.76);
  --hq-transparent-2100: rgba(0, 0, 0, 0.8);
  --hq-transparent-2200: rgba(0, 0, 0, 0.84);
  --hq-transparent-2300: rgba(0, 0, 0, 0.88);
  --hq-transparent-2400: rgba(0, 0, 0, 0.92);
  --hq-transparent-2500: rgba(0, 0, 0, 0.96);
  --hq-imperial-red-2500: #ffffff;
  --hq-imperial-red-2400: #faf0f0;
  --hq-imperial-red-2300: #f5e1e0;
  --hq-imperial-red-2200: #f0d2d1;
  --hq-imperial-red-2100: #ebc2c2;
  --hq-imperial-red-2000: #e6b3b3;
  --hq-imperial-red-1900: #e0a4a3;
  --hq-imperial-red-1800: #db9594;
  --hq-imperial-red-1700: #d68685;
  --hq-imperial-red-1600: #d17775;
  --hq-imperial-red-1500: #cc6866;
  --hq-imperial-red-1400: #c75957;
  --hq-imperial-red-1300: #c24947;
  --hq-imperial-red-1200: #b83f3d;
  --hq-imperial-red-1100: #a83a38;
  --hq-imperial-red-1000: #993533;
  --hq-imperial-red-0900: #8a2f2e;
  --hq-imperial-red-0800: #7a2a29;
  --hq-imperial-red-0700: #6b2524;
  --hq-imperial-red-0600: #571e1d;
  --hq-imperial-red-0500: #4d1a19;
  --hq-imperial-red-0400: #3d1514;
  --hq-imperial-red-0300: #2e100f;
  --hq-imperial-red-0200: #1f0b0a;
  --hq-imperial-red-0100: #0f0505;
  --hq-swim-red-2500: #ffffff;
  --hq-swim-red-2400: #faf0f0;
  --hq-swim-red-2300: #f4e1e1;
  --hq-swim-red-2200: #efd2d2;
  --hq-swim-red-2100: #e9c3c4;
  --hq-swim-red-2000: #e4b4b5;
  --hq-swim-red-1900: #dfa5a6;
  --hq-swim-red-1800: #d99697;
  --hq-swim-red-1700: #d48788;
  --hq-swim-red-1600: #ce7879;
  --hq-swim-red-1500: #c9696b;
  --hq-swim-red-1400: #c45a5c;
  --hq-swim-red-1300: #bc4749;
  --hq-swim-red-1200: #b44143;
  --hq-swim-red-1100: #a53b3d;
  --hq-swim-red-1000: #963638;
  --hq-swim-red-0900: #873132;
  --hq-swim-red-0800: #782b2d;
  --hq-swim-red-0700: #692627;
  --hq-swim-red-0600: #5a2021;
  --hq-swim-red-0500: #4b1b1c;
  --hq-swim-red-0400: #3c1616;
  --hq-swim-red-0300: #2d1011;
  --hq-swim-red-0200: #1e0b0b;
  --hq-swim-red-0100: #0f0506;
  --hq-powder-blue-2500: #ffffff;
  --hq-powder-blue-2400: #f0f9f9;
  --hq-powder-blue-2300: #e2f3f3;
  --hq-powder-blue-2200: #d3edee;
  --hq-powder-blue-2100: #c5e7e8;
  --hq-powder-blue-2000: #b6e0e2;
  --hq-powder-blue-1900: #a8dadc;
  --hq-powder-blue-1800: #99d4d6;
  --hq-powder-blue-1700: #8aced0;
  --hq-powder-blue-1600: #7cc8cb;
  --hq-powder-blue-1500: #6dc2c5;
  --hq-powder-blue-1400: #5fbcbf;
  --hq-powder-blue-1300: #50b6b9;
  --hq-powder-blue-1200: #46acaf;
  --hq-powder-blue-1100: #409da0;
  --hq-powder-blue-1000: #3a8f92;
  --hq-powder-blue-0900: #348183;
  --hq-powder-blue-0800: #2f7275;
  --hq-powder-blue-0700: #296466;
  --hq-powder-blue-0600: #235658;
  --hq-powder-blue-0500: #1d4749;
  --hq-powder-blue-0400: #17393a;
  --hq-powder-blue-0300: #112b2c;
  --hq-powder-blue-0200: #0c1d1d;
  --hq-powder-blue-0100: #060e0f;
  --hq-celadon-blue-2500: #ffffff;
  --hq-celadon-blue-2400: #f1f6f9;
  --hq-celadon-blue-2300: #e3ecf3;
  --hq-celadon-blue-2200: #d4e3ec;
  --hq-celadon-blue-2100: #c6dae6;
  --hq-celadon-blue-2000: #b8d1e0;
  --hq-celadon-blue-1900: #aac7da;
  --hq-celadon-blue-1800: #9cbed3;
  --hq-celadon-blue-1700: #8eb5cd;
  --hq-celadon-blue-1600: #7facc7;
  --hq-celadon-blue-1500: #71a2c1;
  --hq-celadon-blue-1400: #6399bb;
  --hq-celadon-blue-1300: #5590b4;
  --hq-celadon-blue-1200: #4b86aa;
  --hq-celadon-blue-1100: #457b9d;
  --hq-celadon-blue-1000: #3e6f8e;
  --hq-celadon-blue-0900: #386480;
  --hq-celadon-blue-0800: #325971;
  --hq-celadon-blue-0700: #2c4e63;
  --hq-celadon-blue-0600: #254355;
  --hq-celadon-blue-0500: #1f3847;
  --hq-celadon-blue-0400: #192d39;
  --hq-celadon-blue-0300: #13212b;
  --hq-celadon-blue-0200: #0c161c;
  --hq-celadon-blue-0100: #060b0e;
  --hq-prussian-blue-2500: #ffffff;
  --hq-prussian-blue-2400: #f0f4fa;
  --hq-prussian-blue-2300: #e0e9f5;
  --hq-prussian-blue-2200: #d1def0;
  --hq-prussian-blue-2100: #c2d3eb;
  --hq-prussian-blue-2000: #b3c8e6;
  --hq-prussian-blue-1900: #a3bde0;
  --hq-prussian-blue-1800: #94b2db;
  --hq-prussian-blue-1700: #85a7d6;
  --hq-prussian-blue-1600: #759cd1;
  --hq-prussian-blue-1500: #6690cc;
  --hq-prussian-blue-1400: #5785c7;
  --hq-prussian-blue-1300: #477ac2;
  --hq-prussian-blue-1200: #3d70b8;
  --hq-prussian-blue-1100: #3867a8;
  --hq-prussian-blue-1000: #335d99;
  --hq-prussian-blue-0900: #2e548a;
  --hq-prussian-blue-0800: #294b7a;
  --hq-prussian-blue-0700: #24416b;
  --hq-prussian-blue-0600: #1d3557;
  --hq-prussian-blue-0500: #192f4d;
  --hq-prussian-blue-0400: #14253d;
  --hq-prussian-blue-0300: #0f1c2e;
  --hq-prussian-blue-0200: #0a131f;
  --hq-prussian-blue-0100: #05090f;
  --hq-selective-yellow-2500: #ffffff;
  --hq-selective-yellow-2400: #fff9eb;
  --hq-selective-yellow-2300: #fff3d6;
  --hq-selective-yellow-2200: #ffeec2;
  --hq-selective-yellow-2100: #ffe8ad;
  --hq-selective-yellow-2000: #ffe299;
  --hq-selective-yellow-1900: #ffdc85;
  --hq-selective-yellow-1800: #ffd770;
  --hq-selective-yellow-1700: #ffd15c;
  --hq-selective-yellow-1600: #ffcb47;
  --hq-selective-yellow-1500: #ffc533;
  --hq-selective-yellow-1400: #ffbf1f;
  --hq-selective-yellow-1300: #ffba08;
  --hq-selective-yellow-1200: #f5af00;
  --hq-selective-yellow-1100: #e0a100;
  --hq-selective-yellow-1000: #cc9200;
  --hq-selective-yellow-0900: #b88400;
  --hq-selective-yellow-0800: #a37500;
  --hq-selective-yellow-0700: #8f6600;
  --hq-selective-yellow-0600: #7a5800;
  --hq-selective-yellow-0500: #664900;
  --hq-selective-yellow-0400: #523a00;
  --hq-selective-yellow-0300: #3d2c00;
  --hq-selective-yellow-0200: #291d00;
  --hq-selective-yellow-0100: #140f00;
  --hq-indian-yellow-2500: #ffffff;
  --hq-indian-yellow-2400: #fcf6ed;
  --hq-indian-yellow-2300: #f9eedc;
  --hq-indian-yellow-2200: #f6e5ca;
  --hq-indian-yellow-2100: #f4dcb9;
  --hq-indian-yellow-2000: #f1d3a7;
  --hq-indian-yellow-1900: #eecb96;
  --hq-indian-yellow-1800: #ebc284;
  --hq-indian-yellow-1700: #e8b973;
  --hq-indian-yellow-1600: #e5b061;
  --hq-indian-yellow-1500: #e2a850;
  --hq-indian-yellow-1400: #e09f3e;
  --hq-indian-yellow-1300: #dd962c;
  --hq-indian-yellow-1200: #d38c22;
  --hq-indian-yellow-1100: #c1801f;
  --hq-indian-yellow-1000: #af751d;
  --hq-indian-yellow-0900: #9e691a;
  --hq-indian-yellow-0800: #8c5d17;
  --hq-indian-yellow-0700: #7b5214;
  --hq-indian-yellow-0600: #694611;
  --hq-indian-yellow-0500: #583a0e;
  --hq-indian-yellow-0400: #462f0b;
  --hq-indian-yellow-0300: #352309;
  --hq-indian-yellow-0200: #231706;
  --hq-indian-yellow-0100: #120c03;
  --hq-peel-yellow-2500: #ffffff;
  --hq-peel-yellow-2400: #fff7eb;
  --hq-peel-yellow-2300: #ffeed6;
  --hq-peel-yellow-2200: #ffe6c2;
  --hq-peel-yellow-2100: #ffddad;
  --hq-peel-yellow-2000: #ffd599;
  --hq-peel-yellow-1900: #ffcc85;
  --hq-peel-yellow-1800: #ffc370;
  --hq-peel-yellow-1700: #ffbb5c;
  --hq-peel-yellow-1600: #ffb347;
  --hq-peel-yellow-1500: #ffaa33;
  --hq-peel-yellow-1400: #ff9f1c;
  --hq-peel-yellow-1300: #ff990a;
  --hq-peel-yellow-1200: #f58f00;
  --hq-peel-yellow-1100: #e08300;
  --hq-peel-yellow-1000: #cc7700;
  --hq-peel-yellow-0900: #b86b00;
  --hq-peel-yellow-0800: #a35f00;
  --hq-peel-yellow-0700: #8f5300;
  --hq-peel-yellow-0600: #7a4700;
  --hq-peel-yellow-0500: #663c00;
  --hq-peel-yellow-0400: #523000;
  --hq-peel-yellow-0300: #3d2400;
  --hq-peel-yellow-0200: #291800;
  --hq-peel-yellow-0100: #140c00;
  --hq-vermilion-orange-2500: #ffffff;
  --hq-vermilion-orange-2400: #fff2eb;
  --hq-vermilion-orange-2300: #fee6d7;
  --hq-vermilion-orange-2200: #fed9c3;
  --hq-vermilion-orange-2100: #fecdaf;
  --hq-vermilion-orange-2000: #fdc09b;
  --hq-vermilion-orange-1900: #fdb486;
  --hq-vermilion-orange-1800: #fda772;
  --hq-vermilion-orange-1700: #fd9b5e;
  --hq-vermilion-orange-1600: #fc8e4a;
  --hq-vermilion-orange-1500: #fc8236;
  --hq-vermilion-orange-1400: #fc7522;
  --hq-vermilion-orange-1300: #fb690e;
  --hq-vermilion-orange-1200: #e85d04;
  --hq-vermilion-orange-1100: #dd5703;
  --hq-vermilion-orange-1000: #c94f03;
  --hq-vermilion-orange-0900: #b54703;
  --hq-vermilion-orange-0800: #a13f02;
  --hq-vermilion-orange-0700: #8d3702;
  --hq-vermilion-orange-0600: #792f02;
  --hq-vermilion-orange-0500: #642702;
  --hq-vermilion-orange-0400: #502001;
  --hq-vermilion-orange-0300: #3c1801;
  --hq-vermilion-orange-0200: #281001;
  --hq-vermilion-orange-0100: #140800;
  --hq-rossa-red-2500: #ffffff;
  --hq-rossa-red-2400: #ffebeb;
  --hq-rossa-red-2300: #ffd6d6;
  --hq-rossa-red-2200: #ffc2c2;
  --hq-rossa-red-2100: #ffadad;
  --hq-rossa-red-2000: #ff9999;
  --hq-rossa-red-1900: #ff8585;
  --hq-rossa-red-1800: #ff7070;
  --hq-rossa-red-1700: #ff5c5c;
  --hq-rossa-red-1600: #ff4747;
  --hq-rossa-red-1500: #ff3333;
  --hq-rossa-red-1400: #ff1f1f;
  --hq-rossa-red-1300: #ff0a0a;
  --hq-rossa-red-1200: #f50000;
  --hq-rossa-red-1100: #d00000;
  --hq-rossa-red-1000: #cc0000;
  --hq-rossa-red-0900: #b80000;
  --hq-rossa-red-0800: #a30000;
  --hq-rossa-red-0700: #8f0000;
  --hq-rossa-red-0600: #7a0000;
  --hq-rossa-red-0500: #660000;
  --hq-rossa-red-0400: #520000;
  --hq-rossa-red-0300: #3d0000;
  --hq-rossa-red-0200: #290000;
  --hq-rossa-red-0100: #140000;
  --hq-dard-red-2500: #ffffff;
  --hq-dard-red-2400: #feebed;
  --hq-dard-red-2300: #fed8db;
  --hq-dard-red-2200: #fdc4ca;
  --hq-dard-red-2100: #fcb0b8;
  --hq-dard-red-2000: #fb9da6;
  --hq-dard-red-1900: #fb8994;
  --hq-dard-red-1800: #fa7582;
  --hq-dard-red-1700: #f96271;
  --hq-dard-red-1600: #f94e5f;
  --hq-dard-red-1500: #f83a4d;
  --hq-dard-red-1400: #f7263b;
  --hq-dard-red-1300: #f6132a;
  --hq-dard-red-1200: #ec091f;
  --hq-dard-red-1100: #d9081d;
  --hq-dard-red-1000: #c5071a;
  --hq-dard-red-0900: #b10618;
  --hq-dard-red-0800: #9d0615;
  --hq-dard-red-0700: #8a0512;
  --hq-dard-red-0600: #6a040f;
  --hq-dard-red-0500: #62040d;
  --hq-dard-red-0400: #4f030a;
  --hq-dard-red-0300: #3b0208;
  --hq-dard-red-0200: #270105;
  --hq-dard-red-0100: #140103;
  --hq-seinna-pink-2500: #ffffff;
  --hq-seinna-pink-2400: #fdedf2;
  --hq-seinna-pink-2300: #fbdae6;
  --hq-seinna-pink-2200: #f9c8d9;
  --hq-seinna-pink-2100: #f7b6cc;
  --hq-seinna-pink-2000: #f5a3c0;
  --hq-seinna-pink-1900: #f391b3;
  --hq-seinna-pink-1800: #f17ea6;
  --hq-seinna-pink-1700: #ef6c9a;
  --hq-seinna-pink-1600: #ed5a8d;
  --hq-seinna-pink-1500: #eb4781;
  --hq-seinna-pink-1400: #e93574;
  --hq-seinna-pink-1300: #e72367;
  --hq-seinna-pink-1200: #dc185d;
  --hq-seinna-pink-1100: #ca1655;
  --hq-seinna-pink-1000: #b8144e;
  --hq-seinna-pink-0900: #a51246;
  --hq-seinna-pink-0800: #93103e;
  --hq-seinna-pink-0700: #810e36;
  --hq-seinna-pink-0600: #6e0c2f;
  --hq-seinna-pink-0500: #5c0a27;
  --hq-seinna-pink-0400: #49081f;
  --hq-seinna-pink-0300: #370617;
  --hq-seinna-pink-0200: #250410;
  --hq-seinna-pink-0100: #120208;
  --hq-sapphire-blue-2500: #ffffff;
  --hq-sapphire-blue-2400: #eff6fb;
  --hq-sapphire-blue-2300: #dfedf6;
  --hq-sapphire-blue-2200: #cfe4f2;
  --hq-sapphire-blue-2100: #bfdbed;
  --hq-sapphire-blue-2000: #afd2e9;
  --hq-sapphire-blue-1900: #a0c9e4;
  --hq-sapphire-blue-1800: #90c0e0;
  --hq-sapphire-blue-1700: #80b7db;
  --hq-sapphire-blue-1600: #70add7;
  --hq-sapphire-blue-1500: #60a4d2;
  --hq-sapphire-blue-1400: #509bce;
  --hq-sapphire-blue-1300: #4092c9;
  --hq-sapphire-blue-1200: #3688bf;
  --hq-sapphire-blue-1100: #317daf;
  --hq-sapphire-blue-1000: #2d719f;
  --hq-sapphire-blue-0900: #28668f;
  --hq-sapphire-blue-0800: #22577a;
  --hq-sapphire-blue-0700: #1f4f6f;
  --hq-sapphire-blue-0600: #1b445f;
  --hq-sapphire-blue-0500: #163950;
  --hq-sapphire-blue-0400: #122d40;
  --hq-sapphire-blue-0300: #0d2230;
  --hq-sapphire-blue-0200: #091720;
  --hq-sapphire-blue-0100: #040b10;
  --hq-ocean-green-2500: #ffffff;
  --hq-ocean-green-2400: #effaf6;
  --hq-ocean-green-2300: #e0f5ec;
  --hq-ocean-green-2200: #d0f1e3;
  --hq-ocean-green-2100: #c1ecd9;
  --hq-ocean-green-2000: #b1e7d0;
  --hq-ocean-green-1900: #a1e2c6;
  --hq-ocean-green-1800: #92ddbd;
  --hq-ocean-green-1700: #82d9b3;
  --hq-ocean-green-1600: #73d4aa;
  --hq-ocean-green-1500: #57cc99;
  --hq-ocean-green-1400: #53ca97;
  --hq-ocean-green-1300: #44c58d;
  --hq-ocean-green-1200: #3abb83;
  --hq-ocean-green-1100: #35ac78;
  --hq-ocean-green-1000: #309c6d;
  --hq-ocean-green-0900: #2b8c62;
  --hq-ocean-green-0800: #267d57;
  --hq-ocean-green-0700: #226d4c;
  --hq-ocean-green-0600: #1d5e42;
  --hq-ocean-green-0500: #184e37;
  --hq-ocean-green-0400: #133e2c;
  --hq-ocean-green-0300: #0e2f21;
  --hq-ocean-green-0200: #0a1f16;
  --hq-ocean-green-0100: #05100b;
  --hq-sea-green-2500: #ffffff;
  --hq-sea-green-2400: #f3f7f3;
  --hq-sea-green-2300: #e6efe6;
  --hq-sea-green-2200: #dae7da;
  --hq-sea-green-2100: #cedfcd;
  --hq-sea-green-2000: #c1d7c1;
  --hq-sea-green-1900: #b5cfb4;
  --hq-sea-green-1800: #a8c7a8;
  --hq-sea-green-1700: #9cbf9b;
  --hq-sea-green-1600: #90b78f;
  --hq-sea-green-1500: #83af83;
  --hq-sea-green-1400: #77a776;
  --hq-sea-green-1300: #6ba06a;
  --hq-sea-green-1200: #5b8c5a;
  --hq-sea-green-1100: #588958;
  --hq-sea-green-1000: #507c50;
  --hq-sea-green-0900: #487048;
  --hq-sea-green-0800: #406440;
  --hq-sea-green-0700: #385738;
  --hq-sea-green-0600: #304b30;
  --hq-sea-green-0500: #283e28;
  --hq-sea-green-0400: #203220;
  --hq-sea-green-0300: #182518;
  --hq-sea-green-0200: #101910;
  --hq-sea-green-0100: #080c08;
  --hq-sage-green-2500: #ffffff;
  --hq-sage-green-2400: #f5f7f3;
  --hq-sage-green-2300: #ecefe7;
  --hq-sage-green-2200: #e2e7da;
  --hq-sage-green-2100: #d8dece;
  --hq-sage-green-2000: #cfd6c2;
  --hq-sage-green-1900: #c5ceb6;
  --hq-sage-green-1800: #bbc6a9;
  --hq-sage-green-1700: #b2be9d;
  --hq-sage-green-1600: #a3b18a;
  --hq-sage-green-1500: #9ead85;
  --hq-sage-green-1400: #95a578;
  --hq-sage-green-1300: #8b9d6c;
  --hq-sage-green-1200: #819362;
  --hq-sage-green-1100: #76875a;
  --hq-sage-green-1000: #6b7a52;
  --hq-sage-green-0900: #616e49;
  --hq-sage-green-0800: #566241;
  --hq-sage-green-0700: #4b5639;
  --hq-sage-green-0600: #404931;
  --hq-sage-green-0500: #363d29;
  --hq-sage-green-0400: #2b3121;
  --hq-sage-green-0300: #202518;
  --hq-sage-green-0200: #151810;
  --hq-sage-green-0100: #0b0c08;
  --hq-light-green-2500: #ffffff;
  --hq-light-green-2400: #d2f4dd;
  --hq-light-green-2300: #c4f1d3;
  --hq-light-green-2200: #b7edc9;
  --hq-light-green-2100: #a9eabf;
  --hq-light-green-2000: #9be7b4;
  --hq-light-green-1900: #8ee3aa;
  --hq-light-green-1800: #80e0a0;
  --hq-light-green-1700: #73dc96;
  --hq-light-green-1600: #65d98c;
  --hq-light-green-1500: #57d681;
  --hq-light-green-1400: #4ad277;
  --hq-light-green-1300: #3ccf6d;
  --hq-light-green-1200: #2bad56;
  --hq-light-green-1100: #27a04f;
  --hq-light-green-1000: #249249;
  --hq-light-green-0900: #218442;
  --hq-light-green-0800: #1d773b;
  --hq-light-green-0700: #1a6934;
  --hq-light-green-0600: #175b2e;
  --hq-light-green-0500: #134e27;
  --hq-light-green-0400: #104020;
  --hq-light-green-0300: #0c3319;
  --hq-light-green-0200: #092512;
  --hq-light-green-0100: #06170c;
  --hq-ruby-magenta-2500: #ffffff;
  --hq-ruby-magenta-2400: #faeff4;
  --hq-ruby-magenta-2300: #f5e0e9;
  --hq-ruby-magenta-2200: #f0d0de;
  --hq-ruby-magenta-2100: #ebc1d3;
  --hq-ruby-magenta-2000: #e7b1c8;
  --hq-ruby-magenta-1900: #e2a2bc;
  --hq-ruby-magenta-1800: #dd92b1;
  --hq-ruby-magenta-1700: #d883a6;
  --hq-ruby-magenta-1600: #d3739b;
  --hq-ruby-magenta-1500: #ce6490;
  --hq-ruby-magenta-1400: #c95485;
  --hq-ruby-magenta-1300: #c4457a;
  --hq-ruby-magenta-1200: #ba3b70;
  --hq-ruby-magenta-1100: #ab3666;
  --hq-ruby-magenta-1000: #8f2d56;
  --hq-ruby-magenta-0900: #8c2c54;
  --hq-ruby-magenta-0800: #7c274b;
  --hq-ruby-magenta-0700: #6d2241;
  --hq-ruby-magenta-0600: #5d1d38;
  --hq-ruby-magenta-0500: #4e182f;
  --hq-ruby-magenta-0400: #3e1425;
  --hq-ruby-magenta-0300: #2f0f1c;
  --hq-ruby-magenta-0200: #1f0a13;
  --hq-ruby-magenta-0100: #100509;
  --hq-lavender-purple-2500: #ffffff;
  --hq-lavender-purple-2400: #f4f0f9;
  --hq-lavender-purple-2300: #eae1f4;
  --hq-lavender-purple-2200: #dfd3ee;
  --hq-lavender-purple-2100: #d4c4e9;
  --hq-lavender-purple-2000: #cab5e3;
  --hq-lavender-purple-1900: #bfa6dd;
  --hq-lavender-purple-1800: #b497d8;
  --hq-lavender-purple-1700: #a480cf;
  --hq-lavender-purple-1600: #9f7acd;
  --hq-lavender-purple-1500: #946bc7;
  --hq-lavender-purple-1400: #8a5cc1;
  --hq-lavender-purple-1300: #7c4ffc;
  --hq-lavender-purple-1200: #7543b1;
  --hq-lavender-purple-1100: #6b3ea3;
  --hq-lavender-purple-1000: #613894;
  --hq-lavender-purple-0900: #583285;
  --hq-lavender-purple-0800: #4e2d76;
  --hq-lavender-purple-0700: #442768;
  --hq-lavender-purple-0600: #3a2259;
  --hq-lavender-purple-0500: #311c4a;
  --hq-lavender-purple-0400: #27163b;
  --hq-lavender-purple-0300: #1d112c;
  --hq-lavender-purple-0200: #130b1e;
  --hq-lavender-purple-0100: #0a060f;
  --hq-neon-purple-2500: #ffffff;
  --hq-neon-purple-2400: #f8f6ff;
  --hq-neon-purple-2300: #ece5ff;
  --hq-neon-purple-2200: #e0d5fe;
  --hq-neon-purple-2100: #d3c4fe;
  --hq-neon-purple-2000: #c7b3fe;
  --hq-neon-purple-1900: #baa3fd;
  --hq-neon-purple-1800: #ae92fd;
  --hq-neon-purple-1700: #a181fd;
  --hq-neon-purple-1600: #9570fd;
  --hq-neon-purple-1500: #8860fc;
  --hq-neon-purple-1400: #8459ff;
  --hq-neon-purple-1300: #7c4ffc;
  --hq-neon-purple-1200: #703efc;
  --hq-neon-purple-1100: #632efb;
  --hq-neon-purple-1000: #571dfb;
  --hq-neon-purple-0900: #4a0cfb;
  --hq-neon-purple-0800: #3d04e1;
  --hq-neon-purple-0700: #3003af;
  --hq-neon-purple-0600: #27028e;
  --hq-neon-purple-0500: #22027d;
  --hq-neon-purple-0400: #1d026c;
  --hq-neon-purple-0300: #19025b;
  --hq-neon-purple-0200: #10013a;
  --hq-neon-purple-0100: #0b0129;
  --hq-violet-blue-2500: #ffffff;
  --hq-violet-blue-2400: #f6edfd;
  --hq-violet-blue-2300: #eddafb;
  --hq-violet-blue-2200: #e4c8f9;
  --hq-violet-blue-2100: #dcb6f6;
  --hq-violet-blue-2000: #d3a4f4;
  --hq-violet-blue-1900: #ca91f2;
  --hq-violet-blue-1800: #c17ff0;
  --hq-violet-blue-1700: #b86dee;
  --hq-violet-blue-1600: #af5bec;
  --hq-violet-blue-1500: #a648ea;
  --hq-violet-blue-1400: #9e36e7;
  --hq-violet-blue-1300: #9524e5;
  --hq-violet-blue-1200: #8b1adb;
  --hq-violet-blue-1100: #7f18c9;
  --hq-violet-blue-1000: #7315b7;
  --hq-violet-blue-0900: #6813a4;
  --hq-violet-blue-0800: #571089;
  --hq-violet-blue-0700: #510f80;
  --hq-violet-blue-0600: #450d6e;
  --hq-violet-blue-0500: #3a0b5b;
  --hq-violet-blue-0400: #2e0949;
  --hq-violet-blue-0300: #230637;
  --hq-violet-blue-0200: #170425;
  --hq-violet-blue-0100: #0c0212;
  --hq-flower-blue-2500: #ffffff;
  --hq-flower-blue-2400: #eef2fc;
  --hq-flower-blue-2300: #dce5f9;
  --hq-flower-blue-2200: #cbd9f6;
  --hq-flower-blue-2100: #baccf3;
  --hq-flower-blue-2000: #a8bff0;
  --hq-flower-blue-1900: #97b2ed;
  --hq-flower-blue-1800: #779be7;
  --hq-flower-blue-1700: #7498e7;
  --hq-flower-blue-1600: #638ce3;
  --hq-flower-blue-1500: #527fe0;
  --hq-flower-blue-1400: #4072dd;
  --hq-flower-blue-1300: #2f65da;
  --hq-flower-blue-1200: #255bd0;
  --hq-flower-blue-1100: #2253bf;
  --hq-flower-blue-1000: #1f4cad;
  --hq-flower-blue-0900: #1c449c;
  --hq-flower-blue-0800: #183d8b;
  --hq-flower-blue-0700: #153579;
  --hq-flower-blue-0600: #122d68;
  --hq-flower-blue-0500: #0f2657;
  --hq-flower-blue-0400: #0c1e45;
  --hq-flower-blue-0300: #091734;
  --hq-flower-blue-0200: #060f23;
  --hq-flower-blue-0100: #030811;
  --hq-base-2500: #ffffff;
  --hq-base-2400: #f4f5f6;
  --hq-base-2300: #e8eaed;
  --hq-base-2200: #dde0e4;
  --hq-base-2100: #d1d6db;
  --hq-base-2000: #c6cbd2;
  --hq-base-1900: #bac1c9;
  --hq-base-1800: #afb7c0;
  --hq-base-1700: #a4acb7;
  --hq-base-1600: #98a2ae;
  --hq-base-1500: #8d98a5;
  --hq-base-1400: #818d9c;
  --hq-base-1300: #768393;
  --hq-base-1200: #6c7989;
  --hq-base-1100: #636f7e;
  --hq-base-1000: #5a6572;
  --hq-base-0900: #515b67;
  --hq-base-0800: #48515b;
  --hq-base-0700: #3f4750;
  --hq-base-0600: #363c45;
  --hq-base-0500: #2d3239;
  --hq-base-0400: #21252c;
  --hq-base-0300: #181a20;
  --hq-base-0200: #13151a;
  --hq-base-0100: #0b0d0e;
}
.embed-screen.svelte-12qhfyh {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
@keyframes svelte-12qhfyh-spacer12 {
  0% {
    height: 48px;
  }
  to {
    height: 0px;
  }
}
.screen.svelte-12qhfyh {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.root.svelte-12qhfyh {
  width: 100%;
  height: 100%;
  overflow: hidden;
  transform-origin: 50% 50%;
}
body {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
button {
  outline: none;
  border: none;
  background: transparent;
}
.root-body {
  width: 100%;
  height: 100%;
}
.cm-editor {
  background: var(--hq-base-0300);
  height: 100%;
}
.cm-scroller::-webkit-scrollbar {
  width: 0.3rem;
  height: 0.3rem;
  background-color: var(--hq-base-200);
}
.cm-scroller::-webkit-scrollbar:hover {
  cursor: pointer;
}
.cm-scroller::-webkit-scrollbar-corner {
  background-color: var(--hq-base-200);
}
.cm-scroller::-webkit-scrollbar-thumb {
  border: solid 1px var(--hq-base-0600);
  border-radius: 3px;
  background-color: var(--hq-base-0600);
}
.cm-scroller::-webkit-scrollbar-thumb:hover {
  cursor: pointer;
  background-color: var(--hq-base-0800);
}
.cm-gutters {
  background: var(--hq-base-0300) !important;
  border-right: solid 1px var(--hq-base-0400) !important;
}
body {
  position: relative;
  margin: 0 auto;
}
@media screen and (min-width: 2560px) {
  body {
    border-left: solid 1px var(--hq-base-0300);
    border-right: solid 1px var(--hq-base-0300);
  }
}
*[data-skeleton]:after {
  position: absolute;
  z-index: 2;
  left: 0;
  width: 25%;
  height: 100%;
  top: 0;
  background-image: linear-gradient(
    90deg,
    var(--hq-transparent-0100) 0%,
    var(--hq-flower-blue-2000) 100%
  );
  content: "";
  animation: svelte-12qhfyh-move-to-right 1.5s ease-out infinite;
}
@keyframes svelte-12qhfyh-move-to-right {
  0% {
    opacity: 0;
    left: -10rem;
  }
  20% {
    opacity: 0.02;
  }
  90% {
    left: 90%;
    opacity: 0.02;
  }
  to {
    left: 100%;
    opacity: 0;
  }
}
*[data-skeleton-box]:after {
  position: absolute;
  z-index: 2;
  left: 50%;
  width: 4rem;
  height: 4rem;
  top: 50%;
  border: solid 1px var(--hq-base-0400);
  content: "";
  animation: svelte-12qhfyh-zoom-up 1.2s infinite;
  border-radius: 0.5rem;
}
@keyframes svelte-12qhfyh-zoom-up {
  0% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
  30% {
    opacity: 1;
  }
  70% {
    opacity: 0.45;
  }
  to {
    opacity: 0;
    transform: translate(-50%, -50%) scale(1.6);
  }
}
:root {
  --ui-00: #ffffff;
  --ui-01: #f8f8f8;
  --ui-00-rev: #f3f3f3;
  --ui-01-rev: #ffffff;
  --ui-border-01: #e6e6e6;
}
:root[theme="g100"] {
  --ui-00: #1e202b;
  --ui-01: #262a35;
  --ui-00-rev: #151515;
  --ui-01-rev: #2a2a2a;
  --ui-border-01: #343434;
  --ui-border-02: #404040;
  --ui-border-03: #505050;
}
.__tip {
  font-family: Satoshi, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Oxygen, Ubuntu, system-ui, Cantarell, Open Sans, Helvetica Neue, sans-serif !important;
  position: absolute;
  z-index: 100;
  top: calc(100% + 0.4rem);
  left: 50%;
  pointer-events: none;
}
.__tip .__tip-content {
  padding: 0.3rem 0.4rem;
  border-radius: 0.3rem;
  position: relative;
  background: var(--tooltip-background);
  z-index: 5;
  color: #fff;
  font-weight: 600;
  font-size: 0.68rem;
  line-height: 1.32;
}
.__tip .__tip-content > small {
  font-size: 0.6rem;
  opacity: 0.9;
}
.__tip .__tip-content > strong {
  font-weight: 900;
}
.__tip[data-show="appear"] .__tip-content {
  opacity: 0;
  animation: svelte-12qhfyh-appear 0.1s 0.2s forwards;
}
@keyframes svelte-12qhfyh-appear {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.__tip .__tip-content[data-position="top"] {
  transform-origin: 50% 100%;
}
.__tip .__tip-content[data-position="bottom"] {
  transform-origin: 50% 0%;
}
.__tip .__tip-content[data-position="left"] {
  transform-origin: 25% 50%;
}
.__tip .__tip-content[data-position="right"] {
  transform-origin: -25% 50%;
}
.__tip[data-show="hidden"] .__tip-content {
  opacity: 0;
  animation: svelte-12qhfyh-disappear 0.1s forwards;
}
@keyframes svelte-12qhfyh-disappear {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  to {
    transform: scale(0.65);
    opacity: 0;
  }
}
.__tip .__tip-content:after {
  position: absolute;
  display: none;
  width: 0.4rem;
  height: 0.4rem;
  content: "";
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  background: var(--component-base02);
  border: solid 1px var(--component-base05);
  border-right: none;
  border-bottom: none;
  z-index: 0;
}
*[data-underline] {
  position: relative;
}
*[data-underline]:after {
  content: "";
  bottom: 0;
}
* {
  -webkit-font-smoothing: antialiased;
  font-smooth: always;
}
body *[data-mono="true"],
body *[data-mono] {
  font-family: Lato, sans-serif;
}
body *[data-opensans="true"],
body *[data-opensans] {
  font-family: Satoshi, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Oxygen, Ubuntu, system-ui, Cantarell, Open Sans, Helvetica Neue, sans-serif !important;
  font-weight: 600;
}
body {
  color: var(--hq-base-2300);
  font-family: Satoshi, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Oxygen, Ubuntu, system-ui, Cantarell, Open Sans, Helvetica Neue, sans-serif !important;
  font-weight: 500;
}
input {
  font-family: Satoshi, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Oxygen, Ubuntu, system-ui, Cantarell, Open Sans, Helvetica Neue, sans-serif !important;
}
body *[data-text-sub] {
  opacity: 0.85;
  font-size: 0.72rem !important;
}
body *[data-text-h6] {
  font-size: 0.78rem !important;
  font-weight: 500;
}
body *[data-text-grey] {
  color: var(--hq-base-1700);
}