.ds-tooltip {
  --tooltip-text-color: #fff;
  --tooltip-color: #222;
  --tooltip-box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08),
    0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.ds-tooltip.ds-tooltip--m {
  --tooltip-font-size: var(--ds-font-size-m);
  --tooltip-line-height: var(--ds-line-height-m);
  --tooltip-padding: 6px 12px;
  --tooltip-arrow-size: 8px;
}
.ds-tooltip.ds-tooltip--s {
  --tooltip-font-size: var(--ds-font-size-s);
  --tooltip-line-height: var(--ds-line-height-s);
  --tooltip-padding: 6px 10px;
  --tooltip-arrow-size: 6px;
}
body.dark .ds-tooltip {
  --tooltip-text-color: rgb(var(--ds-rgb-label-1));
  --tooltip-color: rgb(var(--ds-rgb-elevated));
  --tooltip-box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08),
    0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.ds-tooltip.ds-tooltip--show-shadow,
.ds-tooltip.ds-tooltip--show-shadow__arrow,
body.dark .ds-tooltip {
  box-shadow: var(--tooltip-box-shadow);
}
.ds-tooltip {
  position: relative;
  padding: var(--tooltip-padding);
  font-size: var(--tooltip-font-size);
  line-height: var(--tooltip-line-height);
  border-radius: 10px;
  background-color: var(--tooltip-color);
  color: var(--tooltip-text-color);
  max-width: var(--ds-toast-max-width, calc(100vw - 28px));
}
.ds-tooltip__arrow {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  color: var(--tooltip-color);
  z-index: 1;
}
.ds-tooltip__arrow.ds-tooltip__arrow--sharp {
  width: calc(var(--tooltip-arrow-size) * 1.414);
  height: calc(var(--tooltip-arrow-size) * 1.414);
  background-color: var(--tooltip-color);
}
.ds-tooltip__arrow.ds-tooltip__arrow--soft {
  width: calc(var(--tooltip-arrow-size) * 2);
  height: calc(var(--tooltip-arrow-size) * 2);
}
.ds-tooltip__soft-arrow {
  height: var(--tooltip-arrow-size);
  transform: translateY(100%);
  flex-shrink: 0;
}
.ds-tooltip__arrow.ds-tooltip__arrow--sharp[ds-floating-placement^="top"] {
  top: 100%;
  transform: translateY(-50%) rotate(45deg);
}
.ds-tooltip__arrow.ds-tooltip__arrow--sharp[ds-floating-placement^="bottom"] {
  bottom: 100%;
  transform: translateY(50%) rotate(45deg);
}
.ds-tooltip__arrow.ds-tooltip__arrow--sharp[ds-floating-placement^="left"] {
  left: 100%;
  transform: translateX(-50%) rotate(45deg);
}
.ds-tooltip__arrow.ds-tooltip__arrow--sharp[ds-floating-placement^="right"] {
  right: 100%;
  transform: translateX(50%) rotate(45deg);
}
.ds-tooltip__arrow.ds-tooltip__arrow--soft[ds-floating-placement^="top"] {
  top: 100%;
  transform: translateY(-50%);
}
.ds-tooltip__arrow.ds-tooltip__arrow--soft[ds-floating-placement^="bottom"] {
  bottom: 100%;
  transform: translateY(50%) rotate(180deg);
}
.ds-tooltip__arrow.ds-tooltip__arrow--soft[ds-floating-placement^="left"] {
  left: 100%;
  transform: translateX(-50%) rotate(270deg);
}
.ds-tooltip__arrow.ds-tooltip__arrow--soft[ds-floating-placement^="right"] {
  right: 100%;
  transform: translateX(50%) rotate(90deg);
}
.ds-floating-position-wrapper {
  position: absolute;
  width: -moz-max-content;
  width: max-content;
  top: 0;
  left: 0;
}
[data-transform-origin="bottom"] .ds-fade-in-zoom-in-enter,
[data-transform-origin="bottom"] .ds-fade-in-zoom-in-exit {
  transform-origin: bottom;
}
[data-transform-origin="bottom left"] .ds-fade-in-zoom-in-enter,
[data-transform-origin="bottom left"] .ds-fade-in-zoom-in-exit {
  transform-origin: bottom left;
}
[data-transform-origin="bottom right"] .ds-fade-in-zoom-in-enter,
[data-transform-origin="bottom right"] .ds-fade-in-zoom-in-exit {
  transform-origin: bottom right;
}
[data-transform-origin="top"] .ds-fade-in-zoom-in-enter,
[data-transform-origin="top"] .ds-fade-in-zoom-in-exit {
  transform-origin: top;
}
[data-transform-origin="top left"] .ds-fade-in-zoom-in-enter,
[data-transform-origin="top left"] .ds-fade-in-zoom-in-exit {
  transform-origin: top left;
}
[data-transform-origin="top right"] .ds-fade-in-zoom-in-enter,
[data-transform-origin="top right"] .ds-fade-in-zoom-in-exit {
  transform-origin: top right;
}
[data-transform-origin="left"] .ds-fade-in-zoom-in-enter,
[data-transform-origin="left"] .ds-fade-in-zoom-in-exit {
  transform-origin: left;
}
[data-transform-origin="left top"] .ds-fade-in-zoom-in-enter,
[data-transform-origin="left top"] .ds-fade-in-zoom-in-exit {
  transform-origin: left top;
}
[data-transform-origin="left bottom"] .ds-fade-in-zoom-in-enter,
[data-transform-origin="left bottom"] .ds-fade-in-zoom-in-exit {
  transform-origin: left bottom;
}
[data-transform-origin="right"] .ds-fade-in-zoom-in-enter,
[data-transform-origin="right"] .ds-fade-in-zoom-in-exit {
  transform-origin: right;
}
[data-transform-origin="right top"] .ds-fade-in-zoom-in-enter,
[data-transform-origin="right top"] .ds-fade-in-zoom-in-exit {
  transform-origin: right top;
}
[data-transform-origin="right bottom"] .ds-fade-in-zoom-in-enter,
[data-transform-origin="right bottom"] .ds-fade-in-zoom-in-exit {
  transform-origin: right bottom;
}
[data-transform-origin="center"] .ds-fade-in-zoom-in-enter,
[data-transform-origin="center"] .ds-fade-in-zoom-in-exit {
  transform-origin: center;
}
.ds-fade-in-zoom-in-enter {
  opacity: 0;
  transform: scale(0.96);
}
.ds-fade-in-zoom-in-active {
  transition: opacity var(--ds-ease-in) var(--ds-transition-duration-fast),
    transform var(--ds-ease-in) var(--ds-transition-duration-fast);
}
.ds-fade-in-zoom-in-active,
.ds-fade-in-zoom-in-exit {
  opacity: 1;
  transform: scale(1);
}
.ds-fade-in-zoom-in-exit-active {
  opacity: 0;
  transform: scale(0.96);
  transition: opacity var(--ds-ease-out) var(--ds-transition-duration-fast),
    transform var(--ds-ease-out) var(--ds-transition-duration-fast);
}
.BannerCard_bannerCardOutline__YdEky {
  inset: -3px;
  pointer-events: none;
  border-radius: calc(1rem + 2px);
  transition: box-shadow var(--ds-transition-duration) var(--ds-ease-in-out);
}
.BannerCard_bannerCard__8xTj1 {
  outline: none;
}
.BannerCard_bannerCard__8xTj1:focus .BannerCard_bannerCardOutline__YdEky {
  box-shadow: 0 0 0 2px currentColor;
}
.ds-icon {
  line-height: 0;
  display: inline-flex;
}
.ds-icon > svg {
  width: inherit;
  height: inherit;
}
body.dark .ds-skeleton {
  --color-start: hsla(0, 0%, 100%, 0.12);
  --color-end: hsla(0, 0%, 100%, 0.18);
}
.ds-skeleton {
  --color-start: #eee;
  --color-end: #ddd;
  max-width: 100%;
  transition: --color-start 0.3s var(--ds-ease-in-out),
    --color-end 0.3s var(--ds-ease-in-out),
    background-color 0.3s var(--ds-ease-in-out);
  animation: ds-skeleton-loading 2s cubic-bezier(0.36, 0, 0.64, 1) infinite;
  background-color: var(--color-start);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.ds-skeleton * {
  visibility: hidden;
}
.ds-skeleton.ds-skeleton--text {
  border-radius: 4px;
}
.ds-skeleton.ds-skeleton--text.ds-skeleton--has-children {
  width: -moz-fit-content;
  width: fit-content;
}
.ds-skeleton.ds-skeleton--text > span {
  visibility: hidden;
}
.ds-skeleton.ds-skeleton--circle {
  border-radius: 4096px;
}
.ds-skeleton.ds-skeleton--rect {
  border-radius: 10px;
}
.ds-skeleton.ds-skeleton--sharp {
  border-radius: 0;
}
.ds-skeleton.ds-skeleton--circle.ds-skeleton--xs,
.ds-skeleton.ds-skeleton--rect.ds-skeleton--xs {
  height: var(--ds-input-height-xs);
}
.ds-skeleton.ds-skeleton--circle.ds-skeleton--s,
.ds-skeleton.ds-skeleton--rect.ds-skeleton--s {
  height: var(--ds-input-height-s);
}
.ds-skeleton.ds-skeleton--circle.ds-skeleton--m,
.ds-skeleton.ds-skeleton--rect.ds-skeleton--m {
  height: var(--ds-input-height-m);
}
@keyframes ds-skeleton-loading {
  0% {
    background: var(--color-start);
  }
  40% {
    background: var(--color-end);
  }
  80% {
    background: var(--color-start);
  }
  to {
    background: var(--color-start);
  }
}
.ds-flex {
  display: flex;
}