/*! sg-skeleton eef7dd6a 743ae27fabaee0b0468cbc48f8ec4b2bc08f48e51f6b4472fef0f4349eb3c60d */
:where(:root) {
  --sg-skeleton-cycle: 1.6s;
  --sg-skeleton-fade-out: 150ms;
  --sg-skeleton-reveal-delay: 300ms;
  --sg-skeleton-min-visible: 500ms;
  --sg-skeleton-rev: "ec395f02a9585f32";
}
:where(:root) {
  --sg-skeleton-band: 50%;
  --sg-skeleton-band-min: 160px;
  --sg-skeleton-text-h: 0.7em;
}
:where(.sg-sk) {
  position: relative;
  overflow: hidden;
  overflow: clip;
  --w: initial;
  --h: initial;
  --s: initial;
  --ar: initial;
}
:where(.sg-sk--live) {
  overflow-clip-margin: 4px;
}
:where(.sg-sk__text), :where(.sg-sk__block), :where(.sg-sk__circle), :where(.sg-sk__tile), :where(.sg-sk__btn), :where(.sg-sk__chip) {
  --sk-r: 10px;
  display: block;
  flex: none;
  background: var(--sg-skeleton-bg);
  border-radius: var(--sk-r);
  clip-path: inset(0 round var(--sk-r));
}
:where(.sg-sk__text)::after, :where(.sg-sk__block)::after, :where(.sg-sk__circle)::after, :where(.sg-sk__tile)::after, :where(.sg-sk__btn)::after, :where(.sg-sk__chip)::after {
  content: "";
  position: absolute;
  left: 0;
  width: max(var(--sg-skeleton-band), var(--sg-skeleton-band-min));
  height: inherit;
  pointer-events: none;
  background: var(--sg-skeleton-band-image);
  transform: translateX(-150%);
  animation: sg-skeleton-sweep var(--sg-skeleton-cycle) linear infinite;
}
@keyframes sg-skeleton-sweep {
  from {
    transform: translateX(-150%);
  }
  to {
    transform: translateX(250%);
  }
}
:where(.sg-sk__text) {
  --sk-r: 99px;
  width: var(--w, 100%);
  height: 1.3em;
  clip-path: inset(0.3em 0 round var(--sk-r));
  height: 1lh;
  clip-path: inset(calc((1lh - var(--sg-skeleton-text-h)) / 2) 0 round var(--sk-r));
}
:where(.sg-sk__block) {
  width: var(--w, 100%);
  height: var(--h, 44px);
}
:where(.sg-sk__block--fluid) {
  height: auto;
  aspect-ratio: var(--ar, 16/9);
}
:where(.sg-sk__block--fluid)::after {
  height: auto;
  aspect-ratio: calc(var(--ar, 16/9) / 2);
}
:where(.sg-sk__circle) {
  --sk-r: 50%;
  width: var(--s, 32px);
  height: var(--s, 32px);
}
:where(.sg-sk__tile) {
  width: var(--w, 100%);
  height: var(--h, 72px);
}
:where(.sg-sk__btn) {
  width: var(--w, 100%);
  height: var(--h, 48px);
}
:where(.sg-sk__btn--S) {
  --h: 32px;
  --sk-r: 5px;
}
:where(.sg-sk__btn--M) {
  --h: 38px;
  --sk-r: 8px;
}
:where(.sg-sk__btn--L) {
  --h: 44px;
}
:where(.sg-sk__btn--pill) {
  --sk-r: 99px;
}
:where(.sg-sk__chip) {
  --sk-r: 99px;
  width: var(--w, 72px);
  height: 24px;
}
:where(.sg-sk__sr) {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  border: 0;
  white-space: nowrap;
}
:where(.sg-sk-flat) {
  position: static !important;
  transform: none !important;
}
:where(.sg-sk-rows),
:where(.sg-sk-rows__card) {
  padding: var(--sk-pad, 0);
}
:where(.sg-sk-rows__row) {
  display: flex;
  align-items: center;
  gap: var(--sk-gap, 0);
  height: var(--sk-row-h, auto);
  margin: var(--sk-mt, 0) 0 var(--sk-mb, 0);
}
:where(.sg-sk-rows__row.is-center) {
  justify-content: center;
}
:where(.sg-sk-rows__row.is-between) {
  justify-content: space-between;
}
:where(.sg-sk-rows__row.is-grid) {
  display: grid;
  grid-template-columns: repeat(var(--sk-cols, 2), minmax(0, 1fr));
}
:where(.sg-sk-rows__row.is-rule)::before, :where(.sg-sk-rows__row.is-rule)::after {
  content: "";
  flex: 1;
  height: 1px;
  background: var(--sg-border);
}
:where(.sg-sk-swap) {
  display: grid;
}
:where(.sg-sk-swap > *) {
  grid-area: 1/1;
  min-width: 0;
}
:where(.sg-sk-swap > .sg-sk) {
  z-index: 1;
  background: var(--sg-skeleton-surface, var(--sg-surface));
  transition: opacity var(--sg-skeleton-fade-out) ease-out;
}
:where(.sg-sk-swap.is-ready > .sg-sk) {
  opacity: 0;
  pointer-events: none;
}
:where(.sg-sk[data-sk-offscreen] .sg-sk__text)::after, :where(.sg-sk[data-sk-offscreen] .sg-sk__block)::after, :where(.sg-sk[data-sk-offscreen] .sg-sk__circle)::after, :where(.sg-sk[data-sk-offscreen] .sg-sk__tile)::after, :where(.sg-sk[data-sk-offscreen] .sg-sk__btn)::after, :where(.sg-sk[data-sk-offscreen] .sg-sk__chip)::after {
  animation: none;
}
@media (prefers-reduced-motion: reduce) {
  :where(.sg-sk__text)::after, :where(.sg-sk__block)::after, :where(.sg-sk__circle)::after, :where(.sg-sk__tile)::after, :where(.sg-sk__btn)::after, :where(.sg-sk__chip)::after {
    display: none;
  }
}
@media (forced-colors: active) {
  :where(.sg-sk__text), :where(.sg-sk__block), :where(.sg-sk__circle), :where(.sg-sk__tile), :where(.sg-sk__btn), :where(.sg-sk__chip) {
    background: Canvas;
    clip-path: none;
    outline: 1px solid GrayText;
    outline-offset: -1px;
  }
  :where(.sg-sk__text) {
    outline-offset: calc((1lh - var(--sg-skeleton-text-h)) / -2);
  }
  :where(.sg-sk__text)::after, :where(.sg-sk__block)::after, :where(.sg-sk__circle)::after, :where(.sg-sk__tile)::after, :where(.sg-sk__btn)::after, :where(.sg-sk__chip)::after {
    display: none;
  }
  :where(.sg-sk-swap > .sg-sk) {
    background: Canvas;
  }
}
:where(:root) {
  --sg-skeleton-bg: rgba(49, 73, 124, 0.11);
  --sg-skeleton-highlight: rgba(255, 255, 255, 0.55);
  --sg-skeleton-band-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.0825) 20%, rgba(255, 255, 255, 0.33) 36%, rgba(255, 255, 255, 0.55) 50%, rgba(255, 255, 255, 0.33) 64%, rgba(255, 255, 255, 0.0825) 80%, rgba(255, 255, 255, 0) 100%);
}
:where([data-theme=dark]) {
  --sg-skeleton-bg: rgba(255, 255, 255, 0.07);
  --sg-skeleton-highlight: rgba(255, 255, 255, 0.06);
  --sg-skeleton-band-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.009) 20%, rgba(255, 255, 255, 0.036) 36%, rgba(255, 255, 255, 0.06) 50%, rgba(255, 255, 255, 0.036) 64%, rgba(255, 255, 255, 0.009) 80%, rgba(255, 255, 255, 0) 100%);
}