@media (max-width: 768px) {
  button.svelte-1nuwzy4:first-child {
    margin-left: calc(2rem * var(--space-scale-factor));
  }
  button.svelte-1nuwzy4:last-child {
    margin-right: calc(2rem * var(--space-scale-factor));
  }
}
button.svelte-1nuwzy4 {
  transition: background-color 0.3s ease-out;
}
@media (max-width: 768px) {
  button.svelte-1nuwzy4 {
    font-size: 0.813rem;
    min-width: 13rem;
  }
}
.loading.svelte-1nuwzy4 {
  background-color: transparent;
  pointer-events: none;
  background-image: linear-gradient(
    90deg,
    #ffffff0d,
    #ffffff1a,
    #ffffff0f 60px
  );
  background-size: 200%;
  animation: svelte-1nuwzy4-shimmer 1s ease-in-out infinite;
}
@keyframes svelte-1nuwzy4-shimmer {
  0% {
    background-position-x: 100%;
  }
  to {
    background-position-x: -100%;
  }
}
.tooltip-content.svelte-128ws3y {
  z-index: 10;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(29 28 34 / var(--tw-bg-opacity, 1));
  padding: calc(0.625rem * var(--space-scale-factor));
  --tw-backdrop-blur: blur(64px);
  -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);
  left: 50%;
  top: -100px;
  transform: translate(-50%);
}
.tooltip-content.svelte-128ws3y:after {
  position: absolute;
  margin-left: calc(calc(0.625rem * var(--space-scale-factor)) * -1);
  border-width: 0.75rem;
  border-color: transparent;
  --tw-border-opacity: 1;
  border-top-color: rgb(29 28 34 / var(--tw-border-opacity, 1));
  content: "";
  top: -23px;
  left: 50%;
  transform: rotate(180deg) translate(-2px);
  pointer-events: none;
}
.tooltip-content-top.svelte-128ws3y:after {
  bottom: -23px;
  top: auto;
  left: 50%;
  transform: rotate(0) translate(-2px);
  pointer-events: none;
}
.icon-wrapper.svelte-14pohzl {
  border-radius: 0.5rem;
  color: #fff9;
}
.icon-wrapper.svelte-14pohzl:active {
  background-color: #ffffff1f;
  color: #f2f1f4;
}
.icon-wrapper.svelte-14pohzl {
  transition: background-color 0.2s ease-out;
}
@media (hover: hover) {
  .icon-wrapper.svelte-14pohzl:hover {
    background-color: #ffffff14;
    color: #f2f1f4;
  }
}
.icon-wrapper.svelte-1kmwtg8 {
  border-radius: 0.5rem;
  color: #f2f1f4;
  opacity: 0.6;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.icon-wrapper.svelte-1kmwtg8:hover {
  background-color: #ffffff14;
  opacity: 1;
}
.icon-wrapper.svelte-1kmwtg8:active {
  background-color: #ffffff1f;
}
.icon-wrapper.svelte-1kmwtg8 {
  transition: background-color 0.2s ease-out;
}
.icon-wrapper.svelte-1kmwtg8.touched {
  background-color: #ffffff1f;
}
.icon-wrapper.svelte-1kmwtg8.touched {
  color: #f2f1f4;
}
.icon-wrapper.svelte-1kmwtg8.touched {
  opacity: 1;
}
.spin.svelte-hfmu9q {
  position: absolute;
  display: flex;
  height: calc(3.5rem * var(--space-scale-factor));
  width: calc(3.5rem * var(--space-scale-factor));
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 1.5px;
  border-color: #ffffff26;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
  animation: svelte-hfmu9q-rotation 2s linear infinite;
}
@keyframes svelte-hfmu9q-rotation {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
.animate-spin.svelte-16yfjzk {
  animation: spin 2s linear infinite;
}
.progress-bar.svelte-1god8at {
  position: relative;
  background: linear-gradient(90deg, #7d42ec66, #7d42ec33);
  animation: svelte-1god8at-progress 6s linear infinite;
}
.progress-bar.svelte-1god8at:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 120px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.15));
}
.mask-thoughts.svelte-1god8at {
  -webkit-mask-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.5) 0%,
    rgba(0, 0, 0, 0.5) 60%,
    rgba(0, 0, 0, 0.2) 80%,
    transparent 100%
  );
  mask-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.5) 0%,
    rgba(0, 0, 0, 0.5) 60%,
    rgba(0, 0, 0, 0.2) 80%,
    transparent 100%
  );
}
@keyframes svelte-1god8at-progress {
  0% {
    width: 0%;
    opacity: 0.6;
  }
  60% {
    width: 100%;
    opacity: 0.6;
  }
  80% {
    width: 120%;
    opacity: 0;
  }
  to {
    width: 120%;
    opacity: 0;
  }
}